@charset "utf-8";
/* Theme Name: mdm */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:600,700');
@import url('https://fonts.googleapis.com/css?family=Kameron');
@import url('https://fonts.googleapis.com/css?family=Krona+One');
@import url('https://fonts.googleapis.com/css?family=Cantarell');
@import url('/mdm/cont/themes/mdm/css/drawer.min.css');
@import url('/mdm/cont/themes/mdm/css/jquery.bxslider.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: 'Josefin Sans','Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo', sans-serif; color:#333; text-align:center; font-size: 14px; line-height:1.8;}

ol,ul,li,dt,dl,dd,p{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; max-width: 100%; height: auto;}
iframe{max-width: 100%;}
/* link  */
a,a:visited,a:active,a:hover{color:#000; text-decoration:none; outline: 0; }a:focus { outline: thin dotted;} .ab a{ display: block;}
/* 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:1.2;}.t9{ font-size:9px; line-height:1.2;}.t10{ font-size:10px; line-height:1.2;}.t11{ font-size:11px; line-height:1.2;}.t12{ font-size:12px;}.t13{ font-size:13px;}.t14{ font-size:14px;}.t16{ font-size:16px;}.t18{ font-size:18px;}.t19{ font-size:19px;}.t20{ font-size:20px;}.t21{ font-size:21px;}.t22{ font-size:22px;}.t24{ font-size:24px;}.t26{ font-size:26px;}.t28{ font-size:28px;}.t30{ font-size:30px;}.t32{ font-size:32px;}.t34{ font-size:32px;}.t36{ font-size:36px;}.t40{ font-size:40px; }.t42{ font-size:42px; }.t46{ font-size:46px;}.t50{ font-size:50px;}
small{font-size:11px; line-height:1.6; color: #666; display: inline-block;}
.gray{ color:#999;}.darkGray{ color:#666;}.blue{ color:#005ea7;}.orange{ color:#ff6600;}
.tJ1,.tJ2,.tJ3,.tJ4,.tJ5,.tJ7.tJ9{ font-family:'Noto Sans Japanese', sans-serif;}
.tJ1{font-weight:100;}.tJ2{font-weight:200;}.tJ3{font-weight:300;}.tJ4{font-weight:400;}.tJ5{font-weight:500;}.tJ7{font-weight:700;}.tJ9{font-weight:900;}
.tEr,.tEm,.tEb{font-family: 'Josefin Sans', sans-serif;}.tEr{ font-weight: 400;}.tEm{ font-weight: 600;}.tEb{ font-weight: 700;}
.tEK{font-family: 'Krona One', sans-serif;}
.tEC{font-family: 'Cantarell', sans-serif;}
h1,h2,h3,h4,h5{ font-family:'Josefin Sans', 'Noto Sans Japanese', sans-serif; margin:0; font-weight:400;}h1{ line-height: 1.3;}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;}
div.aligncenter,small.aligncenter{ width: 100%; text-align:center;}
.tleft{text-align: left;}
.fade{ display:none;}
input,textarea,select{font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo', sans-serif;box-sizing: border-box; }
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;}
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;}
.wrap{ width:1000px; margin:auto;}.wrap800{ width:800px; margin:auto;}.container{ margin-top:70px;}
.fade{ display:none;}
.pc{}.sp,.sp2{ display:none;}


/* header */
header{position: fixed; top: 0; z-index: 1000; width: 100%; text-align: center; padding-top: 30px;}
header div div{float: left; width: 33.333%; display: block;}
header div div.menu{ text-align: left; font-size: 15px; margin-top: 20px;}
header div div.menu div{cursor: pointer; color: #fff;}
header div div.menu div:hover,header.fix div div.menu div:hover{color:#ccc;}
header div div.menu div:before{ content: "\f0c9";font-family: FontAwesome; font-size: 30px; margin-right:10px; vertical-align:-8%;}
header div div.donation{text-align: right; margin-top: 30px;}
header div div.donation a{background: #ff6600; padding: 13px 65px; color: #fff; border-radius:30px; font-size: 17px;}
header div div.donation a:hover{background:#993300;}
header.fix{background: #fff; padding: 10px 0; z-index: 1000;}
header.fix div div.menu{margin-top:0; }
header.fix div div.menu div{color:#333;}
header.fix div div.logo img{width: 52px;}
header.fix div div.donation{margin-top: 12px;}
header.fix div div.donation a{padding: 7px 70px;}
/* footer */
footer{ margin:50px 0 15px 0;}
footer .breadcrumbs{color:#999; padding:10px 0; border-top:1px solid #eaeaea; position:static;}
footer .breadcrumbs a{color:#666;}
footer .snsfollw{background: #333; padding:40px 0 50px 0; color: #fff;}
footer .snsfollw ul{margin-top: 15px;}
footer .snsfollw ul li{display: inline-block; margin: 0 10px; vertical-align: top;}
footer .snsfollw ul li a{background: #fff; color: #333; width: 75px; height: 75px; line-height: 1.2; display: inline-block; border-radius:80px;}
footer .snsfollw ul li a:hover{color: #fff;}
footer .snsfollw ul li a i{font-size: 30px; padding-top: 22px;}
footer .snsfollw ul li.fb a i{ padding-top:16px;}
footer .snsfollw ul li a span{display:block;}
footer .snsfollw ul li.fb a:hover{background: #3b5998;}
footer .snsfollw ul li.tw a:hover{background: #55acee;}
footer .snsfollw ul li.is a:hover{background: #d52e78;}
footer .mm{background: #e9dfd5; padding: 50px 0;}
footer .mm .info{float: left; width:60%; text-align: left;}
footer .mm .info h1{margin-bottom:15px;}
footer .mm .info a{border-bottom: 1px solid #000; color: #000;}
footer .mm .info a:hover{color:#ccc; border-color: #ccc; }
footer .mm .mm_btn{float: right; width:40%; text-align: right;}
footer .mm .mm_btn a{width: 250px; text-align: left; display: inline-block; background: #fff; padding: 15px 30px; border-radius:30px; line-height: 30px;}
footer .mm .mm_btn a:hover{background: #7d7063; color: #fff;}
footer .mm .mm_btn a i{background: #333; color: #fff; padding:10px; border-radius:50px; float: right;}
footer .contact{margin: 50px auto;}
footer .contact .info{float: left; width:510px; text-align: left;}
footer .contact .info h3{margin: 20px 0;}
footer .contact .info .contact_btn{margin-top: 20px;}
footer .contact .info .contact_btn a{width:380px; text-align: left; display: inline-block; background: #eaeaea; padding: 15px 30px; border-radius:30px; box-sizing: border-box;}
footer .contact .info .contact_btn a:hover{background: #333; color: #fff;}
footer .contact .info .contact_btn a:after{ content: "\f178";font-family: FontAwesome; float: right;}
footer .contact .info .contact_btn a.s{width:185px; padding: 10px 25px; margin:10px 5px  0 0;}
footer .contact #map{float: right; width:490px;}
footer .otermdm{text-align: left; border-top:1px solid #eaeaea; padding-top: 40px; margin-bottom: 40px;}
footer .otermdm h4{ font-size: 18px;  margin-bottom: 20px; cursor: pointer;}
footer .otermdm h4:after{ content: "\f107 ";font-family: FontAwesome; margin-left:10px;}
footer .otermdm div div{display: none;}
footer .otermdm div div ul li{float: left; width: 25%; padding-right: 40px; box-sizing: border-box;}
footer .otermdm div div ul li a{color: #666; display: block; border-bottom: 1px solid #eaeaea; padding:5px;}
footer .otermdm div div ul li a:after{ content: "\f105 ";font-family: FontAwesome; float: right;}
footer .subnav{background: #005ea7; color: #fff;}
footer .subnav li{display: inline-block;}
footer .subnav li:not(:first-child):before{ content: "|"; margin-right:5px;}
footer .subnav li a{padding: 10px 40px; display: inline-block; color: #fff;}
footer .cr{margin-top: 20px;}
#page-top{position:fixed; bottom:10px; right:10px;line-height:0; z-index:9999; font-size:20px;}
#page-top a{display: block; background-color: rgba(0,0,0,0.4); color:#fff; padding:15px;}
#page-top a:hover{background:#333;}

/* common */
.breadcrumbs{text-align: left; color: #fff; padding: 20px 20px; position: absolute; z-index: 50;}
.breadcrumbs span{padding: 0 5px;display: inline-block; font-size: 12px; }
.breadcrumbs span:not(:last-child):after{ content: "\f105 ";font-family: FontAwesome; margin-left:10px;}
.breadcrumbs br{display: none;}
.breadcrumbs span p {display: inline;}
.breadcrumbs a:hover{color: #ff6600;}
.mainttl{margin-bottom: 20px;}
.main_ph{width: 100%; height: 600px; background: #eaeaea; position: relative;}
.main_ph.noph{height:55px;}
.main_ph.noph .phcredit{display: none;}
.main_ph h1{color: #fff; padding-top: 250px;}
.phcredit{position: absolute; bottom:0; right:50px; color: #666; background-color: rgba(255,255,255,0.7); font-size: 10px; line-height: 1.2; padding: 5px 15px;}
.article_ttl{background:#005ea7; margin-bottom: 50px; line-height: 1.4;}
.article_ttl div{color: #fff; padding: 40px 0;}
.article_ttl div h1 br,.article_ttl div h2 br{display: none;}
.article_ttl div h2{margin-top: 10px;}
.article_ttl div h4{margin-top: 15px;}
.article_ttl div h4.nm{margin-top:0;}
.main_nav{position: relative; z-index: 10; margin-top: -51px; background: url(/mdm/cont/themes/mdm/img/common/blue.png) no-repeat bottom; background-size: 100% 40px;}
.main_nav.mn2l{margin-top: -75px;}
.main_nav.mn2l ul li span{display: block; padding: 11.5px 0;}
.main_nav ul{ font-size:0;}
.main_nav ul li{display: inline-block; font-size: 18px;line-height: 1.3;}
.main_nav ul li:not(:last-child){ border-right:1px solid #ccc;}
.main_nav ul li a{ background:#edecec; color: #000;  width: 200px; padding: 25px 0; display: inline-block; }
.main_nav ul li a:hover{background: #999;}
.main_nav ul li a:after{ content: "\f107 ";font-family: FontAwesome;display: block; line-height: 1; color: #AED1D9}
.main_nav ul li.curt a{background:#333; color: #fff;}
.main_nav ul li a.empty{pointer-events: none; color: #999;}
.main_nav ul li a.empty:after{color: #edecec; }

.pd{padding: 50px 0;}
.bg{background: #f6f6f6;}
.btn_gray a{background: #ccc; color: #fff; padding: 10px 40px;border-radius:30px; display: inline-block; }
.btn_gray a:hover{background: #333; color: #fff;}
.btn_gray a:before{ content: "\f105";font-family: FontAwesome; margin-right:5px;}
.btn_blue a{background:#005ea7; padding: 20px 40px; display: block; color: #fff; text-align: center; text-decoration: none;}
.btn_blue a:before{ content: "\f105 ";font-family: FontAwesome; margin-right:8px;}
.btn_blue a:hover{background: #ff6600; color: #fff; text-decoration: none;}
ul.li_news li{float: left; width: 310px; margin-bottom: 30px; text-align: left; }
div.tag-en-content ul.li_news li{ margin: 20px 10px; }
ul.li_news li .ph{width:100%; height: 190px; background: url( /mdm/cont/themes/mdm/img/common/noph.jpg); position: relative;}
ul.li_news li .ph .phcredit{right: 0; font-size: 8px; padding: 3px 5px;}
ul.li_news h4{margin: 15px 0 5px 0; line-height: 1.4;}
ul.lin3 li:not(:nth-child(3n)){margin-right: 35px;}
ul.lin2 li:nth-child(even){float: right;}
ul.lin4 li{width: 225px; margin-bottom: 0;}
ul.lin4 li:not(:nth-child(4n)){margin-right: 33.33px;}
ul.lin4 li .ph{height: 140px;}
ul.lin1 li{width:100%; margin-bottom: 20px;}
ul.lin1 li .ph{height: 110px;}
ul.lin1 li h4{ font-size: 12px; margin: 12px 0 3px 0; line-height: 1.3;}
ul li .cat{display: inline-block; border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px;}
.snsshare{text-align: center; margin-top: 40px;}
.snsshare ul{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding: 30px 0 20px 0; display: inline-block;}
.snsshare ul li{display: inline-block; margin: 0 5px; vertical-align: top;}
.latest{background:#f6f6f6; padding:50px 0; margin-top: 40px;}
.latest ul{margin-top: 15px;}
.other{padding:50px 0; }
.other ul{margin-top: 15px;}
.popular{background:#f4efea; margin-bottom: 40px;}
.popular ul{margin-top: 15px;}
.popular ul li{line-height: 1.3;}
.popular ul li .ph{height: 140px; overflow: hidden; margin-bottom: 15px;}
.popular ul li small{margin-top: 8px; display: inline-block; color: #999;}
.content{float: left; width: 670px; text-align: left;}article{text-align: left;}
.tag-en-content{width: 100%;}
article a{text-decoration: underline;}
article a:hover{ color: #ff6600; text-decoration: underline;}
/*article{word-break: break-all;}*/
article h2{ font-size: 28px; font-weight: 500; color: #005ea7; border-top:2px solid #005ea7; border-bottom:1px solid #6699cc; padding: 15px 0 12px 0; line-height: 1.3;}
article h2.band{ background: #005ea7; color: #fff; padding:15px 20px; border: none;}
article h3{font-size: 17px; font-weight: 500;   color: #005ea7; border-left:15px solid #005ea7; padding-left: 10px; line-height: 1.3; }
article h4{ font-size: 16px;font-weight: 400; background:#eaeaea; padding: 7px 20px; line-height: 1.4;}
article h5{ font-size: 15px; font-weight: 600; margin-bottom: 5px;}
article .cap{font-size: 11px; line-height: 1.3; margin-top: 10px; color: #999; text-align: center;}
article a.pdf:before{ content: "\f1c1 ";font-family: FontAwesome; margin-right:5px;}
article table{border: 1px solid #eaeaea; }
article table th,article table td{border: 1px solid #eaeaea; padding:15px 30px;vertical-align: top;}
article table th{background:#f9f9f9; text-align: center;}
article table.noborder{border: none; margin: auto;}
article table.noborder th,article table.noborder td{border: none; background: #fff; padding: 5px 20px;}
article ul li{list-style: disc; color: #000; margin-left: 20px; margin-bottom: 5px; line-height: 1.4;}
article ol li{list-style:decimal; color: #000; margin-left: 20px; margin-bottom: 5px; line-height: 1.4;}
article .bg{ background:#f3f3f3; padding:30px; border-radius:15px; color: #000; display: inline-block;}
article .bg h4{ font-size: 16px;  margin-bottom: 5px;}
article hr{border-top:2px solid #005ea7;}
article .footer_info{text-align: center; margin-top: 20px;}
article .btn_gray{padding: 0;}
article .btn_gray a{text-decoration: none;}
article .phw{width: 100%; height: 550px; position: relative;}
article .pha{width: 100%; height: 500px; position: relative;}
article .pha .phcredit{right: 0;}
.article_contact{margin:40px auto;}
.article_contact li{background: #e7e7e7; float:left; width: 49%; height: 130px; text-align: center; }
.article_contact li.mail a{display: block; width: 100%; height: 130px; text-decoration: none; padding-top: 18px; box-sizing: border-box; line-height: 1;}
.article_contact li.mail a:before{ content: "\f003 ";font-family: FontAwesome;font-size: 30px;}
.article_contact li.mail a:after{ content: "\f178";font-family: FontAwesome; float: right; font-size:18px; margin:2px 20px 0 0;}
.article_contact li.mail a div{padding-top:10px;}
.article_contact li.mail a:hover{background:#005ea7; color: #fff;}
.article_contact li.tell{float:right; padding-top: 30px; color: #000; box-sizing: border-box; line-height: 1.3;}

.wp-pagenavi{width: 100%; text-align: center; font-size: 18px;}
.wp-pagenavi span,.wp-pagenavi a{padding: 0 8px;}
.wp-pagenavi span.current{font-weight: bold; color: #000;}
.wp-pagenavi a{color: #666;}.wp-pagenavi a:hover{color: #ff6600;}

aside{float: right; width: 250px;}
aside .fb a{display: block; color: #fff; background:#005ea7;}
aside .fb a div{width: 100%; height: 160px; }
aside .fb a h1{padding-top:30px;line-height: 1.2;}
aside .fb a h1 i{margin-bottom: 5px;}
aside .fb a div:after{ content: "\f178";font-family: FontAwesome; display: block; text-align: right; line-height: 1.2; font-size: 24px; margin:0 20px 0 0;}
aside .aside_latest{background: #f6f6f6; padding:20px 30px;}
aside .aside_latest ul{margin-top: 15px}

/* top */
#top .container{margin: 0;}
.top_slider{width:100%; overflow: hidden;}
.top_slider ul li{width: 100%; background: #333;}
.top_slider ul li a{width: 100%; display: table; background:rgba(0,0,0,0.3); color: #fff;}
.top_slider ul li a:hover{background:rgba(0,0,0,0);}
.top_slider ul li section{width: 100%; height: 700px; display: table-cell; vertical-align: middle;}
.top_slider ul li section div{padding-top: 50px;box-sizing: border-box;}
.top_slider ul li section div h1{margin-bottom: 15px; line-height: 1.2;}
.top_slider ul li section div h1 br,.top_slider ul li section div h4 br{display: none;}
.top_slider ul li section div h1:after{ content: "\f178";font-family: FontAwesome; font-size: 26px; margin-top:15px; display:block; text-align: right;}
.top_slider #bx-pager{background: #005ea7;}
.top_slider #bx-pager a{display: block; width: 25%; float: left; color: #fff;}
.top_slider #bx-pager a div{width: 40%; height: 70px; float: left;}
.top_slider #bx-pager a h4{width: 60%; float: left; text-align: left;font-size: 12px; line-height: 1.4; padding: 18px 10px; box-sizing: border-box;}

#top .about{ padding: 40px 0; line-height: 1.4; }
#top .about h1{letter-spacing: 0.1em; margin-bottom: 20px;}
#top .about h1 span{letter-spacing:0;}
#top .intro li{width:100%; height: 430px; margin-bottom: 20px;}
#top .intro li div{padding-top: 200px; text-align: center;}
#top .intro li div a{background: #005ea7; padding: 30px 40px; color: #fff; display: inline-block; line-height: 1.4; text-align: center;}
#top .intro li div a:hover{background: #333; }
#top .intro li div a h1{line-height: 1.2;}
/*#top .intro li.support{background: url(/mdm/cont/themes/mdm/img/top/support.jpg) center center;background-size:cover;}*/
#top .intro li.guide{background: url(/mdm/cont/themes/mdm/img/top/Madrid-MDM-H-Gregorio-Mara.jpg) center top;background-size:cover;}
#top .intro li.support{background: url(/mdm/cont/themes/mdm/img/top/support2.jpg) center top;background-size:cover;}
#top .intro li.project{background: url(/mdm/cont/themes/mdm/img/top/project.jpg) top center;background-size:cover;}
#top .latestnews{padding: 40px 0; }
/*#top .performance{background: #e7e7e7; padding: 30px 0;}*/
#top .performance{padding: 30px 0;}
#top .performance h2{ line-height: 1.2; margin-bottom:15px;}
#top .performance img{width: 70%;}
#top .snstl{padding-top: 40px;}
#top .snstl section{ float: left; width:320px; margin-right:20px; box-sizing: border-box;}
#top .snstl section:last-child{ float: right; margin: 0;}
#top .snstl section h2{margin-bottom: 15px; font-size: 18px;}
#top .snstl section iframe{border: 1px solid #eaeaea;}
#top .snstl section #instafeed li{width:33.33%; float: left; box-sizing: border-box;}
#top .snstl section #instafeed li img{width: 100%; height: auto;}
#top .snstl section #instafeed li a:hover{opacity: 0.5;}
#top .snstl section .banner{margin-top: 20px; width: 100%; height:150px; overflow: hidden;}

/* news*/
.news_top_slider {width:100%; overflow: hidden;}
.news_top_slider .bx-pager{bottom: 10px;}
.news_top_slider ul li{width: 100%; background: #333;}
.news_top_slider ul li a{width: 100%; display: table; background:rgba(0,0,0,0.3); color: #fff;}
.news_top_slider ul li a:hover{background:rgba(0,0,0,0);}
.news_top_slider ul li section{width: 100%; height: 600px; display: table-cell; vertical-align: bottom;}
.news_top_slider ul li section div{width: 600px; padding:0 80px 80px 0;text-align: left; float: right;}
.news_top_slider ul li section div h1{margin-bottom: 15px; line-height: 1.2;}
.news_top .article_ttl{margin-bottom: 0;}
.news_top .news_nav{background: url(/mdm/cont/themes/mdm/img/common/blue.png) no-repeat; background-size: 100% 40px;}
.news_nav ul{font-size: 0;}
.news_nav ul li{display: inline-block; vertical-align: top;}
.news_nav ul li:not(:last-child){margin-right: 1px;}
.news_nav ul li.curt a{background:#666;}
.news_nav ul a{ background:#edecec; width: 170px; padding: 20px 0; font-size:14px; display: inline-block;}
.news_nav ul a:hover{background: #999;}
.news_nav ul a img{display:inline-block;}
.news_top .lin3 .mainttl{text-align: center; }
.news_top .lin3 .mainttl h4{margin: 0;}
.news_top .lin3 .btn_gray{text-align: center; margin-top: 15px;}
#news #en{ margin-top:-90px; padding-top:90px;}

.join_banner{margin-bottom: 20px; }
.join_banner a{color: #fff; background: url( /mdm/cont/themes/mdm/img/news/join_banner.jpg) no-repeat center center; background-size:cover;}
.join_banner a div{background:rgba(0,0,0,0.3); width: 100%;  height: 210px; }
.join_banner a h1{padding:70px 0 10px 0;}
.join_banner a div:after{ content: "\f178";font-family: FontAwesome; float: right; font-size: 26px; margin:10px 20px 0 0;}
.support_info{ border: 4px solid #005ea7; padding: 30px 0; text-align: center; margin-top: 30px;}
.support_info section{margin: 15px auto; width: 90%;}
.support_info section div{line-height: 1.2;}
.support_info section div.mdm{width: 100%; display: block;}
.support_info section div.yahoo,.support_info section div.sb{margin-top: 20px; width: 49%; float: left;}
.support_info section div.sb{float: right;}
.support_info section div b{color:#ff6600;}
.support_info section div div{margin-top: 5px;}

/* project */
.project_top .article_ttl div{text-align: center; padding-top: 10px;}
#project .emergency_banner{margin-bottom: 20px;}
#project .emergency_banner a{ display: block; height: 230px; text-align: left; background: url( /mdm/cont/themes/mdm/img/project/emergency_ph.jpg)  center -40px; box-sizing: border-box; }
#project .emergency_banner h1{ color: #fff; padding: 150px 0 0 50px;}
ul.li_pj{width: 1002px;}
ul.li_pj{margin-bottom: 40px;}
ul.li_pj li,ul.li_pj li a,ul.li_pj li a div{width: 334px; height: 300px;}
ul.li_pj li{float: left;}
ul.li_pj li a{display: block; color: #fff;}
ul.li_pj li a div{display: table-cell; position: relative;vertical-align: middle; background: rgba(0,0,0,0.6);}
ul.li_pj li a div h2{line-height: 1.2;}
ul.li_pj li a div h4{ margin: 12px 0; line-height: 1.4;}
ul.li_pj li a div span{line-height: 1.4;}
ul.li_pj li a:hover div{background-color: rgba(0,0,0,0.0); }
ul.li_pj li a div .status{position: absolute; bottom:0; right:0; color: #000; background-color: rgba(255,255,255,0.7); font-size: 10px; line-height: 1.2; padding: 5px 15px;}

.other ul.li_pj li,.other ul.li_pj li a,.other ul.li_pj li a div{height:250px;}

#project .detail{text-align: left; color: #000; margin-bottom: 50px;}

#project .detail .condition{background:#f6f6f6;box-sizing: border-box; padding: 40px;}
#project .detail .condition .ph{float: left; width: 65%; height: 330px; overflow: hidden;}
#project .detail .condition ul.txt{float: right; width: 31%; line-height: 1.2;}
#project .detail .condition ul.txt li:not(:last-child){margin-bottom: 15px;}
#project .detail .condition ul.txt li.info{font-weight: bold; line-height: 1.6; margin:25px 0;}
#project .support_complete{text-align: center; border:3px solid #999; background: #fff; color: #999;  padding: 15px 40px; line-height: 1.3;}
#project article .project_slider{margin-top: 20px; background: #f3f3f3; padding: 30px 30px 50px 30px; }
#project article .project_slider li{margin: 0; list-style: none;}

#project article .footer_status{text-align: center; margin-top: 30px;}
#project article .footer_status div{display: inline-block;}
#project #project_support{ margin-top:-70px; padding-top:70px;}
#project #project_support h1{ font-size: 26px; background: #999; color: #fff;  padding:30px;}
#project .bx-wrapper .bx-prev{left:-30px;}
#project .bx-wrapper .bx-next{right:-30px;}

/* about us */
#about .map{width: 80%; height: auto; margin: auto;}
#about .phvr{width: 200px; height: 300px; float: right; margin-left: 30px; position: relative;}
#about .phvr .phcredit{right: 0;}
article.single{margin-bottom: 70px;}
article.single .ph{max-height: 500px; overflow: hidden;}
article.single summary{width:800px; margin: auto; display: block;}
article.single table.network{margin: auto; border:0;}
article.single table.network td{text-align:center;background:#f3f3f3; padding: 30px; border:15px solid #fff;}
article.single table.network td div{margin-bottom: 5px; font-size: 16px;}
article.single table.history,article.single table.history th,article.single table.history td{border: 0; background: #fff;}
article.single table.history tr:nth-child(odd) th,article.single table.history tr:nth-child(odd) td{background:#f3f3f3; line-height: 1.6;}
article.single table.history th{white-space: nowrap; color: #000; font-weight:700; vertical-align: middle;}

/* support*/
ul.li_banner li{float:left; margin-bottom: 20px;}
ul.li_banner li a{display: table; color: #fff; width: 100%; box-sizing: border-box;}
ul.li_banner li a div{display: table-cell; vertical-align: middle; background:rgba(0,94,167,0.6); width:490px; height: 170px;}
ul.li_banner li a div h2{line-height:1.2; margin-top: 50px;}
ul.li_banner li.monthly a div h2 span{display:block;}
ul.li_banner li a div h4{ margin: 12px 0; line-height: 1.4;}
ul.li_banner li a:hover div{background-color: rgba(0,0,0,0.0);}
ul.li_banner li a div:after{ content: "\f178";font-family: FontAwesome;font-size: 18px; float: right; margin:0 20px 0 0;}
ul.li_banner.lis2 li:nth-child(even){float: right;}

ul.li_banner.lis3 li a div{width:320px;}
ul.li_banner.lis3 li:not(:last-child){margin-right: 20px;}
ul.li_banner.lis4 li a{background: #005ea7;}
ul.li_banner.lis4 li a div{width:235px; height: 140px;}
ul.li_banner.lis4 li:not(:last-child){margin-right: 20px;}
ul.li_banner.lis4 li a div h2{font-size: 20px; margin-top: 30px;}
ul.li_banner.lis4 li.mm i{ margin-bottom:5px;}
.recruit_banner a{color: #fff; background: url( /mdm/cont/themes/mdm/img/common/recruit.jpg) no-repeat center center; background-size:cover;}
.recruit_banner a div{background:rgba(0,94,167,0.6); width: 100%;  height: 210px; }
.recruit_banner a h1{padding:60px 0 10px 0;}
.recruit_banner a div:after{ content: "\f178";font-family: FontAwesome; float: right; font-size: 26px; margin:10px 20px 0 0;}
.recruit_banner a div:hover{background-color: rgba(0,0,0,0.0);}
aside ul.li_banner.lis1 li{ margin-bottom:10px;}
aside ul.li_banner.lis1 li a div{width:250px; height: 80px;}
aside ul.li_banner.lis1 li a div br{display:none;}
aside ul.li_banner.lis1 li a div h2{margin-top: 30px; font-size: 16px; line-height:1.4; }
aside ul.li_banner.lis1 li a div h4{display: none;}
aside ul.li_banner.lis1 li.icon a{background: #005ea7;}
aside ul.li_banner.lis1 li.icon h2{font-size: 14px;}
aside ul.li_banner.lis1 li.icon i{font-size: 18px; margin:0 5px 0 0;}
aside ul.li_banner.lis1 li.icon span{font-size: 18px;}
#volunteer .btn_gray a{margin-bottom: 10px;}
#volunteer table th{font-size: 16px;}
#volunteer table td{padding: 30px;}
#volunteer #oversea,#volunteer #domestic{margin-top:-100px;padding-top:100px;}

/* donation*/
#donations ul.li_banner li a div{height: 200px;}
#donations ul.li_banner li.monthly a div{background: url( /mdm/cont/themes/mdm/img/donation/mark_monthly.png) no-repeat 0 0 rgba(0,0,0,0.56);background-size:80px auto;}
#donations ul.li_banner li.once a div{background: url( /mdm/cont/themes/mdm/img/donation/mark_once.png) no-repeat 0 0 rgba(0,0,0,0.56);background-size:80px auto;}
#donations ul.li_banner li a:hover div{background-color: rgba(0,0,0,0.0);}
#donations ul.li_banner li:nth-of-type(2) a div:after{margin-top:20px;}
ul.li_dinfo li{float: left; width:490px; color:#fff; line-height: 1.4; background: url( /mdm/cont/themes/mdm/img/common/logo_bw.png)no-repeat 0 0 #005ea7; background-size:60px auto; margin-bottom: 20px;}
ul.li_dinfo li.deduction a{display: block; color:#fff;}
ul.li_dinfo li.deduction a{box-sizing: border-box; padding-top: 30px;}
ul.li_dinfo li.deduction h2{font-size:30px; line-height: 1.2; margin: 30px 0 15px 0;}
ul.li_dinfo li.deduction a:after{ content: "\f178";font-family: FontAwesome; display: block; text-align: right; font-size: 26px; margin:10px 20px 0 0;}
ul li.how_payment{float: right; padding: 30px 0; bbackground: url( /mdm/cont/themes/mdm/img/common/logo_bw.png)no-repeat 0 0 #005ea7; background-size:60px auto;}
ul li.how_payment a{color:#fff;}
ul li.how_payment div{text-align: left; margin: auto; display: inline-block;}
ul li.how_payment div h2{margin-bottom: 10px; text-align: center;}
ul li.how_payment div h4:before{ content: "\f105 ";font-family: FontAwesome; margin-right:5px;}
ul.li_dinfo li.other{padding:0;}
ul.li_dinfo li.other a{display: block; color:#fff; padding: 40px 0 5px 0;}
ul.li_dinfo li.other div{text-align: left;  margin: auto; display: inline-block;}
ul.li_dinfo li.other div h2{line-height: 1.3; text-align:center;}
ul.li_dinfo li.other div h3{ margin: 15px 0 10px 0; border-bottom: 1px solid #81bae6; padding-bottom: 2px;}
ul.li_dinfo li.other div h4{padding-left:1em; text-indent: -1em; line-height: 1.3; margin-top: 7px; font-weight: 200;}
ul.li_dinfo li.other div h4:before{ content: "・";font-family: FontAwesome; margin-right:5px;}
ul.li_dinfo li.other a:after{ content: "\f178";font-family: FontAwesome; display: block; text-align: right; font-size: 26px; margin:0 20px 0 0;}
aside ul.li_banner li.monthly a div{background: url( /mdm/cont/themes/mdm/img/donation/mark_monthly.png) no-repeat 0 0 rgba(0,0,0,0.56);background-size:60px auto;}
aside ul.li_banner li.once a div{background: url( /mdm/cont/themes/mdm/img/donation/mark_once.png) no-repeat 0 0 rgba(0,0,0,0.56);background-size:60px auto;}
aside ul.li_banner li a:hover div{background-color: rgba(0,0,0,0.0);}
aside ul.li_dinfo li{float: none; width:100%; margin-bottom:10px; background-size:30px auto; }
aside ul.li_dinfo li.deduction a{padding: 20px 0 0 0;}
aside ul.li_dinfo li.deduction h2{font-size:14px; line-height: 1.3; margin: 0 0 5px 0;}
aside ul.li_dinfo li.deduction h3{font-size:11px; line-height: 1.3; font-weight: 200; }
aside ul.li_dinfo li.deduction span{font-size: 22px;}
aside ul.li_dinfo li.deduction a:after{font-size: 16px; margin:0 10px 0 0;}
aside .how_payment{padding:20px 0; float: none;}
aside .how_payment div{padding: 0 30px;}
aside .how_payment div h2{font-size:14px;}
aside .how_payment div h4{font-size:12px; font-weight: 200; line-height: 1.2; margin-bottom: 3px;padding-left:0.7em; text-indent: -1em;}
aside ul.li_dinfo li.other a{padding-top:20px;}
aside ul.li_dinfo li.other div{text-align: left;  margin: auto; display: inline-block;}
aside ul.li_dinfo li.other div h2{font-size:14px; text-align: center;}
aside ul.li_dinfo li.other div h3,aside ul.li_dinfo li.other div h4{display: none;}
aside ul.li_dinfo li.other a:after{ font-size: 16px; margin:0 10px 0 0;}
#donations .performance{background:#fff; padding: 60px 0; margin-top: 40px;}
#donations .performance .chart{margin:20px auto;}

/* contact*/
.contact_form{text-align: center; background: #eaeaea; padding: 30px 0;}
.contact_form table{margin: auto;}
.contact_form th,.contact_form td{padding: 10px; background:none;}
.contact_form th{color:#005ea7; text-align: right;padding-top: 25px;}
.contact_form td{text-align: left;}
.contact_form td input[type="text"],.contact_form td input[type="email"],.contact_form td textarea{width:400px;}
.contact_form th.entry{text-align:center; font-weight: normal;}
.contact_form th.entry div{line-height: 1.6; margin-bottom: 5px;}
.contact_form th.entry b{display: inline-block; margin-bottom: 15px;}
.contact_form th.entry input:not([type="checkbox"]){background: #005ea7; color: #fff; font-size: 18px; font-family:'Noto Sans Japanese', sans-serif; font-weight: 500; padding: 10px 50px; border-radius:0; border: 0; cursor: pointer;}
.contact_form th.entry input.wpcf7-back{ background:#999; margin-right: 5px;}
.contact_form th.entry input:hover{background: #ff6600;}
.wpcf7 .wpcf7-validation-errors {color: #ff0000;background-color:none;border:none; font-weight: bold;}
.wpcf7 .wpcf7-mail-sent-ok {color: #005ea7;background:none; border:0; font-size: 20px;  font-weight: bold;}
.sent .contact_form { display: none; }
.cf_message{ display: none; text-align: center;}
.sent .cf_message { display: block; }
.wpcf7-form-control-wrap.your-recipient{display: block;margin-top: 15px;}

table.twosp th{white-space: nowrap;}

#search ul.li_news.lin4 li{margin-bottom: 30px;}
#search ul.li_news.lin4 li .ph{background:url(/mdm/cont/themes/mdm/img/common/noph.jpg) center center; background-size:cover;}
.page404 h2{margin: 100px auto 70px auto;}

/* ==========================================================================
   responsive
   ========================================================================== */

@media screen and (max-width:1200px) {
#top .performance img{width: 100%;}
}

@media screen and (max-width:786px) {
.pc{display:none;}.sp{ display:inline-block;}
input[type="submit"]{-webkit-appearance: none;}

.container{ margin-top:70px;}
.wrap,.wrap800{ width:100%; margin:auto;}.wps95,.wrap95{width:95%; margin:auto;}.wps90{width:90%; margin:auto;}.wps85{width:85%; margin:auto;}.wps80{width:80%; margin:auto;}

header,header.fix{padding: 10px 0;}
header div div.menu,header.fix div div.menu{ text-align: left; font-size: 16px; margin-top:-3px;}
header div div.menu div{cursor: pointer; color: #fff; font-size: 12px;}
header div div.menu div:hover,header.fix div div.menu div:hover{color:#ccc;}
header div div.menu div:before{ content: "\f0c9";font-family: FontAwesome; font-size: 30px; margin-right:10px; vertical-align:-8%;}
header div div.logo img,header.fix div div.logo img{width: 50px;}
header div div.donation{text-align: right; margin-top:15px;}
header div div.donation a,header.fix div div.donation a{padding: 5px 20px; font-size: 12px;}
footer .snsfollw ul li{margin: 0 5px;}
footer .snsfollw ul li a{ width:65px; height:65px;}
footer .snsfollw ul li a i{font-size:24px; padding-top: 20px;}
footer .snsfollw ul li.fb a i{ padding-top:14px;}
footer .mm .info{float: none; width:100%; margin-bottom: 20px; line-height: 1.4;}
footer .mm .info h1{font-size: 20px;}
footer .mm .mm_btn{float: none; width:100%; text-align: center;}
footer .mm .mm_btn a{width: 80%;}
footer .contact{margin-bottom: 20px;}
footer .contact .info{float: none; width:90%; line-height: 1.4; margin:0 auto 40px auto;}
footer .contact .info h3{line-height: 1.4;}
footer .contact .info .contact_btn a{width:80%;}
footer .contact .info .contact_btn a.s{margin-top:5px;}
footer .contact #map{float: none; width:100%;}
footer .contact #map iframe{height:300px;}
footer .otermdm{padding-top: 30px; margin-bottom: 10px;}
footer .otermdm div div ul li{width: 45%; padding-right: 0;}
footer .otermdm div div ul li:nth-child(even){float: right;}
footer .otermdm div div ul li a{padding:10px 5px;}
footer .subnav{padding: 20px 0;}
footer .subnav li{display: block;}
footer .subnav li:not(:first-child):before{ content:none; margin:0;}
footer .subnav li a{padding:3px; display:block;}
footer .cr{font-size:9px;}
#page-top{bottom:0; right:0;}
.breadcrumbs{ padding: 20px 5px; box-sizing: border-box;}
.breadcrumbs span{font-size: 10px; }
.main_ph{height: 380px;}
.main_ph.noph{height:50px;}
.main_ph h1{font-size: 30px; padding-top: 160px;}
.phcredit{right:0; font-size: 9px; padding: 3px 10px;}
.article_ttl{background:#005ea7; margin-bottom: 50px; line-height: 1.4;}
.article_ttl div{padding:25px 0; text-align: left;}
.article_ttl div h1{font-size: 30px;}
.article_ttl div h2{margin-top: 10px;}
.article_ttl div h4{font-size: 14px; font-weight: 200; margin-top: 15px;}
.article_ttl div h4.nm{margin-top:0;}
.main_nav ul li{width:32%; font-size: 13px;}
.main_nav ul li a{width:100%; padding: 23px 0 18px 0; display:block;}
.main_nav.mn2l ul li span{padding: 8px 0;}

.snsshare ul li{ margin:0;}
.support_info section div .btn_blue a{padding:13px 0 10px 0;}
.join_banner a h1{padding-top:55px;}
.recruit_banner a h1{padding-top:50px; font-size:36px;}
.recruit_banner a h4{font-size:14px;}

ul.li_news li{float: none; width:100%;}
ul.lin3 li:not(:nth-child(3n)),ul.lin4 li:not(:nth-child(4n)){margin-right:0;}
ul.lin2 li:nth-child(even){float: none;}
ul.lin4 li{width:100%; margin-bottom: 20px;}

.content{float: none; width:100%;}
aside{float: none; width:100%; margin: 30px auto 0 auto;}

article h2{font-size:20px;}
article table th,article table td{padding:10px 15px;}
article.single summary{width:100%;}
article.single#about summary{width:90%;}
article .phw{height: 300px;}
article .pha{height: 400px;}
.article_contact li{float:none; width: 100%; }
.article_contact li.mail{margin-bottom: 10px;height: 110px;}
.article_contact li.mail a{height: 110px; }

#top .bx-wrapper .bx-prev,#top .bx-wrapper .bx-next{display: none;}
.top_slider ul li section{height:440px; text-align: left;}
.top_slider ul li section h4{font-size: 14px; line-height: 1.3; margin-bottom: 10px;}
.top_slider ul li section h1{font-size: 30px;}
.top_slider #bx-pager a div{width:100%; float: none; height: 60px;}
.top_slider #bx-pager a h4{width:100%; float: none; text-align: left;font-size: 11px; line-height: 1.2; padding:8px 5px 15px 5px; box-sizing: border-box;}
#top .about h1{ letter-spacing: 0; font-size: 28px;}
#top .intro li{height: 500px;}
#top .intro li div{padding-top: 351px;text-align: center;}
#top .intro li div a{padding: 20px 30px;}
#top .intro li div a:hover{background: #333;}
#top .intro li div a h1{margin-bottom:5px;}
/*#top .intro li.support{background: url(/mdm/cont/themes/mdm/img/top/support.jpg) center center; background-size:cover;}*/
#top .intro li.support{background: url(/mdm/cont/themes/mdm/img/top/support2.jpg) center center; background-size:cover;}
#top .intro li.support div{text-align: center;}
#top .intro li.project{background: url(/mdm/cont/themes/mdm/img/top/project.jpg) top center;background-size:cover;}
#top .snstl section{ float: none;width:100%;}
#top .snstl section:not(:last-child){margin:0 0 20px 0;}
#top .snstl section #instafeed li:nth-child(n+10) {display: none;}

#news .main_ph .breadcrumbs span:nth-last-child(2):after{ content:none;margin-right:0;}
#news .main_ph .breadcrumbs span:last-child{display: none;}
#news .bx-wrapper .bx-prev,#news .bx-wrapper .bx-next{display: none;}
.news_top_slider ul li section{height: 440px;vertical-align: middle;}
.news_top_slider ul li section div{width:100%; padding:0 20px; float: none; box-sizing: border-box;}
.news_top_slider ul li section div h4{display: none;}
.news_nav ul li{ width:19.5%;box-sizing: border-box;}
.news_nav ul a{ font-size: 10px; line-height: 1.2; width:100%; display: block;}
.news_nav ul li:first-child a{padding: 15px 0 13px 0;}
.news_nav ul a:hover{background: #999;}
.news_nav ul a img{width: auto; height: 30px; margin-bottom: 5px;}

article.single table.network td{display: block; border:5px solid #fff;}
article.single table.history th{word-break: break-all;display: block; padding: 20px 20px 0 20px;}
article.single table.history td{display: block; padding: 5px 20px 20px 20px}

.project_top .article_ttl div{text-align: left; }
ul.li_pj{width:100%}
ul.li_pj{margin-bottom: 40px;}
ul.li_pj li,ul.li_pj li a,ul.li_pj li a div{width: 100%; height: 300px;}
ul.li_pj li{float: none; }
ul.li_pj li a{display: table;}

#project .detail .condition{padding:30px 20px;}
#project .detail .condition .ph{float: none; width:100%; height:200px; margin-bottom: 20px;}
#project .detail .condition ul.txt{float: none; width:100%;}
#project article .project_slider{padding: 30px 0 50px 0;}
#project .bx-wrapper .bx-prev{left:0px;}#project .bx-wrapper .bx-next{right:0px;}
#project article .footer_status .btn_blue{font-size: 16px;}
#project .other{padding-bottom:0;}

ul.li_dinfo li{float: none; width:100%; background-size:40px auto; margin-bottom: 20px;}
ul.li_dinfo li.deduction h2{font-size:20px; margin: 0 0 8px 0;}
ul.li_dinfo li.deduction h3{font-size:16px; line-height: 1.4;}
ul.li_dinfo li.deduction a:after{font-size: 20px; margin:0 15px 10px 0;}
ul li.how_payment{float: none; padding-bottom: 20px;}
ul li.how_payment div{padding: 0 20px;}
ul li.how_payment div h4{font-size: 12px;}
#donations .performance{padding: 40px 0;}
#donations .performance .wps90{text-align: left;}

ul.li_banner li,ul.li_banner.lis2 li:nth-child(even){float:none;}
ul.li_banner.lis4{margin-bottom: 30px;}
ul.li_banner.lis3 li a div{width:100%;}
ul.li_banner.lis3 li:not(:last-child),ul.li_banner.lis4 li:not(:last-child){margin-right:0;}
ul.li_banner.lis4 li a div{width:100%;}
ul.li_banner.lis4 li a div h2{font-size: 18px;}
ul.li_banner.lis4 li a div h2 span{font-size:22px;}
ul.li_banner.lis4 li a div i{ margin: 0 10px 0 0;font-size: 22px;}
ul.li_banner.lis2 h2{font-size: 26px;}
ul.li_banner.lis3 h2{font-size: 24px;}
#support ul.li_banner li a div br{display: none;}

.contact_form{background:none; padding: 0;}
.contact_form table{border:none;}
.contact_form th,.contact_form td{ display: block; text-align: left; padding: 0; border:none;}
.contact_form td{padding-bottom: 20px;}
.contact_form td input[type="text"],.contact_form td input[type="email"],.contact_form td textarea{width:100%;}
.contact_form td .wpcf7-list-item{display: block; width: 100%;}
.contact_form th.entry div{text-align:left;}
.contact_form th.entry input:not([type="checkbox"]){-webkit-appearance: none;}
.wpcf7-form-control-wrap.your-recipient{margin-top: 5px;}

table.twosp th,table.twosp td{white-space: break-all; display: block;}
table.twosp th br{display: none;}
}

@media screen and (max-width:640px) {
footer .otermdm div div ul li{width: 48%;}
.sp2{display: inline-block;}
article .phw{height: 250px;}
article .pha{height: 300px;}
article table.sp1c th,article table.sp1c td{display: block;}
article table.noborder th,article table.noborder td{padding: 3px 10px;}
#top .about h1{font-size: 25px; padding: 0 20px;}
#top .about h1 span{font-size: 18px; display: inline-block; line-height: 1.6; margin-top: 10px;}
#top .performance h2{font-size:18px;}

.phcredit_sptop .phcredit{top: 0; bottom: inherit;}
#about .phvr{width: 160px; height: 250px;margin: 0 0 15px 15px;}
}



//////////
/* Contact Form 7カスタマイズ */
/* テーブル セル2つ */
@media screen and (max-width: 480px) { /* ▼480：iPhone6+縦 */
.respStyle th, .respStyle td { display:block; }
.respStyle th {
    border-bottom: none;
    padding: 10px 0px 4px 8px;
}
}

.respStyle th {
    text-align: left;
    font-size: 14px;
    color: #333;
}

.respStyle td {
    font-size: 12px;
}

/* 必須ピンク */
.required-srt {
    font-size: 8pt;
    padding: 5px;
    background: #DE8686;
    color: #fff;
    border-radius: 3px;
    margin-right: 3px;
}

/* 必須グレー */
.unrequired-srt {
    font-size: 8pt;
    padding: 5px;
    background: #BDBDBD;
    color: #fff;
    border-radius: 3px;
    margin-right: 3px;
}

/* Contact Form 7のラジオボタンを縦並びに　class:list-blockをclass指定する */
.list-block .wpcf7-list-item {
    display: block;
}

span.wpcf7-list-item {
display: block;
}

.recaptcha { /* recaptchaに余白 */
    margin: -10px 0 20px 0;
}

@media screen and (min-width:787px) {
ul.rry2 li{
width:45%;
}
}

@media screen and (max-width:1030px) {
.news_nav_rry ul li{
width:15.5%;
}
.news_nav_rry ul li a{
width:100%;
}
}

/* ==========================================================================
   ranryu Rollover
   ========================================================================== */
.rry-rollover {
position:relative;
overflow:hidden;
display : inline-block;
}
.rry-rollover::before{
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    z-index:2;
}

.rry-rollover-text
{
font-color:#000;
width: 90%;
padding:20px 5% 20px 5%;
position:absolute;
bottom:0;
-webkit-transition: all 0.3s;
transition: all 0.3s ease-out;
z-index:5;
}

.rry-rollover-text *{
color:#fff;
background:none;
border:none;
padding:none;
margin:none;
}
.rry-rollover:hover .rry-rollover-text
{
background:rgb(0,0,0,30%);
}

.rry-rollover-link{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:8;
}

.rry-rollover img
{
display:block;
background:rgb(0,0,0,30%);
-webkit-transition: all 0.3s;
transition: all 0.3s ease-out;
background-color:#2C2C2C;

}

.rry-rollover:hover img
{
transform:scale(1.1);
}




.main_nav ul.nav4link li a {
	width: 150px;
}

.main_nav.mn2l ul li span.spanline1{
	padding: 23.0px 0;
}
.main_nav.mn2l ul li span.spanline2{
	padding: 11.5px 0;
}

@media screen and (max-width: 786px){
	.main_nav ul.nav4link li {
		width: 24%;
	}
	.main_nav ul.nav4link li a {
		width: 100%;
	}
	.main_nav.mn2l ul li span.spanline1{
		padding: 16px 0;
	}
	.main_nav.mn2l ul li span.spanline2{
		padding: 8px 0;
	}
}
.fa-twitter:before {
    content: "\1d54f";
}
footer .snsfollw ul li.tw a:hover {
    background: #0f1419;
}