@charset "utf-8";
/**@file
 * style.css コンテンツスタイル定義
 * Copyright (C)2017/06/13 FUBIC CO., LTD.
 *
 * @author   Tomoaki Tsuchiya<t-tsuchiya@fubic.com>
 */

body{
	overflow:hidden;
}

.sp{
	display:none;
}

a.bt-ex{
	float: right;
    color: #fff;
    padding: 5px;
    margin: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#header img {
    width: 100px;
}

.coution{
	font-size:10px;
	color:#000;
}

.navbar-fixed-bottom, .navbar-fixed-top{
	position:relative;
}

.player-box{
	width:100%;
	max-width: 920px;
	background:#fff;
	z-index:999;
}

.nextlive{
	margin: 0 0 20px 0;
}

.rec_link a {
	color: white;
}
.rec_link a:link {
  text-decoration: none;
}

.rec_link a:visited {
  text-decoration: none;
}

.rec_link a:hover {
  text-decoration: underline;
}

.rec_link a:active {
  text-decoration: underline;
}

/*フェードイン*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*フェードアウト*/
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

#header{
	overflow:hidden;
	max-width:950px;
	margin:10px auto 0 auto;
}
#header .logo{
	float:left;
	width:100px;
}
#header a.logo img{
	width:100%;
}
#header a.logo365{
	float:right;
	margin-top:12px;
}
#nav {
    overflow: hidden;
    max-width: 950px;
    margin: 0 auto;
    padding: 10px 0;
    border-top: 3px solid #bdbdbd;
    border-bottom: 3px solid #bdbdbd;	
}
#nav li{
	float:left;
	width:16.66%;
	text-align:center;
}
p.credit{
    font-size: 8px;
    white-space: nowrap;
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 0;
}
p.credit.l{
    position: relative;
/*    top: -4px;*/
    top: 3px;
/*    left: 10px;*/
    left: 5px;
    text-align: left;
}
p.credit.r{
	float: right;
    position: relative;
/*    top: -4px;*/
    top: 3px;
/*    right: -10px;*/
    right: 0px;
}
.match {
	margin:10px 0;
	text-align:center;
}
.match span.board{
    position: absolute;
    margin-left: -120px;
    width: 240px;
	color:#999;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 2px;
    border: 1px solid #a8a8a8;
    font-family: 'Dosis', "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", sans-serif;
    padding: 5px 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
	left:50%;
}
.match span.matchcount{
    position: relative;
    top: -1px;
	font-size:0.8em;
	letter-spacing: -1px;
}
p.vsttl{
	max-width:950px;
	margin:10px auto;
	text-align:center;
}
ul.vs{
	overflow:hidden;
	max-width:950px;
	margin:0 auto;
}
ul.vs li{
	float:left;
	width:50%;
	padding:10px 0;
	text-align:center;
	background:#fff;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
	box-sizing:border-box;
}
ul.vs li.active {
	font-weight:600;
	background:#ddd;
}
ul.vs li:first-child{
	border-right:1px solid #bdbdbd;
}
ul.vs li a{
	color:#999;
}
ul.vs li.active a{
	color:#171717;
}
.container{
	max-width:950px;
	margin:0 auto;
}
.container.contents{
	max-width: 900px;
}
table{
	width:100%;
	margin:5px 0;
}
th{
	padding:0 0;
    color: #fff;
    background: #a8a8a8;
	border: 1px solid #a8a8a8;
    text-align: center;
}
td{
	padding:2px 2px;
    border: 1px solid #ccc;
}
table.score {
    width: auto;
    margin: -70px auto 20px auto;
    font-family: 'Dosis', sans-serif;
}
table.score th{
	width:10%;
	font-size:0.8em;
}
table.score th.player{
	width:40%;
}
table.score td {
    padding: 4px 10px;
    font-size: 1.3em;
    text-align: center;
}
table.score td sup{
    position: relative;
    top: -8px;
    margin-left: 1px;
    vertical-align: inherit;
}
table.score td.player1,
table.score td.player2{
    padding: 0 30px 0 10px;
	text-align:left;
}
table.score a{
	text-decoration:underline;
}
.f16 .flag {
    position: relative;
    top: 2px;
    width: 16px;
    height: 14px;
	margin-right:5px;
    display: inline-block;
    background: url(../img/flags16.png) no-repeat -100px;
}
.f16 ._African_Union{background-position:0 -0px}.f16 ._Arab_League{background-position:0 -16px}.f16 ._ASEAN{background-position:0 -32px}.f16 ._CARICOM{background-position:0 -48px}.f16 ._CIS{background-position:0 -64px}.f16 ._Commonwealth{background-position:0 -80px}.f16 ._England{background-position:0 -96px}.f16 ._European_Union{background-position:0 -112px}.f16 ._Islamic_Conference{background-position:0 -128px}.f16 ._Kosovo{background-position:0 -144px}.f16 ._NATO{background-position:0 -160px}.f16 ._Northern_Cyprus{background-position:0 -176px}.f16 ._Northern_Ireland{background-position:0 -192px}.f16 ._Olimpic_Movement{background-position:0 -208px}.f16 ._OPEC{background-position:0 -224px}.f16 ._Red_Cross{background-position:0 -240px}.f16 ._Scotland{background-position:0 -256px}.f16 ._Somaliland{background-position:0 -272px}.f16 ._Tibet{background-position:0 -288px}.f16 ._United_Nations{background-position:0 -304px}.f16 ._Wales{background-position:0 -320px}.f16 .ad{background-position:0 -336px}.f16 .ae{background-position:0 -352px}.f16 .af{background-position:0 -368px}.f16 .ag{background-position:0 -384px}.f16 .ai{background-position:0 -400px}.f16 .al{background-position:0 -416px}.f16 .am{background-position:0 -432px}.f16 .an{background-position:0 -448px}.f16 .ao{background-position:0 -464px}.f16 .aq{background-position:0 -480px}.f16 .ar{background-position:0 -496px}.f16 .as{background-position:0 -512px}.f16 .at{background-position:0 -528px}.f16 .au{background-position:0 -544px}.f16 .aw{background-position:0 -560px}.f16 .az{background-position:0 -576px}.f16 .ba{background-position:0 -592px}.f16 .bb{background-position:0 -608px}.f16 .bd{background-position:0 -624px}.f16 .be{background-position:0 -640px}.f16 .bf{background-position:0 -656px}.f16 .bg{background-position:0 -672px}.f16 .bh{background-position:0 -688px}.f16 .bi{background-position:0 -704px}.f16 .bj{background-position:0 -720px}.f16 .bm{background-position:0 -736px}.f16 .bn{background-position:0 -752px}.f16 .bo{background-position:0 -768px}.f16 .br{background-position:0 -784px}.f16 .bs{background-position:0 -800px}.f16 .bt{background-position:0 -816px}.f16 .bw{background-position:0 -832px}.f16 .by{background-position:0 -848px}.f16 .bz{background-position:0 -864px}.f16 .ca{background-position:0 -880px}.f16 .cg{background-position:0 -896px}.f16 .cf{background-position:0 -912px}.f16 .cd{background-position:0 -928px}.f16 .ch{background-position:0 -944px}.f16 .ci{background-position:0 -960px}.f16 .ck{background-position:0 -976px}.f16 .cl{background-position:0 -992px}.f16 .cm{background-position:0 -1008px}.f16 .cn{background-position:0 -1024px}.f16 .co{background-position:0 -1040px}.f16 .cr{background-position:0 -1056px}.f16 .cu{background-position:0 -1072px}.f16 .cv{background-position:0 -1088px}.f16 .cy{background-position:0 -1104px}.f16 .cz{background-position:0 -1120px}.f16 .de{background-position:0 -1136px}.f16 .dj{background-position:0 -1152px}.f16 .dk{background-position:0 -1168px}.f16 .dm{background-position:0 -1184px}.f16 .do{background-position:0 -1200px}.f16 .dz{background-position:0 -1216px}.f16 .ec{background-position:0 -1232px}.f16 .ee{background-position:0 -1248px}.f16 .eg{background-position:0 -1264px}.f16 .eh{background-position:0 -1280px}.f16 .er{background-position:0 -1296px}.f16 .es{background-position:0 -1312px}.f16 .et{background-position:0 -1328px}.f16 .fi{background-position:0 -1344px}.f16 .fj{background-position:0 -1360px}.f16 .fm{background-position:0 -1376px}.f16 .fo{background-position:0 -1392px}.f16 .fr{background-position:0 -1408px}.f16 .ga{background-position:0 -1424px}.f16 .gb{background-position:0 -1440px}.f16 .gd{background-position:0 -1456px}.f16 .ge{background-position:0 -1472px}.f16 .gg{background-position:0 -1488px}.f16 .gh{background-position:0 -1504px}.f16 .gi{background-position:0 -1520px}.f16 .gl{background-position:0 -1536px}.f16 .gm{background-position:0 -1552px}.f16 .gn{background-position:0 -1568px}.f16 .gp{background-position:0 -1584px}.f16 .gq{background-position:0 -1600px}.f16 .gr{background-position:0 -1616px}.f16 .gt{background-position:0 -1632px}.f16 .gu{background-position:0 -1648px}.f16 .gw{background-position:0 -1664px}.f16 .gy{background-position:0 -1680px}.f16 .hk{background-position:0 -1696px}.f16 .hn{background-position:0 -1712px}.f16 .hr{background-position:0 -1728px}.f16 .ht{background-position:0 -1744px}.f16 .hu{background-position:0 -1760px}.f16 .id{background-position:0 -1776px}.f16 .mc{background-position:0 -1776px}.f16 .ie{background-position:0 -1792px}.f16 .il{background-position:0 -1808px}.f16 .im{background-position:0 -1824px}.f16 .in{background-position:0 -1840px}.f16 .iq{background-position:0 -1856px}.f16 .ir{background-position:0 -1872px}.f16 .is{background-position:0 -1888px}.f16 .it{background-position:0 -1904px}.f16 .je{background-position:0 -1920px}.f16 .jm{background-position:0 -1936px}.f16 .jo{background-position:0 -1952px}.f16 .jp{background-position:0 -1968px}.f16 .ke{background-position:0 -1984px}.f16 .kg{background-position:0 -2000px}.f16 .kh{background-position:0 -2016px}.f16 .ki{background-position:0 -2032px}.f16 .km{background-position:0 -2048px}.f16 .kn{background-position:0 -2064px}.f16 .kp{background-position:0 -2080px}.f16 .kr{background-position:0 -2096px}.f16 .kw{background-position:0 -2112px}.f16 .ky{background-position:0 -2128px}.f16 .kz{background-position:0 -2144px}.f16 .la{background-position:0 -2160px}.f16 .lb{background-position:0 -2176px}.f16 .lc{background-position:0 -2192px}.f16 .li{background-position:0 -2208px}.f16 .lk{background-position:0 -2224px}.f16 .lr{background-position:0 -2240px}.f16 .ls{background-position:0 -2256px}.f16 .lt{background-position:0 -2272px}.f16 .lu{background-position:0 -2288px}.f16 .lv{background-position:0 -2304px}.f16 .ly{background-position:0 -2320px}.f16 .ma{background-position:0 -2336px}.f16 .md{background-position:0 -2352px}.f16 .me{background-position:0 -2368px}.f16 .mg{background-position:0 -2384px}.f16 .mh{background-position:0 -2400px}.f16 .mk{background-position:0 -2416px}.f16 .ml{background-position:0 -2432px}.f16 .mm{background-position:0 -2448px}.f16 .mn{background-position:0 -2464px}.f16 .mo{background-position:0 -2480px}.f16 .mq{background-position:0 -2496px}.f16 .mr{background-position:0 -2512px}.f16 .ms{background-position:0 -2528px}.f16 .mt{background-position:0 -2544px}.f16 .mu{background-position:0 -2560px}.f16 .mv{background-position:0 -2576px}.f16 .mw{background-position:0 -2592px}.f16 .mx{background-position:0 -2608px}.f16 .my{background-position:0 -2624px}.f16 .mz{background-position:0 -2640px}.f16 .na{background-position:0 -2656px}.f16 .nc{background-position:0 -2672px}.f16 .ne{background-position:0 -2688px}.f16 .ng{background-position:0 -2704px}.f16 .ni{background-position:0 -2720px}.f16 .nl{background-position:0 -2736px}.f16 .no{background-position:0 -2752px}.f16 .np{background-position:0 -2768px}.f16 .nr{background-position:0 -2784px}.f16 .nz{background-position:0 -2800px}.f16 .om{background-position:0 -2816px}.f16 .pa{background-position:0 -2832px}.f16 .pe{background-position:0 -2848px}.f16 .pf{background-position:0 -2864px}.f16 .pg{background-position:0 -2880px}.f16 .ph{background-position:0 -2896px}.f16 .pk{background-position:0 -2912px}.f16 .pl{background-position:0 -2928px}.f16 .pr{background-position:0 -2944px}.f16 .ps{background-position:0 -2960px}.f16 .pt{background-position:0 -2976px}.f16 .pw{background-position:0 -2992px}.f16 .py{background-position:0 -3008px}.f16 .qa{background-position:0 -3024px}.f16 .re{background-position:0 -3040px}.f16 .ro{background-position:0 -3056px}.f16 .rs{background-position:0 -3072px}.f16 .ru{background-position:0 -3088px}.f16 .rw{background-position:0 -3104px}.f16 .sa{background-position:0 -3120px}.f16 .sb{background-position:0 -3136px}.f16 .sc{background-position:0 -3152px}.f16 .sd{background-position:0 -3168px}.f16 .se{background-position:0 -3184px}.f16 .sg{background-position:0 -3200px}.f16 .si{background-position:0 -3216px}.f16 .sk{background-position:0 -3232px}.f16 .sl{background-position:0 -3248px}.f16 .sm{background-position:0 -3264px}.f16 .sn{background-position:0 -3280px}.f16 .so{background-position:0 -3296px}.f16 .sr{background-position:0 -3312px}.f16 .st{background-position:0 -3328px}.f16 .sv{background-position:0 -3344px}.f16 .sy{background-position:0 -3360px}.f16 .sz{background-position:0 -3376px}.f16 .tc{background-position:0 -3392px}.f16 .td{background-position:0 -3408px}.f16 .tg{background-position:0 -3424px}.f16 .th{background-position:0 -3440px}.f16 .tj{background-position:0 -3456px}.f16 .tl{background-position:0 -3472px}.f16 .tm{background-position:0 -3488px}.f16 .tn{background-position:0 -3504px}.f16 .to{background-position:0 -3520px}.f16 .tr{background-position:0 -3536px}.f16 .tt{background-position:0 -3552px}.f16 .tv{background-position:0 -3568px}.f16 .tw{background-position:0 -3584px}.f16 .tz{background-position:0 -3600px}.f16 .ua{background-position:0 -3616px}.f16 .ug{background-position:0 -3632px}.f16 .us{background-position:0 -3648px}.f16 .uy{background-position:0 -3664px}.f16 .uz{background-position:0 -3680px}.f16 .va{background-position:0 -3696px}.f16 .vc{background-position:0 -3712px}.f16 .ve{background-position:0 -3728px}.f16 .vg{background-position:0 -3744px}.f16 .vi{background-position:0 -3760px}.f16 .vn{background-position:0 -3776px}.f16 .vu{background-position:0 -3792px}.f16 .ws{background-position:0 -3808px}.f16 .ye{background-position:0 -3824px}.f16 .za{background-position:0 -3840px}.f16 .zm{background-position:0 -3856px}.f16 .zw{background-position:0 -3872px}.f16 .non{background:none;display:none;}

.f16 .un{visibility:hidden}

table.score td.set{
	color:#fff;
	background:#999;
}
table.score td.win{
	background:url(../img/win.png) no-repeat center right+10px #fffccc;
    background-size: 12px;
}
table.score td.player1.serve, table.score td.player2.serve{
	background: url(../img/serve_td.png) repeat-y left;
}
table#cmt{
	margin-bottom: 40px;
}
.setbox {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.btlist{
	display: flex;
	position: relative;
	font-size:1.1em;
	color:#0066cc;
	margin-top: 10px;
    margin-bottom: 5px;
}
.btlist a{
	text-decoration:underline;
}
.comcount{
	float: left;
    color: #337ab7;
	cursor: pointer;
    text-align: inherit;
    text-decoration: underline;
}
.comcount span{
	text-decoration: underline;
}
.btlist .comcount{
	margin-top: 4px;
	font-size: 14px;
}
.btlist .overview{
	margin-top: 4px;
    letter-spacing: 2px;
}
.btlist .past{
	margin-top: 4px;
    letter-spacing: 2px;
}
#cmt.commentttl{
	margin-top:20px;
}
.comment {
    font-size: 0.7em;
    padding: 10px;
    margin-bottom: 20px;
    max-height: 200px;
	overflow-x:hidden;
    overflow-y: scroll;
    background: #e3e3e3;
    border-radius: 5px;
	-webkit-overflow-scrolling: touch;
}
.comment p{
    font-size: 1.53em;
    margin-bottom: 10px;
}
#comment input[type="text"] {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.endcomment{
	margin: 20px 0;
	text-align: center;
	font-weight: 600;
}
hr.dotted{
	margin:10px auto;
	border-top:1px dotted #a8a8a8;
}
.point{
    background: url(../img/line.png) no-repeat bottom+90px center;
    background-size: 50px;
}
.point.white{
	visibility: hidden!important;
}
.point h2{
	width:50%;
	margin:0 auto;
	font-size:1.8em;
	line-height:1.4em;
	text-align:center;
	font-family: 'Dosis', sans-serif;
}
.point hr{
	width:50px;
	margin:0 auto 20px auto;
    border: none;
    border-bottom: 1px solid #000;
}
.point ul{
    overflow: hidden;
    width: 100%;
    padding: 40px 0;
    margin: 0 auto;
    font-family: 'Dosis', sans-serif;
}
.point ul li{
	float:left;
	width:50%;
	text-align:center;
}
.point ul li:first-child{
	position:relative;
	left:100px;
}
.point ul li:last-child{
	position:relative;
	right:100px;
}
.point ul li p{
	text-align:center;
}
.point ul li p.player{
    display: inline-block;
	margin-bottom:-5px;
	white-space:nowrap;
}
.point ul li p.num{
    font-size: 8em;
    line-height: 1.0em;
}
.point ul li:first-child p.serve{	
    padding: 0 20px 5px 20px;
    background: url(../img/serve.png) no-repeat bottom center;
    background-size: 120px;
}
.point ul li:last-child p.serve{
    padding: 0 20px 5px 20px;
    background: url(../img/serve.png) no-repeat bottom center;
    background-size: 120px;
}
.playerphoto {
    overflow: hidden;
    margin-top: -180px;
	width:100%;
}
.playerphoto ul li{
	width:200px;
}
.playerphoto ul li:first-child{
    float: left;
    position: relative;
    left: 0;
}
.playerphoto ul li:last-child{
    float: right;
    position: relative;
    right: 0;
}
.playerphoto ul li img{
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.do{
    position: relative;
    top: -70px;
	overflow:hidden;
	margin-bottom:10px;
	color:#0441c0;
	font-weight:600;
    font-family: 'Dosis', sans-serif;
}
.do ul{
	width:40%;
	margin:0 auto;
}
.do ul li.l{
	float:left;
	width:50%;
	padding-left:14px;
	background:url(../img/ball_blue.png) no-repeat left center;
}
.do ul li.l.red{
	color:#ad1f1e;
	background:url(../img/ball_red.png) no-repeat left center;
}
.do ul li.r{
	float:right;
	width:50%;
	text-align:right;
	padding-right:14px;
	background:url(../img/ball_blue.png) no-repeat right center;
}
.do ul li.r.red{
	color:#ad1f1e;
	background:url(../img/ball_red.png) no-repeat right center;
}
textarea{
	width:100%;
	height:100px;
}
.bt{
	text-align:center;
}
.bt.pc{
	margin: 10px auto;
}
.bt input[type="button"] ,
.bt input[type="submit"] {
	cursor:pointer;
    padding: 10px 20px;
    background: #ccc;
    border: none;
    min-width: 96px;
}
.bt input[type="submit"]{
	margin-right: 20px;
}
#admin .bt input[type="submit"]{
	margin: 20px auto;
}
.admin{
	text-align:right;
}
.admin a{
	color:#fff;
}
#update td{
	white-space: nowrap;
}
.prevnext{
	display: flex;
}
.prevnext button{
	padding: 1px;
}
.adArea{
	overflow: hidden;
    margin: 10px -50px 10px;
    text-align: center;
    /*width: 970px;*/
}
.adArea .dfp-left{
	float: left;
}
.adArea .dfp-right{
	float: right;
}
.ecbn{
	text-align:center;
	max-width:950px;
	margin:0 auto;
}
.ecbn img{
	width:100%;
	height:auto;
}
.footer{
	color:#fff;
	overflow:hidden;
	text-align:center;
	padding:25px 0 25px 0;
	background-color:#006737;
}
.footer.put{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.footlink{
	position: relative;
}
.footlink.after{
	margin-top: 60px;
}
ul.comlink {
    position: absolute;
	left: 0;
    overflow: hidden;
    width: 200px; /*テニコンリンク用*/
  /*  width: 180px;*/
    margin-bottom: 20px;
    margin-top: -50px;
}
ul.sns {
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 180px;
    margin-bottom: 20px;
    margin-top: -50px;
}
ul.sns li{
	float:left;
    width: 44%;
    margin: 0 5px;
}
ul.sns li.line{
	display:none;
}
ul.sns li img{
	width:100%;
}
.nishikoribbs{
	float: right;
    text-decoration: underline;
}
.lang{
	margin: 10px 0;
	text-align: center;
}
.caution{
	color:#f00;
	font-weight:600;
}
.container.pass{
	text-align:center;
}
table.stats{
	border-top:1px solid #ccc;
}
#save{
	margin:20px 0;
}
.container.save{
	text-align:center;
}
.navbar-brand img{
	width:50%;
}
.navbar-default .navbar-nav>li>a:hover{
	color:#fff;
}
.adLeft{
	position:absolute;
	top:80px;
	left:0;
}
.adRight{
	position:absolute;
	top:80px;
	right:0;
}
label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  color: #003399;
}

#panels {
  padding:0 10px;
  margin: 0 auto;
  max-width: 500px;
  background-color: white;
}
#admin #panels{
	padding:0;
	max-width: inherit;
}
#panels.admin {
	padding:0;
	max-width: inherit;
}
#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}
#panels section main .gameflow .score{
	
}
#panels th{
	font-size: 10px;
}
#panel-1-ctrl:checked ~ #panels #panel-1 main {
	max-height: initial;
	opacity: 1;
	padding: 0;
	width: 100%;
}
#panel-2-ctrl:checked ~ #panels #panel-2 main {
	max-height: initial;
	opacity: 1;
	padding: 0;
	width: 100%;
}
#panel-3-ctrl:checked ~ #panels #panel-3 main {
	max-height: initial;
	opacity: 1;
	padding: 0;
	width: 100%;
}
#panel-4-ctrl:checked ~ #panels #panel-4 main {
	max-height: initial;
	opacity: 1;
	padding: 0;
	width: 100%;
}
#panel-5-ctrl:checked ~ #panels #panel-5 main {
	max-height: initial;
	opacity: 1;
	padding: 0;
	width: 100%;
}
#panel-1-ctrl:checked ~ #tabs-list .li-for-panel {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list .li-for-panel.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list .li-for-panel + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list .li-for-panel label.panel-label {
  background-color: white;
  color: #003399;
}
#panel-1-ctrl:checked ~ #tabs-list .li-for-panel label.panel-label::after {
  height: 6px;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: white;
  color: #003399;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 6px;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
  border-right: 1px solid transparent;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  background-color: white;
  color: #003399;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
  height: 6px;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last {
  border-right: 1px solid transparent;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
  background-color: white;
  color: #003399;
}
#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after {
  height: 6px;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
          transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last {
  border-right: 1px solid transparent;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
  background-color: white;
  color: #003399;
}
#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label::after {
  height: 6px;
}
ul#tabs-list {
  display: flex;
  justify-content: center;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 400px;
}
ul#tabs-list li {
  display: flex;
  text-align: center;
  font-size: 0.875em;
  width: 20%;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
  position: relative;
  font-size: 0.875em;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #003399;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
	background: white;
}
ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}
.info{
    position: relative;
    top: -5px;
	padding: 0 10px;
    margin: 0 auto;
	font-size: 10px;
    max-width: 400px;
}
#admin .info{
	padding: 0;
	max-width: inherit;
}
main {
    width: 70%;
    margin: 0 auto;
}
.panel-radios {
  display: none;
}
@media(max-width:1200px){
	.adLeft{
		display:none;
	}
	.adRight{
		display:none;
	}
}
@media(max-width:991px){
	.adArea{
		margin: 10px -125px 10px;
	}
}
@media(max-width:768px){
	.pc{
		display:none;
	}
	.sp{
		display:inherit;
	}
	body{
		padding:0px 0;
	}
	table.set.sp{
		display: table;
	}
	table.set th{
		font-size:12px;
	}
	td{
		line-height: 1.2em;
	}
	.adArea{
		margin: 10px auto;
	}
	.logo img{
		width:100%;
	}
	.reflesh {
		position: relative;
		width: 30px;
		margin-top: -2.5px;
	}
	.reflesh:active{
		opacity: 0.5;
		right: -3px;
		bottom: -3px;
	}
	.reflesh img {
		width: 100%;
	}
	.btlist{
		width: 70%;
		position: inherit;
		margin: 0 auto 10px;
	    justify-content: space-around;
	}
	.btlist.now{
		width: 60%;
	}
	.nishikoribbs{
		float: left;
		margin-left: 50px;
	}
	table#cmt{
		margin-bottom: 20px;
	}
	.ecbn{
		padding:0 10px;
	}
	ul.vs li{
		padding:10px 0;
	}
	.match span.board{
/*		font-size: 1.2em;*/
		font-size: 1em;
		padding: 3px 0;
		margin-left: -90px;
		letter-spacing: 0;
		width: 180px;
	}
	.do{
		top: 0;
	}
	.do ul{
		width:100%;
	}
	table.score{
		margin:10px auto;
	}
	table.score.sp{
		display: table;
	}
	table.score td{
		padding: 6px 8px;
	}
	table.score td.player1, table.score td.player2{
		font-size:0.8em;
	}
	.container{
		padding:0 10px;
	}
	.container.player{
		padding: 0;
	}
	.container.player .adArea.sp{
		width: 100%;
		background: #fff;
		z-index: 999;
	}
	.playerphoto {
		overflow: hidden;
		position: absolute;
		left:0;
		margin-top: -110px;
		width:100%;
	}
	.playerphoto ul li{
		width:100px;
	}
	.playerphoto ul li:first-child{
		float: left;
		position: relative;
/*		left: -10px;*/
		left: 5px;
		margin-bottom: 5px;
	}
	.playerphoto ul li:last-child{
		float: right;
		position: relative;
		right: -10px;
		margin-bottom: 5px;
	}
	.playerphoto ul li img{
		width:85px;
		height:85px;
/*		width:100px;
		height:100px;*/
	}

	.point{
		background: url(../img/line.png) no-repeat bottom+40px center;
		background-size: 20px;
	}
	.point h2{
		font-size:1.6em;
	}
	.point ul{
		padding:30px 0 10px 0;
		width:100%;
	}
	.point ul li p.num{
		font-size: 4.5em;
		line-height: 1.0em;
	}
	.point ul li:first-child{
		position:relative;
/*		left:30px;*/
		left:40px;
	}
	.point ul li:last-child{
		position:relative;
/*		right:30px;*/
		right:40px;
	}
	.point ul li:first-child p.serve{
		background: url(../img/serve.png) no-repeat bottom center;
		background-size: 38px;
	}
	.point ul li:last-child p.serve{
		background: url(../img/serve.png) no-repeat bottom center;
		background-size: 38px;
	}
	.point.white{
		font-size: 10px;
		height: 105px;
		width: 90%;
		margin: 0 auto;		
		background: url(../img/line.png) no-repeat bottom+60px center;
		background-size: 10px;
	}
	.point.white ul li p.serve{
		background: none;
	}
	.comment{
		height:150px;
	}
	.setbox{
		overflow-x:hidden;
		overflow-y:scroll;
		height:150px;
		margin-bottom:40px;
	}
	#comment{
		display: flex;
	}
	.bt input[type="submit"]{
		padding: 0;
		background: url(../img/refresh_2.png) no-repeat;
		background-size: contain;
		width: 30px;
		height: 30px;
		margin: 2px 10px 0 10px;
		text-indent: -9999px;
	}
	.bt input.pagetop[type="button"]{
		display:none;
		position: fixed;
/*		bottom: 210px;*/
		bottom: 250px;
		right: 10px;
		font-size: 1.2em;
		padding: 0 13px;
		width: 50px;
		height: 50px;
		color: #fff;
		box-shadow: 1px 1px 3px #000;
		background: url(../img/pagetop.png) no-repeat center #333;
		background-size: 18px;
		font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", Sans-Serif;
		z-index: 50;
		-webkit-appearance: none;
		border-radius: 50%;
		text-indent: -5px;
		min-width: inherit;
	}
	.bt input.rb[type="button"]{
		position: fixed;
/*		bottom: 130px;*/
		bottom: 170px;
		right: 10px;
		font-size: 1.2em;
		padding: 0 13px;
		width: 50px;
		height: 50px;
		color: #fff;
		box-shadow: 1px 1px 3px #000;
		background: #00d00f;
		background-size: 50px;
		font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", Sans-Serif;
		z-index: 50;
		-webkit-appearance: none;
		border-radius: 50%;
		text-indent: -5px;
		min-width: inherit;
	}
	.bt input.rb.reload[type="button"]{
		background: url(../img/refresh-page-arrow-button.png) no-repeat center center #00d00f;
		background-size: 25px;
	}
	.bt{
		position: relative;
	}
	.bt:active{
		opacity: 0.5;
		right: -3px;
		bottom: -3px;		
	}
	input.reload{
		display: block;
		padding: 6px 12px;
		margin: 0 auto 20px;
		color: #fff;
		border: none;
    	border-radius: 20px;
		background: #333;
	}
	#overlaybn {
		position: fixed;
		bottom: 0;
		text-align: center;
		width: 100%;
	}
	#overlaybn>div{
		margin: 0 auto;
	}
	.footer{
	    margin-top: 20px;
		margin-bottom:50px;
	}
	.comingsoon {
		padding: 20px 0;
		margin-bottom: 30px;
		height: 120px;
		background: url(../img/comingsoon_sp.jpg) no-repeat center;
		background-size: cover;
	}
	#sp-header img {
		margin-left: 10px;
		width: 70%;
	}
	ul.sns {
		position: relative;
		left: 12px;
		width: 50%;
		margin: 0 auto;
	}
	ul.sns li{
    	width: 46%;
    	margin: 0 1%;
	}
	ul.sns li.line{
		display:block;
	}
	/*#footbn{
		position: fixed;
		bottom: 0;
		margin: 0;
		width: 100%;
	}*/
}

@media screen and ( max-width:320px ) {
	#sp-header .logo365{
	    margin: 10px 0 0 46%;		
	}
	.player-box{
		margin-bottom: -10px;
	}
	.match{
		font-size: 12px;
	}
	p.credit.l{
		left: 10px;
	}
	p.credit.r{
		right: 10px;
	}
	.point ul li p.num {
		font-size: 4.0em;
	}
	.playerphoto{
    	margin-top: -100px;		
	}
	.playerphoto ul li:first-child {
		left: -10px;
	}
	.playerphoto ul li:last-child {
		right: -30px;
	}
	.playerphoto ul li img{
		width: 80px;
		height: 80px;
	}
}