/*
================================================================================================================
テーマ変更
================================================================================================================
*/
.section.frame{text-align:left !important; font-size:12px !important;}
.section.frame + .section.frame{margin-top:40px !important;}

.section a{color:#00ab95;}

.howto-title,.howto-title-sub{font-family:'M PLUS 1', sans-serif; letter-spacing:1px; font-weight:normal !important;}
.howto-title{
display:block;
position:relative;
font-size:24px;
text-align:left;
padding:8px 10px 8px 15px !important;
margin:0 auto 10px;}
.howto-title::before{
display:block;
content:"";
position:absolute;
top:5px;
left:0;
width:5px;
height:calc(100% - 10px);
background:#00ab95;
border-radius:3px;}

.section .cat-inner{color:#fff; background-color:rgba(0,0,0,.8); border-radius:10px;}
.section .cat-inner a{color:#ffee06;}

.section .howto-bar{height:2px; background-color:#000;}

/*
================================================================================================================
HOWTO
================================================================================================================
*/
.section a{font-weight:bold; padding:0 3px;}
.section a:hover{text-decoration:underline;}

.sub{font-size:16px !important;}

.section .howto-title-sub{
display:block;
font-size:18px;
font-weight:normal;
border-bottom:2px solid #00ab95;
margin:30px auto 10px;
padding:5px 10px 5px 0;}

.section .cat-inner{padding:20px; margin:10px auto 20px;}
.section .cat-inner:last-child{margin:10px auto 0;}

.section .cat-inner .howto-title{font-size:18px;}
.section .cat-inner .howto-title-sub{padding:5px; margin:0 auto 10px;}

.section .cat-inner strong.sub{
display:block;
font-weight:bold;
margin:30px auto 10px;
padding-bottom:5px;}

/*srtong装飾*/
.section strong{font-weight:bold;}
.section strong.cat-title{display:block; width:100%; border-top:1px solid #333;}
.section strong.sub{display:block; width:100%; font-size:13px;}

/*区切り線*/
.section .howto-bar{display:block; width:100%; margin:30px auto;}
.section .howto-bar:last-child{margin:30px auto 0 auto;}

.flex{display:flex; justify-content:space-between; margin:20px auto;}
.flex > *{width:calc(50% - 5px) !important; margin:0 !important;}

@media screen and (min-width:641px){
.flex.four{flex-wrap:wrap;}
.flex.four > *:nth-child(3),
.flex.four > *:nth-child(4){margin-top:10px !important;}}
@media screen and (max-width:640px){
.flex{flex-wrap:wrap;}
.flex > *{width:100% !important;}
.flex > * + *{margin-top:20px !important;}}

/*画像サイズ*/
.section .howto-img{
display:block;
width:100%;
text-align:center;
margin:20px auto;
filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5));}
.section .howto-img + .howto-img{margin-top:0;}
/*.section .cat-inner > .howto-img:last-child{margin:20px auto 0;}*/

.section .img-980 img{width:100%; max-width:980px;}
.section .img-800 img{width:100%; max-width:800px;}
.section .img-640 img{width:100%; max-width:640px;}
.section .img-620 img{width:100%; max-width:620px;}
.section .img-600 img{width:100%; max-width:600px;}
.section .img-584 img{width:100%; max-width:584px;}
.section .img-558 img{width:100%; max-width:558px;}
.section .img-480 img{width:100%; max-width:480px;}
.section .img-400 img{width:100%; max-width:400px;}
.section .img-363 img{width:100%; max-width:363px;}
.section .img-360 img{width:100%; max-width:360px;}
.section .img-350 img{width:100%; max-width:350px;}
.section .img-282 img{width:100%; max-width:282px;}
.section .img-280 img{width:100%; max-width:280px;}
.section .img-height img{width:auto !important; height:350px !important;}

@media screen and (max-width:640px){
.section{font-size:12px; padding:10px;}
.section .howto-title{font-size:20px !important;}

.section .howto-title-sub,
.section strong.sub,
.section .cat-inner .howto-title-sub,
.section .cat-inner strong.sub{font-size:15px !important;}}

@media screen and (max-width:480px){
.section{font-size:11px;}
.section .howto-title{font-size:18px !important;}
.section strong.sub{font-size:12px !important;}

.section .cat-inner .howto-title-sub,
.section .cat-inner strong.sub{font-size:13px !important;}}

/*
================================================================================================================
ゲーム開始
================================================================================================================
*/
.howto-pc{
position:relative;
width:100%;
max-width:980px;
text-align:center;
margin:30px auto 0;}
.howto-pc img{width:100%; max-width:980px;}

.howto-sp{
display:none;
position:relative;
width:100%;
max-width:640px;
text-align:center;
margin:30px auto 0;}
.howto-sp img{width:100%; max-width:640px;}

.howto-img-inner{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;}

@media screen and (max-width:800px){
#howto-pc{display:none;}
.howto-sp{display:block;}}

/*ゲーム開始-詳細説明用ボタン*/
.howto-step{
position:relative;
width:100%;
max-width:790px;
margin:30px auto 0;}
.howto-step img{width:100%;}
.howto-step:hover{cursor:pointer;}

/*ゲーム開始-詳細説明トグル内容*/
.howto-inner{display:none; padding:40px 0 0;}

/*
================================================================================================================
新機能
================================================================================================================
*/
/*マルチスピンスクラッチ*/
.multi-spin{display:flex; width:100%; max-width:800px; margin:20px auto; justify-content:space-between;}
.multi-spin::after{display:none !important;}
.multi-spin p{width:calc((100% / 3) - 20px);}
.multi-spin p img{width:100%; border:1px solid #666;}
@media screen and (max-width:480px){
.multi-spin{flex-wrap:wrap; margin:20px auto 0; justify-content:center;}
.multi-spin p{width:100%; margin-bottom:20px; text-align:center;}
.multi-spin p img{max-width:200px;}}

/*
================================================================================================================
e-amusement passを使用した遊び方
================================================================================================================
*/
#paseli-pfree{
display:flex;
width:100%;
max-width:480px;
color:#000;
background:#fff;
text-align:center;
margin:0 auto 0 0;}
#paseli-pfree ul{width:50%; border:2px solid;}
#paseli-pfree ul + ul{border-left:none;}
#paseli-pfree ul li{padding:5px;}
#paseli-pfree ul li + li{border-top:1px solid;}
#paseli-pfree ul li:first-child{font-weight:bold;}
#paseli-pfree ul li sup{display:inline-block; font-size:10px; font-weight:normal; margin-left:4px;}
#paseli-pfree ul:first-child li:first-child{background:#ffe699;}
#paseli-pfree ul:last-child li:first-child{background:#c6e0b4;}

/*
================================================================================================================
テーブル装飾
================================================================================================================
*/
.section table td{padding:5px;}
.section table th{color:#fff; background-color:#000; font-size:12px; font-weight:bold; text-align:center; padding:6px 0;}
@media screen and (max-width:480px){
.section table th{font-size:12px !important;}
.section table td{font-size:11px !important;}}

/*ゲーム開始*/
.section table.game-start{font-size:12px;}
.section table.game-start tr:nth-child(odd){background-color:#ccc;}
.section table.game-start tr:nth-child(even){background-color:#fff;}
.section table.game-start td:first-child{width:140px; border-right:1px solid #000;}
.section table.game-start tr{border:1px solid #000;}

/*スコアグラフ*/
.section table.dj-level{font-size:12px; margin:10px auto;}
.section table.dj-level tr:nth-child(odd){background-color:#ebebeb;}
.section table.dj-level tr:nth-child(even){background-color:#fff;}
.section table.dj-level td:first-child{width:70px; border-right:1px solid #ccc;}
.section table.dj-level tr{border:1px solid #ccc;}

/*カテゴリー*/
.section table.music-cat{font-size:12px;}
.section table.music-cat tr:nth-child(odd){background-color:#ccc;}
.section table.music-cat tr:nth-child(even){background-color:#fff;}
.section table.music-cat td:first-child{width:300px; border-right:1px solid #000;}
.section table.music-cat td:first-child br{display:none;}
.section table.music-cat tr{border:1px solid #000;}
@media screen and (max-width:640px){
.section table.music-cat td:first-child{width:140px;}
.section table.music-cat td:first-child br{display:block;}}

/*ゲームスコア*/
.section table.game-score{font-size:12px;}
.section table.game-score tr:nth-child(odd){background-color:#ccc;}
.section table.game-score tr:nth-child(even){background-color:#fff;}
.section table.game-score td:first-child{width:120px; border-right:1px solid #000;}
.section table.game-score td:nth-child(2){width:90px; border-right:1px solid #000; text-align:center;}
.section table.game-score td:nth-child(2) img{padding-bottom:5px;}
.section table.game-score tr{border:1px solid #000;}

/*エフェクター*/
.section table.effect{font-size:12px; margin-top:10px;}
.section table.effect tr:nth-child(odd){background-color:#ccc;}
.section table.effect tr:nth-child(even){background-color:#fff;}
.section table.effect td{text-align:center;}
.section table.effect td,
.section table.effect th{border:1px solid #444;}
.section table.effect tr.blue{background-color:#d4eced;}
.section table.effect td.none{background-color:#888;}
@media screen and (max-width:980px){
.section table.effect{white-space:nowrap;}
.section table.effect th{padding:5px 15px;}}

/*エフェクター種類*/
.section table.sound{font-size:12px; margin:10px 0 40px;}
.section table.sound tr:nth-child(odd){background-color:#ccc;}
.section table.sound tr:nth-child(even){background-color:#fff;}
.section table.sound td{text-align:left; padding:5px 10px;}
.section table.sound td,
.section table.sound th{border:1px solid #444;}
.section table.sound td:first-child{width:100px;}

/*ロボライバル*/
.section table.robo{font-size:12px;}
.section table.robo tr:nth-child(odd){background-color:#ccc;}
.section table.robo tr:nth-child(even){background-color:#fff;}
.section table.robo td:nth-child(2){border-right:1px solid #999;}
.section table.robo-inner{width:98%; margin:10px 1%; border:1px solid #000;}
.section table.robo-inner tr{background-color:#fff !important;}
.section table.robo-inner td:first-child{border-right:1px solid #000;}

/*カメラ機能*/
.section table.camera{margin-top:30px;}
.section table.camera tr{border:1px solid #999;}
.section table.camera td{background-color:#fff;}

/*曜日ボーナス*/
.section table.week{font-size:13px; margin-top:30px;}
.section table.week tr:nth-child(odd){background-color:#ccc;}
.section table.week tr:nth-child(even){background-color:#fff;}
.section table.week td{text-align:center;}
.section table.week td:first-child{border-right:1px solid #999;}

/*シーズンDJランク*/
.section table.season{font-size:13px; margin-top:30px;}
.section table.season tr{border:1px solid #999; background-color:#fff;}
.section table.season td{text-align:center;}
.section table.season td:first-child{border-right:1px solid #999;}

/*DJランク*/
.section table.rank-level{font-size:13px; margin-top:30px;}
.section table.rank-level tr:nth-child(odd){background-color:#ccc;}
.section table.rank-level tr:nth-child(even){background-color:#fff;}
.section table.rank-level td{text-align:center;}
.section table.rank-level td:first-child,
.section table.rank-level td:nth-child(2){border-right:1px solid #999;}

/*師弟*/
.section table.bingo{font-size:12px;}
.section table.bingo td:first-child{width:100px; border-right:1px solid #000;}
.section table.bingo td:nth-child(2){width:90px; border-right:1px solid #000; text-align:center;}
.section table.bingo tr{border:1px solid #000; background-color:#fff;}

/*新機能-選曲画面リニューアル*/
#movie-thum{display:flex; width:100%; max-width:640px; justify-content:center; margin:0 auto 20px;}
#movie-thum > *{width:calc(100% / 3);}
#movie-thum > * img{width:100%;}
.section table#select-category p{width:70px; background:#333; border-radius:5px; overflow:hidden;}
.section table#select-category img{width:100%;}
.section table#select-category td:first-child{width:80px; border-right:1px solid #000;}
.section table#select-category tr{background:#fff; border:1px solid #000;}
@media screen and (max-width:480px){
.section table#select-category p{width:60px;}
.section table#select-category td:first-child{width:80px;}}

.section table#movie-icn{width:100%; max-width:640px; margin:20px auto;}
.section table#movie-icn img{width:100%;}
.section table#movie-icn td:first-child{width:50px; border-right:1px solid #000;}
.section table#movie-icn tr{background:#fff; border:1px solid #000;}

/*新機能-マイアクティビティ機能*/
.section table#activity{width:100%; max-width:640px; margin:20px auto;}
.section table#activity td:first-child{width:100px; border-right:1px solid #000; text-align:center; font-weight:bold;}
.section table#activity tr{background:#fff; border:1px solid #000;}

/*イコライザー*/
@media screen and (max-width:980px){
#eq-only{overflow-x:scroll;}}