*{zoom:1}
#global-nav p,#global-nav li,#global-nav span,.gnav-top-item-half p{font-family:Verdana,Helvetica,Arial,sans-serif;color:#fff}
#global-nav *{box-sizing:content-box}
#footer strong,#footer p{font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;color:#000;word-break:normal}
@media print {
body{-webkit-print-color-adjust:exact}
}
a{text-decoration:none;color:#333}
a:hover{color:#c6002f}
p{-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;display:block;background-color:none}
div{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}
img{margin:0 auto}
iframe{width:80%;width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);padding:10px}
.p10{padding:10px}
html{background-color:#f3f3f3}
html,body{font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;width:100%;font-size:16px;line-height:20px}
@media screen and (max-width: 1530px) {
header{background-image:none}
.global-nav{overflow:hidden;background-position:center 1px;background-repeat:no-repeat;background-size:100%}
}
.img-responsive{width:100%;height:auto}
.invisible{display:none}
hr{border:1px solid #bbb;margin:10px}
.bold{font-weight:700}
.tablet{display:none}
.sp{display:none}
header{position:absolute;top:0;width:100%;z-index:9999}
#header{position:absolute\9;z-index:9999\9;top:0\9;width:100%\9}
:root #header{position:static}
.pc{width:100%;margin:0 auto}
.img-center{width:18%;margin:30% 41% 0}
.img-sm-center{max-width:36%;height:auto;margin:20% 32% 0}
.img-md-center{max-width:60%;height:auto;margin:12% 20% 0}
.img-sm-center-high{max-width:36%;height:auto;margin:10% 32% 0}
.mbnone{margin-bottom:0!important}
.mt1{margin-top:1px!important}
.mb1{margin-bottom:1px!important}
.ml1{margin-left:1px!important}
.ml-1{margin-left:-1px!important}
.mr1{margin-right:1px!important}
.pt10{padding-top:10px!important;width:-moz-calc(100% - 1px)!important;width:-webkit-calc(100% - 1px)!important;width:calc(100% - 1px)!important}
.mr1-f{width:97%;width:-webkit-calc(100% - 1px)!important;width:-moz-calc(100% - 1px)!important;width:calc(100% - 1px)!important;margin-right:1px!important}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.mtm80{margin-top:-80px}
.mtm60{margin-top:-60px}
}
@media print,screen and (min-width: 1201px) {
.mtm80{margin-top:-120px}
.mtm60{margin-top:-100px}
}
.icon-nav-emergency-item{position:absolute;width:81.81%;float:left}
.icon-nav-emergency-item:after{padding-top:5.54%;display:block;content:" "}
.icon-nav{width:97.4%;overflow:hidden;margin:0 1.3%}
.icon-nav ul{overflow:hidden}
@media print,screen and (min-width: 1500px) {
.icon-nav-emergency-item{position:absolute;width:75%;float:left}
.icon-nav-emergency-item:after{padding-top:5%;display:block;content:" "}
}
.icon-nav-emergency-item > .icon-nav-emergency-content{position:absolute;top:0;left:0;bottom:0;right:0}
@media print,screen and (min-width: 1025px) {
.header-pc-emergency-icon{position:absolute;height:80%;padding-top:6px;padding-left:10px}
}
@media print,screen and (min-width: 1500px) {
.header-pc-emergency-title{position:absolute;top:14px;left:80px;font-size:18px;color:#fff}
.header-pc-emergency-text{position:absolute;font-size:12px;bottom:14px;left:80px;color:#fff}
}
@media print,screen and (min-width: 1280px) and (max-width: 1500px) {
.header-pc-emergency-title{position:absolute;top:12px;left:68px;font-size:18px;color:#fff}
.header-pc-emergency-text{position:absolute;font-size:12px;bottom:10px;left:68px;color:#fff}
}
@media print,screen and (max-width: 1279px) {
.header-pc-emergency-title{position:absolute;top:8px;left:60px;font-size:16px;color:#fff}
.header-pc-emergency-text{position:absolute;font-size:12px;bottom:6px;left:60px;color:#fff}
}
.icon-nav-lg-item{position:relative;margin-left:54.54%;width:27.25%;float:left}
.icon-nav-lg-item:after{padding-top:16.66%;display:block;content:" "}
.icon-nav-lg-item > .icon-nav-lg-content{position:absolute;top:0;left:0;bottom:0;right:0}
.icon-nav-lg-content{background-color:#c6002f;margin:1px 0 0}
.icon-nav-lg-search{margin:4% 0 0 10px;height:24px;width:90%;border:none;padding-left:8px}
input:-webkit-input-placeholder{padding-left:12px}
.bgred{background-color:#c6002f!important}
.bgwhite{background-color:#fff!important}
input:-moz-placeholder{padding-left:12px}
.icon-nav-lg-button{margin:4% 0 0 -64px;width:58px;height:24px;border:none;background-color:#282828;color:#fff}
.icon-nav-lg-text{color:#fff;font-size:12px;margin:4px 0 0 10px}
.icon-nav-item{position:relative;width:9.03%;float:left}
.icon-nav-item:after{padding-top:50%;display:block;content:" "}
.icon-nav-item > .icon-nav-content{position:absolute;top:0;left:0;bottom:0;right:0}
.nav-item{position:relative;width:9.09%;float:left}
li.nav-item.last{width:7.86%}
.nav-item:after{padding-top:100%;display:block;content:" "}
.nav-item > .nav-content{position:absolute;top:0;left:0;bottom:0;right:0}
.nav-content{margin-top:1px;margin-right:1px}
.nav-content-bg{-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;background-color:rgba(40,40,40,0.8);background:#282828\9;opacity:0.8\9;-ms-filter:alpha(opacity=80)}
.nav-content-bg:hover{background-color:#c6002f;opacity:1}
.nav-item .current{background-color:#c6002f!important;opacity:1!important}
.nav-content-logo{background-color:rgba(40,40,40,1);-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;background:#282828\9}
.nav-content-logo:hover{background-color:rgba(40,40,40,0.8)}
.nav-item .current .nav-subtext{color:#CCC!important}
.nav-sm-item{position:relative;width:50%;float:left}
.nav-sm-item:after{padding-top:100%;display:block;content:" "}
.nav-sm-item > .nav-sm-content{position:absolute;top:0;left:0;bottom:0;right:0}
.nav-sm-content{-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;background-color:#282828;opacity:.8;-ms-filter:alpha(opacity=80)}
.nav-sm-content:hover{background-color:#c6002f}
.nav-sm-text{position:absolute;left:0;right:0;bottom:10px;color:#fff;text-align:center;line-height:10px;font-size:10px}
.nav-sm-lang-text{position:absolute;left:0;right:0;top:50%;margin-top:-.6em;color:#fff;text-align:center;line-height:10px;font-size:10px}
.nav-sm-text-2rows{bottom:6px}
.nav-xs-text{position:absolute;left:0;right:0;bottom:10px;color:#fff;text-align:center;line-height:9px;font-size:9px}
.pulldown-nav{position:absolute;max-width:1500px;left:80.95%;width:8.9%;padding-top:13.5%;margin:0;display:none}
.moreBlock{float:right;margin-top:0}
.moreBlock .moreLink{float:left}
.moreLink{font-size:10px;color:#333;padding:0 10px 0 15px;border-radius:5px;background:#dfdfdf url(/engine/static/images/linkIcon_off.png) 5px center no-repeat;margin:0 5px 0 0}
.moreLink:hover{background:#C6002F url(/engine/static/images/linkIcon_on.png) 5px center no-repeat;color:#FFF!important;text-decoration:none!important}
a.rss{width:17px;display:block;float:left}
a.rss img{width:100%;vertical-align:top}
a.rss:hover{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}
.info-article{width:48%;float:left;position:relative;height:120px}
.info-img{width:180px;height:120px;overflow:hidden;float:left;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease}
.info-article-contents{position:absolute;left:180px;right:0;top:0;bottom:0}
@media screen and (max-width: 767px) {
.info-article{width:98%;width:-webkit-calc(100% - 1px);width:-moz-calc(100% - 1px);width:calc(100% - 1px);height:60px}
.info-img{width:90px;height:60px}
.info-article-contents{left:90px;width:65%;width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px)}
}
.info-article-contents a{position:absolute;top:0;bottom:0;left:0;right:0}
.info-article-title{padding:10px 0 0 10px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}
.info-article-text{padding:0 10px;font-size:12px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}
.info-article-date{padding:4px 10px;font-size:10px;color:#888;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}
.event{padding:15px 0 0;position:relative;border-top:1px dotted #939393}
.event-title{float:left;width:80%;padding:0 0 11px;font-family:'Noto Sans Japanese',serif;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif\9;font-weight:Medium}
.event-headline{font-size:150%;margin:0 20px 0 0;color:#000}
.event-subtitle{font-size:100%;color:#333}
.util{border-top:1px dotted #939393;clear:both;height:auto;position:relative;width:97.4%;margin:0 auto 80px;padding:15px 0 0;overflow:hidden}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.util{border-top:35px solid #f3f3f3}
}
.utilbox{position:relative;width:24%;height:60px;float:left;margin:0 1.3% 1px 0}
.utilbox:nth-of-type(4n){margin:0 0 1px;width:24.1%}
@media screen and (max-width: 768px) {
.utilbox:nth-of-type(4n){width:100%}
}
.utilbox a{position:absolute;left:0;width:98%;height:100%;color:#282828;padding:0 2% 0 0}
.util-img-wrapper{background-color:#282828;display:inline-block;width:60px;height:60px;position:absolute;z-index:9999;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}
.util-img{max-width:60%;height:auto;width:auto;margin:20%}
.util-img-long{max-height:60%;width:auto;margin:20% 28%}
.util-text{position:absolute;top:22px;left:70px;font-size:14px;display:inline-block;line-height:20px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}
.util-history-text{left:70px!important}
.back-to-top-outer{position:relative;border-top:28px solid #f3f3f3}
.back-to-top-outer:before{border-style:solid;border-width:0 20px 20px;border-color:#c6002f transparent;content:" ";top:-20px;left:50%;margin-left:-20px;position:absolute;background-color:transparent}
.back-to-top{position:relative;background-color:#282828;width:100%;height:45px;color:#fff;font-size:14px}
.back-to-top:hover{background-color:#c6002f}
.back-to-top:hover:before{border-color:#282828 transparent}
.back-to-top-arrow-link{position:absolute;width:24px;height:24px;top:-24px;left:50%;margin-left:-12px}
.back-to-top a{position:absolute;width:100%;height:100%}
.back-to-top p{text-align:center;margin-top:13px;color:#fff}
footer{background-color:#cacaca;width:100%}
#footer{width:100%;z-index:100;padding:37px 0 0;position:relative;width:100%\9;overflow:hidden\9;background-color:#cacaca}
.footerWrap{width:97.4%;max-width:1460px;margin:0 auto;overflow:hidden}
.footer-right{width:45.3%;float:left;margin:0 0 0 1.3%;position:relative}
.footer-right{width:49.3%;float:left;margin:0 0 0 1.3%}
.footer-utilization-rate{width:33.33%;float:left}
.footer-utilization-amount{width:33.33%;float:left}
.footer-utilization-prediction{width:33.33%;float:left}
.footer-content-electricity{background:#e5e5e5;width:96%;padding:10px 2%;float:left;border-radius:5px;margin-bottom:20px}
.footer-content-electricity .footerTitle{display:block;font-size:14px;float:left;overflow:hidden;width:20%;line-height:18px}
.footer-utilization-rate{display:table;width:auto;float:left;width:25%;margin-left:2%;text-align:right}
.footer-utilization-amount{display:table;width:22%;text-align:right;margin-left:4%}
.footer-utilization-prediction{display:table;width:23%;margin-left:4%;text-align:right}
.footer-content-electricity p{display:table-cell;vertical-align:middle}
.footer-content-electricity p > span{padding:0;font-size:10px;color:#FFF;background:#333;height:33px;width:50px;line-height:14px;display:table-cell;vertical-align:middle;text-align:center}
.footer-content-electricity .footerTitle{display:block;font-size:14px!important;float:left;overflow:hidden;width:20%;line-height:18px;text-align:left!important;margin:0!important}
.footer-lg-msg{font-size:14px;height:33px;display:table-cell;vertical-align:middle}
.percentage_text{display:inline-block}
p span.timeStamp{background:none;text-align:right;width:100%;color:#333;display:block;float:none;height:auto;font-size:13px;padding:10px 0 0}
.electolical p.both{margin:0}
.percentage_text span,.use,.predict{font-size:24px}
.footer-electricity{padding:0;width:90%}
span.battery{display:table-cell;overflow:hidden;height:28px;vertical-align:middle}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,span.battery{width:52px}
}
.footer-content-electricity > p{float:left;width:100%;margin-top:.5em}
@media screen and (max-width: 1024px) {
.footer-content-electricity .footerTitle{width:98%!important;margin:1% 0 2% 2%!important}
.footer-content-electricity .footerTitle br{display:none}
.footer-utilization-rate{display:inline-block;width:32%}
.footer-utilization-amount{width:29%}
.footer-utilization-prediction{width:29%}
.footer-content-electricity p{display:inline-block;vertical-align:middle;width:100%;float:left}
.footer-content-electricity p > span{padding:3px 0;height:auto;width:100%;line-height:14px;display:inline-block;float:left}
.footer-content-electricity p > span br{display:none}
.footer-lg-msg{height:auto;display:inline-block;padding:5px 0 0}
span.battery{display:inline-block;padding:3px 0 0}
}
.footer-navigation{width:100%;float:left;position:relative;height:270px}
.footerLinkList{float:left;margin-right:3%}
.footer-navigation .footerLinkList:nth-of-type(1){left:0;width:25%;margin-right:2%}
.footer-navigation .footerLinkList:nth-of-type(2){width:30%}
.footer-navigation .footerLinkList:nth-of-type(3){width:39%;margin-right:0}
.footerLinkList p{font-size:13px;color:#000;margin-bottom:1.5em}
.footerLinkList ul{float:left;width:100%}
.footerLinkList ul.borderB{padding-bottom:10px;margin-bottom:15px;border-bottom:solid 1px #8d8d8d}
.footerLinkList li{list-style:none;font-size:81.25%;margin-bottom:.3em}
.footerLinkList li a{padding:0 0 3px 15px;background:url(/engine/static/images/linkIcon_off.png) left 5px no-repeat;color:#000}
.footerLinkList li a:hover{background:url(/engine/static/images/linkIcon_on.png) left 5px no-repeat;color:#C6002F;text-decoration:underline}
.footerLinkList li a img{float:left}
.footer-left{width:53.4%;float:left;position:relative}
#foot_adress{width:40%;float:left;position:relative}
.footer-access-title{margin:0 6% 20px 0;padding:0;font-size:100%;font-weight:400;overflow:hidden;zoom:1;display:block;float:left;text-align:center}
.footer-access-title img{width:100%;float:left}
.footer-access-title .text{margin-bottom:25px}
.footer-access-map{float:left;width:59%;margin:0 1% 9.5% 0}
.footer-access-map img{width:100%}
.footer-access-address{float:left;display:block;margin:0;width:80%}
.pages .footer-access-address{margin:0}
.footer-address-box{width:46%;float:left;margin:0 0 15px}
.footer-access-address strong{padding:0;margin:0;line-height:20px;overflow:hidden;display:inline-block;font-weight:700;float:left;font-size:93.75%}
.footer-access-address p{padding:0;margin:0;font-size:75%;line-height:17px;overflow:hidden;float:left}
#foot_adress .sns{width:100%;float:left;position:static}
#foot_adress .sns ul{width:100%;float:left;margin-bottom:20px}
#foot_adress .sns ul li{float:left;height:33px;overflow:hidden;margin-right:4%;display:block}
#foot_adress .sns ul .twitter{margin-right:0}
#foot_adress .sns ul li.contact a{display:table-cell;height:33px;vertical-align:middle;background:#51514F url(/engine/static/images/linkIconG.png) 17px center no-repeat;padding:0 25px 0 35px;font-size:12px;color:#CACACA;border-radius:5px}
#foot_adress .sns ul li.contact a:hover{background:#C6002F url(/engine/static/images/linkIconG.png) 17px center no-repeat;color:#fff}
#foot_adress .sns ul li.facebook a,#foot_adress .sns ul li.twitter a,#foot_adress .sns ul li.youtube a{position:relative;display:block;height:33px;width:33px}
#foot_adress .sns ul li.youtube a{width:80px}
#foot_adress .sns ul li.facebook a img,#foot_adress .sns ul li.twitter a img,#foot_adress .sns ul li.youtube a img{position:absolute;top:0;left:0}
#foot_adress .sns ul li.facebook a:hover img,#foot_adress .sns ul li.twitter a:hover img,#foot_adress .sns ul li.youtube a:hover img{position:absolute;top:-33px;left:0}
.footer-copyright{background-color:#CACACA;height:40px;text-align:left;font-size:62.5%;padding:20px 0;margin:30px auto 0;width:97.4%;max-width:1460px;border-top:solid 1px #8d8d8d}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 900px) {

}
@media screen and (max-width: 850px) {
.footer-left,.footer-right{width:100%}
}
@media screen and (max-width: 767px) {
.footer-copyright{font-size:8px}
}
@media screen and (max-width: 550px) {

}
@media screen and (max-width: 1024px) {
#rev_slider_1_1{display:none}
#rev_slider_2_2{display:block}
.large_bold_white{font-size:40px!important}
.pc{display:none}
.tablet{display:block}
header{position:relative}
.icon-nav-lg-search{-webkit-appearance:none;border-radius:0}
.icon-nav-lg-button{margin:3% 0 0 -52px;width:48px}
.icon-nav-lg-search{margin:3% 0 0 10px}
.gnav-lg-item{position:relative;width:15.8%;float:left}
.siteTitle{box-sizing:border-box;height:inherit;padding:13% 10px 10px;text-align:center;width:inherit}
.gnav-lg-item a{position:absolute;top:0;left:0;right:0;bottom:0}
.gnav-lg-item:after{padding-top:100%;display:block;content:" "}
.gnav-lg-item > .gnav-lg-content{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#282828}
.gnav-lg-content img{border-bottom:1px solid #282828}
.gnav-lg-item > .gnav-lg-content:hover{background:#C6002F}
.gnav-item{position:relative;width:10.52%;float:left}
.gnav-item:after{padding-top:150%;display:block;content:" "}
.gnav-item > .gnav-content{position:absolute;top:0;left:0;bottom:0;right:0;margin-left:1px}
.gnav-top-item{position:relative;height:33.2%;width:100%;background-color:#282828;color:#fff;text-align:center;font-size:11px;margin-bottom:1px}
.gnav-top-item p{color:#fff;position:absolute;top:50%;width:100%;text-align:center;margin-top:-.8em}
.gnav-top-item a{position:absolute;top:0;left:0;right:0;bottom:0}
.gnav-bottom-item{position:relative;height:66.6%;width:100%;background-color:#282828;color:#fff;font-size:11px}
.gnav-bottom-item p{color:#fff;position:absolute;top:50%;width:100%;text-align:center;margin-top:-.8em}
.gnav-bottom-item a{position:absolute;top:0;left:0;right:0;bottom:0}
.gnav-top-item-half{position:relative;width:50%;height:33.3%;float:left;background-color:#282828;color:#fff;font-size:8px;margin-bottom:1px;overflow:hidden}
.gnav-top-item-half:hover{background-color:#C6002F;cursor:pointer}
.gnav-top-item-half p{color:#fff;position:absolute;top:56%;width:100%;text-align:center}
.gnav-top-item-half a{position:absolute;top:0;left:0;right:0;bottom:0}
.gnav-tips-search{position:absolute;margin-left:47.34%;width:42.08%;float:left;display:none}
.gnav-tips-search:after{padding-top:12.5%;display:block;content:" "}
.gnav-tips-search > .gnav-tips-search-content{position:absolute;top:0;left:0;bottom:0;right:0}
.gnav-tips-search-content{background-color:#c6002f}
.gnav-tips-language{position:absolute;margin-left:94.74%;width:5.26%;float:left;display:none}
.gnav-tips-language:after{margin-top:100%;padding-top:200%;display:block;content:" "}
.gnav-tips-language > .gnav-tips-language-content{position:absolute;top:33.3%;left:0;bottom:0;right:0}
.gnav-tips-language-en{position:relative;height:50%;background-color:#282828}
.gnav-tips-language-ch{position:relative;height:50%;background-color:#282828}
.gnav-tips-language-en:hover,.gnav-tips-language-ch:hover,.gnav-top-item:hover,.gnav-bottom-item:hover,.gnav-content div.gnav-bottom-item.current{background-color:#C6002F}
.main-link{width:72%}
.main-content{margin:0 0 -3px 1px}
.linkbox-sm{position:relative;width:100%;height:45px;margin:0;padding:0}
.linkbox-sm p{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-top:0;margin-left:36px;line-height:14px;padding:0;font-size:16px}
.linkbox-sm:before{top:0;border:22px solid transparent;border-left-color:#c6002f}
.linkbox-xs{background-color:#282828;color:#fff!important;display:inline-block;position:relative;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;padding:8px 20px 8px 40px;height:20px;font-size:20px}
.linkbox-xs:before{content:" ";display:inline-block;border:16px solid transparent;border-left-color:#c6002f;position:absolute;left:0;top:0;-webkit-transition:border-left-color .3s ease;-moz-transition:border-left-color .3s ease;-ms-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease}
.util-text{padding-right:15px}
.footer-link a{font-size:11px}
}
@media screen and (max-width: 860px) {
header{position:relative}
.util-text{font-size:10px;left:66px}
.footer-left p{font-size:12px}
.footer-lg-msg{font-size:16px;font-weight:700}
.nav-sm-text{bottom:2px}
.icon-nav-lg-search{margin-top:2%}
}
@media screen and (max-width: 767px) {
header{position:relative}
.tablet{display:none}
.sp{display:block}
body{font-size:12px}
.img-center-lg{width:46%;margin:20% 27% 0}
.sp-menu{display:none;background-color:transparent;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998}
.sp-menu-bg{display:none;position:absolute;top:0;left:0;right:0;height:99999px;z-index:9998;background-color:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000)}
.menuboxes{margin-top:45px}
.menubox{position:relative;width:24%;width:-webkit-calc(25% - 1px);width:-moz-calc(25% - 1px);width:calc(25% - 1px);float:left;margin-left:1px}
.menubox:after{padding-top:100%;display:block;content:" "}
.menubox > .menubox-content{position:absolute;top:0;left:0;bottom:0;right:0}
.menubox-content{position:relative;background-color:#282828;margin:1px 0 0}
.menu-name{position:absolute;top:50%;width:100%;text-align:center;margin-top:-1em;font-size:12px;color:#fff}
.menu-subname{position:absolute;top:70%;width:100%;text-align:center;margin-top:-1em;font-size:9px;color:#b2b2b2}
.menubox-sm{position:relative;width:19%;width:-webkit-calc(20% - 1px);width:-moz-calc(20% - 1px);width:calc(20% - 1px);margin-left:1px;float:left}
.menubox-sm:after{padding-top:100%;display:block;content:" "}
.menubox-sm > .menubox-sm-content{position:absolute;top:0;left:0;bottom:0;right:0}
.menubox-sm-content{position:relative;background-color:#181818;margin:1px 0 0}
.menubox-sm-content a{width:100%}
.menu-sm-img{}
.menu-sm-name{position:absolute;top:60%;display:block;width:100%;text-align:center;font-size:10px;color:#fff}
.menu-sm-subname{position:absolute;top:80%;display:block;width:100%;text-align:center;font-size:8px;color:#b2b2b2}
.menu-nav{position:fixed;top:0;left:0;right:0;height:42px;background-color:#000;text-align:right;color:#fff;padding:4px;opacity:.85;z-index:9998}
.menu-nav-text{position:relative;top:10px;color:#fff}
.menu-nav-img{position:relative;top:10px;display:inline-block;height:12px;padding:2px}
.menu-bg{background-color:#000;width:100%;height:45px}
.logo-nav{background-color:#282828;text-align:center;padding:10px 0}
.logo-nav a{position:relative}
.logo-nav-img{height:72px}
.gnav{width:100%}
.gnav-item{position:relative;width:16.2%;float:left;margin-right:.4%}
.gnav-item:last-child{position:relative;float:right;padding-left:.4%}
.gnav-item:after{padding-top:100%;display:block;content:" "}
.gnav-item > .gnav-content{position:absolute;top:0;left:0;bottom:0;right:0}
.gnav-content{margin-top:1px;background-color:#282828}
.gnav-content p{position:absolute;top:70%;width:100%;text-align:center;color:#fff;font-size:7px}
.gnav-content a{position:absolute;top:0;left:0;right:0;bottom:0}
.gnav-search{display:none;position:relative;float:left;margin:1px;height:45px;width:98%;width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);width:calc(100% - 2px);background-color:#c6002f}
.icon-nav-lg-search{-webkit-appearance:none;border-radius:0}
.icon-nav-lg-button{margin:3% 0 -3% -52px;width:50px}
.gnav-tips-language{position:relative;margin-left:66.66%;margin-right:2px;margin-top:1px;width:32%;width:-webkit-calc(33.32% - 2px);width:-moz-calc(33.32% - 2px);width:calc(33.32% - 2px);float:left;display:none}
.gnav-tips-language:after{margin-top:100%;padding-top:0;display:block;content:" "}
.gnav-tips-language > .gnav-tips-language-content{position:absolute;top:0;left:0;bottom:0;right:0}
.gnav-tips-language-en{position:relative;width:50%;float:left;height:50%;background-color:#282828}
.gnav-tips-language-ch{position:relative;width:50%;float:left;height:50%;background-color:#282828}
.main-content{width:49.6%}
.linkbox-sm{position:relative;width:100%;height:36px;margin:0;padding:0}
.linkbox-sm p{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-top:0;margin-left:20px;line-height:14px;padding:0;font-size:12px}
.linkbox-sm:before{top:6px;border:12px solid transparent;border-left-color:#c6002f}
.linkbox{height:18px!important;padding:4px 10px 4px 20px}
.linkbox:before{top:0;border:16px solid transparent;border-left-color:#c6002f}
.linkbox a{position:relative;top:9px}
.linkrss{display:none}
.info-event-wrapper{position:relative;padding:1px;background-color:#f3f3f3}
.info{position:relative;height:auto;width:100%}
.info-article{position:relative;background-color:#fff;margin-bottom:1px}
.info-article-title{font-size:10px;line-height:12px;margin-right:40px}
.info-article-text{display:none}
.info-article-date{padding-top:0}
.info-list{position:relative;width:100%;text-align:center;padding-left:0;padding-right:0}
.info-article-title:before{display:block;content:" ";position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:50%;right:25px;width:10px;height:10px;background:#c6002f}
.info-article-title:after{display:block;content:" ";position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:50%;right:28px;width:10px;height:10px;background:#fff}
.event-event-wrapper{position:relative;padding:1px;background-color:#f3f3f3}
.event{position:relative;height:auto;width:100%}
.event-article{position:relative;background-color:#fff;margin-bottom:1px}
.event-article-title{font-size:10px;line-height:12px;margin-right:40px}
.event-article-text{display:none}
.event-article-date{padding-top:0}
.event-list{position:relative;width:100%;text-align:center;padding-left:0;padding-right:0}
.event-list{left:0;position:relative;width:100%;text-align:center;padding-left:0;padding-right:0}
.back-to-top{position:relative;font-size:12px}
.back-to-top-outer{position:relative}
.back-to-top-outer:before{border-style:solid;border-width:0 10px 10px;border-color:#c6002f transparent;content:" ";top:-10px;left:50%;margin-left:-10px;position:absolute;background-color:transparent}
.util{}
.utilbox{width:100%}
.util-text{font-size:14px}
.footer-right{width:100%}
.footer-link{display:inline-block;font-size:12px;margin-top:4px}
.footer-navigation{width:98.7%;float:left}
.footer-link-sp-right{width:50%;float:left}
.footer-contents{width:100%}
.footer-left{width:100%}
.linkbox-xs{background-color:#282828;color:#fff!important;display:inline-block;position:relative;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;padding:20px 24px 8px 50px;height:20px;font-size:40px}
.linkbox-xs:before{content:" ";display:inline-block;border:14px solid transparent;border-left-color:#c6002f;position:absolute;left:0;top:0;-webkit-transition:border-left-color .3s ease;-moz-transition:border-left-color .3s ease;-ms-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease}
.footer-link{display:block}
}
div.outer{display:table;height:60px}
* html div.outer{position:relative}
*+html div.outer{position:relative}
div.vertical_middle{display:table-cell;vertical-align:middle}
* html div.vertical_middle{position:absolute;top:50%}
*+html div.vertical_middle{position:absolute;top:50%}
div.vertical_middle p.inner{margin:0}
* html div.vertical_middle p.inner{position:relative;top:-50%}
*+html div.vertical_middle p.inner{position:relative;top:-50%}
.container{width:100%;max-width:1500px;margin:0 auto}
.one-fifths,.two-fifths,.three-fifths,.four-fifths,.one-fourth,.two-fourth,.three-fourth,.one-thirds,.two-thirds,.half,.fullwidth{float:left;display:inline;margin:0}
.one-fifths{width:20%}
.two-fifths{width:40%}
.three-fifths{width:60%}
.four-fifths{width:80%}
.one-fourth{width:25%}
.three-fourth{width:75%}
.one-thirds{width:33.3%}
.two-thirds{width:66.6%}
.half{width:50%}
.fullwidth{width:100%}
.fullwidth-md{width:100%\9}
@media print,screen and (min-width: 768px) {
.one-fifths{width:20%!important}
.two-fifths{width:40%!important}
.three-fifths{width:60%!important}
.four-fifths{width:80%!important}
.one-fourth{width:25%!important}
.three-fourth{width:75%!important}
.one-thirds{width:33.3%!important}
.two-thirds{width:66.6%!important}
.half{width:50%!important}
.fullwidth{width:100%!important}
}
@media screen and (max-width: 1024px) {
.one-fifths-md{width:20%!important}
.two-fifths-md{width:40%!important}
.three-fifths-md{width:60%!important}
.four-fifths-md{width:80%!important}
.one-fourth-md{width:25%!important}
.three-fourth-md{width:75%!important}
.one-thirds-md{width:33.3%!important}
.two-thirds-md{width:66.6%!important}
.half-md{width:50%!important}
.fullwidth-md{width:100%!important}
}
@media screen and (max-width: 767px) {
.one-fifths,.two-fifths,.three-fifths,.four-fifths,.one-fourth,.two-fourth,.three-fourth,.one-thirds,.two-thirds,.half,.fullwidth{width:100%!important}
.one-fifths-xs{width:20%!important}
.two-fifths-xs{width:40%!important}
.three-fifths-xs{width:60%!important}
.four-fifths-xs{width:80%!important}
.one-fourth-xs{width:25%!important}
.three-fourth-xs{width:75%!important}
.one-thirds-xs{width:33.3%!important}
.two-thirds-xs{width:66.6%!important}
.half-xs{width:50%!important}
.fullwidth-xs{width:100%!important}
}
.first{margin-left:0;clear:left}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
:first-child+html .clearfix{zoom:1}
.header-img-wrapper{position:relative;height:460px;width:100%;overflow:hidden;z-index:-1}
.header-img{min-width:100%;min-height:420px;height:auto!important;height:420px}
.header-msg{position:absolute;top:-420px;width:100%}
.header-text{position:absolute;left:20px;top:240px;color:#fff;font-size:60px;text-shadow:2px 2px 10px #000}
.header-subtext{position:absolute;left:20px;top:320px;color:#fff;font-size:24px;text-shadow:2px 2px 10px #000}
.header-laboratory04-text{line-height:60px}
.header-laboratory04-subtext{top:360px}
@media print,screen and (min-width: 1025px) {
.header-img-wrapper{position:relative;height:420px;width:100%;overflow:hidden}
.header-img{min-width:100%;min-height:420px;height:auto!important;height:420px}
.header-msg{position:absolute;top:-420px;width:100%}
.header-text{position:absolute;left:20px;top:240px;color:#fff;font-size:60px;text-shadow:2px 2px 10px #000}
.header-subtext{position:absolute;left:20px;top:320px;color:#fff;font-size:24px;text-shadow:2px 2px 10px #000}
.header-laboratory04-text{line-height:60px}
.header-laboratory04-subtext{top:360px}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.header-img-wrapper{position:relative;height:320px;width:100%}
.header-img{min-width:100%;min-height:320px;height:auto!important;height:320px}
.header-msg{position:absolute;top:-320px;width:100%}
.header-text{position:absolute;left:20px;top:80px;color:#fff;font-size:60px;text-shadow:2px 2px 10px #000}
.header-subtext{position:absolute;left:20px;top:160px;color:#fff;font-size:24px;text-shadow:2px 2px 10px #000}
.header-facilities-text{font-size:48px}
.header-laboratory04-text{line-height:60px}
.header-laboratory04-subtext{top:200px}
}
@media screen and (max-width: 767px) {
.header-img-wrapper{margin-top:43px;background-color:#282828;width:100%;height:107px;position:relative}
.header-img{width:100%;height:auto}
.header-msg{margin-top:-2px;background-color:#282828;position:relative;top:0}
.header-text{position:static;padding-top:16px;height:24px;color:#fff;font-size:20px}
.header-laboratory04-text{height:48px;line-height:22px}
.header-subtext{position:static;height:18px;color:#b2b2b2;font-size:14px;padding-bottom:12px}
}
.breadcrum-nav{padding:10px 0 0 5px;background-color:#f3f3f3;font-size:14px}
.topic-headline-pdnone{padding-top:0!important}
.topic-headline{clear:both;padding:25px 0 0 5px;background-color:#f3f3f3}
.topic-lg-subtitle{padding-top:8px;font-size:16px;color:#888}
.topic-title{font-size:30px;padding-right:10px}
.topic-subtitle{font-size:16px;color:#888}
@media print,screen and (min-width: 1024px) {
.topic-headline{clear:both;padding:25px 0 0 5px;background-color:#f3f3f3}
.topic-lg-subtitle{padding-top:8px;font-size:16px;color:#888}
.topic-title{font-size:30px;line-height:40px;padding-right:10px}
.topic-subtitle{font-size:16px;color:#888}
}
@media screen and (max-width: 1023px) {
.topic-headline{clear:both;padding:25px 0 0 5px;background-color:#f3f3f3}
.topic-lg-subtitle{padding-top:8px;font-size:14px;color:#888}
.topic-title{font-size:24px;padding-right:10px}
.topic-subtitle{font-size:14px;color:#888}
}
@media screen and (max-width: 767px) {
.topic-headline{padding:10px 0 4px 1px}
.topic-lg-subtitle{font-size:12px;color:#888}
.topic-title{font-size:16px;display:block;line-height:20px}
.topic-subtitle{font-size:12px;display:block;line-height:16px}
}
.topicbox--center{background-color:#282828;text-align:center;font-size:14px;color:#fff;padding:10px}
.topicbox--left{background-color:#282828;text-align:left;font-size:14px;color:#fff;padding:10px}
.topicbox--link{margin:1px;position:relative;height:45px;color:#fff;background-color:#282828;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;font-size:14px}
.topicbox--link a{position:absolute;top:0;left:0;right:0;bottom:0}
.topicbox--link p{margin:0;padding:12px 14px 0 26px}
.topicbox--link:hover{background-color:#c6002f}
.topicbox--link:before{content:" ";display:inline-block;border:22px solid transparent;border-left-color:#c6002f;position:absolute;left:0;top:0;-webkit-transition:border-left-color .3s ease;-moz-transition:border-left-color .3s ease;-ms-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease}
.topicbox--link:hover:before{border-left-color:#282828}
.topicbox--link--with-icon{position:relative;background-color:#282828;height:45px;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}
.topicbox--link--with-icon:hover{background-color:#c6002f}
.topicbox--link--with-icon p{width:100%;padding-top:12px;text-align:center;font-size:14px;color:#fff}
.topicbox--link--with-icon img{position:absolute;top:10px;left:20px;height:24px}
.topicbox--link--with-icon a{position:absolute;top:0;left:0;right:0;bottom:0}
.topicbox--center--with-icon:hover{background-color:#c6002f}
.topicbox--link--white--left{position:relative;margin:0 0 1px 1px;background-color:#fff;height:45px;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}
.topicbox--link--white--left a{position:absolute;top:0;left:0;right:0;bottom:0}
.topicbox--link--white--left p{padding:12px 10px 0;font-size:14px;color:#282828}
.topicbox--link--white--left:hover{background-color:#c6002f}
.topicbox--black--left{position:relative;margin:0 0 1px;background-color:#282828;height:45px}
.topicbox--black--left p{padding:12px 10px 0;font-size:14px;color:#fff}
@media screen and (min-width: 768px) and (max-width: 860px) {
.topicbox--black--left{margin-right:1px}
.topicbox--black--left p{font-size:12px}
}
@media print,screen and (min-width: 768px) {
.topic-lg p{padding-top:10px!important;font-size:18px!important}
}
.topicbox--rss{}
.topicbox--rss-img{position:absolute;top:0;right:0;height:45px}
.link-nav-tip{position:relative;margin-left:10px;padding:2px 10px;font-size:14px;-webkit-transition:border-left-color .3s ease;-moz-transition:border-left-color .3s ease;-ms-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease}
.link-nav-tip:before{content:" ";border:6px solid transparent;border-left-color:#c6002f;position:absolute;left:0;top:6px}
.link-nav-tip a:hover{color:#c6002f!important}
.link-nav-subtip{position:relative;margin-left:30px;padding:2px 10px;font-size:14px;-webkit-transition:border-left-color .3s ease;-moz-transition:border-left-color .3s ease;-ms-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease}
.link-nav-subtip:before{content:"-";border:6px solid transparent;color:#c6002f;position:absolute;left:-6px;top:-4px}
.link-nav-subtip a:hover{color:#c6002f!important}
.target-img{padding-left:5px;max-height:20px}
.gnav-page{position:relative}
.point-tip{position:relative;color:#fff;font-size:14px;padding-left:30px}
.point-tip:before{content:" ";position:absolute;background:#c6002f;top:12px;left:8px;margin-top:-8px;height:14px;width:14px;border-radius:50%}
.cover{display:inline-block;background-color:#ccc;background-position:center center;background-repeat:no-repeat;margin:5px;width:200px;height:200px;border:1px solid #ccc;background-size:cover}
.education-box{background-color:#fff;margin:0 0 1px 1px;height:200px\9}
@media print,screen and (min-width: 768px) {
.education-box{height:200px}
}
@media screen and (max-width: 767px) {
.education-box{margin-right:1px}
}
.education-links{margin-top:10px;padding-bottom:20px}
.research-box{background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:320px\9}
@media print,screen and (min-width: 768px) {
.research-box{height:320px}
}
@media screen and (max-width: 767px) {
.research-box{margin-right:1px}
}
.research-links{margin-top:10px;padding-bottom:20px}
.research-img-wrapper{height:128px;overflow:hidden}
.research-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
@media screen and (max-width: 1024px) {
.research-img{width:100%!important;height:auto!important}
}
.contribution-box{background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:330px\9}
@media print,screen and (min-width: 768px) {
.contribution-box{height:330px}
}
@media screen and (max-width: 767px) {
.contribution-box{margin-right:1px}
}
.contribution-links{margin-top:10px;padding-bottom:10px}
.contribution-img-wrapper{height:128px;overflow:hidden}
.contribution-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
.shushokushien-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:320px\9}
.shushokushien-box a{position:absolute;top:0;left:0;right:0;bottom:0}
@media print,screen and (min-width: 768px) {
.shushokushien-box{height:320px}
}
@media screen and (max-width: 767px) {
.shushokushien-box{margin-right:1px}
}
.shushokushien-txt{margin:10px}
.shushokushien-img-wrapper{height:128px;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.shushokushien-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
.exam-box{background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:440px\9}
@media print,screen and (min-width: 768px) {
.exam-box{height:440px}
}
@media screen and (max-width: 767px) {
.exam-box{margin-right:1px}
}
.exam-links{margin-top:10px;padding-bottom:20px}
.exam-img-wrapper{height:128px;overflow:hidden}
.exam-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
.exam-topic{position:relative;background-color:#fff;height:100px;margin:1px;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}
.exam-topic a{position:absolute;top:0;left:0;right:0;bottom:0}
.exam-topic-category{position:relative;float:left;width:100px;height:100px;color:#fff}
.exam-topic-category p{position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center}
.exam-topic-category-bachelor{background-color:#00b6c6}
.exam-topic-category-master{background-color:#00c64f}
.exam-topic-category-event{background-color:#dfd41f}
.exam-topic-category-news{background-color:#e76c12}
.exam-topic-content{float:left;height:100px;width:67%;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px)}
.exam-topic-title{margin:10px 10px 0;font-size:14px}
.exam-topic-txt{margin:6px 10px 0;font-size:12px}
@media screen and (max-width: 767px) {
.exam-topic-txt{display:none}
}
.exam-topic-date{margin:10px 15px 0 5px;font-size:12px;color:#646464;position:relative;top:5px}
.exam-topic-date-img{max-height:12px;padding-left:10px}
.academics-faculty-box{position:relative;margin:0 0 1px 1px}
@media screen and (max-width: 767px) {
.academics-faculty-box{margin-right:1px}
}
.academics-faculty-box a{position:absolute;z-index:101;top:0;bottom:0;left:0;right:0}
.academics-faculty-label{position:absolute;top:0;left:0;width:60px;height:60px;z-index:100;background-color:#282828}
.academics-faculty-label p{width:100%;color:#fff;text-align:center;padding-top:20px}
.academics-faculty-label p.two-rows{padding-top:10px;line-height:18px}
.academics-faculty-img{z-index:98}
.academics-faculty-headline{position:relative;z-index:100;width:100%;height:80px;padding:5px 0;background-color:#282828;text-align:center}
@media screen and (max-width: 1024px) {
.academics-faculty-headline{position:absolute;bottom:0}
}
@media screen and (max-width: 767px) {
.academics-faculty-headline{height:auto;padding:12px 10px}
}
.academics-faculty-title{font-size:14px;font-weight:700;color:#fff}
.academics-faculty-subtitle{font-size:10px;color:#b2b2b2}
@media screen and (max-width: 767px) {
.academics-faculty-subtitle{display:none}
}
.academics-faculty-info{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;background-color:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000)}
.academics-tips{margin-top:70px}
.academics-related-faculty{margin-left:1px;background-color:#fff}
@media print,screen and (min-width: 768px) {
.academics-related-faculty{height:200px}
}
.academics-related-faculty a{font-size:14px;margin-left:10px}
.academics-related-faculty-links{margin-top:10px;padding-bottom:10px}
.academics-related-faculty a:hover{color:#c6002f}
.academics-institution{margin-left:1px;background-color:#fff;margin-bottom:20px}
@media screen and (min-width: 768px) {
.academics-institution{height:240px}
}
.academics-institution a{font-size:14px;margin-left:10px}
.academics-institution-links{margin-top:10px;padding-bottom:10px}
.academics-institution a:hover{color:#c6002f}
.academics-related-center-category{margin:0 0 1px 1px;background-color:#e8e8e8;font-size:14px;padding-top:4px;padding-left:10px}
.academics-related-center-category{height:24px\9}
.academics-related-center-category.two-rows{height:50px\9}
.academics-related-center-category.three-rows{height:75px\9}
.academics-related-center-category.nineteen-rows{height:498px\9}
.academics-related-center-links.nineteen-rows{height:498px\9}
@media print,screen and (min-width: 768px) {
.academics-related-center-category{height:24px}
.academics-related-center-category.two-rows{height:50px}
.academics-related-center-category.three-rows{height:75px}
.academics-related-center-category.nineteen-rows{height:498px}
.academics-related-center-links.nineteen-rows{height:498px}
}
.academics-related-center-links{margin:0 0 1px 1px;background-color:#fff;padding-top:4px}
.academics-related-center-links .link-nav-tip{height:22px}
.academics-related-center-links a{font-size:14px;margin-left:10px}
.academics-related-center-links a:hover{color:#c6002f}
.consult-box{position:relative;background-color:#fff;margin:0 0 1px 1px;height:400px\9}
@media print,screen and (min-width: 768px) {
.consult-box{height:400px}
.consult-box .topicbox--link{position:absolute;bottom:0;right:10px;left:10px}
}
@media screen and (max-width: 767px) {
.consult-box{padding-bottom:4px}
.consult-box-half{padding-bottom:4px}
}
.consult-box .topicbox--link{margin:10px}
.consult-box-half{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:480px\9}
@media print,screen and (min-width: 768px) {
.consult-box-half{height:480px}
.consult-box-half .topicbox--link{position:absolute;bottom:0;right:10px;left:10px}
}
@media screen and (max-width: 767px) {
.consult-box,.consult-box-half{margin-right:1px}
.consult-img-wrapper{margin:0 1px}
}
.consult-box-half .topicbox--link{margin:4px}
.consult-box .topicbox--link.two-rows p{padding-top:4px;line-height:18px}
.consult-box .point-tip{color:#282828}
.consult-topic{padding:10px;font-size:20px;font-weight:700}
.consult-subtitle{margin:0 10px 10px;font-weight:700}
.consult-txt{margin:10px;font-size:12px}
@media print,screen and (min-width: 768px) {
.consult-img{height:400px}
}
@media screen and (max-width: 767px) {
.consult-img{width:100%}
}
@media print,screen and (min-width: 768px) {
.consult-img-half-wrapper{height:240px;overflow:hidden}
}
.consult-img-half{width:100%}
@media print,screen and (min-width: 768px) {
.consult-util{width:33.3%!important}
}
.aday-box{position:relative;margin:0 0 1px 1px}
@media screen and (max-width: 767px) {
.aday-box{margin-right:1px}
}
.aday-box a{position:absolute;z-index:101;top:0;bottom:0;left:0;right:0}
.aday-img{z-index:98;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease}
.aday-headline{position:absolute;bottom:0;z-index:100;width:100%;height:54px;padding:5px 0;padding:15px 0\9;background-color:#282828;text-align:center}
.aday-title{font-size:14px;font-weight:700;color:#fff}
.aday-subtitle{font-size:12px;color:#b2b2b2}
.aday-subinfo{font-size:10px;color:#b2b2b2}
.attract-topic{position:relative;height:54px;margin:0 1px 1px;background-color:#fff}
.attract-topic-img-wrapper{position:relative;background-color:#c6002f;width:54px;height:54px}
.attract-topic-img{height:44px;margin:5px 16px}
.attract-topic-txt{position:absolute;top:12px;left:60px;font-size:20px}
@media screen and (max-width: 1100px) {
.attract-topic-txt{top:13px;font-size:19px}
}
@media screen and (max-width: 860px) {
.attract-topic-txt{top:14px;font-size:18px}
}
@media screen and (max-width: 767px) {
.attract-topic-txt{top:8px;font-size:13px}
}
.attract-box{position:relative;background-color:#fff;margin:0 0 1px 1px;padding-bottom:10px;overflow:hidden;height:440px\9}
@media print,screen and (min-width: 768px) {
.attract-box{height:360px}
}
@media screen and (max-width: 767px) {
.attract-box{margin-right:1px}
}
.attract-box-txt{font-size:20px;font-weight:700;padding:10px}
@media screen and (max-width: 767px) {
.attract-box-txt{font-size:14px}
}
.attract-box-point{color:#282828}
.student-box-slight{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:80px\9}
.student-box-half{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:160px\9}
.student-box-thin{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:240px\9}
.student-box{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:320px\9}
.student-box-middle{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:640px\9}
.student-box-large{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:960px\9}
.student-box-high{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:1280px\9}
.student-box-super{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:1600px\9}
.student-img-wrapper{height:320px\9;overflow:hidden\9}
@media screen and (max-width: 767px) {
.student-box-slight{margin:1px}
.student-box-half{margin:1px}
.student-box-thin{margin:1px}
.student-box{margin:1px}
.student-box-middle{margin:1px}
.student-box-large{margin:1px}
.student-box-high{margin:1px}
.student-box-super{margin:1px}
}
.student-belongs-to{font-size:20px;color:#646464;padding:10px 0 0 10px}
.student-name{font-size:20px;padding:0 0 5px 10px}
.student-timestamp{font-size:12px;padding:0 0 5px 10px}
@media print,screen and (min-width: 1024px) {
.student-title{font-size:18px;padding:10px 10px 0;line-height:20px}
.student-from{font-size:14px;padding:5px 0 10px 10px}
.student-txt{font-size:13px;padding:5px 10px 10px}
.student-txt.narrow{line-height:15px}
}
@media screen and (max-width: 1023px) {
.student-title{font-size:16px;padding:10px 10px 0;line-height:18px}
.student-from{font-size:12px;padding:5px 0 10px 10px}
.student-txt{font-size:12px;padding:5px 10px 10px}
}
.student-schedule{margin-bottom:10px}
.student-schedule-tip{position:relative;font-size:12px;padding:2px 0 2px 30px}
.student-time-img{position:absolute;left:10px;top:4px;height:14px;width:14px}
.student-list{position:relative;text-align:center;margin:0 0 1px 1px}
.student-list a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:9999}
.student-list-info{position:absolute;bottom:0;left:0;right:0;height:52px;padding:0 4px 2px;background-color:#282828;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}
.student-list-name{padding-top:4px;font-size:12px;color:#fff;line-height:16px}
.student-list-txt{font-size:9px;color:#b2b2b2}
.student-list-period{font-size:9px;color:#b2b2b2}
@media screen and (max-width: 1340px) {
.student-list-period{display:none}
}
@media screen and (max-width: 1023px) {
.student-list-info{padding:0 8px 6px;height:44px}
}
@media screen and (max-width: 767px) {
.student-list-txt{display:none}
.student-list-info{padding:6px 8px 4px;height:24px}
}
.student-question{position:relative;height:44px;margin:0 1px 1px;background-color:#fff}
.student-question-img-wrapper{position:relative;background-color:#282828;width:44px;height:44px}
.student-question-img{height:34px;width:34px;margin:5px}
.student-question-txt{position:absolute;top:12px;left:60px;font-size:16px}
.kirisawa-schedule-tip{font-size:11px;padding:0 0 0 30px}
.kirisawa-time-img{top:2px;height:12px;width:12px}
.kon-schedule-tip{padding:0 0 0 30px}
.kon-time-img{top:2px}
.sato-schedule-tip{font-size:11px;padding:0 0 0 30px}
.sato-time-img{top:2px;height:12px;width:12px}
.solardecathlon-box{position:relative;background-color:#fff;overflow:hidden;height:240px\9}
@media print,screen and (min-width: 768px) {
.solardecathlon-box{height:240px;margin:0 0 1px 1px}
.solardecathlon-box .topicbox--link{position:absolute;bottom:10px;left:10px}
}
@media screen and (max-width: 767px) {
.solardecathlon-box{margin:1px}
.solardecathlon-box .topicbox--link{margin:10px}
.solardecathlon-box .topicbox--link.two-rows-sp p{padding-top:8px;line-height:16px}
}
.solardecathlon-title{padding:10px 10px 0;font-size:20px}
.solardecathlon-txt{margin-top:10px;padding-left:10px;padding-bottom:10px;font-size:14px}
@media print,screen and (min-width: 768px) {
.solardecathlon-img{min-height:100%;height:auto!important;height:100%;min-width:100%}
}
@media screen and (max-width: 767px) {
.solardecathlon-img{width:100%}
}
@media print,screen and (min-width: 1025px) {
.solardecathlon-wide-img{min-height:100%;height:auto!important;height:100%;min-width:100%}
}
@media screen and (max-width: 1024px) {
.solardecathlon-wide-img{width:100%}
}
.solardecathlon-box-black{position:relative;background-color:#282828;overflow:hidden}
@media screen and (max-width: 767px) {
.solardecathlon-box-black{margin:1px}
}
@media print,screen and (min-width: 768px) {
.solardecathlon-box-black{height:350px;margin:0 0 1px 1px}
}
.solardecathlon-title-black{color:#fff;padding:12px;font-size:16px}
.solardecathlon-txt-black{color:#fff;padding:0 12px 12px;font-size:12px}
@media print,screen and (min-width: 768px) {
.solardecathlon-box-bottomlink{height:154px}
.solardecathlon-box-bottom{height:100px}
}
@media print,screen and (min-width: 768px) {
.solardecathlon-img-wrapper{margin:0 0 1px 1px}
}
@media screen and (max-width: 767px) {
.solardecathlon-img-wrapper{margin:1px}
}
.interview-home-box{background-color:#fff}
.interview-home-box img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.interview-home-item{position:relative}
.interview-home-item:after{display:block;content:" "}
.interview-home-item > .interview-home-box{margin:0 0 1px 1px}
.interview-home-item a{position:absolute;top:0;left:0;bottom:0;right:0}
.interview-home-msgs{background-color:#282828;padding:10px;height:124px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.interview-home-title{font-size:16px;color:#fff}
.interview-home-subtitle{padding-top:4px;font-size:13px;color:#b2b2b2;line-height:16px}
.interview-home-msg{padding-top:4px;font-size:14px;color:#fff;line-height:16px}
.interview-home-caption{padding-top:4px;font-size:11px;color:#b2b2b2}
@media screen and (max-width: 767px) {
.interview-home-caption{font-size:9px}
}
.interview-main-img{}
.interview-box{overflow:hidden;background-color:#fff;margin:0 0 1px 1px;height:240px\9}
.interview-long-img-wrapper{overflow:hidden\9}
.interview-long-img-wrapper-ie8{overflow:hidden\9;height:600px\9}
@media print,screen and (min-width: 1281px) {
.interview-box{height:240px}
.interview-img-wrapper{overflow:hidden;height:240px}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
.interview-box{height:192px}
.interview-img-wrapper{overflow:hidden;height:192px}
}
@media screen and (max-width: 767px) {
.interview-box{margin:1px}
}
.interview-belongs-to{font-size:20px;color:#646464;padding:10px 0 0 10px}
.interview-name{font-size:20px;padding:0 0 5px 10px}
.interview-timestamp{font-size:12px;padding:0 0 5px 10px}
.interview-from{font-size:12px;padding:5px 0 10px 10px}
.interview-title{font-size:16px;padding:10px 10px 0}
.interview-txt{font-size:14px;padding:5px 10px 10px}
@media screen and (max-width: 767px) {
.interview-txt{font-size:12px;padding:5px 10px 10px}
}
.interview-main-txt{font-size:16px;padding:5px 10px 10px}
@media screen and (max-width: 767px) {
.interview-main-txt{font-size:12px;padding:5px 10px 10px}
}
.interview-box-black{position:relative;background-color:#282828;overflow:hidden}
@media screen and (max-width: 767px) {
.interview-box-black{margin:1px}
}
@media print,screen and (min-width: 768px) {
.interview-box-black{margin:0 0 1px 1px}
}
.interview-title-black{color:#fff;padding:6px 6px 0;font-size:16px}
.interview-txt-black{color:#fff;padding:0 6px 6px;font-size:12px}
.interview-subtxt-black{padding-left:6px;padding-bottom:8px;font-size:12px;color:#b2b2b2}
.interview-question-box{margin:0;background-color:#fff}
.interview-question{position:relative;margin:0 1px 1px;background-color:#fff}
.interview-question-img-wrapper{position:relative;background-color:#282828;width:44px}
.interview-question-txt{position:relative;position:absolute\9;top:12px;left:60px;font-size:16px;font-weight:700;line-height:20px}
.interview-question-txt.two-rows{top:4px\9}
.laboratory-question-txt{position:relative;position:absolute\9;top:12px;left:60px;font-size:16px;font-weight:700;line-height:20px}
.laboratory-question-txt.two-rows{top:4px\9}
@media print,screen and (min-width: 768px) {
.interview-question{height:44px}
.interview-question-txt{position:absolute}
.interview-question-txt.two-rows{top:4px}
}
@media screen and (max-width: 767px) {
.interview-question-txt{top:-22px;width:75%;width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);padding-right:10px}
.interview-question-img-wrapper{top:18px}
}
.interview-question-img{height:34px;width:34px;margin:5px}
.interview-img{margin:1px}
.interview-icon-img{width:18px}
.interview-survey-subtxt{padding-left:10px;font-size:12px;line-height:16px;color:#b2b2b2;padding-top:6px}
.interview-survey-txt{padding-left:10px;font-size:18px;color:#fff;line-height:20px;padding-bottom:6px}
.interview-questionnaire-box{position:relative;height:44px;background-color:#fff}
.interview-questionnaire-box img{position:absolute;left:10px;top:6px}
.interview-questionnaire-box .interview-txt{position:absolute;left:20px;top:4px;padding-right:0!important;font-size:12px;font-weight:700}
@media print,screen and (min-width: 768px) and (max-width: 820px) {
.interview-questionnaire-box .interview-txt{font-size:10px}
}
@media screen and (min-width: 1024px) and (max-width: 1100px) {
.interview-questionnaire-box .interview-txt{font-size:10px}
}
.interview-questionnaire-box .interview-timestamp{position:absolute;left:20px;top:24px;font-size:10px}
.interview-sidebar-question{padding:10px;font-size:16px;background-color:#fff}
.interview02-img-wrapper{margin:1px 0 1px 1px;background-color:#282828}
.interview02-img{width:75%;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);padding:15px 40px}
.interview03-img-wrapper{margin:1px 0 1px 1px}
.interview03-img{}
.laboratory-box{position:relative;background-color:#fff}
.laboratory-box-black{position:relative;background-color:#282828;overflow:hidden}
.laboratory-side-box-black{position:relative;background-color:#282828;overflow:hidden}
.laboratory-side-img{width:92%;margin:4%}
@media screen and (max-width: 767px) {
.laboratory-box-black,.laboratory-side-box-black{margin:1px}
.laboratory-img{width:100%}
}
@media print,screen and (min-width: 768px) {
.laboratory-box-black,.laboratory-box{margin:0 0 1px 1px}
.laboratory-side-box-black{margin:0 0 1px 1px}
.laboratory-img{min-width:100%}
}
.laboratory-box-black{position:relative;background-color:#282828;overflow:hidden}
@media screen and (max-width: 767px) {
.laboratory-box-black{margin:1px}
}
@media print,screen and (min-width: 768px) {
.laboratory-box-black{margin:0 0 1px 1px}
}
.laboratory-txt-big-black{color:#fff;padding:0 6px 6px;font-size:16px}
.laboratory-txt-middle-black{color:#fff;padding:0 6px 6px;font-size:14px}
.laboratory-txt-middle{padding:0 6px 6px;font-size:14px}
@media screen and (max-width: 1024px) {
.laboratory-txt-middle{font-size:11px}
}
.laboratory-title-black{color:#fff;padding:6px;padding-bottom:0!important;font-size:20px;line-height:26px}
@media screen and (max-width: 767px) {
.laboratory-title-black{font-size:18px}
}
.laboratory-txt-black{color:#fff;padding:0 6px 6px;font-size:12px}
.laboratory-txt-black-light{color:#fff;font-size:11px;padding:10px}
.laboratory-title{font-size:20px;padding:6px 10px 0 6px}
.laboratory-txt{font-size:14px;padding:5px 10px 10px}
.laboratory-question-box{margin:0;background-color:#fff}
.laboratory-question{position:relative;margin:0 1px 1px;background-color:#fff}
.laboratory-question-img-wrapper{position:relative;background-color:#282828;width:44px}
.laboratory-question-txt{position:relative;top:12px;left:60px;font-size:16px;line-height:20px;font-weight:700}
.laboratory-gray-txt{padding-left:6px;padding-bottom:8px;font-size:14px;color:#b2b2b2}
@media print,screen and (min-width: 768px) {
.laboratory-question-box{padding-bottom:40px}
.laboratory-question{height:44px}
.laboratory-question-txt{position:absolute}
.laboratory-question-txt.two-rows{top:4px}
}
@media screen and (max-width: 767px) {
.laboratory-question-txt{top:-22px;width:75%;width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);padding-right:10px}
.laboratory-question-img-wrapper{top:18px}
}
.laboratory-question-img{height:34px;width:34px;margin:5px}
.general-box{background-color:#fff}
.general-item{position:relative}
.general-item:after{padding-top:100%;display:block;content:" "}
.general-item > .general-box{position:absolute;top:0;left:0;bottom:0;right:0}
.general-box > .topicbox--center + .link-nav-tip,.general-lg-box > .topicbox--center + .link-nav-tip,.general-half-box-up > .topicbox--center + .link-nav-tip,.general-half-box-down > .topicbox--center + .link-nav-tip{margin-top:10px}
.general-box .link-nav-tip,.general-lg-box .link-nav-tip{line-height:20px}
.general-item-lg{position:relative}
.general-item-lg:after{padding-top:155%;display:block;content:" "}
.general-item-lg > .general-box{position:absolute;top:0;left:0;bottom:0;right:0}
.general-item-lg > .general-half-box-up{position:absolute;top:0;left:0;bottom:50%;right:0}
.general-item-lg > .general-half-box-down{position:absolute;top:50%;left:0;bottom:0;right:0}
.general-img-wrapper{}
.general-img{width:100%}
.general-lg-box{background-color:#fff}
.general-lg-img-wrapper a{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease}
.general-lg-img-wrapper a:hover{opacity:.4}
.general-half-box-up,.general-half-box-down{background-color:#fff}
@media print,screen and (min-width: 768px) {
.general-box{margin:0 0 1px 1px}
.general-img-wrapper{overflow:hidden;margin:0 0 1px 1px}
.general-lg-box{margin:0 0 1px 1px}
.general-lg-img-wrapper{overflow:hidden;margin:0 0 1px 1px}
.general-half-box-up,.general-half-box-down{margin:0 0 1px 1px}
}
@media screen and (max-width: 767px) {
.general-box{margin:1px}
.general-img-wrapper{overflow:hidden;margin:1px}
.general-lg-box{margin:1px}
.general-lg-img-wrapper{overflow:hidden;margin:1px}
.general-half-box-up,.general-half-box-down{margin:1px}
}
.campus-life-box{background-color:#fff;margin:0 0 1px 1px;overflow:hidden;position:relative;height:320px\9}
.campus-life-box-useful{background-color:#fff;margin:0 0 1px 1px;overflow:hidden;position:relative;height:320px\9}
.campus-life-box > a{position:absolute;top:0;left:0;right:0;bottom:0}
.campus-life-box > p > a{position:absolute;top:0;left:0;right:0;bottom:0}
@media print,screen and (min-width: 768px) {
.campus-life-box,.campus-life-box-useful{height:320px}
}
@media screen and (max-width: 767px) {
.campus-life-box,.campus-life-box-useful{margin-right:1px}
}
.campus-life-txt{margin:10px;font-size:14px;color:#282828}
.campus-life-img-wrapper{height:128px;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.campus-life-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
.campus-life-category{margin:0 0 1px 1px;background-color:#282828;color:#fff;font-size:14px;padding-top:4px;padding-left:10px}
.campus-life-category{height:28px\9}
.campus-life-category.two-rows{height:56px\9}
.campus-life-category.three-rows{height:84px\9}
.campus-life-category.four-rows{height:112px\9}
.campus-life-category.five-rows{height:140px\9}
.campus-life-category.nine-rows{height:252px\9}
.campus-life-links.two-rows{height:56px\9}
.campus-life-links.three-rows{height:84px\9}
.campus-life-links.four-rows{height:112px\9}
.campus-life-links.five-rows{height:140px\9}
.campus-life-links.nine-rows{height:252px\9}
@media print,screen and (min-width: 768px) {
.campus-life-category{height:28px}
.campus-life-category.two-rows{height:56px}
.campus-life-category.three-rows{height:84px}
.campus-life-category.four-rows{height:112px}
.campus-life-category.five-rows{height:140px}
.campus-life-category.nine-rows{height:252px}
.campus-life-links.two-rows{height:56px}
.campus-life-links.three-rows{height:84px}
.campus-life-links.four-rows{height:112px}
.campus-life-links.five-rows{height:140px}
.campus-life-links.nine-rows{height:252px}
}
.campus-life-links{margin:0 0 1px 1px;background-color:#fff;padding-top:4px}
.campus-life-links .link-nav-tip{height:24px}
.campus-life-links a{font-size:14px;margin-left:10px}
.campus-life-links a:hover{color:#c6002f}
.friends-box,.friends-commity-box{position:relative;background-color:#fff;overflow:hidden}
.friends-box{height:240px\9}
.friends-community-box{height:300px\9}
@media print,screen and (min-width: 768px) {
.friends-box{height:240px;margin:0 0 1px 1px}
.friends-commity-box{height:300px;margin:0 0 1px 1px}
.friends-commity-box img.friends-img{}
.friends-box .topicbox--link,.friends-commity-box .topicbox--link{margin:10px}
}
@media screen and (max-width: 767px) {
.friends-box,.friends-commity-box{margin:1px}
.friends-box .topicbox--link,.friends-commity-box .topicbox--link{margin:10px}
.friends-box .topicbox--link.two-rows-sp p,.friends-commity-box .topicbox--link.two-rows-sp p{padding-top:8px;line-height:16px}
}
.friends-title{padding:10px 10px 0;font-size:20px}
.friends-txt{margin-top:10px;padding-left:10px;padding-bottom:10px;font-size:12px}
@media print,screen and (min-width: 768px) {
.friends-img{width:100%}
}
@media screen and (max-width: 767px) {
.friends-img{width:100%}
}
.friends-img-logo{padding-left:10px;height:44px}
.friend-img-ontxt{position:absolute;bottom:0;left:0;right:0;height:45px;background-color:#282828}
.friend-img-ontxt p{color:#fff;padding-top:12px;text-align:center}
.friends-th-table{margin:0 0 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.friends-table-th-content{display:inline-block;width:60px;margin:0 10px;font-weight:700;font-size:12px}
.friends-table-content-red{display:inline-block;background-color:#c6002f;width:40px;margin-right:20px;padding:2px 10px;color:#fff;font-size:12px;text-align:center}
.friends-table{margin:6px 0;position:relative;font-size:11px}
@media print,screen and (min-width: 768px) {
.friends-table-content{display:inline-block}
.friends-table-content-next{position:relative;display:block;left:82px}
}
.study-box{position:relative;background-color:#fff;overflow:hidden;height:460px\9}
@media print,screen and (min-width: 768px) {
.study-box{margin:0 0 1px 1px}
.study-box .topicbox--link{position:absolute;bottom:10px;left:10px}
}
@media screen and (max-width: 1400px) {
.study-box .topicbox--link.two-rows-sp p{padding-top:8px;line-height:16px}
}
@media screen and (max-width: 767px) {
.study-box{margin:1px}
.study-box .topicbox--link{margin:10px}
.study-box .topicbox--link.two-rows-sp p{padding-top:8px;line-height:16px}
}
.study-title{padding:10px 10px 0;font-size:20px}
.study-subtitle{padding:10px 10px 0;font-size:14px;font-weight:700}
.study-txt{margin-top:4px;padding-left:10px;padding-bottom:10px;font-size:14px;line-height:16px}
@media print,screen and (min-width: 768px) {
.study-main-img{min-height:100%;height:auto!important;height:100%;min-width:100%}
.study-img{width:100%}
}
@media screen and (max-width: 767px) {
.study-img,.study-main-img{width:100%}
}
.study-function{}
.study-function-circle{float:left;width:20%}
@media print,screen and (min-width: 768px) {
.study-function-circle{height:128px}
}
.study-function-circle div{width:60px;height:60px;margin:0 auto;margin-top:20px;border-radius:30px;background-color:#c6002f}
.study-function-circle p{padding-top:20px;text-align:center;color:#fff;font-size:12px;font-weight:700}
.study-function-texts{float:left;width:80%}
@media print,screen and (min-width: 768px) {
.study-function-texts{height:128px}
}
.study-characteristic{}
.study-characteristic-main-img{width:92%;margin:4%}
.study-characteristic-supplement{padding:10px 20px;font-size:11px}
.study-characteristic-supplement:before{content:"※";position:absolute;left:6px}
.study-characteristic-circle{float:left;width:14%;width:10%\9}
@media print,screen and (min-width: 768px) {
.study-characteristic-circle{height:100px}
}
.study-characteristic-img{width:80%;margin:10%}
.study-characteristic-texts{float:left;width:86%}
@media print,screen and (min-width: 768px) {
.study-characteristic-texts{height:100px}
}
.study-characteristic-text{color:#84a8dc}
.study-faculty-box{position:relative;margin:0 0 1px 1px}
@media screen and (max-width: 767px) {
.study-faculty-box{margin-right:1px}
}
.study-faculty-box a{position:absolute;z-index:101;top:0;bottom:0;left:0;right:0}
.study-faculty-label{position:absolute;top:0;left:0;width:60px;height:60px;z-index:100;background-color:#282828}
.study-faculty-label p{width:100%;color:#fff;text-align:center;padding-top:20px}
.study-faculty-label p.two-rows{padding-top:10px;line-height:18px}
.study-faculty-img{z-index:98}
.study-faculty-headline{position:absolute;bottom:0;left:0;right:0;z-index:100;width:80%;width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);padding:10px;background-color:#282828;text-align:center}
.study-faculty-title{font-size:12px;color:#fff}
.study-faculty-subtitle{font-size:10px;color:#b2b2b2}
.study-faculty-info{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;background-color:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000)}
.study-tip{padding:10px;color:#fff;font-size:14px}
.study-approach-box{width:98%;width:-webkit-calc(100% - 1px);width:-moz-calc(100% - 1px);width:calc(100% - 1px);margin:0 0 1px 1px}
@media print,screen and (min-width: 768px) {
.study-approach-box{}
.study-approach-content{height:348px}
}
.study-approach-header{position:relative;background-color:#282828}
.study-approach-header:hover{background-color:#c6002f;cursor:pointer}
.study-approach-header p{padding:10px;color:#fff}
.study-approach-header-icon{position:absolute;top:0;right:10px;color:#fff}
.study-approach-content{display:none;background-color:#fff}
.study-approach-content p{padding:10px;font-size:12px}
.events-box{background-color:#fff}
.events-item{position:relative}
.events-item:after{padding-top:100%;display:block;content:" "}
.events-item > .events-box{position:absolute;top:0;left:0;bottom:0;right:0}
@media print,screen and (min-width: 768px) {
.events-box{margin:0 0 1px 1px}
}
@media screen and (max-width: 767px) {
.events-box{margin:1px}
}
.events-title{padding:10px;font-size:20px}
.events-text{margin-top:10px;padding:10px;font-size:12px}
.events-topicbox{position:absolute;bottom:10px;left:10px;right:10px}
.events-box-black{background-color:#282828;position:relative}
.events-title-black{color:#fff;font-size:20px;position:absolute;top:50%;width:100%;margin-top:-1.2em;text-align:center}
@media print,screen and (min-width: 768px) {
.facilities-item{position:relative}
.facilities-item:after{padding-top:100%;display:block;content:" "}
.facilities-item > .facilities-square{position:absolute;top:0;left:0;bottom:0;right:0}
}
.facilities-box,.facilities-ground-box{position:relative;background-color:#fff;margin:0 0 1px 1px}
.facilities-srsh-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden}
.facilities-box{height:288px\9}
.facilities-ground-box{height:160px\9}
.facilities-srsh-box{height:260px\9}
@media print,screen and (min-width: 768px) {
.facilities-box{height:288px}
.facilities-ground-box{height:160px}
.facilities-srsh-box{height:260px}
}
.facilities-middle-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:260px\9}
.facilities-large-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:300px\9}
.facilities-foodcourt-box{height:720px\9}
.facilities-foodcourt-half-box{height:360px\9}
@media print,screen and (min-width: 768px) {
.facilities-middle-box{height:260px}
.facilities-large-box{height:300px}
.facilities-foodcourt-box{height:540px}
.facilities-foodcourt-half-box{height:270px}
}
.facilities-titile{font-size:16px;padding:10px 10px 0}
.facilities-subtitle{font-size:14px;padding:4px 10px 0;color:#888;line-height:16px}
.facilities-txt{font-size:14px;padding:4px 10px}
.facilities-subtxt{font-size:10px;padding:0 10px}
.facilities-number-img{height:60px}
@media print,screen and (min-width: 768px) {
.facilities-number-img{height:100%}
}
.facilities-topicbox{}
.facilities-inner-topicbox{position:absolute;bottom:10px;left:10px;right:10px}
@media screen and (max-width: 767px) {
.facilities-inner-topicbox{position:relative;margin:10px;left:0;right:0p}
}
.facilities-inner-img{padding:10px;width:120px}
.facilities-square-top{height:28%;height:-webkit-calc(30% - 10px);height:-moz-calc(30% - 10px);height:calc(30% - 10px);padding-bottom:10px}
.facilities-list-box{position:relative;margin:0 0 1px 1px;height:9.7%;height:-webkit-calc(10% - 1px);height:-moz-calc(10% - 1px);height:calc(10% - 1px);background-color:#fff}
.facilities-list-box a{position:absolute;top:0;left:0;right:0;bottom:0}
.facilities-list-box p.facilities-list-box-text{position:absolute;left:12%;top:50%;margin-top:-.7em;font-size:14px}
.facilities-list-box.two-rows p.facilities-list-box-text{top:50%;margin-top:-1.2em;line-height:18px}
@media screen and (max-width: 767px) {
.facilities-list-box p.facilities-list-box-text{left:22%;font-size:13px}
.facilities-list-box.two-rows p.facilities-list-box-text{left:22%;font-size:13px;margin-top:-1.4em}
}
.facilities-foodcourt-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden}
.facilities-foodcourt-half-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden}
.facilities-foodcourt-msg{position:absolute;bottom:0;background-color:rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88ffffff,EndColorStr=#88ffffff)}
.facilities-foodcourt-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
.global-international-approach{margin-left:1px;background-color:#fff}
@media print,screen and (min-width: 768px) {
.global-international-approach-high{height:350px}
.global-international-approach-middle{height:142px}
.global-international-approach-low{height:112px}
}
.global-international-approach a{font-size:14px;margin-left:10px}
.global-international-approach-links{margin-top:10px;padding-bottom:10px}
.global-international-approach a:hover{color:#c6002f}
.global-campus-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:360px\9}
@media print,screen and (min-width: 768px) {
.global-campus-box{height:360px}
}
.global-campus-inner-box{position:relative}
.global-campus-topicbox{position:absolute;left:0;right:0;bottom:0;font-size:12px}
.global-campus-topicbox:hover{background-color:#c6002f}
.global-campus-topicbox.two-rows{padding:0;height:36px}
.global-campus-topicbox p{line-height:16px}
.global-campus-topicbox a{display:inline-block;position:absolute;bottom:0;left:0;right:0;height:36px}
.global-campus-middle-box{position:relative;background-color:#fff;margin:0 0 1px 1px;height:560px;overflow:hidden}
.global-campus-half-box{position:relative;background-color:#fff;margin:0 0 1px 1px;height:280px;overflow:hidden}
.global-campus-half-box .global-text{padding-top:0;margin-top:0}
.global-campus-half-box .global-subtitle{padding-bottom:0;margin-bottom:0}
.global-campus-half-box img{padding-top:10px}
.global-text{padding:10px;font-size:12px}
.global-subtitle{padding:10px;font-size:14px;font-weight:700}
.global-dream-box{position:relative;background-color:#fff;margin:0 0 1px 1px;overflow:hidden}
@media print,screen and (min-width: 768px) {
.global-comment-box{position:absolute;background-color:#282828}
.global-comment-box a,.global-comment-box p{display:inline-block;padding:10px;color:#fff;font-weight:700}
.global-comment-box a:hover{cursor:pointer}
.global-comment-box:hover{cursor:pointer;background-color:#c6002f}
.global-comment-box:after{content:" ";display:inline-block;border:10px solid transparent;border-top-color:#282828;position:absolute;left:50%;bottom:-20px;margin-left:-10px;-webkit-transition:border-top-color .3s ease;-moz-transition:border-top-color .3s ease;-ms-transition:border-top-color .3s ease;-o-transition:border-top-color .3s ease}
.global-comment-box:hover:after{border-top-color:#c6002f}
.global-comment1{top:160px;left:8%}
.global-comment2{top:80px;left:24%}
.global-comment3{top:160px;left:40%}
.global-comment4{top:80px;left:54%}
.global-comment5{top:160px;left:80%}
}
@media screen and (max-width: 767px) {
.global-comment-box{position:relative;background-color:#282828;margin:0 1px 1px 0}
.global-comment-box a,.global-comment-box p{display:inline-block;padding:10px;color:#fff;font-weight:700}
}
.global-link-nav-tip{display:none;position:relative;margin-left:30px;font-size:10px;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.global-link-nav-tip:before{content:" ";border:4px solid transparent;border-left-color:#b2b2b2;position:absolute;left:0;top:3px}
.global-link-nav-top-p{padding-bottom:4px!important}
.global-link-nav-tip a{padding:0;padding-left:10px}
.global-link-nav-tip a:hover{color:#b2b2b2!important}
.global-link-nav-bototm-padding{padding-bottom:4px}
.environment-box{padding:10px;background-color:#fff;margin:0 0 1px 1px}
.environment-wrapper-box{background-color:#fff;overflow:hidden}
.environment-img-box{background-color:#fff;margin:0 0 1px 1px}
.environment-pdf-side-box{background-color:#fff;margin:0 0 1px 1px;height:636px\9}
.environment-pdf-box{height:616px\9;padding:10px\9}
.environment-contact-box{height:200px\9}
@media print,screen and (min-width: 1024px) {
.environment-pdf-side-box{height:636px}
.environment-pdf-box{height:616px}
.environment-contact-box{height:200px}
}
@media print,screen and (min-width: 768px) {
.environment-pdf-side-box{height:636px}
.environment-pdf-box{height:616px}
.environment-contact-box{height:200px}
}
.environment-text{padding:10px;font-size:14px}
.environment-caption{padding:10px;font-size:12px}
.environment-pdf-box{padding:10px;background-color:#fff;margin:0 0 1px 1px}
.environment-report{height:26px;border-bottom:1px solid #ddd}
.environment-report.two-rows{height:50px}
.environment-report.three-rows{height:72px}
@media screen and (max-width: 1023px) and (min-width: 900px) {
.environment-report.two-rows{height:26px}
.environment-report.three-rows{height:50px}
}
@media print,screen and (min-width: 1200px) {
.environment-report.two-rows{height:26px}
.environment-report.three-rows{height:50px}
}
@media screen and (max-width: 767px) {
.environment-report{height:52px}
}
.environment-report-title{padding:0;padding-top:2px;padding-left:8px;font-size:14px;color:#888}
.environment-report-size{padding:0;padding-left:10px;font-size:14px}
.environment-link-with-icon{position:relative;background-color:#fff;height:60px;margin:0 0 1px 1px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.environment-link-with-icon:hover{background-color:#c6002f}
.environment-link-with-icon a{position:absolute;top:0;left:0;right:0;bottom:0}
.environment-link-with-icon > img{height:100%;margin:0}
.environment-link-with-icon p.environment-link-with-icon-text{position:absolute;left:72px;top:50%;font-size:14px;margin-top:-.6em}
.environment-link-with-icon.two-rows p.environment-link-with-icon-text{position:absolute;left:72px;top:50%;font-size:12px;margin-top:-1.4em;line-height:18px}
.environment-contact-box{background-color:#fff;margin:0 0 1px 1px}
.environment-adobe-box{background-color:#fff;margin:0 0 1px 1px}
.environment-adobe-img-wrapper{float:left;padding:10px}
.environment-adobe-text{float:left;padding:10px;font-size:12px}
.history-box{background-color:#fff;overflow:hidden;height:320px\9}
.history-box-detail{background-color:#fff;margin:0 0 1px 1px;overflow:hidden;height:380px\9}
.img-box{margin:0 0 0 1px}
.history-box-description{height:38px;background-color:#282828;color:#fff;margin:0 0 1px 1px}
@media print,screen and (min-width: 768px) {
.history-box{height:320px}
.history-box-detail{height:380px}
.box-sub{height:358px}
}
.img-description{font-size:12px;text-align:center;padding:10px 4px!important;margin:0 6%!important}
.img-description-narrow{font-size:12px;text-align:center;padding:1px 10px 0}
.history-line{border-bottom:solid 1px #EFECED;margin:10px 0;padding:0}
.history-line-narrow{border-bottom:solid 1px #EFECED;margin:2px 0 10px;padding:0}
.history-title{font-size:18px;margin:10px;line-height:22px}
.history-description{font-size:12px;margin:10px;line-height:17px}
@media print,screen and (min-width: 1200px) {
.history-description{font-size:14px;line-height:20px}
}
@media print,screen and (min-width: 768px) {
.history-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
}
@media screen and (max-width: 767px) {
.history-img{width:100%}
}
.box-white{background-color:#fff;color:#282828}
.box-black{background-color:#282828;color:#fff}
@media print,screen and (min-width: 768px) {
.history-util{width:33.3%!important}
}
.laboratory-box{position:relative;background-color:#282828;margin:0 1px 1px;overflow:hidden}
.laboratory{position:relative;width:100%;height:344px\9}
.laboratory:hover{cursor:pointer}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.laboratory{height:256px}
.laboratory-box{}
.laboratory-name{padding-top:88px}
.laboratory-img-wrapper{}
.laboratory-name{font-size:14px}
.laboratory-name-sub{font-size:12px}
.laboratory-description{font-size:12px}
}
@media print,screen and (min-width: 1025px) {
.laboratory{height:344px}
.laboratory-box{}
.laboratory-name{padding-top:128px}
.laboratory-img-wrapper{}
.laboratory-name{font-size:16px}
.laboratory-name-sub{font-size:14px}
.laboratory-description{font-size:14px}
}
@media screen and (max-width: 767px) {
.laboratory-name{font-size:14px}
.laboratory-name-sub{font-size:12px}
.laboratory-description{font-size:12px}
}
.laboratory a{position:absolute;top:0;left:0;right:0;bottom:0}
.laboratory-name{text-align:center;color:#fff}
.laboratory-name-sub{text-align:center;color:#b2b2b2}
.laboratory-description{text-align:left;color:#b2b2b2;padding-left:15px;padding-right:15px}
@media screen and (max-width: 767px) {
.laboratory-description{text-align:center}
}
.laboratory-img-wrapper{margin:0 1px 1px;overflow:hidden}
@media print,screen and (min-width: 1025px) {
.laboratory-visit-img{min-width:100%;min-height:100%;height:auto!important;height:100%}
}
@media screen and (max-width: 1024px) {
.laboratory-visit-img{width:100%}
}
@media print,screen and (min-width: 768px) {
.laboratory01-img{height:100%;margin-left:-40px}
}
@media screen and (max-width: 767px) {
.laboratory01-img{width:100%}
}
@media print,screen and (min-width: 768px) {
.laboratory02-img{height:100%;margin-left:-40px}
}
@media screen and (max-width: 767px) {
.laboratory02-img{width:100%}
}
@media print,screen and (min-width: 768px) {
.laboratory03-img{height:100%;margin-left:-40px}
}
@media screen and (max-width: 767px) {
.laboratory03-img{width:100%}
}
.speech-balloon-left{border-style:solid;border-width:1px;padding:5px;margin:8px 0 8px 8px!important;border-color:#fff;color:#fff;font-size:11px;width:39%;height:220px;border-radius:10px;line-height:130%;float:left}
.speech-balloon-right{border-style:solid;border-width:1px;padding:5px;margin:8px 8px 8px 0!important;border-color:#fff;color:#fff;font-size:11px;width:39%;height:220px;border-radius:10px;line-height:130%;float:right}
.speech-balloon-teacher{font-weight:700;line-height:190%}
.laboratory-side-img{width:92%;margin:4%}
.icon-left{float:left;top:0;margin-left:8%;margin-top:-8px;z-index:9999}
.icon-right{float:left;top:0;margin-left:40%;margin-top:-8px;z-index:9999}
@media print,screen and (min-width:1025px) {
.laboratory04-img{height:100%;margin-left:-40px}
}
@media print,screen and (max-width:767px) {
.laboratory04-img{width:100%}
}
@media screen and (max-width: 767px) {
.laboratory03-img{width:100%}
}
@media screen and (max-width: 767px) {
.event-article{height:64px!important}
}
@media screen and (max-width: 670px) {
.event-article{height:80px!important}
}
@media screen and (min-width: 768px) and (max-width: 920px) {
.event-article-text{display:none}
}
@media screen and (min-width:768px) and (max-width: 1024px) {
.event-article-title{font-size:12px;padding:6px}
}
@media screen and (max-width: 767px) {
.two-rows-kaido{line-height:18px;padding-top:6px!important}
}
.ie8-slider{position:relative}
.ie8-slider-image{width:100%;min-height:640px}
.ie8-slider-message{font-size:60px;color:#fff;position:absolute;top:240px;left:80px;text-shadow:2px 2px 10px #000;filter:glow(color=#333,strength=5px)}
.ie8-slider-link{position:absolute;top:400px;left:80px}
.main-contents:not(:target){height:100%\9}
.Android .main-contents{height:100%}
.main:not(:target){z-index:99999\9}
.laboratory-name{padding-top:128px\9}
.laboratory01-img,.laboratory02-img,.laboratory03-img,.laboratory04-img{width:100%\9}
.history-img{width:100%\9}
.study-main-img{height:100%\9}
.laboratory-img-wrapper{height:344px\9;overflow:hidden\9}
.box-sub{height:358px\9}
.student-img{width:100%\9;height:auto\9}
.tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.tp-caption a:hover{color:#ffa902}
#header-top{height:60px;margin:0 auto;max-width:1460px;width:97.4%;overflow:hidden}
#nav-top{width:97.4%;margin:0 auto}
#language-nav{font-size:75%;float:right;margin:19px 0;overflow:hidden;background-color:#FFF\9;background-color:rgba(255,255,255,0.8);padding:2px 22px 2px 30px;border-radius:13px;line-height:17px;height:20px}
#language-nav.open{background:url(/engine/static/images/linkIcon_on.png) 15px center no-repeat;background-color:rgba(255,255,255,0.8)}
#language-nav a{transition:none}
#language-nav a:before{content:url(/engine/static/images/linkIcon.png)}
#language-nav a:hover:before{content:url(/engine/static/images/linkIcon_hover.png)}
#language-nav a.btn{float:left;overflow:hidden;color:#333;margin:0;width:auto;background-color:rgba(0,0,0,0);padding:0}
#language-nav ul{float:left;margin:0;display:none;padding:0;overflow:hidden;line-height:17px;height:17px}
#language-nav ul li{float:left;width:74px}
#language-nav ul li:after{content:"｜";color:#333;margin-left:12px}
#search-box{float:right;background-color:#FFF\9;background-color:rgba(255,255,255,0.8);border-radius:13px;padding:0 13px;position:relative;margin:19px 0 19px 1.7%;height:22px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,#search-box{margin:18px .7% 18px 1.7%}
}
.search-button{position:absolute;top:5px;left:10px}
.search-textbox{border:none;margin-left:25px;background:none;width:213px}
#global-nav{background:url(/engine/static/images/header-bg.png) center top repeat-x;width:100%}
#global-nav ul{width:97.4%;max-width:1460px;margin:0 auto}
#global-nav li.global-nav-item{width:9.09%;position:relative;float:left;padding:0}
#global-nav li.global-nav-item:after{padding-top:100%;display:block;content:""}
#global-nav li.global-nav-item a{vertical-align:middle;display:table;width:100%;text-decoration:none;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;border-right:1px solid #63615d}
#global-nav li.global-nav-item a:hover,#global-nav li.global-nav-item a.current{background-color:#C6002F}
#global-nav li.global-nav-item .siteTitle{overflow:hidden;display:table-cell;height:inherit;padding:0 10px;text-align:center;vertical-align:middle;width:inherit}
#global-nav li.global-nav-item .siteTitle img{width:100%}
#global-nav li.global-nav-item a .nav-text-wrap{display:table-cell;width:100%;vertical-align:middle}
#global-nav li.global-nav-item a .nav-text-wrap span{display:block}
#global-nav li.global-nav-item a .nav-text,#pulldown-nav-list a .nav-text{width:100%;text-align:center;color:#FFF;text-decoration:none;font-size:14px}
#global-nav li.global-nav-item a .nav-subtext,#pulldown-nav-list a .nav-subtext{width:100%;text-align:center;color:#ccc;text-decoration:none;font-size:10px}
#global-nav li.nav-toggle{position:relative}
#global-nav li.nav-toggle .img-wrap{width:20%;display:block;position:absolute;top:27%;left:39%}
#global-nav li.nav-toggle .img-wrap img{width:100%}
#global-nav li.nav-toggle a{display:block;width:99.3%;width:calc(100% - 1px);width:-webkit-calc(100% - 1px);width:-moz-calc(100% - 1px)}
#nav-target{width:97.4%;max-width:1460px;margin:0 auto}
.nav-item-pulldown{bottom:1px;height:20%;left:1px;position:absolute;right:1px;transition:background-color .3s ease 0;text-align:center}
.nav-item-pulldown img{vertical-align:middle}
ul#pulldown-nav-list{width:100%;width:calc(100% - 1px);width:-webkit-calc(100% - 1px);width:-moz-calc(100% - 1px);display:none;position:absolute;border-right:none;border-top:1px solid #63615d;top:100%;left:0;background-color:rgba(0,0,0,0);height:265px;clear:both}
ul#pulldown-nav-list li.nav-pulldown-item{overflow:hidden;width:100%;max-width:133px;float:left}
ul#pulldown-nav-list li.nav-pulldown-item a{position:static;width:100%;overflow:hidden;display:block;padding:7px 3% 5px;text-decoration:none;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;background-color:rgba(40,40,40,0.8);background:#282828\9;opacity:0.8\9;-ms-filter:alpha(opacity=80);border-right:none;border-bottom:1px dotted #63615d}
ul#pulldown-nav-list li.nav-pulldown-item:last-child a{border-bottom:none;padding:7px 3% 6px}
ul#pulldown-nav-list li.nav-pulldown-item a span{display:block}
#global-nav .global-nav-item ul.gnav-sub-list{width:100%;padding:calc(50% - 36px) 10% calc(50% - 41px);padding:-webkit-calc(50% - 36px) 10% -webkit-calc(50% - 41px);padding:-moz-calc(50% - 36px) 10% -moz-calc(50% - 41px);height:77px;border-right:none}
#global-nav .global-nav-item ul.gnav-sub-list li{height:21px;margin-bottom:7px;overflow:hidden}
#global-nav .global-nav-item ul.gnav-sub-list li:last-child{margin-bottom:0}
#global-nav .global-nav-item ul.gnav-sub-list li span.img{display:block;float:left;width:20px;height:21px;overflow:hidden;padding-right:5px;position:relative}
#global-nav .global-nav-item ul.gnav-sub-list li span.img img{position:absolute;width:17px;top:0;left:0}
#global-nav .global-nav-item ul.gnav-sub-list li a:hover span.img img{top:-21px}
#global-nav .global-nav-item ul.gnav-sub-list li span.text{font-family:Verdana,Geneva,sans-serif;color:#fff;display:table-cell;vertical-align:middle;height:21px;line-height:100%;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease}
#global-nav .global-nav-item ul.gnav-sub-list a{width:100%;display:block;color:#fff;text-decoration:none;font-size:11px;border:none}
#global-nav .global-nav-item ul.gnav-sub-list a:hover{background:none}
#global-nav .global-nav-item ul.gnav-sub-list li a:hover span.text{color:#C6002F}
body.home ul#pulldown-nav-list{display:block}
.footer-left{width:49.4%;float:left;position:relative}
#foot_adress{width:40%;float:left;position:relative;overflow:hidden}
.home .footer-access-title{margin:0 10% 20px 0;padding:0;font-size:100%;font-weight:400;overflow:hidden;display:block;float:left;text-align:center;width:90%;width:-webkit-calc(8% + 196px);width:-moz-calc(8% + 196px);width:calc(8% + 196px)}
.home .footer-access-title img{float:left}
.footer-access-title .text{margin-bottom:20px;width:55%}
.footer-access-title .logo{width:100%}
@media screen and (max-width: 1135px) {
.home #foot_adress{width:37%;margin-right:3%}
.home .footer-access-title{width:90%}
}
.home #foot_adress .sns ul{margin-bottom:10px}
.home #foot_adress .sns ul li{margin-bottom:10px}
.footer-access-map{float:left;width:59%;margin:0 1% 9.5% 0}
.footer-access-map img{width:100%}
.footer-access-address{float:left;display:block;margin:0;width:100%}
.footer-address-box{width:100%;float:left}
#center-box{width:60%;float:left}
#center-box .foot-movie iframe{width:80%;height:230px;padding:0;margin:0 20% 20px 0}
.foot-map{float:left;margin:0 20% 20px 0;width:80%}
.foot-map img{width:100%}
@media screen and (max-width: 767px) {
.footer-left,.footer-right{width:98.7%;float:left;margin:0 0 0 1.3%}
#foot_adress{width:100%}
.home #foot_adress{width:100%}
.home .footer-access-title{width:50%}
#center-box{width:100%}
#center-box .foot-movie iframe{width:100%}
.foot-map{float:left;margin:0 0 20px;width:100%}
}
.event-article{height:140px;overflow:hidden}
.event-article-title,.info-article-title{padding:10px 10px 5px}
.event-article-text{padding:0 10px 5px}
.event-article-date{padding:0 10px 10px}
.event-img{position:relative;height:140px}
.event-img img{height:140px;width:auto;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:none}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.event-img img{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0)}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,.event-img img{-webkit-transform:translate(-50%,-0%);-moz-transform:translate(-50%,-0%);transform:translate(-50%,-0%);height:100%}
}
.event-img a{position:absolute;top:0;left:0;bottom:0;right:0}
@media screen and (max-width: 767px) {
.event-img{width:100px;height:80px}
.event-article-contents{left:100px;width:65%;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px)}
.event-img img{height:80px!important;width:auto!important}
.event-article-title{margin-right:0;line-height:17px;padding:5px 10px}
.event-article-date{line-height:10px}
.moreBlock{margin:0 0 10px}
}