/*調整*/
@media screen and (max-width:480px){.box > .inner{padding:10px !important;}}
@media screen and (max-width:900px){.catch{text-align:left !important;}}
#main-inner .box em{text-align:center!important;}
a .pic{transition:opacity .2s ease;}
a:hover .pic{opacity:.7;}

/*タブメニュー*/
#tab-menu{
display:flex;
width:calc(100% + 40px);
color:#fff;
background:#a10000;
font-family:"RocknRoll One", sans-serif;
justify-content:center;
border-bottom:3px solid #7e6226;
padding:10px;
margin:-10px 0 10px -20px;}
@media screen and (max-width:480px){#tab-menu{width:calc(100% + 20px); margin:-10px 0 10px -10px;}}

#tab-menu > div{
width:calc(50% - 10px);
color:#fff900;
background:#fff;
font-size:26px;
text-align:center;
border-radius:36px;
padding:5px;
cursor:pointer;
box-shadow:3px 3px 0 #000;
transition:all .2s ease;}
#tab-menu > div + div{margin-left:20px;}
#tab-menu > div p{border:4px solid #a10000; border-radius:30px; padding:5px 0;}
#tab-menu > div p span{display:block; filter:drop-shadow(1px 1px 0 #3d3100) drop-shadow(-1px -1px 0 #3d3100) drop-shadow(-1px 1px 0 #3d3100) drop-shadow(1px -1px 0 #3d3100) drop-shadow(2px 2px 0 #000);}
#tab-menu > div:hover,#tab-menu > div.active{background:#fdffa7;}
@media screen and (max-width:480px){
#tab-menu > div{font-size:18px;}
#tab-menu > div{padding:3px;}
#tab-menu > div p{border:2px solid #a10000; padding:3px 0;}}

/*番号付き入れ子*/
.num{flex-wrap:wrap;}
.num > *:not(p){display:block; width:calc(100% - 60px); font-weight:700; margin:0 0 0 auto;}
.num > div .small{font-weight:400 !important;}
.num > div strong{display:block; color:#fff; background:#ff6000; text-align:center; border-radius:5px; padding:0 20px;}
.num > p >span.sub{display:block; color:#970000; font-size:22px; margin:0 auto 10px;}
@media screen and (max-width:640px){.num > p >span.sub{font-size:18px;}}
@media screen and (max-width:460px){.num > *:not(p){width:calc(100% - 40px);}}
@media screen and (max-width:370px){
.num > *:not(p){width:100%;}
.num > p >span.sub{font-size:16px; text-align:center;}}

/*エリア*/
.pref{background:rgba(255,189,114,.3); font-weight:700; border-radius:10px; padding:20px; margin:10px auto;}
@media screen and (max-width:480px){.pref{padding:10px;}}

.pref.two li{display:flex; flex-wrap:wrap;}
.pref.two li + li{margin-top:10px;}
.pref.two li p:nth-child(odd){width:200px; color:#fff; background:#970000; text-align:center; border-radius:5px 0 0 5px; padding:5px;}
.pref.two li p:nth-child(even){width:calc(100% - 200px); background:#fff; border-radius:0 5px 5px 0; padding:5px 10px;}
@media screen and (max-width:680px){
.pref.two li p{width:100% !important;}
.pref.two li p:nth-child(odd){border-radius:5px 5px 0 0;}
.pref.two li p:nth-child(even){text-align:center; border-radius:0 0 5px 5px;}}

.pref.arrow > li{position:relative;}
.pref.arrow > li:not(:last-child)::before,
.pref.arrow > li:not(:last-child)::after{display:block; content:""; position:absolute;}
.pref.arrow > li:not(:last-child):before{bottom:-40px; left:calc(50% - 25px); width:50px; height:30px; background:#60bcff;}
.pref.arrow > li:not(:last-child)::after{
bottom:-70px;
left:calc(50% - 60px);
width:0;
height:0;
border-style:solid;
border-right:60px solid transparent;
border-left:60px solid transparent;
border-top:30px solid #60bcff;
border-bottom:0;}
.pref.arrow > li + li{margin-top:80px;}
.pref.arrow li div{text-align:center; padding:5px;}
.pref.arrow li div:nth-child(1){color:#fff; background:#0021ff; border-radius:5px 5px 0 0;}
.pref.arrow li div:nth-child(2){background:#60bcff;}
.pref.arrow li div:nth-child(3){background:#fff; border-radius:0 0 5px 5px; padding:10px;}
.pref.arrow li:last-child div:nth-child(3){text-align:left;}
.pref.arrow .ast{font-weight:400; text-align:left;}

/*エントリークエスト*/
.quest{background:rgba(122,189,255,.2); border-radius:10px; padding:20px; margin-top:20px;}
.quest .title{border:none !important;}
.quest .catch{color:#0021ff !important;}
@media screen and (max-width:480px){.quest{padding:10px;}}