header{position:relative;height:670px;background:#000;overflow:hidden}header .bg{position:relative;width:100%;height:100%;background-position:center;background-size:cover;overflow:hidden;z-index:0}header .bg:before{content:"";background:inherit;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1}header #headerInner{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/common/bg_header.png) repeat;z-index:1}header #headerInner h1{position:relative;margin:0 0 -45px;width:170px;padding:30px;z-index:10;float:left}header #headerInner h1 img{width:100%;height:auto}header #headerInner #snsCol{float:right;padding:30px}header #headerInner #snsCol ul li{height:30px;margin:0 3px;display:inline-block;vertical-align:middle}header #headerInner #bnrCol{clear:both;width:100%;text-align:center;position:relative;height:540px;display:none}header #headerInner #bnrCol .slider{position:absolute;top:0;left:0;width:100%;margin:0 auto}header #headerInner #bnrCol .slider .slick-prev,header #headerInner #bnrCol .slider .slick-next{font-size:0;line-height:0;position:absolute;top:44%;display:block;width:95px;height:88px;margin-top:-10px;padding:0;cursor:pointer;border:none;outline:none;z-index:10}header #headerInner #bnrCol .slider .slick-prev:hover,header #headerInner #bnrCol .slider .slick-next:hover{opacity:0.5}header #headerInner #bnrCol .slider .slick-prev{left:50%;transform:translate(-535px, 0);background:url(../images/top/btn_prev.png) center no-repeat}@media screen and (max-width: 1090px){header #headerInner #bnrCol .slider .slick-prev{left:0;transform:translate(0, 0)}}header #headerInner #bnrCol .slider .slick-next{right:50%;transform:translate(535px, 0);background:url(../images/top/btn_next.png) center no-repeat}@media screen and (max-width: 1090px){header #headerInner #bnrCol .slider .slick-next{right:0;transform:translate(0, 0)}}header #headerInner #bnrCol .slider .slick-slide{display:inline-block;position:relative;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;box-sizing:border-box;border:5px solid rgba(255,255,255,0.2)}header #headerInner #bnrCol .slider .slick-slide img{width:100%;height:auto}header #headerInner #bnrCol .slider .slick-slide:not(.slick-center){pointer-events:none;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);border:5px solid rgba(0,0,0,0.2);z-index:-1}header #headerInner #bnrCol .slider .slick-slide:not(.slick-center) img{filter:brightness(30%)}#topicsCol{position:relative;width:100%;height:40px;text-align:left;background:#111;border-top:solid 1px #333;color:#fff;overflow:hidden}#topicsCol h2{position:absolute;top:0;left:0;width:133px;height:40px;float:left;z-index:100}#topicsCol #topicsColInner{width:100%;height:100%;display:block}#topicsCol #newsList{position:relative;width:100%;height:100%;text-align:left;overflow:hidden;display:block}#topicsCol #newsList li{position:absolute;top:-999em;left:0;display:block;line-height:1.2;padding:10px 0 10px 140px;white-space:nowrap;font-size:95%}#topicsCol #newsList li span{padding:0 15px;font-size:110%;font-weight:bold;color:#fb6e39}#topicsCol #newsList li span a{color:#fb6e39}#topicsCol #newsList li a{color:#fb6e39}#topicsCol #newsList li.move.on{-webkit-animation:marquee linear 20s infinite;animation:marquee linear 20s infinite}#topicsCol #newsList li:hover{animation-play-state:paused}main{position:relative;z-index:100;background:url(../images/top/bg.png) bottom left no-repeat}.attentionCol a{display:block;box-sizing:border-box;padding:2%;background:url(../images/about/bg_section.png) center right no-repeat #ff4f2e;border:2px solid #000;width:93%;margin:0 0 2% 3%;font-weight:bold;color:#000;font-size:110%;text-decoration:none}@media screen and (max-width: 640px){.attentionCol a{width:93.5%;margin:0 auto 3%;padding:3%;font-size:80%}}.attentionCol:hover{opacity:0.8}#mainCol{float:left;width:75%;padding-top:2%;margin-bottom:2%}#mainCol #pickUp{padding:0 2%}#mainCol #pickUp li{position:relative;width:31%;float:left;margin:0 1% 2%;border:1px solid #000;box-sizing:border-box;overflow:hidden;background:#000;display:table-cell;vertical-align:middle}#mainCol #pickUp li a{display:block}#mainCol #pickUp li a:hover img{-webkit-transform:scale(1.1) translate3d(0, 0, 0);-moz-transform:scale(1.1) translate3d(0, 0, 0);-o-transform:scale(1.1) translate3d(0, 0, 0);-ms-transform:scale(1.1) translate3d(0, 0, 0);transform:scale(1.1) translate3d(0, 0, 0);filter:blur(0.5px);filter:alpha(opacity=30);opacity:0.3}#mainCol #pickUp li img{-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;width:100%;height:auto}#mainCol #pickUp li p{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:auto;font-size:20px;display:block;box-sizing:border-box;opacity:0;background:url(../images/top/bg_hover.png) no-repeat;background-size:100% auto;text-indent:-9999px}#subCol{float:right;width:25%;padding-top:2%;margin-bottom:2%;overflow:hidden}#subCol h2 img{width:100%;height:auto}#subCol #movieCol>div{position:relative;margin:0 0 5% 1.5%;padding:30px 0 50%;height:0;overflow:hidden}#subCol #movieCol>div iframe{position:absolute;top:0;left:0;height:100%;width:100%}#subCol #topicsCol #topicsColInnaer{padding:2% 3% 5% 9%;background:url(../images/top/bg_subCol.png) top left repeat-y;background-size:100% auto}#subCol #topicsCol #topicsColInnaer ul{height:100px;overflow:auto;color:#fff;text-align:left}#subCol #topicsCol #topicsColInnaer ul li{margin-bottom:5%;padding:0 3% 5% 0;border-bottom:solid 1px #fff}#subCol #topicsCol #topicsColInnaer ul li dt{width:23%;float:left}#subCol #topicsCol #topicsColInnaer ul li dt img{width:100%;height:auto}#subCol #topicsCol #topicsColInnaer ul li dd{float:right;width:73%;font-size:90%;line-height:1.2}#subCol #topicsCol #topicsColInnaer ul li dd span{font-size:130%;font-weight:bold;color:#fb6e39}#subCol #topicsCol #topicsColInnaer ul li:last-child{margin:0;padding-bottom:0;border:none}#subCol #twitterCol h2{position:relative;width:100%}#subCol #twitterCol h2 a{position:absolute;top:40%;right:3%;width:46%}#subCol #twitterCol h2 a img{width:100%;height:auto}#subCol #twitterCol h2 a:hover{opacity:0.6}#subCol #twitterCol #twitterColInner{padding:2% 3% 5% 9%;background:url(../images/top/bg_subCol.png) top left repeat-y;background-size:100% auto;color:#FFF}#linkCol{clear:both;padding:10px 0;background:#000}#linkCol ul{width:100%;max-width:1430px;margin:0 auto;text-align:center}#linkCol ul li{padding:2px;display:inline-block}@media screen and (max-width: 1024px){#mainCol{width:65%}#mainCol #pickUp li{width:48%}#subCol{width:35%}}@media screen and (max-width: 800px){header{height:auto}header .bg{display:none !important}header #headerInner{position:static;padding-bottom:0}header #headerInner h1{padding:1.5%;margin:0;text-align:left}header #headerInner h1 img{width:auto;height:30px}header #headerInner #snsCol{padding:1.5%}header #headerInner #snsCol ul li{height:30px;margin:0;display:inline-block;vertical-align:middle}header #headerInner #bnrCol{height:auto}header #headerInner #bnrCol .slider{width:100%;position:static}header #headerInner #bnrCol .slider .slick-prev,header #headerInner #bnrCol .slider .slick-next{display:none}header #headerInner #bnrCol .slider .slick-slide{border:none}header #headerInner #bnrCol .slider .slick-slide:not(.slick-center){-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);border:none;z-index:-1}header #headerInner #bnrCol .slider .slick-slide:not(.slick-center) img{filter:brightness(100%)}}@media screen and (max-width: 640px){#topicsCol{width:100%;height:100%;font-size:80%;background:#111}#topicsCol h2{position:static;width:100%;height:auto;border-bottom:1px solid #222}#topicsCol h2 img{width:30%}#topicsCol #newsList{position:static;width:100%;height:100%;text-align:left;overflow:hidden}#topicsCol #newsList li{width:100%;position:static !important;padding:3%;display:block;white-space:normal;border-bottom:1px dotted #333;box-sizing:border-box;display:none}#topicsCol #newsList li span{padding:1% 0;display:block}#topicsCol #newsList li:nth-child(1),#topicsCol #newsList li:nth-child(2){display:block}main{background:none}#mainCol{width:100%;padding-top:3%;margin-bottom:0}#mainCol #pickUp li a:hover img{-webkit-transform:scale(1) translate3d(0, 0, 0);-moz-transform:scale(1) translate3d(0, 0, 0);-o-transform:scale(1) translate3d(0, 0, 0);-ms-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);filter:blur(0);filter:alpha(opacity=100);opacity:1}#subCol{width:100%;margin-bottom:5%}#subCol #movieCol{margin:0}#linkCol{position:relative;padding:2% 0;z-index:100}#linkCol ul{width:93%;margin:0 auto}#linkCol ul li{width:100%;padding:1.5% 0}}
