@charset "utf-8";
/* Theme Name: ny */
@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=Josefin+Sans:300,400,600,700');
@import url(https://plaza.umin.ac.jp/nanbyo-kenkyu/asset/cont/themes/ny/css/drawer.min.css);
@import url(https://plaza.umin.ac.jp/nanbyo-kenkyu/asset/cont/themes/ny/css/animate.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:#000; 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;}
/* 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: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;}.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;}.t36{ font-size:36px;}.t40{ font-size:40px; }.t50{ font-size:50px;}
.gray{ color:#999;}.darkGray{ color:#666;}.red{color: #c81238;}
.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;}
.tEl,.tEr,.tEm,.tEb{font-family: 'Josefin Sans', 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:'Noto Sans Japanese', sans-serif; margin:0; font-weight:500;}h1{ line-height: 1.4;}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{ width: 100%; text-align:center;}
.taleft{text-align: left;}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo', sans-serif;color:#000; border:1px solid #000; padding:10px 7px 10px 7px; margin:5px 0px; box-sizing: border-box; font-size: 14px; max-width:100%;}
input{vertical-align:middle;}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),[type="number"]{width: 70px; padding:5px 7px 5px 7px; display:inline-block;}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.iM{width: 300px;}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.iS{width: 100px;}
.wrap{ width:1000px; margin:auto;}.wrapW{ width:1300px; margin:auto;}.wrapN{ width:800px; margin:auto;}
.fade{ display:none;}
.pc{}.sp{ display:none;}
.mov{position: relative;width: 100%; padding-top: 56.25%;}
.mov iframe {position: absolute;top: 0; right: 0;width: 100% !important;height: 100% !important;}
/* ==========================================================================
   common
   ========================================================================== */
header{padding: 15px 0;letter-spacing: 0.05em; border-bottom:1px solid #eaeaea; margin-bottom: 60px;}
header h1{font-size:24px;}
@media screen and (min-width:768px) {
header h1{float: left; }
header nav{float: right; text-align: right; margin-top: 5px;}
header nav a:hover{color: #66cc66;}
header nav ul li{display: inline-block; margin-left: 20px; font-size: 15px;}
header nav ul li.cr a{border-bottom: 2px solid #000;padding-bottom: 3px;}
}
footer{background:#333; color: #fff; padding:40px 0 20px 0; margin-top: 60px;letter-spacing: 0.05em;}
footer a,footer a:visited{color: #fff;}
footer a:hover,footer a:active{color: #339933;}
footer h1{font-size:24px;}
footer nav ul li{ font-size: 18px;}
footer nav ul li a{padding: 5px 0;}
footer nav .questionnair{margin-top: 30px;}
footer nav .questionnair a{display: inline-block; border: 1px solid #fff; padding: 10px 30px; font-size: 17px; letter-spacing: 0.08em;}
footer h1{margin: 50px auto 20px auto;}
footer nav .questionnair a:hover{background:#339933; color: #fff;}
#page-top{position:fixed; bottom:0; right:0;line-height:0; z-index:9999; font-size:26px;}
#page-top a{display: block; background:#ccc; color:#fff; padding:15px;}
#page-top a:hover{background:#339933;}
/* common */
.snsshare{text-align: center; margin-top: 40px;}
.snsshare ul{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 20px 0 10px 0; display: inline-block;}
.snsshare ul li{display: inline-block; margin: 0 5px; vertical-align: top;}
.pd{padding: 50px 0;}
.pd.line{border-top:1px solid #999;}
.mttl{color: #339933; margin-bottom: 20px;}
#top header,#test header{border-bottom: 0; margin-bottom: 0;}
#top .main {position: relative;width: 100%; overflow: hidden;}
#top .main,#top .main .headline,#top .main .headline div,#top .main video div{height: 600px; background-color: rgba(0,0,0,0.1);}
#top .main video{position: absolute;left: 0;top: 0;min-width: 100%; min-height: 100%; z-index: -1; }
#top .main video div{width: 100%; background: url(/asset/cont/themes/ny/img/top/main.jpg)no-repeat;background-size:cover;}
#top .main .headline{display: table; width: 100%; vertical-align: middle;}
#top .main .headline div{display: table-cell; width: 100%; vertical-align: middle; color:#fff;}
#top .main .headline div h2{letter-spacing: 0.15em; margin-top: 20px;}
#top .mission h1{margin-bottom: 20px; letter-spacing: 0.05em;}
#top .survey_link{margin: 40px 0 20px 0;}
#top .survey_link a{display: inline-block; background:#66cc66; color: #fff; padding: 15px 40px; }
#top .survey_link a:before{ content: "\f040";font-family: FontAwesome; margin-right:5px;}

#top .mission .wrapN{text-align: left;}
#top .mission .questionnair{margin-top: 20px;}
#top .mission .questionnair a{display: inline-block; background: #333333; color: #fff; padding: 10px 30px;}
#top .mission .questionnair a:hover{background: #66cc66;}
#top .info ul.li_info,#top .report ul.li_report{width: 90%; margin: auto;}
ul.li_info li a,ul.li_report li a{display:inline-block; padding: 8px 30px; box-sizing: border-box; width: 100%; text-align: left;}
ul.li_info li a:hover,ul.li_report li a:hover{background:#f6f6f6;}
ul.li_info li .data{float: left; width: 13%;}
ul.li_info li h4{float: right; width: 87%;}
ul.li_report li a{display:inline-block; padding: 7px 30px; box-sizing: border-box; width: 100%; text-align: left; line-height: 1.4;}
ul.li_report li i{float: left; width: 10%; font-size: 46px;}
ul.li_report li h4{float: right; width: 90%;}
ul.li_report li h4 span{display: inline-block; margin-bottom: 5px;}
.morebtn{margin-top: 20px;}
.morebtn a{ background:#ccc; color: #fff; padding: 12px 30px; line-height: 1;}
.morebtn a:before{ content: "\f105 ";font-family: FontAwesome; margin-right:5px;}
.morebtn a:hover{background:#66cc66;}
#top .activity ul li{margin-top: 25px; line-height: 1.5; }
#top .activity ul li .ph{width: 300px; height: 300px; border-radius:300px; margin: auto; overflow: hidden;}
#top .activity ul li .ph div{width: 300px; height: 300px;}
@media screen and (min-width:768px) {
#top .activity ul li a:hover .ph div{transform: scale(1.1);	transition-duration: 0.3s;}
}
#top .activity ul li h2{margin: 15px auto 8px auto;}
#top .about table{margin: auto;}
#top .about table th,#top .about table td{text-align: left; padding: 10px; vertical-align: top; }
.archive_ttl{margin-bottom: 30px;}
ul.catNav{margin-bottom:50px;}
ul.catNav li{display: inline-block; margin: 0 2px 5px 0; border: 1px solid #000; padding: 10px 15px 8px 15px; line-height: 1.2;}
ul.catNav li.current-cat{ background: #ccc;}
.wp-pagenavi {clear: both; text-align:center; margin-top:20px; font-family: 'Josefin Sans', sans-serif; font-size: 16px;font-weight: 300;}
.wp-pagenavi a, .wp-pagenavi span {padding: 0 10px;}
.wp-pagenavi a:hover{color: #ccc;}
.wp-pagenavi span.current {font-weight:bold;}

.questionnaire{background: #f6f6f6; padding:40px 60px;}
.questionnaire h2{margin-bottom: 20px;}
.questionnaire table{background: #fff; border: 1px solid #eaeaea}
.questionnaire table th,.questionnaire table td{display: block; }
.questionnaire table th{background: #fff; text-align: center;padding:30px 30px 10px 30px;}
.questionnaire table td{line-height: 36px;padding: 0 30px;}
.questionnaire table td.btn{padding: 20px 0 30px 0;text-align: center;}
.questionnaire table td.btn input{font-weight: bold;width: auto; background: #000; color: #fff; padding:10px 30px; border: none;}
.questionnaire table td.btn input:hover{background: #66cc66;}

.questionnaire button{background: #999; color: #fff; padding: 8px 30px; border:none; margin-top: 20px; font-size: 12px;}
.questionnaire button:hover{background: #000;}
.questionnaire div{text-align: left;}
.questionnaire_list{display: none;}

#survey ul.qselect{padding: 0 50px;}
#survey ul.qselect li{ margin-bottom: 10px;}
#survey ul.qselect li a{border: 3px solid #000;color: #000; padding: 20px 20px; display:block; line-height: 1.3; text-align: center;}
#survey ul.qselect li a:before{ content: "\f040";font-family: FontAwesome; margin-right:10px;}

#survey ul.qbtn{display: inline-block; margin: auto;}
#survey ul.qbtn li{text-align: left; margin-bottom: 5px;}
#survey ul.qbtn li a{background: #333; color: #fff; padding: 15px 20px; display:block; line-height: 1.3;}
#survey ul.qbtn li a:before{ content: "\f105 ";font-family: FontAwesome; margin-right:10px;}
.frame{border: 2px solid #333; padding: 40px; box-sizing: border-box;}
.bg{background:#f6f6f6; padding: 30px; box-sizing: border-box;}
.survey_q h3{background:#66cc66; color: #fff; padding: 10px 20px; margin-bottom: 20px;}
ol li{list-style: decimal;margin-bottom: 10px; margin-left: 20px;}
.wpcf7-form-control-wrap.q2_h1 .wpcf7-list-item.last,.wpcf7-form-control-wrap.q2_h3 .wpcf7-list-item.last,.wpcf7-form-control-wrap.q2_h4 .wpcf7-list-item.last,.wpcf7-form-control-wrap.q2_i_innai .wpcf7-list-item.last,.wpcf7-form-control-wrap.q2_i_ingai .wpcf7-list-item.last,.wpcf7-form-control-wrap.q5 .wpcf7-list-item.last,.wpcf7-form-control-wrap.q9 .wpcf7-list-item.last,.wpcf7-form-control-wrap.q15_a .wpcf7-list-item.last{display:inline-block; width: 100%;}

table.sq > th,table.sq > td{display: block; width: 100%;}
table.sq > td{padding: 20px 20px 40px 20px; box-sizing: border-box;}
table.sq td.btn{text-align: center;}
table.sq td.btn input{background: #333; color: #fff; font-size: 18px; font-weight: bold; padding: 10px 30px; width: auto; border: none; }
table.sq td.btn input:hover{background: #66cc66; border-color:#66cc66;}
table.sq2 th{font-weight: normal; padding-right: 15px; vertical-align: middle; white-space: nowrap;}
table.sq2.sq2_line th,table.sq2.sq2_line td{padding-top: 10px; padding-bottom: 10px; border-top:1px dotted #ccc;}
table.sq td a{text-decoration: underline;}
table.sq td a:hover{color: #66cc66;}
table.sq2_fLeft{float: left; margin-right: 20px;}
table.sq2.sq2_line td textarea{width: 100%; height: 100px;}

.single h1{margin:10px 0 30px 0;}
article{text-align: left; width: 700px;}
article h1{border-bottom: 1px solid #666; padding-bottom:20px;}
article h3{font-weight: 200; border-bottom: 1px solid #333; padding-bottom:10px; margin-bottom: 15px;}
article ul.dot li{list-style: disc; margin: 5px 0 0 20px; line-height:1.5;}
article ul.num li{list-style: decimal; margin: 5px 0 0 20px; line-height:1.5;}
article a.pdf:before{ content: "\f1c1 ";font-family: FontAwesome; margin-right:5px;}
#contact article{text-align: center;}
#contact article table{width:700px; margin: auto;}
#contact article table th span{background: #ccc; font-weight: normal; color: #fff; padding: 5px 10px; font-size: 11px; margin-right: 10px;}
#contact article table th{white-space: nowrap; text-align: right;}
#contact article table th,#contact article table td{padding: 5px 10px;}
#contact article table td{text-align: left;}
#contact article table td.btn{text-align: center;}
#contact article table td.btn input{background: #333; color: #fff; font-size: 18px; font-weight: bold; padding: 10px 30px; width: inherit; border: none;}
#contact article table td.btn input:hover{background: #66cc66; border-color:#66cc66;}
.wpcf7 .wpcf7-validation-errors {color: #ff0000;background-color:none;border:none; font-weight: bold; text-align: center;}
.wpcf7 .wpcf7-mail-sent-ok {color: #fff;background-color: #66cc66;border: 1px solid #66cc66;font-weight: bold; text-align: center;}

body.event header{margin-bottom: 0;}
#event .manPh{margin-bottom: 50px;}
#event article a{text-decoration: underline;}
#event article h3{color: #66cc66; text-align: center; border: 2px solid #66cc66; padding: 15px;  font-family:'Noto Sans Japanese', sans-serif; font-weight:700;}
#event article h5{color: #fff; background:#66cc66;  padding: 10px 20px;  font-family:'Noto Sans Japanese', sans-serif; font-weight:700;}
#event article table{width: 100%;}
#event article table th,#event article table td{padding: 20px; border-bottom: 1px solid #ccc; box-sizing: border-box;}
#event article table th{text-align: center; background:#eafad9; white-space: nowrap;}
#event .entrybtn{margin-top: 30px;}
#event .entrybtn a{background: #ff5050;color: #fff; padding: 20px 50px; display: inline-block; box-shadow:5px 5px #f7b4b4;}
#event .entrybtn a h3{display: inline-block; font-size: 20px;}
#event .entrybtn a h3:before{ content: "\f105 ";font-family: FontAwesome; margin-right:8px;}
#event article table.q td p{display: block; margin-top: 20px;}
#event article table.q td.btn{text-align: center;}
#event article table.q td.btn input{background:#000; padding: 10px 30px; color: #fff; margin: 0 10px; font-weight: bold;}
#event .notice{border:2px solid #ccc; padding: 40px 60px; text-align: left;}
#event .notice b{display: block; margin-bottom:15px;}
#event .notice p{display: block; border-top:1px dotted#ccc; margin-top: 20px; padding-top: 20px;}
#event .q1_2 .wpcf7-list-item,#event .q1_3_4_yes .wpcf7-list-item{display: block;}

/* ==========================================================================
   responsive
   ========================================================================== */
@media screen and (max-width:1400px) {
.wrapW{ width:95%;}
}
@media screen and (max-width:1200px) {
header h1{font-size:20px;}
header nav ul li{font-size: 14px;}
}
@media screen and (max-width:1000px) {
.wrapW,.wrap{ width:100%;}
}
@media screen and (max-width:768px) {
input[type="submit"]{-webkit-appearance: none;border-radius: 0;}
input[type="text"],textarea{width: 100%;}
.pc{display:none;}.sp{ display:inline-block;}
.wrapN{ width:100%;}
.wps95{width: 95%; margin: auto;}.wps90{width: 90%; margin: auto;}
header h1{text-align: left;}
header nav ul li{text-align: center;}
header nav ul li:first-child{margin-top: 60px;}
header nav ul li a{display: block; padding: 4px 0;}
header nav ul li:not(:last-child){font-size: 18px;}
header nav ul li:last-child{margin-top: 20px;}
footer h1{font-size:20px;}
#top .main,#top .main .headline,#top .main .headline div{height:500px;}
#top .main video{min-width:auto;height: 100%;}
#top .main .headline div h1{font-size: 30px;}
.archive_ttl{font-size: 26px;}
.frame{border-left:none; border-right:none; padding: 40px 0; }
.bg{background:#f6f6f6; padding: 30px; box-sizing: border-box;}
table.sq td{padding: 20px 0 40px 0;}
body:not(#q3) table.sq2 th{display: block; padding:0; white-space: normal}
body:not(#q3) table.sq2 td{display: block; padding-bottom: 5px;}
body:not(#q3) table.sq2.sq2_line th{ padding:15px 0 0 0;}
body:not(#q3) table.sq2.sq2_line td{ padding:0 0 15px 0; border-top:0;}
#survey ul.qselect{padding: 0;}
table.sq2_fLeft{float: none; margin-right:0;}
#contact article table{width:90%;}
#contact article table th,#contact article table td{padding: 2px 0; display: block;}
#contact article table th{text-align: left; margin-top: 5px;}
#event article{width: 100%;}
#event article table th,#event article table td{display: block; border: none; }
#event article table th{padding: 15px 20px;}
#event .entrybtn a{padding: 20px; }
#event .notice{padding: 30px 30px; }
}
@media screen and (max-width:640px) {
header h1,footer h1{font-size: 15px;}
#top .info ul.li_info,#top .report ul.li_report{width: 100%;}
ul.li_info li .data,ul.li_info li h4{float: none; width:100%;}
ul.li_report li i{width: 15%; font-size: 40px;}
ul.li_report li h4{float: right; width: 85%;}
#top .about table th,#top .about table td{text-align: left; padding:10px 20px; display: block;}
#top .about table th{background:#f6f6f6;}
.questionnaire{padding:30px 20px;}
.questionnaire table th{text-align: left;padding:20px 20px 10px 20px;}
.questionnaire table td{padding: 0 20px;}
.questionnaire table td .wpcf7-list-item {display: block;}
}