@charset "utf-8";
/* Theme Name: emaj */
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700');
@import url(/asset/cont/themes/emaj/css/drawer.min.css);
/* ==========================================================================
   Base
   ========================================================================== */
html {width:100%; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{ margin:0; padding:0; width:100%; background:#fff; font-family: 'Raleway', "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif"; color:#000; text-align:center; font-size: 14px; line-height:1.9; border: 8px solid #0b0d7d; box-sizing: border-box;}
ol,ul,li,dt,dl,dd{list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;  font-size: 14px; line-height:24px;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{ border:none; vertical-align:bottom; margin:0; padding:0;}
p{ margin:0;}
/* link  */
a,a:visited,a:active,a:hover{color:#000; text-decoration:none; outline: 0;}
/* clear */
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}.cf{ /min-height:1px; /display:inline-block;}.cBoth{clear:both;}
/* Text Style */
.t8{ font-size:8px; line-height:14px;}.t10{ font-size:10px; line-height:14px;}.t12{ font-size:12px;}.t14{ font-size:14px;}.t16{ font-size:16px;}.t18{ font-size:18px;}.t20{ font-size:20px;}.t22{ font-size:22px;}.t24{ font-size:24px;}.t26{ font-size:26px;}.t28{ font-size:28px;}.t30{ font-size:30px;}.t32{ font-size:32px;}.t36{ font-size:36px;}.t40{ font-size:40px; }.t50{ font-size:50px;}
.gray{ color:#999;}.darkGray{ color:#666;}.aqua{ color:#6bc5ef;}.navy{ color:#0b0d7d;}.orange{ color: #ff6600;}
.tJ{ font-family: 'Raleway', 'Noto Sans Japanese', sans-serif; font-weight:200;}
.tEl,.tEr,.tEm,.tEb{font-family: 'Raleway', sans-serif; letter-spacing:0.05em;}.tEl{ font-weight: 300;}.tEr{ font-weight: 400;}.tEm{ font-weight: 500;}.tEb{ font-weight: 700;}
h1,h2,h3,h4,h5{ font-family:'Raleway', 'Noto Sans Japanese', sans-serif; margin:0; font-weight:500;}h1{ line-height: 1.2;}h2,h3,h4,h5{ line-height: 1.6;}
.alignright{float:right;margin:0 0 20px 20px;}
.alignleft{float:left;margin:0 20px 20px 0;}
.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;}
.fade{ display:none;}
input,textarea,select{font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo', sans-serif;}
input,textarea{color:#4c4c4c;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #e6e6e6; padding:10px 7px 10px 7px;margin:5px 0px;box-sizing: border-box; }
textarea{width: 100%;}
select {color:#4c4c4c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #e6e6e6; height:33px; padding:6px 7px 6px 7px; margin:5px 0px;}
.wrapper{ width:1000px; margin:auto;}.wrapper800{ width:800px; margin:auto;}
.fade{ display:none;}
.pc{}.sp{ display:none;}
/* =============================================================	=============
   common
   ========================================================================== */
/* header */
header{border-bottom: 1px dashed #000;}
@media screen and (min-width:768px) {
header{ padding: 25px 0; margin-bottom: 40px}
header .logo{ float: left; width: 50%; text-align: left;}
header .subnav{ float: right; width: 50%; text-align: right;}
header .subnav li{ font-size: 20px; display: inline-block; margin-left: 20px; }
header nav ul{ margin-top: 20px;}
header nav ul li{ display: inline-block; line-height: 1.5;}
header nav ul li a{display: inline-block; border-left:1px solid #000; padding:0 51px;}
header nav ul li:nth-child(6) a{border-right:1px solid #000;}
header nav ul li ul{ display: none;}
}
header nav ul li h3{ font-size: 16px;}
header nav ul li span{ font-size: 13px;}
li.contact a{ display: inline-block; font-size: 14px;  line-height: 1.4; border:1px solid #000; color: #000; padding: 8px 20px;}
li.contact a i{ margin-right: 5px;}
/* footer */
footer{ background:#eaeaea; padding:40px 0; margin-top:60px;}
@media screen and (min-width:768px) {
footer nav ul{ float: left; margin-right: 50px; text-align: left;}
footer nav ul.subnav{ float: right; margin-right: 0;}
}
footer nav ul li{ font-size: 12px;}
footer nav ul li.ttl{border-bottom: 1px solid #000; margin-bottom:10px; padding-bottom: 5px; display: inline-block;}
footer nav ul li.ttl h3{ line-height: 1.2;}
footer nav ul li.ttl span{ font-size: 12px; display: block;}
footer nav ul.subnav li.contact{ margin-bottom:15px;}
footer nav ul.subnav li{ margin-bottom:5px;}
footer nav ul.subnav li i{margin-right: 8px;}
footer .copy{letter-spacing: 0.1em; margin: 40px 0;}
footer .copy h1{font-size: 34px; line-height: 1.4;}
footer .copy h2{ margin-top: 10px;}
footer .cr{ margin-top: 30px;}
#page-top{position:fixed; bottom:0; right:0;line-height:0; z-index:9999;}
#page-top a{display: block; background:#101658; color:#fff; font-size:30px; padding:20px;}
#page-top a:hover{background:#6bc5ef;}
/* ==========================================================================
   page
   ========================================================================== */
/* common */
.wrapper800 .wp_social_bookmarking_light{ display: none;}
.morebtn{ margin-top: 25px; width: 100%; text-align: center;}
.morebtn a{padding-bottom:5px; color:#6bc5ef; border-bottom: 1px solid #6bc5ef; display: inline-block; margin: auto;}
.morebtn a:before{ content: "\f105";font-family: FontAwesome; margin-right:5px;}
.backbtn{ width: 100%; text-align: right; margin-top:20px;}
.backbtn a{display: inline-block;}
.backbtn a:before{ content: "\f100";font-family: FontAwesome; margin-right:8px;}
.primary{ float: right; width: 700px;}
aside{float: left; width: 230px; background:#eaeaea;}
aside .ttl{ margin: 30px 0 20px 0;}
aside ul li{ border-top: 1px solid #fff; padding: 15px 30px; text-align: left;}
.list li{ border-bottom: 1px solid #f6f6f6; padding: 30px 0; text-align: left;line-height:1.3;}
.list li a{ display: block;}
.list li .ph{ float: left; width:15%; height: 80px; background: url(/asset/cont/themes/emaj/img/emalogo.jpg); background-size:cover;}
.list li .ph img{ width: 100%; height: auto;}
.list li section{ float: right; width: 82%;}
.list li h3{ font-size: 16px;  display: inline-block; margin-top: 15px;}
.cat{margin-right:15px;}
.cat span{ border: 1px solid ; color: #6bc5ef; padding:5px 10px; margin-right:2px;}
/* top */
#top header{ border: 0; margin-bottom: 0;}
.t_mission{background: #6bc5ef; color: #fff; padding: 50px 20px;}
.t_mission h2{ margin: 15px 0;}
.t_mission .morebtn a{display: inline-block; color:#fff; border-bottom-color: #fff;}
ul.topList li{ float: left; width: 50%;}
ul.topList li a{ display: block;}
ul.topList li .ph{ width: 100%; height:250px; overflow: hidden; background: url(/asset/cont/themes/emaj/img/emalogo.jpg); background-size:cover;}
ul.topList li .ph img{ width: 100%; height: auto;}
ul.topList li section{ padding: 20px 30px 40px 30px; text-align:left;}
ul.topList li section h3{ margin-bottom: 5px;}
ul.topList li.promssm{ background: #68e8fe; color: #fff; padding: 40px 20px 30px 20px; box-sizing: border-box;}
ul.topList li.faq{ background: #52e1aa; color: #fff; padding: 40px 20px 30px 20px;; box-sizing: border-box;}
ul.topList li.promssm h1,ul.topList li.faq h1{margin-bottom: 15px; font-size: 30px;}
ul.topList li .morebtn a{ display: inline-block; color:#fff; border-bottom-color: #fff;}
ul.topList li:nth-child(n+5){width:33.33%;}
ul.topList li:nth-child(n+5) .ph{height:200px;}
ul.topList li:nth-child(n+5) section{ padding: 15px 15px 30px 15px;}
ul.topSns li{ float: left; width:50%; background:#0b0d7d; padding: 20px; box-sizing: border-box;}
ul.topSns li h2{ margin-bottom:15px; }
ul.topSns li h2 a{ color: #fff;}
ul.topSns li h2 a i{ margin-right: 10px;}
ul.topSns li:last-child{ background:#6bc5ef; padding-bottom: 12px;}
/* action % news */
.primary .archive_header h2{ display: inline-block; border-bottom: 1px solid #000; padding-bottom: 8px; margin-bottom: 20px;}
article{ text-align: left;}
article .header h1{ font-size: 28px; line-height: 1.4; border-bottom: 1px solid #000; padding-bottom: 25px;  margin:18px 0 40px 0;}
.enbtn a{ float: right;display: inline-block; margin: 0 0 15px 15px;}
.enbtn a:before{ content: "\f105";font-family: FontAwesome; margin-right:5px;}
article article a{ color:#6bc5ef; border-bottom: 1px solid #6bc5ef;}
article article a:hover{ color:#0b0d7d; border-color:#0b0d7d;}
article img{ max-width:100%; height: auto;}
article article hr{border-width: 1px 0px 0px 0px; border-style: solid; border-color:#ccc; height: 1px;}
article article hr.dot{border-width: 1px 0px 0px 0px; border-style: dotted; border-color:#ccc; height: 1px;}
article article .frame{ border: 5px solid #ccc; padding: 30px 40px; box-sizing: border-box;}
article article .bg{ background: #eaeaea; padding: 30px; border-radius:15px; display: inline-block; margin: 10px 0;}
article article ul li{list-style: disc;line-height: 1.6; margin:7px 0 0 30px;}
article article table{border: 1px solid #ccc; width: 100%;}
article article table th{ background: #f6f6f6; text-align: center;}
article article table th,.primary article article table td{border: 1px solid #ccc; padding: 10px;}
.wp_social_bookmarking_light{ border-top:1px solid #000; padding-top:20px; margin-top: 50px; clear:both;}
.primary article article .wp_social_bookmarking_light a{ border: 0;}
#comments{ margin-top: 30px; background: url(/asset/cont/themes/emaj/img/stripe.png); padding: 40px 50px; font-size: 12px; color: #666;}
#comments .required{color:#6bc5ef; font-size:30px; line-height: 20px; vertical-align: middle;}
#comments .comment-notes{ display: inline-block; margin-bottom: 15px;}
#comments label{ display: block;}
#comments .form-submit input{ background:#666; color: #fff; padding: 10px 20px;}
#comments .form-submit input:hover{background:#000; }
#comments ol.comment-list{ margin-bottom: 40px;}
#comments ol.children{ margin:0 0 40px 30px; }
.comment-body{background: #fff; padding: 30px; margin-top: 5px;}
.comment-body footer{ background:none; padding: 0; margin: 0 0 10px 0;}
.comment-body footer .comment-author img{ display: none;}
.comment-body footer .comment-metadata a{pointer-events: none; color:#999; font-size: 12px; border: 0;}
.comment-body .comment-content{ line-height: 1.6;}
.comment-body .reply a{background:#ccc; color: #fff; padding: 2px 15px; font-size: 11px; border: 0; display: inline-block; margin-top: 15px;}
.comment-body .reply a:hover{background:#000; color: #fff;}
/* promssm */
ul.qaList li{ border-bottom: 1px solid #eaeaea; padding: 20px 0 20px 2.5em; text-indent: -1em;}
ul.qaList li:last-child{border:0;}
ul.qaList2{ border: 3px solid #6bc5ef; padding: 40px;box-sizing: border-box; margin-top: 40px;}
ul.qaList2 li{ line-height: 1.4; margin-bottom: 20px; padding-left:2.5em;text-indent: -1em;}
ul.qaList2 li a{color: #6bc5ef;}
/* donate */
#donate .primary article article h2{ margin-bottom: 10px;}

.advocatenum{ border: 5px solid #6bc5ef; color:#6bc5ef; text-align: center; padding:10px 20px; }
ol.donation li{ display: inline-block; margin:0 5px 0 0;}
ol.donation li input{ font-size: 20px; padding: 10px 20px; background:#6bc5ef; color: #fff; cursor: pointer; display: inline-block;}
ol.donation.continuation li input{background:#52e1aa;}
ol.donation li input:hover{background:#000;}
#donation .primary article article hr.dot{ margin: 20px 0;}
ol.form li{ display:block; padding-bottom: 20px;}
ol.form li:last-child{ text-align: center; padding-bottom: 0;}
ol.form li .orange{ display: inline-block; margin-left: 10px;}
.wpcf7 input.wpcf7-submit{ background:#6bc5ef; color: #fff; padding: 10px 40px; }
.wpcf7 input.wpcf7-submit:hover{ background: #000;}
/* conact */
#contact article .wpcf7 p{ display: block;}
/* links */
#links article h3{ margin-bottom: 10px;}
/* ==========================================================================
   responsive
   ========================================================================== */
@media screen and (max-width:768px) {
body{ border-width: 3px; border: 0;}
.wrapper,.wrapper800{ width:100%;}.rps95{width:95%; margin: auto;}.rps90{width:90%; margin: auto;}
img{ width: 100%; height: auto;}
.pc{ display:none;}.sp{ display:inline-block;}
header{padding:15px 0; text-align: left;}
header .logo img{ width: 250px; height: auto;}
header nav{ padding-top: 10px;}
header nav ul li{ line-height: 1.4; text-align: center;}
header nav ul li.top{ margin-bottom: 10px;}
header nav ul li h3{ line-height: 1;}
header nav ul li span{ font-size: 12px;}
header nav ul li.sp{ display:block;}
header nav ul li ul li a{ font-size: 12px; padding:3px; display: block;}
header nav ul li.contact{ margin: 15px 0;}
header nav ul li.sns{ margin-top: 15px;}
header nav ul li.sns a{ padding: 0 10px; font-size: 18px;}
.drawer-dropdown-menu{ margin-bottom: 20px;}
footer nav ul{ margin-bottom: 30px;}
footer .copy{ text-align: left; line-height: 1.4;}
footer .copy h1{font-size: 24px; }
footer .copy h2{font-size: 16px; }
#page-top a{font-size:18px; padding:13px;}
.t_mission{ text-align: left;}
.t_mission h1{ font-size: 40px;}
.t_mission h2{ font-size: 20px;}
.t_mission h3{ font-size: 16px;}
ul.topList li{ float: none; width: 100%;}
ul.topList li.faq,ul.topList li.promssm{ text-align: left;}
ul.topList li.faq h1,ul.topList li.promssm h1{ font-size: 26px;}
ul.topList li:nth-child(n+5){width:50%;float: left;}
ul.topList li:nth-child(n+5) section{ padding: 20px 10px 40px 15px;}
ul.topList li:nth-child(n+5) section .cat span{display: inline-block; margin-top: 1px;}
ul.topSns li{ float: none; width:100%;}
input,textarea,select{width: 100%;}
aside{float: none; width:100%; background:#fff;}
aside .ttl{ font-size: 10px;}
aside .ttl h1{ font-size: 16px;}
aside ul{ display: none;}
.primary{float: none; width:100%;}
.primary article .header h1{ font-size: 22px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding:15px;}
}