body{margin:0px;font-size:14px;line-height:22px;background:#f8f8f8;font-family: "メイリオ", Meiryo, "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro",  sans-serif;color:#555;}

a{color:black;text-decoration:none;}
a:hover{color:#e0be7f;opacity: 0.8 ;}
img{border:0px;margin:0px;padding:0px;}
table {border-collapse: collapse;width:100%;}
th{background:#002664;border-right:1px solid #91a1b9;#002664;border-bottom:1px solid #91a1b9;color:white;font-weight:normal;padding:10px;text-align:center;}
tr td{border:1px solid #ddd;padding:10px 15px;}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
li{margin:0px;padding:0px;}

h1,h2,h3,h4,h5{font-feature-settings:"palt";text-align:center;}
h2{font-size:40px;margin:0 0 15px;padding:0 0 15px;border-bottom:1px solid #ee821f;color:black;font-family: 'Anton' , "メイリオ", Meiryo, sans-serif;clear:both;}
h3{background:#002664;font-size:30px;padding:10px 0;font-weight:normal;color:white;margin:0 0 15px;}
#content h2{font-size:30px;padding:0 0 7px;}

#header{width:1200px;margin:0 auto;}
#content{width:1200px;margin:0 auto;background:white;}
#footer{width:1200px;margin:0 auto;background:white;}

#navi{background:#002664;width:100%;}
#navi ul{display:flex;flex-wrap:wrap;padding:0 100px;}
#navi ul li{width:calc(100%/5);}
#navi ul li a{text-align:center;height:90px;display:flex;align-items:center;justify-content: center;color:white;width:100%;font-weight:bold;}
#navi ul li a:hover{background:#ee821f;opacity:1;}
#navi ul li a img{width:50px;}
#navi ul li a.now{background:#f39700}
#navi ul li:nth-of-type(1) a:before{content:"　";background:url(topimg/icon01w.png) no-repeat;background-size:contain;width:45px;height:36px;display:inline-block;margin-right:10px;}
#navi ul li:nth-of-type(2) a:before{content:"　";background:url(topimg/icon02w.png) no-repeat;background-size:contain;width:45px;height:36px;display:inline-block;margin-right:10px;}
#navi ul li:nth-of-type(3) a:before{content:"　";background:url(topimg/icon04w.png) no-repeat;background-size:contain;width:45px;height:36px;display:inline-block;margin-right:10px;}
#navi ul li:nth-of-type(4) a:before{content:"　";background:url(topimg/icon03w.png) no-repeat;background-size:contain;width:45px;height:36px;display:inline-block;margin-right:10px;}
#navi ul li:nth-of-type(5) a:before{content:"　";background:url(topimg/icon05w.png) no-repeat;background-size:contain;width:45px;height:36px;display:inline-block;margin-right:10px;}

#information{background:url(topimg/bg01.jpg);background-size:cover;padding:80px 100px;}
#information ul{width:100%;height:320px;overflow:auto;}
#information ul li{font-size:18px;border-bottom:1px solid #bbb;padding:20px;}
#information ul li a{color:#002664;}
#information ul li span{margin-right:20px;}
#information ul li span.new{margin:0;padding:1px;color:white;background:#002664;font-size:12px;font-weight:bold;vertical-align:bottom;}

#jockey{background:url(topimg/bg02.jpg);background-size:cover;padding:80px 100px;display:block;}
#jockey ul{display:flex;flex-wrap:wrap;height:400px;overflow:hidden;margin-bottom:20px;}
#jockey ul li{width:calc(100%/4);}
#jockey ul li img{width:100%;height:auto;display:block;}
#jockey a{display:block;text-align:center;width:300px;margin:20px auto;padding:20px 9px;color:#002664;border:1px solid #002664;background:white;}

#gallery{background:url(topimg/bg03.jpg);background-size:cover;padding:80px 100px;display:block;}
#gallery ul{display:flex;flex-wrap:wrap;}
#gallery ul > li{height:225px;}
#gallery ul > li:nth-of-type(1){width:100%;margin-left:220px;margin-right:220px;height:370px;}
#gallery ul > li:nth-of-type(1) iframe{width:560px;height:315px;}
#gallery ul > li:nth-of-type(3){width:160px;margin-left:60px;margin-right:160px;position:relative;}
#gallery ul > li:nth-of-type(2){width:400px;margin-left:160px;margin-right:60px;}
#gallery ul > li:nth-of-type(4){width:400px;margin-left:160px;margin-right:60px;display:none;}
#gallery ul > li:nth-of-type(5){width:220px;}
#gallery ul > li:nth-of-type(5) a{color:white;}
#gallery ul > li:nth-of-type(5) a.lin_btn{height:50px;border:1px solid #002664;background:white;display:block;padding:18px 0;margin-bottom:12px;}
#gallery ul > li img{width:100%;height:auto;}
#gallery p{background:#002664;font-size:14px;padding:5px 0;text-align:center;color:white;margin:5px 0;display:block;}
#gallery iframe{width:400px;margin:0 auto;display:block;}

/*
#gallery ul > li:nth-of-type(1) a{background:rgba(0,38,100,1);display:block;}
#gallery ul > li:nth-of-type(1) a::before{content:"POSTER PDF 853KB";display:block;position:absolute;top:40px;text-align:center;width:100%;height:27px;padding:100px 0;color:white;z-index:999;}
#gallery ul > li:nth-of-type(1) a img{opacity:.2;}
#gallery ul > li:nth-of-type(1) a:hover{background:rgba(0,38,100,.5);}
#gallery ul > li:nth-of-type(1) a:hover img{opacity:1!important;}
#gallery ul > li:nth-of-type(1) a:hover::before{opacity:0;}
*/

#interview{background:url(topimg/bg05.jpg);background-size:cover;padding:80px 100px;display:block;}
#interview ul{display:flex;flex-wrap:wrap;}
#interview ul > li{height:225px;}
#interview ul > li{width:400px;margin-left:0.25%;margin-right:0.25%;}
#interview ul > li:nth-of-type(1){width:9%;}
#interview ul > li:nth-of-type(2){}
#interview ul > li:nth-of-type(3){width:9%;}
#interview ul > li:nth-of-type(4){}
#interview ul > li img{width:100%;height:auto;}
#interview p{background:#002664;font-size:14px;padding:32px 0 32px 0;text-align:center;color:white;margin:5px 0;display:block;}
#interview iframe{width:400px;margin:0 auto;display:block;}

#playback{background:url(topimg/bg04.jpg);background-size:cover;padding:80px 100px;display:block;}
#playback ul{display:flex;flex-wrap:wrap;}
#playback ul li{width:calc(100%/3 - 20px);margin-right:20px;}
#playback ul li h2{text-align:left;padding-top:20px;}
#playback ul li a{display:block;text-align:center;width:(100% - 2px);margin:0;padding:20px;color:#002664;border:1px solid #002664;background:white;font-family: 'Anton',"メイリオ", Meiryo, sans-serif;font-size:30px;}

#channel{background:url(topimg/bg06.jpg);background-size:cover;padding:80px 100px;display:block;}
#channel ul{display:flex;flex-wrap:wrap;}
/*#channel ul li{width:calc(100%/3 - 20px);margin-right:20px;}*/
#channel ul li h2{text-align:left;padding-top:20px;}
/*#channel ul > li:nth-of-type(1){width:220px;}*/
#channel ul > li:nth-of-type(1) a{color:white;}
#channel ul > li:nth-of-type(1) a.lin_btn{height:auto;border:1px solid #002664;background:white;display:block;padding:18px 0;margin-bottom:12px;}
#channel ul > li:nth-of-type(3) a{color:white;}
#channel ul > li:nth-of-type(3) a.lin_btn{height:auto;border:1px solid #002664;background:white;display:block;padding:18px 0;margin-bottom:12px;}
#channel ul > li img{width:100%;height:auto;}
#channel p{background:#002664;font-size:14px;padding:5px 0;text-align:center;color:white;margin:5px 0;display:block;}
#channel ul li ol{display:flex;}
#channel ul li ol li{width:calc(100%/1 - 20px);}
#channel ul li ol > li:nth-of-type(1){margin-left:190px;margin-right:10px;}
#channel ul li ol > li:nth-of-type(2){margin-left:10px;margin-right:190px;}

#channel ul > li:nth-of-type(2) ol > li:nth-of-type(1){margin-left:43px;margin-right:43px;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(1){display:inline;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(2){display:inline;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(3){display:inline;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(4){display:none;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(5){display:none;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(6){display:none;}
#channel ul > li:nth-of-type(2) img{width:calc(100%/3 - 5.2px);height:auto;border:1px solid #002664;background:white;padding: 18px 0;}
/*#channel ul > li:nth-of-type(2) p{margin-right:2px;}*/

#channel ul > li:nth-of-type(3) ol > li:nth-of-type(1){display:none;}
#channel ul > li:nth-of-type(1) ol > li:nth-of-type(2){display:block;}

ul#footer_navi{background:url(topimg/bg05.jpg);background-size:cover;padding:80px 0px;display:flex;flex-wrap:wrap;}
ul#footer_navi li{width:calc(100%/5 - 2px);border:1px solid #002664;}
ul#footer_navi li a{background:white;text-align:center;display:block;height:200px;color:#002664;}
ul#footer_navi li a img{width:50px;height:auto;display:block;margin:0 auto;padding-top:50px;}
ul#footer_navi li a p{display:block;font-family:'Anton',sans-serif;font-size:24px;width:100%;margin:5px 0;}
ul#footer_navi li a span{font-size:12px;}

ul#footer_link{width:1100px;padding:40px 50px 0;}
ul#footer_link li{display:table-cell;padding:0 5px;}
ul#footer_link li img{width:100%;}

#footer_text{width:1100px;padding:20px 50px;font-size:10px;}
#footer_text p{float:right;margin:-2px 10px;}
.gotop{position:fixed;right:10px;margin-bottom:10px;}
.gotop a{color:white;font-size:20px;border-radius:5px;box-shadow: 2px 2px 2px rgba(0,0,0,0.7);padding:15px 15px 5px 15px;background:#002664;}

/* ページ */
#sub_content{width:1000px;margin:0 auto;background:white;padding:100px;font-size:18px;line-height:1.85em;}
#sub_content > h1{border-bottom:5px solid #ee821f;padding:0 0 10px;color:#002664;text-align:left;font-size:40px;font-family: 'Anton',"メイリオ", Meiryo, sans-serif;}
#sub_content > h1 span{color:black;float:right;}
#sub_content > h2{margin-top:80px;}
#sub_content > h3{font-size:20px;padding:3px 0;}
#sub_content p{background:#f4f4f4;padding:15px;margin:0 0 20px 0;}
#sub_content a.btn{display:block;background:white;text-align:center;width:calc(80% - 22px);height:auto;margin:0 auto 30px;;padding:10px;color:#002664;border:1px solid #002664;line-height:1.45em;}
#sub_content a.btn:hover{background:#ee821f;}
#sub_content div.btn_tab{display:block;text-align:center;width:calc(100% - 22px);height:auto;margin:-80px auto 0;padding:0;}
#sub_content a.btn_tab{display: inline-block;background:white;text-align:center;width:calc(40% - 22px);height:auto;margin:0 auto 30px;;padding:10px;color:#002664;border:1px solid #002664;line-height:1.45em;}
#sub_content a.btn_tab:hover{background:#ee821f;}
#sub_content a.btn_tab_now{background:#f39700;}
#sub_content a.btn_tab_now:hover{background:#f39700;opacity:1;}
.jisshi tbody tr td{line-height:1.45em;}

p.read{font-size:20px;}

ul.chiku{display:flex;flex-wrap:wrap;}
ul.chiku li{width:calc(100%/2 - 20px);margin:10px;}


ol.ol_abc{list-style-type:none!important;}
ol.ol_abc li{margin:0 0 20px 2em;}
ol.ol_abc li span{padding:0 10px;font-size:1.2em;}
ol.ol_abc li span.abc{margin-left: -41px;}
ol.ol_abc a{display:block;text-align:center;width:60%;margin:0 auto;padding:10px;color:#002664;border:1px solid #002664;}
ol.ol_abc ul{list-style-type:disc!important;}
ol.ol_abc ul li{margin:0 0 0 30px;}

#sub_content h2.soon{margin:190px 0 140px ;}

.br-pc { display:block; }
.br-sp { display:none; }
.br2-pc { display:inline; }
.br2-sp { display:none; }

@media all and (min-width: 0) and (max-width: 767px)  {
h3{background:#002664;font-size:20px;padding:10px;font-weight:normal;color:white;margin:0 0 5px;}
#header,#content,#footer{width:100%;}
#header img{width:100%;height:auto;}

#navi ul{padding:0 0 0 1px;}
#navi ul li{width:calc(100%/5 - 1px);border-right:1px solid white;position:relative;}
#navi ul li:last-child{border:none;}
#navi ul li a{font-size:8px!important;line-height:1.4em;height:50px;padding-top:25px;}
#navi ul li:nth-of-type(1) a:before,
#navi ul li:nth-of-type(2) a:before,
#navi ul li:nth-of-type(3) a:before,
#navi ul li:nth-of-type(4) a:before,
#navi ul li:nth-of-type(5) a:before{width:35px;height:28px;position:absolute;top:5px;left:calc(50% - 18px);}

#information{padding:50px 0px;}
#information ul{height:160px;width:calc(100% - 20px);padding:0 10px}
#information ul li{padding:10px;font-size:14px;}
#information ul li span{font-size:12px;}
#information ul li span.new{font-size:12px;}

#jockey{padding:40px 0px;}
#jockey ul{height:auto;}/*calc(100vw/2)*/
#jockey ul li{height:auto;}/*calc(100vw/2)*/
#jockey a{width:calc(80% - 2px);margin:20px 10%;}

#gallery{padding:40px 0px;}
#gallery ul{display:block;}
/*#gallery ul > li:nth-of-type(1){width:100%;margin-left:220px;margin-right:220px;height:370px;}*/
#gallery ul > li:nth-of-type(1){width:100%;margin:0;height:calc(85vw - 10px);}
#gallery ul > li:nth-of-type(1) iframe{width:100%;height:55.25vw;}
#gallery ul > li:nth-of-type(1) div{height:55.25%;}
#gallery ul > li:nth-of-type(3){width:60%;margin:0px 20% 40px;height:calc(105vw - 40px);}
#gallery ul > li:nth-of-type(2){width:100%;margin:0px 0;height:67vw;display:block;}
#gallery ul > li:nth-of-type(4){width:100%;margin:0px 0;height:67vw;display:none;}
#gallery ul > li:nth-of-type(5){width:100%;margin:20px 0;height:30vw;}
#gallery ul > li:nth-of-type(5) a.lin_btn{height:12vw;border:1px solid #002664;background:white;display:block;padding:5vw 0;margin-bottom:12px;}
#gallery ul > li:nth-of-type(5) p{font-size:0.9em;}
#gallery ul li ol{display:flex;flex-wrap:wrap;}
#gallery ul li ol li{width:48%;margin:0 1%;}
#gallery ul > li:nth-of-type(2) a::before{top:35px;padding:calc(38vw - 5px) 0px calc(46vw - 5px) ;height:10px;}
#gallery iframe{width:100%;height:50vw;}

#interview{padding:40px 0px;}
#interview ul{display:flex;}
#interview ul > li{width:75%;margin:0px 0;height:45vw;display:block;}
#interview ul li ol{display:flex;flex-wrap:wrap;}
#interview ul li ol li{width:48%;margin:0 1%;}
#interview ul > li a::before{top:35px;padding:calc(38vw - 5px) 0px calc(46vw - 5px) ;height:10px;}
#interview iframe{width:100%;height:100%;}
#interview ul > li:nth-of-type(1){width:23%;margin:1%;}
#interview ul > li:nth-of-type(2){width:73%;margin:1%;}
#interview ul > li:nth-of-type(3){width:23%;margin:1%;}
#interview ul > li:nth-of-type(4){width:73%;margin:1%;}
#interview p{padding:2vw 0;;height: 11vw;}

#playback{padding:40px 0px;}
#playback ul{display:block;}
#playback ul li{width:calc(100% - 20px);}
#playback ul li h2{text-align:center;margin:0 -10px 10px}
#playback li{margin:5px 10px;}

#channel ul > li img{width:100%;height:auto;}
#channel{padding:40px 0px;}
#channel ul{display:block;}
#channel ul li{width:calc(100% - 20px);margin:5px 10px;}
#channel ul li h2{text-align:center;margin:0 -10px 10px}
#channel ul li p{border: 1px solid #002664;}
/*#channel ul > li:nth-of-type(1){width:75%;margin:5px 50px;}*/
/*#channel ul > li:nth-of-type(3){width:75%;margin:5px 50px;}*/
#channel li{margin:5px 10px;}
/*#channel ul > li:nth-of-type(1){width:100%;}*/
/*#channel ul > li:nth-of-type(1) a.lin_btn{height:12vw;border:1px solid #002664;background:white;display:block;padding:5vw 0;margin-bottom:12px;}*/
#channel ul > li:nth-of-type(1) a.lin_btn{width:75%;margin-left:12.5%;margin-right:12.5%;padding:0;}
#channel ul > li:nth-of-type(1) p{width:75%;margin-left:12.5%;margin-right:12.5%;font-size:0.9em;}
#channel ul > li:nth-of-type(3) a.lin_btn{width:75%;margin-left:12.5%;margin-right:12.5%;padding:0;}
#channel ul > li:nth-of-type(3) p{width:75%;margin-left:12.5%;margin-right:12.5%;font-size:0.9em;}
#channel ul li ol{display:block;}
#channel ul li ol li{width:calc(100%/1 - 0px);}
#channel ul li ol > li:nth-of-type(1){margin-left:0;margin-right:0;}
#channel ul li ol > li:nth-of-type(2){margin-left:0;margin-right:0;}

#channel ul > li:nth-of-type(2) ol > li:nth-of-type(1){margin-left:0;margin-right:0;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(1){display:none;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(2){display:none;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(3){display:none;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(4){display:inline;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(5){display:inline;}
#channel ul > li:nth-of-type(2) ol li > a:nth-of-type(6){display:inline;}
/*#channel ul > li:nth-of-type(2) p{margin-right:6px;}*/
#channel ul > li:nth-of-type(2) img{width:calc(100%/3 - 5.2px);border:1px solid #002664;background:white;padding: 18px 0;}
/*#channel ul > li:nth-of-type(2) img{width:calc(100%/3 - 5.2px);border:0.1px solid #002664;background:white;padding: 18px 0;}*/
#channel ul > li:nth-of-type(2) p{border:0.1px solid #002664;}
#channel ul > li:nth-of-type(2) ol li{white-space:nowrap;}

#channel ul > li:nth-of-type(3) ol > li:nth-of-type(1){display:block;}
#channel ul > li:nth-of-type(1) ol > li:nth-of-type(2){display:none;}

ul#footer_navi{padding:40px 0px;display:block;}
ul#footer_navi li{width:calc(100% - 2px);}
ul#footer_navi li img{float:left;}
ul#footer_navi li a{text-align:left;height:auto;padding:20px}
ul#footer_navi li a img{padding:10px 5% 0 10%;}
ul#footer_navi li br{display:none;padding-right:20px;}

ul#footer_link{width:calc(100% - 20px);padding:20px 10px;}
ul#footer_link li{display:inline-block;padding:0 0px;}
#footer_text{width:calc(100% - 20px);padding:20px 10px;line-height:1.4em;}
#footer_text p{float:none;margin:20px 0 0;text-align:center;}

/* ページ */
#sub_content{width:calc(100% - 20px);padding:40px 10px;font-size:13px;line-height:1.75em;}
#sub_content h1{font-size:25px;}
#sub_content h1 span{float:none;display:block;text-align:right;font-size:22px;margin-top:15px;}
th{padding:3px;text-align:center;font-size:13px;line-height:1.4em;}
tr td{padding:3px 2px;font-size:11px;line-height:1.3em;}
.jisshi tbody tr td{padding:3px 2px;font-size:11px;line-height:1.3em;}


p.read{font-size:14px;}
#sub_content h2{font-size:20px;}
#sub_content h3{font-size:18px;}
#sub_content a.btn{width:calc(100% - 22px);padding:10px;}
#sub_content div.btn_tab{width:calc(100% - 22px);padding:0;margin:-30px auto 0;}
#sub_content a.btn_tab{width:calc(48% - 22px);padding:10px;margin:0 auto 0;}

ul.chiku li{width:calc(100%/2 - 4px);margin:2px;}
ol.ol_abc ul li{margin:0 0 0 20px;}
ol.ol_abc li span.abc{margin-left: -35px;}

.scroll table {overflow: auto;white-space: nowrap;display:block;width:auto;z-index:3;position:relative;}
.scroll table::-webkit-scrollbar {height: 5px;}
.scroll table::-webkit-scrollbar-track {background: #F1F1F1;}
.scroll table::-webkit-scrollbar-thumb {background: #BCBCBC;}

#sub_content h2.soon{margin:90px 0 40px;}

.br-pc { display:none; }
.br-sp { display:block; }
.br2-pc { display:none; }
.br2-sp { display:inline; }

}