@charset "UTF-8";
/* CSS Document */

/*===== for SP ======*/

h2 {
    margin: 0;
    padding: 0;
}

h3 {
    margin: 0;
    padding: 0;
}

h4 {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

a {
    margin: 0;
    padding: 0;
}

.benefits-nav {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.benefits-nav .benefits-nav__list {
    display: block;
    width: 75%;
    padding: 5% 0 5% 25%;
    list-style: url("../images/tri-arrow.png");
    line-height: 3em;
    border: solid 1px #fff;
}

.section-header__label {
    display: none;
}


#special #caption .inc4_info h2 {
    margin: 5% auto;
    padding: 0;
    color: #fff;
    font-size: 1.3em;
    text-align: center;
}

#special #caption #caption_text {
    display: block;
    width: 100%;
    margin: 10% auto;
    padding: 0;
}

/* ==== 特典概要　====*/
.benefit-card {
    display: block;
    width: 100%;
}

#benefits-overview-title{
    display: block;
    width: 100%;
    margin: 3% auto;
    color: #907bd9;
    font-size: 1.3em;
    text-align: center;
}
.benefit-card .title {
    display: block;
    margin: 0 auto;
    padding: 2% 0;
    text-align: center;
    background-color: rgba(120,120,120,0.40);
}

.benefit-card .image{
    display: inline-block;
    width: 100%;
    margin: 3% 0;
}

.benefit-card .image img{
    display: block;
    width: 100%;
}

.benefit-card .body{
    display: block;
    width:95%;
    margin: 0 auto;
    padding: 0;
    font-size: 1em;
    vertical-align: top;
}

.benefit-card .card_number{
    display: none;
}

#special .benefit-card .name{
    display: block;
    margin: 0 0 2% 0;
    font-size: 1.3em;
    font-weight: bold;
}

#special .benefit-card .name1 {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    width: 90%;
    margin: 5% 0 0 0;
}

#special .benefit-card .name2{
    font-size: 0.9em;
    margin: 0 0 3% 0;
}


#special .benefit-card .description {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 2%;
}

#special .benefit-card .description2 {
    display: block;
    width: 100%;
    margin: 0 auto 5%;
    padding: 0 2%;
}

#special .benefit-card .description3 {
    display: block;
    width: 100%;
    margin: 0 auto 7%;
    padding: 0 2%;
    font-size: 0.85em; 
}

#special .benefit-card .text-link {
    display: block;
    width: 100%;
    margin: 0 auto 5%;
    padding: 0 2%;
}

.early-period__inner {
    display: block;
    margin: 5% 0 10% 5%;
}

.benefit-card .details {
    display: block;
    width: 100%;
}

.benefit-card .details dl {
    display: block;
    width: 90%;
}

.benefit-card .details dt {
    display:inline-block;
    width: 20%;
    margin: 0 5%
}

.benefit-card .details dd {
    display: inline-block;
    width: 50%;
}

#special .benefit-card ul {
    display: block;
    width: 90%;
    margin: 0 0 10% 0;
    padding: 0 0 0 5%;
}

#special .benefit-card li {
    display:block;
    width: 100%;
    margin: 5% 0;
    padding: 0;
}


#special .benefit-card .benefit-card__note {
    display: block;
    font-size: 0.8em;
    width: 95%;
    margin: 5% auto 10%;
    padding: 0;    
}


.early-period__inner {
    display: block;
    width: 90%;
    padding: 0 0 0 0;
    margin: 0 auto 10%;
}

/*==== 購入ガイド ====*/
.purchase-guide {
    display: block;
}


.purchase-guide h2 {
    display: block;
    color: #907bd9;
    font-size: 1.3em;
    text-align: center;
}

.purchase-guide .header p{
    display: block;
    margin: 0;
}

.purchase-guide .purchase-step .title {
    display: block;
    width: 100%;
    margin: 2% auto;
    padding: 5px 0;
    text-align: center;
    background-color: rgba(120,120,120,0.40);
}

#special .purchase-guide .purchase-step .caption {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.purchase-guide .number{
    display: none;
}

.purchase-guide .contents_box{
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 0 0 0 0;
}

.purchase-methods {
    display: block;
    border: 1px solid #fff;
    padding: 0 0 7% 0;
    margin: -1px 0 0 0;
}


.purchase-guide h4,h5 {
    display: block;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    background-color: rgba(120,120,120,0.40);
}

.purchase-guide h5 {
    font-size: 0.8em;
}

.purchase-guide dt,dd {
    display: inline-block;
    vertical-align: top;
    margin: 0 5%;
}

.purchase-guide .note {
    font-size: 0.7em;
    list-style: none;
}

.purchase-guide .store_link {
    display: block;
    text-align: center;
}

/*==== 対象店舗 ====*/
#store-list {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#store-list .store-list-box {
    display: block;
    width: 95%;
    margin: 0 auto;
}


#store-list .store-card,.store-card2 {
    display: block;
    width: 100%;
    margin: 3% 0;
    padding: 3%;
}

#store-list .store-card2 {
    background-color: rgba(150,150,150,0.4);
}

#store-list .store-card__header .shop_name {
    font-size: 1em;
    font-weight: bold;
}

#store-list .store-card__header .benefit {
    font-size: 0.9em;
}

#store-list .store-card__links {
    margin: 3% 0;
}

#special #store-list .store-card__links a {
    display: block;
    margin: 0 0 -2% 0;
    padding: 0 0 0 5%;
}

#store-list .store-card__links .note {
    font-size: 0.8em;
    width: 95%;
    margin: 8% 0 0 0;
}

/* ==== 注意事項 ====*/
.benefits-notes {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 0.9em;
}

.benefits-notes #benefits-notes-title {
    display: block;
    margin: 5% 0;
    padding: 0 5%;
    border-bottom: 1px solid #fff; 
}