/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:100%; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif; -webkit-text-size-adjust: 100%;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
img { border:none;}
hr { display: none !important;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;}
body { font-size: 1.6rem;}
h1 { font-size: 3.2rem;}
h2 { font-size: 2.4rem;}
h3 { font-size: 2.2rem;}
h4 { font-size: 2.0rem;}
p { font-size: 1.6rem;}
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline; color:#fff;}
#gotop a,#movie ul li span,#insta a,a.btn_m,footer #sns ul li a,a.btn_dt,#bn_sch a,ul.pool a,#prevnext ul li a,ul.gllist li,#glthumb ul li,ul.bknm li a {text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#gotop a:hover,#movie ul li span:hover,#insta a:hover,a.btn_m:hover,footer #sns ul li a:hover,#bn_sch a:hover,#prevnext ul li a:hover,ul.gllist li:hover,#glthumb ul li:hover{text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {background: #162547; color:#1e376d; letter-spacing: 1px;
background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
background-image: linear-gradient(-20deg, #162547 0%, #2a447d 100%);
background: url(../img/bg2.jpg) 0 0;}
#con-body {background-color:transparent;}

header{height:435px;
/*background:#1e376d url(../img/gr.png) repeat-x;
background:linear-gradient(to top,rgba(8,4,4,0.8),rgba(30,55,109,0.5));*/
background:#080404;
background:#080404 url(../img/hbg.jpg) no-repeat center 0; background-size: cover;
}
#top header h1,header a { background: url(../img/head.jpg) no-repeat 0 0; width:980px; height:435px; margin:0 auto; padding:0; }
header a{display:block; position:relative;}

#bn_sch a { background: url(../img/sche.jpg) no-repeat center center; width:970px; height:311px; margin:3em auto 0; padding:0; /*box-shadow:0 5px 10px rgba(13,117,162,0.8);*/ display:block;}

#top #movie {padding:5em 0 3em;}
#top .inner {width:980px; margin:0 auto;}
#top #movie h2{color:#ddc254; padding:0 0 .5em;}
#mov{width:650px; height:366px; margin:0 auto 3em; background:#eee;}
.player {position: relative; height: 0; padding-top: 56.25%;}
.player div {height: 100%; position: absolute; left: 0; top: 0; width:100%;}
#movie ul {width:980px; margin:1.5em auto 3em;}
#movie ul li {width:230px; margin:0 .3em 0; display:inline-block; text-align:left; line-height:1.25;}
a.btn_m{font-size:150%; color:#fff; display:block; font-weight:bold; text-align:center; width:45%; padding:.8em; margin:.5em auto 1.5em; border-radius:10px; background:#0083c0; box-shadow:0 5px #1e3c72; text-shadow:2px 2px 0 #1e3c72;
background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);}
#movie ul li span {background-size: contain; background-repeat: no-repeat; background-position: center center;
width:230px; height:130px; display:block; margin:0 0 .5em;}
#top #movie ul li a {color:#ddc254;}
#movie ul li a {color:#2a5298;}
.lazy {position:relative; display:block;}
.lazy img {position:absolute;left:0;top:0; width:100%; height:100%;}

#glthumb {background:rgba(42,68,125,0.6); padding:2em 0 3em;}
#glthumb h2{width:305px; height:45px; background: url(../img/photo.png) no-repeat center center; margin:0 auto .8em;}
#glthumb h3{color:#ddc254; padding:0 0 .8em;}
#glthumb ul {width:980px; margin:0 auto;}
#glthumb ul li {background-size: cover; background-repeat: no-repeat; background-position: center top;
width:125px; height:125px; margin:0 0; display:inline-block; margin:0 .3em 0; border:2px solid rgba(221,194,84,0.5); box-shadow:2px 5px 10px rgba(11,35,67,0.8);}

#top #schedule {padding:3em 0;}
/*#top #schedule .inner {background: url(../img/boo.png) no-repeat right bottom;}*/
#top #schedule h2{background: url(../img/ttl_sche2.png) no-repeat center center; width:100%; border-top:4px solid #c4b469; border-bottom:4px solid #c4b469; padding:1.5em 0; margin:0 0 1.5em;}
#top #schedule{background:rgba(228,232,241,1);
background:linear-gradient(to top,#bfc2cb,#e4e8f1);}
#onair{width:630px;}
.oatable{width:100%; border-spacing:0; background:#fff;}
.oatable tr.secd{background:#efefef;}
.oatable th{border-top:3px solid #e4e8f1; color:#fff; background:#162547; padding:.5em 0; font-weight:bold; font-size:110%; line-height:1.3;
background:linear-gradient(to top,#162547,#2a447d);}
.oatable td{padding:.5em 0; border-bottom:1px solid #2a447d; border-left:1px solid #2a447d; border-right:1px solid #2a447d;}
.oatable td.date{width:25%; color:#2a447d; border-right:0; font-weight:bold;}
.oatable td img{width:27px; margin:.1em .3em -.2em;}
.oatable td.date img{width:55px; display:block; margin:.1em auto 0;}
#rect {width:300px; height: 250px; background:#fff;}

/*footer*/
footer {margin:0 auto; padding:4em 0; width:980px; text-align:left;}
footer p {padding:1em 0; line-height:1.5; color:#fff; font-size:90%;}
#top footer{text-align:center;}
#tline{width:100%; margin:0 auto 5em;}
#tline #tw,#tline #fb,#tline #insta{width:300px; margin:0 35px 0 0;}
#tline #insta{margin:0;}
#tw h3,#fb h3,#insta h3{width:300px; height:43px; background:url(../img/tw.png) no-repeat 0 bottom; margin:0 0 .5em;}
#fb h3{background:url(../img/fb.png) no-repeat 0 0;}
#insta h3{background:url(../img/insta.png) no-repeat 0 0;}
#tw .twtl,#fb .fbtl,#insta .insta{background:#fff; width:100%; border-top:4px solid #55acee; border-bottom:4px solid #55acee; box-shadow:0 2px 10px rgba(13,117,162,0.8);}
#fb .fbtl{border-top:4px solid #3e5c99; border-bottom:4px solid #3e5c99;}
#insta .insta{border-top:4px solid #ccc; border-bottom:4px solid #ccc;}
/*#insta {margin:3.7em 0 0;}
#insta a{border:3px solid #fff; display:block; border-radius:10px; width:300px; height:120px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image:url(../img/insta.png);}*/
footer #sns {padding:0 0 3em;}
footer #sns ul li {width:95px; height:95px; margin:0 .3em 0 0; display:inline-block; background:rgba(46,102,205,0.3);}
footer #sns ul li a {width:100%; height:100%; display:block; background-repeat: no-repeat; background-position: center center;}
footer #sns ul li.ic_tw a {background-image: url(../img/icon_tw.png);}
footer #sns ul li.ic_fb a {background-image: url(../img/icon_fb.png);}
footer #sns ul li.ic_is a {background-image: url(../img/icon_is.png);}
footer #sns p{color:#fff; font-size:85%;}

/*------------------　2nd　------------------ */
#contents{width:980px; margin:3em auto 0; padding:4px 0 3em; text-align:left; background:#edf1f8 url(../img/gbar.png) repeat-x center top; box-shadow:0 2px 10px rgba(11,35,67,0.8);}
.inner {width:90%; margin:2em auto;}
#contents h1{width:980px; height:195px; background-repeat: no-repeat; background-position: center center;}
#contents h1#mem {background-image: url(../img/ttl_mem.jpg);}
#contents h1#mov1 {background-image: url(../img/ttl_mov.jpg);}
#contents h1#tnm {background-image: url(../img/ttl_tnm.jpg);}
#contents h1#rul {background-image: url(../img/ttl_ru.jpg);}
#contents h1#res {background-image: url(../img/ttl_res.jpg);}
#contents h1#sc {background-image: url(../img/ttl_sc.jpg);}
#contents h1#ply {background-image: url(../img/ttl_ent.jpg);}
#contents h2{width:100%; border:1px solid #ddd; border-top:2px solid #0083c0; padding:.5em 0; margin:.5em auto; text-align:center; font-weight:bold; color:#0083c0; text-shadow:1px 2px #fff; /*background-image: linear-gradient(-20deg, #e6cd6b 0%, #fffde9 100%)*/;
box-shadow: 0 -1px 0 #fff inset;
background:linear-gradient(to bottom, #fff 0%, #eee 100%);}
#contents h2.catcher{color:#3eb049; border-top:2px solid #3eb049;}
#contents h2.infielder{color:#fed205; border-top:2px solid #fed205;}
#contents h2.outfielder{color:#ee3242; border-top:2px solid #ee3242;}
#contents h2.executive{color:#1e376d; border-top:2px solid #1e376d;}

/*member*/
#member ul.memlist{width:100%;
margin:0 0 3em;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
#member ul.memlist li {width:25%; float:left; font-size:1.4rem; text-align:center; padding:1.5em 0; margin:1px;
width: -webkit-calc(100% / 4 - 2px);
width: calc(100% / 4 - 2px);
background:rgba(255,255,255,0.8);}
#member ul.memlist li span {background-size: contain; background-repeat: no-repeat; background-position: center center;
width:170px; height:213px; display:block; margin:0 auto .5em;}
a.btn_dt{color:#fff; display:block; font-weight:bold; text-align:center; width:50%; padding:.4em; margin:.8em auto 0; border-radius:20px; background:#162547;
background:linear-gradient(to top,#162547,#2a447d);}
a.btn_dt:hover {-webkit-filter: saturate(300%);filter: saturate(300%);}

/*movie*/
#movie h2{border:none; padding:.3em 0; margin:0; background:none; box-shadow:none; color:#2a447d;}
#movie ul.movlist {width:90%; margin:3em auto 3em;}
#movie ul.movlist li {width:230px; margin:0 0 1em 1.5em; display:inline-block; text-align:left; }

/*rule*/
#rule h3{font-weight:bold; margin:2em 0 .3em; border-left:5px solid #d4b32f; padding:.1em .5em;}
#rule .inner p,#result .inner p {padding:0 0 .3em;}
#rule .inner p.idt {padding-left:1em;text-indent:-1em;}

/*result*/
#result h2{margin:2em auto 0;}
#result h2:first-of-type{margin:0 auto 0;}
#result h3{margin:1em 0 .2em; border-left:5px solid #fed205; padding:.3em .6em; background:#1e376d; color:#fff; font-size:2rem;}
#result h4{font-weight:bold; margin:3em 0 .3em; border-left:5px solid #0083c0; padding:.1em .5em;}
.game{width:100%; border-spacing:0; margin:.8em 0 2em; background:#fff;}
.game thead th{color:#fff; background:#0083c0; padding:.5em 0;}
.game th{text-align:center; padding:.5em 0; border-bottom:1px solid #0083c0; border-left:1px solid #0083c0; border-right:1px solid #0083c0; background:#f9fbfd;}
.game td{padding:.5em .8em; border-bottom:1px solid #0083c0; border-right:1px solid #0083c0;}
.game th.date{width:20%; border-right:1px solid rgba(255,255,255,0.5);}
.game td img{width:25px; margin:.1em 0 -.1em;}
.game .score{font-weight:bold; font-size:140%; display:inline-block; padding:0 .5em;}
.fcred{color:#ee3242;}

/*schedule*/
#highlight {margin:4em 0 0;}
#schedule h3 {position: relative; background:none; border:none; box-shadow:none; color:#2a447d; font-size:2.7rem; margin:.8em 0 .2em; font-weight:bold; font-family: "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho";}
#schedule h5{margin:1em 0 0; padding:.2em .35em .2em; color:#2a447d; border-bottom:1px solid #2a447d; text-shadow:1px 1px #fff; background:rgba(255,255,255,0.5); box-shadow: 2px 4px 5px rgba(42,68,125,0.2); 
box-shadow: 0 -20px 5px rgba(42,68,125,0.06) inset; font-weight:bold;}
#highlight p {padding:.5em .5em .8em;}
/*#highlight p.fstl:first-letter {color:#2a447d; font-size: 180%; line-height: 1; font-weight:bold;}*/
.bcs{width:100%; border-spacing:0; margin:.8em 0 2em; text-align:center; font-size:90%; background:#fff;}
.bcs thead th{color:#fff; background:#0083c0; padding:.5em 0;
background:linear-gradient(to top,#162547,#2a447d);}
.bcs td{padding:.5em .8em; border-bottom:1px solid #2a447d; border-right:1px solid #2a447d; font-size:90%;}
.bcs td.date{width:12%; border-left:1px solid #2a447d;}
.bcs th.pb{width:10%;}
.bcs th.place{width:15%;}
.bcs span.bc1{display:inline-block; font-size:85%; letter-spacing: 0; background:#3eb049; padding:0; color:#fff;}
.bcs span.bc2{display:inline-block; font-size:85%; letter-spacing: 0; background:#ee3242; padding:0; color:#fff;}
.bgg{background:#f6f6f6;}

/*tournament*/
#tnsheet{width:820px; height:1180px; background:url(../img/tournament.png) no-repeat 0 0; margin:3em auto .0; position:relative; background-size: cover;}

/*entry*/
#entry h3{margin:0; padding:.3em .5em .5em; background:#2a447d; color:#fff;
background:linear-gradient(to top,#162547,#2a447d); font-weight:bold;}
#entry h3 span.lank{font-size:1.5rem;}
#entry h3 img{ vertical-align:middle; margin:0 .5em 0 0;}
#entry h4{margin:.8em .5em .5em; /*border-left:3px solid #0083c0;*/ color:#2a447d; padding:0 0 0 .3em; border: 6px solid transparent; border-left: 10px solid #2a447d; line-height: 0 !important;}
ul.pool {width:100%; margin:1em 0 2.5em;}
ul.pool li{width:48%; background:#fff; margin:1%; float:left;  /*border-bottom:2px solid #2a447d;*/ border-top:2px solid #2a447d; padding:0 0 .8em;
box-shadow:2px 4px 5px rgba(42,68,125,0.2);}
ul.res {margin:0 0 0 .5em;}
ul.res li{ width:auto; box-shadow:none; border:1px solid rgba(42,68,125,0.3); padding:.2em; font-size:85%; margin:0.5%;}
ul.pool a{color:#fff; display:block; font-weight:bold; text-align:center; width:50%; padding:.4em; margin:1em auto 0.5em; border-radius:5px; background:#162547; text-shadow:0 -1px #2a447d;
background:linear-gradient(to top,#2a447d,#0083c0); box-shadow:1px 2px 0 rgba(42,68,125,0.2);
background-image: linear-gradient(-10deg, #2a447d 0%, #3b60b0 100%);}
ul.pool a:hover{background-image: linear-gradient(-10deg, #2a447d 0%, #577ac7 100%);}

/*player*/
#player h2{position:relative; text-align:left; border:1px solid #ddd; background:#2a447d; text-shadow:none; color:#fff;
background:linear-gradient(to top,#162547,#2a447d); height:80px;}
#player h2 span.pooln {position:absolute; top:0;left:0; display:block; width:110px; text-align:center; font-size:2rem; height:77px; line-height:77px; background:linear-gradient(to top,rgba(0,131,192,0.6),rgba(0,131,192,0));}
#player h2 span.lank{font-size:1.5rem; text-align:right; position:absolute; top:35%;right:1%;}
#player h2 img{ vertical-align:middle; margin:0 .5em 0 120px;}
#player h3,#schedule h4{margin:2em 0 .5em; border-left:5px solid #ddc254; padding:.3em .6em; background:#1e376d; color:#fff;}
#player h3:first-of-type{margin:1em 0 .5em;}
#memo h4{margin:.5em 0 .4em; padding:0 .35em .2em; color:#0083c0; border-bottom:2px solid #0083c0;  font-weight:bold;}
#player .catch{color:#fff; background:#2a447d; padding:.3em; font-weight:bold;
background:linear-gradient(to top,#162547,#2a447d);}
.ply,.vsres{width:100%; border-spacing:0; margin:0 0 2em; text-align:center; font-size:90%; background:#fff;}

/*.vsrs{border:1px solid #2a447d; border-bottom:none; font-size:90%; background:#fff; text-align:center;}
.vsrs .gttl{float:left; width:60%; height:35px; line-height:35px;}
.vsrs .res{float:right; width:40%; height:35px; line-height:35px;}
.vsrs span{padding:0; text-align:center;}
.vsrs span.score{font-family: sans-serif; background:#f9fbfd; border-right:1px solid rgba(42,68,125,0.2); border-left:1px solid rgba(42,68,125,0.2); display:block; width:30%; float:left;}
.vsrs span.year{background:#f9fbfd; width:25%; border-right:1px solid rgba(42,68,125,0.2); display:block; float:left;}*/
.vsres{margin:1em 0 0; border:1px solid #2a447d; border-bottom:none; font-size:90%;}
.vsres td{padding:.5em .8em; border-bottom:1px solid #2a447d;}
.vsres td.year{background:#f9fbfd; width:20%; border-right:1px solid rgba(42,68,125,0.2);}
.vsres td.res{font-family: sans-serif; text-align:left; background:#f9fbfd; padding:.5em 0 .5em 2.5em; width:15%; border-right:1px solid rgba(42,68,125,0.2); border-left:1px solid rgba(42,68,125,0.2);}

#memo{margin:2em 0;}
#memo p {width:98%; margin:0 auto; font-size:95%;}
/*.intrec {margin:.5em 0 0;}*/
.intrec ul {float:left; font-size:90%; width:83%;}
.intrec ul li {width:165px; border:1px solid #2a447d; padding:0 .3em 0 0; background:#fff; display:inline-block; margin:0 .1em .7em; height:50px; line-height:50px;}
.intrec ul li span.year {background:#f0f0f0; display:inline-block; padding:0 .3em; margin:0 .3em 0 0; text-align:center; height:48px; width:45%;}
.intrec ul.oly li span.year { line-height:normal !important; padding:8px .3em; height:32px; margin:0;}
.intrec ul.oly li span.res {margin:0 0 1em; display:block; float:right; width:47%;}
.intrec ul li span.f85{display:block; margin:-.5em 0 0;}
.mass{display:block; border:1px solid #2a447d; width:15%; float:left; text-align:center; margin:0 .5em 0 0; background:#fff; height:48px; line-height:48px;}
/*.ply{margin:.8em 0 0;}
.ply th.photo{width:200px; height:250px; border:1px solid #2a447d;}
.ply th.photo span{width:100%; height:250px; background-size: cover; background-repeat: no-repeat; background-position: 0 0;}
.ply tbody{width:100%; display:inline-block;}
.ply td{padding:.5em .8em; border-bottom:1px solid #2a447d; border-right:1px solid #2a447d;}
.ply td.prof{text-align:left;}*/
#plylist .ply2{border:1px solid #2a447d; font-size:90%; background:#fff; margin:.8em 0 0;}
#plylist .photo{width:200px; height:250px; border-right:1px solid #2a447d;}
#plylist .photo span{width:100%; height:250px; background-size: cover; background-repeat: no-repeat; background-position: center 0;}
#plylist .ptable{width:680px; text-align:center;}
#plylist .info{clear:both; padding:.5em .8em; text-align:left; border-top:1px solid #2a447d; font-size:100%;}
#plylist .prof{float:left; width:40%;}
#plylist .prof2{float:right; width:60%;}
#plylist .name{width:100%; border-bottom:1px solid #2a447d; height:40px; display:block; line-height:40px;}
#plylist span.belong{height:40px; display:block; line-height:40px;}
#plylist .detail{width:100%; border-spacing:0; }
#plylist .detail td{padding:.5em .8em; border-bottom:1px solid #2a447d; border-left:1px solid #2a447d; height:40px;}
#plylist .detail td.res{border-bottom:none;}

/*gallery*/
#gallery #contents{background:none; box-shadow:none;}
#gallery h1{width:auto; height:auto; text-align:center; color:#ddc254; font-size:2.5rem; line-height:1.3;}
#show{margin:0 0 3em;}
.phmain {width:600px; height:400px; margin:1.5em auto; background-size: contain; background-repeat: no-repeat; background-position: center center; box-shadow:0 5px 20px rgba(11,35,67,0.8);}
.phmain_l {width:400px; height:600px; margin:1.5em auto; background-size: contain; background-repeat: no-repeat; background-position: center top;  box-shadow:0 5px 20px rgba(11,35,67,0.8);}
ul.gllist {width:100%; margin:1em auto 2.5em;}
ul.gllist li {width:100px; height:100px; margin:0.5% 0.2%; display:inline-block; background-size: cover; background-repeat: no-repeat; background-position: center top;}
#prevnext { padding:0; margin:0 auto 1em; text-align:center; color:rgba(8,4,4,0.01);}
#prevnext ul li a {text-align:center; font-size:2.8rem; font-weight:bold; font-family:arial black,Verdana; color:#fff; display:block; width:55px; height:55px; line-height:55px; background:rgba(46,102,205,0.4);}
#prevnext ul li.prev {float:left;}
#prevnext ul li.next {float:right;}
.navi1{width:600px;}
.navi2{width:400px;}
ul.bknm {width:100%; margin:5em auto 0; /*background:#666;*/}
ul.bknm li {text-align:center; width:30%; display:inline-block; border:1px solid #ddc254; vertical-align:middle;
margin:0 0.8% 1.3% 0;
width: -webkit-calc(98% / 3 - 5px);
width: calc(98% / 3 - 5px);
background-size: cover; background-repeat: no-repeat; background-position: center top;}
ul.bknm li a{width:100%; padding:15px 0; display:block; background:rgba(11,35,67,0.8); color:#ddc254;}
ul.bknm li a:hover{background:rgba(11,35,67,0.5);}
#gallery .bk1 {background-image: url(../img/gallery/170301/ph1.jpg);}
#gallery .bk2 {background-image: url(../img/gallery/170303/ph1.jpg);}
#gallery .bk3 {background-image: url(../img/gallery/170307/ph1.jpg);}
#gallery .bk4 {background-image: url(../img/gallery/170308/ph1.jpg);}
#gallery .bk5 {background-image: url(../img/gallery/170310/ph1.jpg);}
#gallery .bk6 {background-image: url(../img/gallery/170312/ph1.jpg);}
#gallery .bk7 {background-image: url(../img/gallery/170314/ph1.jpg);}

/* insta */
div.insta {height:360px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
div.insta ul{margin:5px 0 0 15px;}
div.insta ul li {float:left; margin:10px 10px 0 0;}
div.insta ul li a, div.insta ul li a img {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	width:130px;
	height:100px;
}
div.insta ul li a {background-size:cover;}
div.insta ul li a:hover img {background-color:hsla(216,82%,13%,0.25);}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
}
div.insta ul li a img.icon-video {background-image:url(/um/img/play.png);}

/*//////PC//////*/
@media all and (min-width: 768px) {
#container { background: url(../img/bgs.png) no-repeat center 535px; background-size: contain;}
#menu { width:100%; background:#121c34; box-shadow:0 5px 20px rgba(8,4,4,0.2);}
#menu ul {width:980px; margin:0 auto;}
#menu li { font-size:1.8rem; height:56px; float:left; text-align:center; margin:2px 1px 0; line-height:56px;}
#menu li a { width:224px; height:54px; display: block; padding:0 0 2px; margin:0; overflow: hidden; position: relative; text-decoration: none; color:#edf0f2;
background:linear-gradient(to top,rgba(48,77,129,0.6),rgba(48,77,129,0));
background-image: linear-gradient(-20deg, rgba(48,77,129,0.6) 0%, rgba(48,77,129,0) 100%);
}
#menu li.btn4 a,#menu li.btn5 a { width:300px;}
#menu li a:before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 2px solid #b89714;
	position: absolute;
	display: block;
}
#menu li a:hover:before {
	width: 50%;
	border-bottom: 2px solid #b89714;
}
#menu li a:after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	border-bottom: 2px solid #b89714;
	position: absolute;
	display: block;
}
#menu li a:hover:after {
	width: 50%;
	border-bottom: 2px solid #b89714;
}

#gotop {position: fixed; bottom: 20px; right: 20px;}
#phsp,#gotop span { display:none;}
#gotop a {display:block; width:83px; height:83px; background:url(../img/gotop.png) no-repeat 0 0;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size: 1.3rem;}
h1 { font-size: 2.6rem; }
h2 { font-size: 2rem; line-height:1.5em;}
h3 { font-size: 1.6rem; }
h4 { font-size: 1.45rem; }
.f90 { font-size: 1.2rem;}

header{height:auto;}
#top header h1,header a { width:100%; height:0; padding:44.3877% 0 0; background-size: contain; position:relative;}
/*header a{width:50%; height:0; padding:22.397% 0 0; background-size: contain; margin:1.5em auto;}*/
#top header h1 img,header a img,#tnsheet img,.phmain img,.phmain_l img,ul.gllist li img {position:absolute;left:0;top:0; width:100%; height:100%;}

#menu { width:100%; background:#121c34; box-shadow:0 3px 8px rgba(30,55,109,0.3);}
#menu li {width:50%; float:left; text-align:center; text-shadow:2px 2px 0 rgba(30,55,109,0.9); margin:0;}
/*#menu li:nth-child(odd){border-right:2px solid #1e376d;}*/
#menu li.btn1,#menu li.btn3,#menu li.btn5,#menu li.btn7{border-right:2px solid #182950;}
#menu li a { width:100%; display: block; padding:1em 0; margin:0; text-decoration: none;
background:linear-gradient(to top,rgba(48,77,129,0.6),rgba(48,77,129,0));
background-image: linear-gradient(-30deg, rgba(48,77,129,0.6) 10%, rgba(48,77,129,0) 100%);}
/*#menu li.btn5,#menu li.btn8{display:none;}*/

#bn_sch a { width:100%; height:0; padding: 31.7346% 0 0; margin:2em auto 0; background-size: cover;}

#top #mov{width:90%; position: relative; padding: 50.6769% 0 0; height: 0; overflow: hidden; margin:.5em auto 1.5em;}
#mov div{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#top #movie {padding:2.5em 0 1em;
background-image: linear-gradient(-20deg, #10172b 0%, #1d3569 100%);}
a.btn_m{width:60%; font-size:135%; padding:.6em;}
#top #movie h2{font-size: 1.8rem; padding:0;}
#top #movie ul {width:90%; margin:1em auto;}
#top #movie ul li{width:45%; margin:0 2% 1%; font-size:90%;}

#glthumb {padding:1em 0;}
#glthumb h2{width:45%; height:0; padding:6.6393% 0 0; background-size: contain; margin:.2em auto .4em;}
#glthumb h3{font-size: 1.5rem; padding:0 0 .3em;}
#glthumb ul {width:100%; height:90px; overflow:hidden;}
#glthumb ul li {width:80px; height:80px; margin:.2em 0.5% 1em; border:1px solid rgba(228,232,241,0.5);}

#top .inner{width:100%;}
#top #schedule {padding:1.5em 0 3em;}
#top #schedule h2{width:100%; border-top:2px solid #c4b469; border-bottom:2px solid #c4b469; padding:2.5% 0; margin:0 0 .5em;
background-size: 80%;}
#top #schedule .inner {background:none;}
#onair{width:95%; margin:0 auto; float:none;}
.oatable td.date{width:30%;}
.oatable td img{width:20px; margin:.1em .2em -.2em;}

#tw h3,#fb h3,#insta h3{width:200px; height:27px; background-size: contain;}
#tline{width:100%; margin:0 auto 2em;}
#tline #tw,#tline #fb,#tline #insta{width:300px; float:none; margin:0 auto 2em;}
/*#insta{width:230px;}
#insta a{width:100%; height:0; padding:40% 0 0;}*/

footer{width:95%; text-align:center; padding:2.5em 0 50px;}
footer p {font-size:80%;}
#rect{margin:3em auto 0; float:none; }
footer #sns {padding:3em 0 0;}
footer #sns ul li {width:85px; height:85px;}
footer #sns ul li a{background-size: 40%;}
#gotop {position: static; bottom: 0; left:0; width:100%; text-align:center; font-size:1.5rem; letter-spacing:.3em;}
#gotop a {width:100%; height: 50px; display:block; line-height:50px; font-weight:bold;
background:linear-gradient(to top,rgba(42,82,152,1),rgba(42,82,152,0.5));}

/*------------------　2nd　------------------ */
#contents{width:100%; margin:2.5em auto 0; padding:2px 0 2em; background:#edf1f8 url(../img/gbar_s.png) repeat-x center top; box-shadow:0 5px 10px rgba(11,35,67,0.8);}
#contents h1{width:100%; height:0; padding:20% 0 0; background-size: cover;}
#contents h2{padding:.3em 0; margin:1em auto .5em;}

#member ul.memlist li {width:33.33333%; padding:1.5em .5em; font-size:1.1rem;
width: -webkit-calc(100% / 3 - 2px);
width: calc(100% / 3 - 2px);}
/*#member ul.memlist li:nth-child(odd){background: #f6f6f6;}*/
#member ul.memlist li span {width:80%; height:0; padding:100% 0 0; display:block; margin:0 auto .5em;}
a.btn_dt{width:60%; padding:.2em; margin:.8em auto 0; font-size:85%;}

#movie h2{border:none; padding:.3em 0; margin:0; font-size: 1.6rem;}
#mov{width:95%; position: relative; padding: 53.4923% 0 0; height: 0; overflow: hidden; margin:0 auto;}
#movie ul.movlist {width:100%; margin:1.5em auto 2em;}
#movie ul.movlist li{width:45%; margin:0 2% 2%; font-size:90%;}
#movie ul li span,#movie ul.movlist li span {background-size: contain; background-repeat: no-repeat; background-position: center center; width:100%; height:0; display:block; margin:0 0 1%; padding:56.5217% 0 0;}

#result h2{font-size:1.7rem;}
#result h3{font-size:1.5rem;}
#result h3 span{display:block; font-size:80%;}
#result h4{margin:2em 0 0;}
.game{font-size:90%; margin:.5em 0 1.5em;}
.game th.date{width:25%;}
.game td img{width:20px; margin:0 0 -.2em;}
.game th{letter-spacing: 0;}

#schedule h3 {font-size:2rem;}
#schedule h5{box-shadow: 0 -15px 5px rgba(42,68,125,0.06) inset;}
#highlight p {padding:.3em;}
#highlight .f110{font-size:1.35rem;}
.bcswrap{width:100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; margin:0 0 1em;}
.bcswrap::-webkit-scrollbar{height: 5px; background: none;}
.bcswrap::-webkit-scrollbar-thumb{background: #ccc; border-radius:10px;}
.bcs{margin:0 0 .2em;}
.bcs td{white-space: nowrap;}
.bcs span.f85{white-space: normal;}
.bcs .f90{font-size:1rem;}

ul.pool {margin:1em 0 2em;}
ul.pool li{float:none; width:100%; margin:0 0 1em;}
ul.res li{margin:0 0.5% 1%; width:48%; float:left;}
#entry h3 img{width:40px;}
#entry h3 span.lank{font-size:1.2rem;}
#entry h4{border: 5px solid transparent; border-left: 8px solid #2a447d;}

#player h2{height:60px; font-size:1.7rem; padding:15px 0 0;}
#player h2 span.pooln {width:60px; text-align:center; font-size:1.2rem; height:57px; line-height:57px;}
#player h2 span.lank{font-size:1rem; top:50%;}
#player h2 img{width:40px; margin:0 .5em 0 70px;}
.intrec {margin:.5em 0 0;}
.intrec ul {float:none; width:100%; margin:.5em 0 0;}
.intrec ul li {width:48.5%; padding:0; margin:0 0 1% 0.5%; height:40px; line-height:40px;}
.intrec ul li span.year {display:inline-block; padding:0; height:38px; width:45%; margin:0 5% 0 0;}
.intrec ul.oly li span.year { line-height:normal !important; padding:5px 0; height:28px; margin:0;}
.intrec ul.oly li span.res {width:50%;}
.intrec ul li span.f85{margin:-.3em 0 0;}
.mass{width:99.5%; height:auto; line-height:normal; float:none; padding:.3em 0;}

/*.vsrs .gttl,.vsrs .res{float:none; width:100%; }
.vsrs span.year{width:30%;}
.vsrs span.score{border-left:none;}*/
.vsres td.year{width:18%;}
.vsres td{padding:.5em .1em; font-size:85%;}
.vsres td.res{padding:.5em 0 0 2%; width:18%; }

#plylist .ptable{width:100%; }
#plylist .prof{float:none; width:100%;}
#plylist .prof2{float:none; clear:both; width:100%; border-top:1px solid #2a447d;}
#plylist .name{border-bottom:1px solid #2a447d;}
#plylist .name,#plylist span.belong{height:auto; line-height:normal; padding:.5em;}
#plylist .detail{width:100%; border-spacing:0;}
#plylist .detail td.age{border-left:none;}
#plylist .detail td.res{border:none;}
#plylist .photo{width:100%; height:auto; border-right:none;}
#plylist .photo span{width:50%; height:0; background-size: cover; background-repeat: no-repeat; background-position: 0 0; margin:.5em auto; padding:62.5% 0 0;}
#plylist .detail td{height:auto;}

#gallery h1{width:auto; height:auto;  font-size:2rem; margin:0; padding:0;}
.phmain {width:90%; height:0; padding:60% 0 0; position: relative;}
.phmain_l {width:60%; height:0; padding:90% 0 0; position: relative;}
ul.gllist,ul.bknm {width:90%;}
ul.gllist li{width:25%; margin:0.5% -1px; height:0; padding:25% 0 0; position: relative;
width: -webkit-calc(100% / 4 - 0.5%);
width: calc(100% / 4 - 0.5%);}
ul.bknm li{margin:0 0.8% 2% 0;}

#prevnext ul li a {font-size:2rem; width:50px; height:50px; line-height:50px;}
.navi1{width:90%;}
.navi2{width:60%;}

#tnsheet{width:100%; height:0; padding:143.8515% 0 0; margin:2em auto 0;}
}
@media all and (max-width: 320px) {
body,p { font-size: 1.3rem;}
#menu li { font-size:1.2rem;}
.vsres td.gttl{width:40%;}
.vsres td.year{width:20%;}
.vsres td.res{width:21%;}

#glthumb h3{font-size: 1.4rem;}
}