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

/*===== for PC ======*/
.benefits-nav {
    display: block;
    width: 600px;
    margin: 0 auto;
}

h3 {
    margin: 0;
    padding: 0;
}

h4 {
    margin: 0;
    padding: 0;
}

.benefits-nav .benefits-nav__list {
    display: block;
    width: 400px;
    padding: 15px 100px 15px 200px;
    list-style: url("../images/tri-arrow.png");
    line-height: 45px;
    border: solid 1px #fff;
}

.section-header__label {
    display: none;
}

.section-header h2 {
    display: block;
    width: 960px;
    margin: 50px auto 30px;
    color: #907bd9;
    text-align: center;
}

#special #caption .inc4_info h2 {
    display: block;
    width: 960px;
    margin: 10px auto 30px;
    color: #907bd9;
    font-size: 24px;
    text-align: center;
}


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

.benefit-card .title {
    display: block;
    margin: 10px auto 10px;
    padding: 5px 0;
    text-align: center;
    background-color: rgba(120,120,120,0.40);
}

.benefit-card .image{
    display: inline-block;
    width:300px;
}

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

.benefit-card .body{
    display: inline-block;
    width:500px;
    margin: 0 0 0 30px;
    font-size: 14px;
    vertical-align: top;
}

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

.benefit-card .name{
    display: block;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: bold;
}

.benefit-card .name1 {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.benefit-card .name2 {
    display: inline-block;
    margin: 0 0 20px 20px;
    font-size: 14px;
    font-weight: bold;
}

.benefit-card .description {
    display: inherit;
}

#special .benefit-card .description2 {
    display: block;
    width: 800px;
    margin: 0 0 0 0;
}

#special .benefit-card .description3 {
    font-size: 12px;
    margin: 0 0 10px 0;
}

.benefit-card .details {
    display: inherit;
}

.benefit-card .details dl {
    display: inherit;
}

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

.benefit-card .details dd {
    display: inline-block;
    width: 300px;
}

.benefit-card .details ul {
    display: inherit;
    margin: 10px 0;
    list-style: circle;
}

.benefit-card .details li {
    display:inline-block;
    width: 500px;
    margin: 5px 0;
}

.early-period__inner {
    display: block;
    width: 600px;
    padding: 0 0 0 20px;
    margin: 0 0 50px 0;
    line-height: 35px;
}

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

.purchase-guide .header p{
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}

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

.purchase-guide .number{
    display: none;
}

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

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


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

.purchase-guide h5 {
    font-size: 12px;
}

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

.purchase-guide .note {
    font-size: 11px;
    list-style: none;
}

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

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

#store-list .store-list-box {
    display: block;
    width: 600px;
}


#store-list .store-card,.store-card2 {
    display: block;
    width: 580px;
    margin: 10px 0;
    padding: 10px;
}

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

#store-list .store-card__header .shop_name {
    font-size: 14px;
    font-weight: bold;
}

#store-list .store-card__header .benefit {
    font-size: 14px;
}

#store-list .store-card__links a {
    margin: 0 15px 0 0
}

#store-list .store-card__links .note {
    font-size: 12px;
}

/* ==== 注意事項 ====*/
.benefits-notes {
    display: block;
    width: 800px;
    margin: 30px auto 50px;
    padding: 0;
    font-size: 14px;
}

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