
ul.ast{margin:20px auto 0;}
ul.ast li{position:relative; padding-left:18px; font-size:12px;}
ul.ast li::before{display:block; content:"※"; position:absolute; top:0; left:0;}
@media screen and (max-width:480px){ul.ast li{font-size:10px;}}

/*span.ast.small{font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}*/
span.ast::before{top:-4px;}

/*
================================================================================================================
WORLD TOURISM
================================================================================================================
*/
#world-tourism{
position:relative;
width:100%;
color:#fff;
background-color:rgba(20,65,59,.7);
font-family:'Noto Sans JP', sans-serif;
padding:50px 20px;
margin:20px auto 0;
box-shadow:0 0 10px rgba(0,0,0,0.3);}

#world-tourism img{width:100%;}
#world-tourism > .cat{
width:100%;
max-width:940px;
margin:30px auto 0;
filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.5));}

#world-tourism .bnr{text-align:center; font-size:13px;}
#world-tourism .bnr img{width:80%; max-width:600px; border:1px solid #000; margin-bottom:20px;}

#world-tourism strong{
display:block;
width:100%;
background-image:url(/game/2dx/30/images/event/world_tourism/bg_title.png);
background-size:100% auto;
background-repeat:no-repeat;
background-position:top;
font-size:22px;
font-weight:normal;
padding:10px 0 10px 30px;
margin:0 auto;}

#world-tourism > .cat > .inner{text-align:center; padding:20px 0 30px;}

#world-tourism > .cat:nth-of-type(2) > .inner{background-image:url(/game/2dx/28/images/event/world_tourism/bg.png); background-size:100% auto;}
#world-tourism > .cat:nth-of-type(3) > .inner,
#world-tourism > .cat:nth-of-type(4) > .inner:nth-child(3),
#world-tourism > .cat:nth-of-type(4) > .inner:nth-child(5){
background-image:url(/game/2dx/30/images/event/world_tourism/bg_cat.png) , url(/game/2dx/28/images/event/world_tourism/bg.png);
background-size:100% auto , 100% auto;
background-repeat:no-repeat , repeat-y;
background-position:bottom , top;}

#world-tourism > .cat > .inner p,
#world-tourism > .cat > .inner ul.ast{width:80%; max-width:800px;}
#world-tourism > .cat > .inner p,
#world-tourism > .cat > .inner ul.ast li{
color:#fff;
letter-spacing:1.5px;
line-height:170%;
text-align:left;
transform:rotate(0.01deg);
filter:drop-shadow(-1px -1px 0 #000) drop-shadow(1px 1px 0 #000) drop-shadow(-1px 1px 0 #000) drop-shadow(1px -1px 0 #000) drop-shadow(2px 2px 3px rgba(0,0,0,.5));}

#world-tourism > .cat > .inner p{padding:0 10px; margin:0 auto;}
#world-tourism > .cat:nth-of-type(3) > .inner p{margin:20px auto 0;}
#world-tourism > .cat:nth-of-type(4) > .inner p{margin:20px auto;}
#world-tourism > .cat:nth-of-type(4) > .inner p:first-child{margin:0 auto 20px;}

#world-tourism > .cat > .inner p em{color:#83ff88; font-weight:normal;}

#world-tourism > .cat > .inner img{display:block; width:90%; max-width:860px; margin:0 auto;}
#world-tourism > .cat:nth-of-type(2) > .inner img{max-width:802px;}
#world-tourism > .cat > .inner img + img{margin-top:10px;}

@media screen and (max-width:800px){
#world-tourism strong{font-size:18px;}
#world-tourism > .cat > .inner > p{font-size:14px;}}

@media screen and (max-width:640px){
#world-tourism{padding:30px 10px;}}

@media screen and (max-width:480px){
#world-tourism{padding:20px 5px;}
#world-tourism .bnr{font-size:11px;}
#world-tourism .bnr img{margin-bottom:10px;}
#world-tourism > .cat{margin:20px auto 0;}
#world-tourism strong{font-size:16px; padding:5px 0 5px 20px;}
#world-tourism > .cat > .inner{padding:10px 0;}
#world-tourism > .cat > .inner > p{font-size:12px; padding:0;}}

@media screen and (max-width:370px){
#world-tourism strong{font-size:14px;}
#world-tourism .bnr p{text-align:left; padding:0 10px;}}

#booster-table{
display:flex;
width:80%;
max-width:600px !important;
color:#000;
background:#fff;
font-size:14px;
font-weight:bold;
border:1px solid;
border-top:none;
flex-wrap:wrap;
margin:0 auto 20px;}
#booster-table li{padding:5px 0; border-top:1px solid;}
#booster-table li:nth-child(odd){width:calc(100% - 100px);}
#booster-table li:nth-child(even){width:100px; border-left:1px solid;}
#booster-table li:nth-child(1),
#booster-table li:nth-child(2){background:#b8e1da;}
@media screen and (max-width:420px){
#booster-table{font-size:12px;}
#booster-table li:nth-child(odd){width:calc(100% - 60px);}
#booster-table li:nth-child(even){width:60px;}}