/*
================================================================================================================
TOP
================================================================================================================
*/
#main-inner.top .box{max-width:980px;}
#main-inner.top .box p.pic{width:100%; max-width:720px; margin:20px auto 0;}
#main-inner.top .box p.pic img{width:100%;}

/*
========================
対局
========================
*/
.table{color:#281d02; background:#f8f0d1; font-size:14px; border:1px solid;}
.table li{display:flex;}
.table li + li{border-top:1px solid;}
.table li p{display:flex; width:calc(100% / 3); line-height:1.2rem; text-align:center; padding:10px 5px; justify-content:center; align-items:center; flex-wrap:wrap;}
.table li:not(:nth-child(1)) p + p{border-left:1px solid;}
@media screen and (max-width:640px){.table{font-size:12px;}}
@media screen and (max-width:480px){.table{font-size:11px;}}

/*見出しエリア*/
.table li:nth-child(1),
.table li:nth-child(1) p{color:#f8f0d1; background:#281d02 !important;}
.table li:nth-child(1) p img{width:100%; max-width:100px;}

/*イベントの対象となる対局*/
.table.game{margin:0 auto 20px;}
.table.game li p:nth-child(1){width:120px; background:#e2dabb; font-weight:bold;}
.table.game li p:not(:nth-child(1)){width:calc(50% - 60px);}
.table.game li:nth-child(2) p:nth-child(2){width:calc(100% - 120px);}
.table.game li p span{display:block; width:100%;}
@media screen and (max-width:640px){
.table.game li{flex-wrap:wrap;}
.table.game li:nth-child(1) p:nth-child(1){display:none;}
.table.game li p:nth-child(1){width:100%; border-bottom:1px solid;}
.table.game li p:not(:nth-child(1)){width:50%;}
.table.game li p:nth-child(2){border-left:none !important;}
.table.game li:nth-child(2) p:nth-child(2){width:100%;}}

/*倍率*/
.table:not(.game) li:not(:nth-child(1)) p:nth-child(3){background:#e2dabb; font-weight:bold;}

/*
========================
特典
========================
*/
.benefit{color:#281d02; background:#f8f0d1; margin:20px auto;}
.benefit ul{display:flex; border:1px solid;}
.benefit ul:nth-child(1){background:#e2dabb; font-weight:bold;}
.benefit ul+ ul{border-top:none;}
.benefit ul li{width:25%; text-align:center; padding:5px;}
.benefit ul li + li{border-left:1px solid;}
.benefit ul li img{width:90%;}
@media screen and (max-width:570px){
.benefit{font-size:11px;}}

/*
========================
スコア計算
========================
*/
.score{display:flex; font-size:14px; margin:0 auto 10px;}
.score li:nth-child(2),
.score li:nth-child(4),
.score li:nth-child(6){border-radius:5px; padding:0 10px;}
.score li:nth-child(2),
.score li:nth-child(4){color:#281d02; background:#f8f0d1}
.score li:nth-child(6){color:#f8f0d1; background:#f96400}
@media screen and (min-width:961px){.score li{margin-left:5px;}}
@media screen and (max-width:960px){
.score{flex-wrap:wrap;}
.score li{width:100%; text-align:center;}
.score li:nth-child(1){text-align:left;}}
@media screen and (max-width:480px){.score{font-size:11px;}}