@charset "utf-8";

#visual {position:relative;overflow:hidden;}
#visual ul.roll {width:400%;}
#visual ul.roll li{float:left;width:25%;}
#visual ul.roll li .btns {width:100%;text-align:right;position:absolute;bottom:16px;right:0;}
#visual ul.roll li .btns a {display:inline-block;;width:12.5%;text-align:center;}
#visual ul.roll li .btns a:nth-of-type(1) {width:17.5%;}
#visual ul.roll li .btns a:nth-of-type(1) img {width:;}
#visual ul.roll li .btns a:nth-of-type(2) img {width:;}
#visual ul.roll li .btns a:nth-of-type(3) img {width:;}
#visual ul.roll li .btns a img {width:100%;}
#visual ul.roll li > img{width:100%;height:auto;}

#visual .tab_bt {overflow:hidden;}
#visual .tab_bt a {display:block;float:left;width:25%;overflow:hidden;}
#visual .tab_bt a img {width:200%;height:auto;}
#visual .tab_bt a.on img {margin-left:-100%;}
#visual .bx-controls {display:none;}


#contents {padding-top:10px;background:#ddd;}
#contents .notice {width:96%;margin:0 auto 0;background:#fff;position:relative;}
#contents .notice ul {}
#contents .notice ul li {height:60px;line-height:60px;font-size:11px;}
#contents .notice ul li a {float:left;display:block;width:72%;padding:0 2%;box-sizing:border-box;}
#contents .notice ul li time {float:right;width:28%;color:#888;text-align:right;padding-right:10%;box-sizing:border-box;}
#contents .notice .bx-controls-direction {position:absolute;right:8px;top:0;}
#contents .notice .bx-prev {height:22px;display:block;padding:0 12px;text-indent:-9999px;}
#contents .notice .bx-next {height:22px;display:block;padding:0 12px;text-indent:-9999px;}

#contents .notice .bx-prev:after {content:'';display:block;width:6px;height:6px;border-left:2px solid #999;border-top:2px solid #999;transform: rotate(45deg);}
#contents .notice .bx-next:after {content:'';display:block;width:6px;height:6px;border-left:2px solid #999;border-top:2px solid #999;transform: rotate(225deg);}

#contents .movie {background:#ddd;}
#contents .movie h2 {}
#contents .movie h2 img {display:block;width:100%;}
#contents .movie .player {width:94%;margin:0 auto;padding-bottom:20px;}
#contents .movie .player iframe {display:block;width:100%;}

#contents .btn-list {width:100%;overflow:hidden;}
#contents .btn-list a {float:left;display:block;width:50%;}
#contents .btn-list a img {width:100%;}

#contents .info {width:100%;}
#contents .info img {display:block;width:100%;}

#contents .location {width:100%;}
#contents .location img {display:block;width:100%;}

#contents .contact {overflow:hidden;}
#contents .contact a {float:left;display:block;width:25%;}
#contents .contact a:first-child {width:50%;}
#contents .contact a img {width:100%;}