@charset "utf-8";

.top #menu li.top a { color: #fff; }
.top #menu li.top a:hover { color: #edce00; }

h2{ color: #fff; font-size: 50px; font-weight: 800; letter-spacing: 2px; line-height: 1.5; margin-top: 160px; text-align: center; width: 100%; z-index: 10; vertical-align: center;}
h2 img{vertical-align: middle;}

.text h3{ font-size: 35px !important;}

h4{color: #f8e123;}

.sw_sampleimg{padding: 62px 0; margin: 20px 0;}
.img_inner{width: 95%; max-width: 1100px; margin: 0 auto; text-align: center;}
.img_inner img{width: 100%;}

.sw_sampleimg .text{width: 95%; max-width: 1100px; margin: 0 auto; text-align: center; font-size: 20px; line-height: 2; padding-top: 24px;}

.section_inner .text{width: 95%; max-width: 1200px; margin: 0 auto; }

.start_dlc{padding: 1% 2% 2% 2%; margin-top: 6px; background-color:rgba(252,194,102,0.65);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.start_dlc h6{font-weight: 500 !important; margin-bottom: 5px; border-bottom: solid 1px #185a00; padding-bottom: 10px; font-size: 16px;}
.start_dlc strong{font-weight: bold; color: #dd0000;}


.movie_emb_box{width: 100%; max-width: 800px; margin: 10px auto 0 auto; text-align: center;}
.movie_emb{ position: relative; width: 100%; padding-top: 56.25%;}
.movie_emb iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.movie_emb_box p{padding-top: 24px; font-size: 18px;}

.rendo_txt li{text-indent: -18px; padding-left: 18px; font-weight: normal; font-size: 15px !important;}

.sw_new{width: 95%; max-width: 800px; margin: 10px auto 0 auto; text-align: right;}

.tokuten{width: calc(95% - 22px); max-width: 820px; margin: 10px auto 0 auto; text-align: left; color:#fff; padding-bottom: 32px; border: solid 1px #fff; padding: 10px; background-color:rgba(0,0,0,0.30);}
.tokuten .tokuten_ss {letter-spacing: -.40em;}
.tokuten .tokuten_ss li{width: 23%; display: inline-block; letter-spacing: normal; padding: 1%;}
.tokuten .tokuten_ss img{width: 100%;}

.tokuten_title{font-size: 24px;}
.tokuten_text{padding: 24px 0;}

.tokuten .point_txt{text-align: center; color: #ff0; padding: 24px 0;}


.sw_uplist_box{width: 95%; max-width: 800px; margin: 0 auto 0 auto; padding-top: 110px;}

.sw_uplist_box li{width: calc(95% - 22px); margin: 0 auto; text-align: center;}


@media screen and (max-width: 480px) {

h2{ width: 95%; font-size: 30px; font-weight: 800; letter-spacing: 2px; line-height: 1;  margin: 15% auto 0 auto;}
h2 img{display:none;}

.sw_sampleimg{padding: 32px 0; margin: 20px 0;}
h2.no2_h{margin-top: 100px;}

.tokuten .tokuten_ss li{width: 48%; display: inline-block; letter-spacing: normal; padding: 1%;}

.top #spec .textBox dt {
    float: left;
    font-size: 13px;
    width: 38%;
}

.start_dlc h6{text-align: center;}
.start_dlc{padding: 4px 2% 20px 2%;}
.top #spec .textBox dd {
    width: 60%;
}

}