@charset "UTF-8";



/* メインビジュアル
=====================================================*/
.mv_txt {
    text-align: center;
    padding: 30px 10px;
    margin: 0 0 25px;
    background: #000;
}

.mv_txt p {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.mv_txt p span,
.mv_txt p a.base-normal-link {
    color: #c30d23;
}

/*メイン下リード*/
.mv_lead p.tit {
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 10px;
}

/* 応募方法
=====================================================*/
.campaign_terms .btn_entry li {
    float: left;
}

.campaign_terms .btn_entry .btn_area {
    width: 46%;
    text-align: left;
    margin-right: 2%;
}

.campaign_terms .btn_entry .btn_area .base-normal-button {
    width: 100%;
}

.campaign_terms .btn_entry .pdf {
    padding: 0px 0;
    width: 52%;
}

.campaign_terms .btn_entry .pdf p {
    float: left;
    font-size: 10px;
}

.campaign_terms .btn_entry .pdf p a img {
    padding: 0 0 5px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* その他の特集・キャンペーン
=====================================================*/
#campaign_ftbnr .bnr_02 {
    margin-bottom: 40px;
}

#campaign_ftbnr .bnr_02 li {
    float: left;
    margin: 0 4% 0 0;
    width: 48%;
}

#campaign_ftbnr .bnr_02 li:last-child {
    margin: 0;
}

/* 他の特集へのバナー
=====================================================*/
.campaign_bnr_wrap .row{
  margin-right: -15px;
  margin-left: -15px;
}


/* 注意書き
=====================================================*/

.itemattention {
    border: solid 2px #ddd;
    padding: 30px;
}

.itemattention span {
    display: block;
    margin-left: 1em;
    text-indent: -1em;
}

/* 不変スタイル ===========================================*/
img {
    max-width: 100%;
    height: auto;
    line-height: 1;
    vertical-align: bottom;
    border: 0;
    margin: 0 auto;
}

h2,
h3,
h4 {
    font-weight: bold;
}

h2 {
    font-size: 24px;
    border-bottom: dotted 1px #dc4168;
    border-top: dotted 1px #dc4168;
    padding: 8px 0;
    position: relative;
    margin: 0 0 40px;
}

h2 span {
    border-left: solid 8px #dc4168;
    padding: 8px 0 8px 10px;
    display: block;
}

h3 {
    border-left: 6px solid #dc4168;
    padding-left: 16px;
    font-size: 20px;
    margin-bottom: 25px;
}

h4 {
    margin-bottom: 20px;
    font-size: 18px;
}

.block {
    margin: 0 auto 60px;
}

/* ボタン色*/
#main .new_b {
    background-color: #62af29;
}

.red_btn {
    background-color: #c30d23;
}

/*新規会員*/
#main .app_b {
    background-color: #d73621;
}

/*応募*/
#main .pdf_btn {
    background-color: #b32d8f;
    color: #fff;
}

/*応募*/
#main .gray_btn {
    background-color: #ADADAD;
    color: #fff;
    opacity: 1;
}

/*調整スタイル*/
#main b {
    font-weight: bold;
}

#main b2 {
    font-weight: bold;
    font-size: 24px;
}

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.tac {
    text-align: center;
}
.tar {
    text-align: right;
}

.photo_l,
.photo_r {
    display: flex;
}

.photo_l .img {
    flex-shrink: 0;
    margin-right: 40px;
}

.photo_r .img {
    order: 2;
    flex-shrink: 0;
    margin-left: 40px;
}

/* 画像のサイズに合わせてclassを作成して指定 */
.photo_l .img.w400,
.photo_r .img.w400 {
    max-width: 400px;
    width: 35%;
}

.pc_none {
    display: none;
}
.sp_none {
    display: block;
}

.red_txt {
    color: #e50012;
}

.s_txt{
    font-size:0.8em;
}

.search-modal-prev-inner.netshop {
    background: #f07512 !important;
}
.search-modal-next-inner.shop {
    background: #61b036 !important;
}

/* 注意書き
=====================================================*/
.product-area h3 {
    color: #422a00;
    margin: 0 0 10px;
}

.product-area .comment {
    margin: 0 0 30px;
}

.product-area .price span {
    display: inline-block;
    font-weight: bold;
    margin: 0 5px 0 10px;
    font-size: 24px;
}


/* ご応募の流れ
=====================================================*/
.campaign_step .base-btn-area .base-normal-button.pdf_b {
    margin-bottom: 16px;
}

.campaign_step .base-btn-area .base-normal-button.new_b {
    margin-bottom: 40px;
}

.campaign_step .btn_txt {
    margin: 0 0 60px;
}

.step_entry_5col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.step_entry_5col .step {
    position: relative;
    width: 17.2%;
    margin: 0 3.5% 0 0;
}

.step_entry_5col .step.num05 {
    margin: 0;
}

.step_entry_5col .step .step_in {
    background: #ffeebd;
}

.step_entry_5col .step.num05 .step_in {
    background: #b37f26;
}

.step_entry_5col .step:after {
    content: '';
    position: absolute;
    right: -15.8%;
    top: 50px;
    margin: auto 0;
    width: 19px;
    height: 23px;
    border-style: solid;
    border-width: 11.5px 0 11.5px 19px;
    border-color: transparent transparent transparent #b37f26;
}

.step_entry_5col .step.num05:after {
    display: none;
}

.step_entry_5col .step .step_in {
    text-align: center;
    margin: 0 0 12px;
    padding: 22px 0 14px;
}

.step_entry_5col .step .step_in p {
    line-height: 1.3;
}

.step_entry_5col .step.num05 .step_in p {
    color: #fff;
}

.step_entry_5col .step .step_in .step_num {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 8px;
}

.step_entry_5col .step .step_in .step_tit {
    display: table;
    width: 100%;
    height: 56px;
}

.step_entry_5col .step .step_in .step_tit p {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
}

.cms #search-results.cms-products .cms-product4 .product-container .product-area .main-area .image-block {
    max-width: 200px;
}

/* 商品アイテム
=====================================================*/
.product_wrap .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

.product_item {
    position: relative;
    height: 100%;
    padding-bottom: 40px;
}

.product_item_img {
    text-align: center;
    margin-bottom: 30px;
}

.product_item_title,
.product_item_comment {
    margin-bottom: 30px;
}

.product_item_title {
    font-weight: bold;
    color: #DC426A;
    font-size: 18px;
    text-align: center;
}

.product_item_price_point {
    display: inline-block;
    color: #db2000;
    font-weight: bold;
    margin: 0 5px 0 10px;
    font-size: 24px;
}

.product_item_price,
.product_item_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.product_item_price {
    margin-bottom: 0;
}

.product_item_btn a {
    margin-left: auto;
    margin-right: auto;
}

.product_wrap .row .product_item_btn a {
    width: 100%;
}

span.txt_lg {
    font-size: 20px;
}

span.txt_red {
    color: #c30d23;
    font-weight: bold;
}

span.txt_red02 {
    color: #ff0000;
}

.product_wrap .row {
    margin-left: -30px;
    margin-right: -30px;
}

.product_wrap .row > *[class] {
    padding-left: 30px;
    padding-right: 30px;
}

.product_item_arr {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: -48px;
}

.step_entry_date .step.num01 {
    width: calc(100% / 3 * 2);
}

.step_entry_date .step.num02 {
    width: calc(100% / 3);
}

.step_entry_date .step02,
.step_entry_date .step01 {
    width: 48.5%;
}

.step_entry_date .step02 {
    width: auto;
}

.step_entry_date .num02 .step_in li {
    width: 100%;
}



/* 口コミ（レビュー）の投稿方法
=====================================================*/

.step_review {
    display: flex;
    justify-content: space-between;
}

.step_review::before,
.step_review::after {
    width: 0px;
    /* Safariのカラム落ち対策 */
}

.step_review > *[class] {}

.step_review .step_review_in {
    width: 33%;
    position: relative;
    background-color: #fff0f5;
}

.step_review .step_review_in .inner {}

.step_review .step_review_in {
    margin: 0 6% 0 0;
}

.step_review .step_review_in:last-child {
    margin: 0;
}

.step_review .step_review_in:after {
    content: '';
    position: absolute;
    right: -15%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    max-width: 21px;
    height: 40px;
    border-style: solid;
    border-width: 20px 0 20px 21px;
    border-color: transparent transparent transparent #ce4165;
}

.step_review .step_review_in:last-child:after {
    content: none;
}


.step_review_num {
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    background: #ce4165;
    padding: 4px 0;
}

.step_review_img {
    text-align: center;
    margin: 35px 0 0 0;
}

.step_review_txt {
    margin-bottom: 0;
    padding: 45px 25px;
}

.step_review_txt span {
    font-weight: bold;
}

.bg_entry {
    background: #d73621;
}

.bg_end {
    opacity: 1 !important;
    color: #333 !important;
    background: #ddd;
}

.bg_item {
    background: #f39800;
}


/* エントリーはこちらから
=====================================================*/
.step_entry_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.step_entry_date .step.num02 {
    width: 300px;
}

.step_entry_date .day_01,
.step_entry_date .day_02 {
    background: #e6e3c4;
    text-align: center;
    width: calc(100% - 50px);
    padding: 8px 3px;
    margin: 0 0 20px;
    position: relative;
    font-weight: bold;
}

.step_entry_date .day_01:after {
    content: '';
    position: absolute;
    right: -21px;
    top: 0;
    width: 21px;
    height: 40px;
    border-style: solid;
    border-width: 20px 0 20px 21px;
    border-color: transparent transparent transparent #e6e3c4;
}

.step_entry_date .day_02 {
    width: 100%;
    background: #e6e3c4;
}

.step_entry_date .step_num {
    background: #867053;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}

.step_entry_date .step01 {
    width: 240px;
}

.step_entry_date .step02 {
    width: 300px;
}

.step_entry_date ul li div {
    padding: 38px 20px 0;
    background: #ffffe0;
    min-height: 190px;
}

.step_entry_date ul li.step02 div {
    padding: 15px 20px 0;
}

.step_entry_date .step_in {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.step_entry_date .num01 .step_in li {
    margin-right: 9px;
    position: relative;
    padding-right: 30px;
}

.step_entry_date .num01 .step_in li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 21px;
    height: 40px;
    border-style: solid;
    border-width: 20px 0 20px 21px;
    border-color: transparent transparent transparent #867053;
}

.step_entry_date .step02 .btn {
    width: 220px;
    background: none;
    border-radius: 0;
    margin: 10px 0 0;
    padding: 0;
}

.step_entry_date .step02 .btn a {
    background-color: #d73621;
    padding: 12px 5px 14px;
    margin: 0 0 10px;
    display: block;
    color: #fff;
    font-weight: bold;
}

.step_entry_date .step02 .btn.end a {
    background: #ddd;
    color: #333;
    cursor: default;
    opacity: 1;
}

.step_entry_date .s_arw {
    padding: 66px 0 0;
}

.step_entry_date .num02 ul li div {
    padding: 67px 20px 0;
    min-height: 223px;
}

.step_entry_date .num02 .step_in li {
    margin: 0;
}

.product_wrap .row {
    margin-left: -30px;
    margin-right: -30px;
}

.product_wrap .row > *[class] {
    padding-left: 30px;
    padding-right: 30px;
}

.product_item_arr {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: -48px;
}

.step_entry_date .step.num01 {
    width: calc(100% / 3 * 2);
}

.step_entry_date .step.num02 {
    width: calc(100% / 3);
}

.step_entry_date .step02,
.step_entry_date .step01 {
    width: 48.5%;
}

.step_entry_date .step02 {
    width: auto;
}

.step_entry_date .num02 .step_in li {
    width: 100%;
}



/* 賞品
=====================================================*/
.prize_2col ul {
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}

.prize_2col li {
    float: left;
    width: 49%;
    margin: 0 2% 30px 0;
}

.prize_2col li p {
    margin-top: 10px;
	font-size: 14px;
}

.prize_2col li:nth-child(2n) {
    margin: 0 0 30px;
}

.prize_2col li:last-child {
    margin: 0;
}

.store_block p {
    text-align: center;
}

.store_block p.tit {
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 30px;
}

.disc_list {
    list-style-type: disc;
    padding-left: 1em;
    line-height: 1.5em;
    margin-left: 10px;
}

/* おすすめ商品
=====================================================*/

.apply_2col {
    background: #fff6e5;
    padding: 40px;
}

.apply_2col h3 {
    text-align: center;
    border: none;
    padding: 0;
    margin: 0 0 25px;
    font-size: 30px;
}

.apply_2col .catalog_btn a {
    background: #ef8100 !important;
    margin: 30px auto 0;
}

.apply_2col_item {
    background: #fff;
}

.apply_2col_item .product_item_title {
    margin: 0 30px 30px;
    color: #333;
}

.apply_2col .apply_2col_img {
    text-align: center;
    padding: 30px;
}


/* 店舗紹介
=====================================================*/
.cp_shop {
    text-align: center;
    background: #faf7eb;
    padding: 40px;
    margin: 0 0 20px;
}

.cp_shop:last-child {
    margin: 0;
}

.cp_shop p.tit {
    font-size: 35px;
    font-weight: bold;
    color: #4a0400;
    line-height: 1.2;
    margin: 0 0 30px;
}

.cp_shop p.tit span {
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.cp_shop .prize_2col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.cp_shop .prize_2col li {
    width: 48%;
    height: auto;
}


/* ご当選後の流れ
=====================================================*/
.cp_step {
    background: #fff5fa;
    padding: 40px;
}

.cp_step p.tit {
    color: #f23ca0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 20px;
}

.cp_step ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
}

.cp_step ol li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

.cp_step ol li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #f23ca0;
    color: #fff;
    display: block;
    float: left;
    line-height: 22px;
    margin-left: -30px;
    text-align: center;
    height: 22px;
    width: 22px;
    border-radius: 50%;
}

.cp_step .img {
    display: flex;
}

.cp_step .img p {
    margin: 0 8px 0 0;
}

.cp_step .img p:last-child {
    margin: 0;
}

.list-style-disc .red {
    font-size: inherit;
}

/* 抽選販売の対象商品
=====================================================*/
.cms #search-results.cms-products .product-container-border {
    border-bottom: 1px solid #ADADAD;
}

.cms #search-results.cms-products .row .col-sm-6:not(:last-child) .product-container-border,
.cms #search-results.cms-products .row .col-sm-4:not(:last-child) .product-container-border,
.cms #search-results.cms-products .row .col-sm-3:not(:last-child) .product-container-border {
    padding: 15px;
    border-right: 1px solid #ADADAD;
}
.cms #search-results.cms-products .row .col-sm-4:nth-child(3n) .product-container-border {
    border-right: none!important;
}

.cms #search-results.cms-products .row .col-sm-6:first-child .product-container-border,
.cms #search-results.cms-products .row .col-sm-4:first-child .product-container-border,
.cms #search-results.cms-products .row .col-sm-3:first-child .product-container-border {
    padding: 15px 15px 15px 0;
}

.cms #search-results.cms-products .row .col-sm-6:last-child .product-container-border,
.cms #search-results.cms-products .row .col-sm-4:last-child .product-container-border,
.cms #search-results.cms-products .row .col-sm-3:last-child .product-container-border {
    padding: 15px 0 15px 15px;
}

.cms #search-results.cms-products .cms-product4 .product-container .product-area .main-area .ttl-block h3{
    margin: 0 0 10px;
}

.product-area .price span {
    display: inline-block;
    font-weight: bold;
    margin: 0 5px 0 10px;
    font-size: 24px;
    color: #BA0000;
}

/* ウイスキー福箱一覧リスト
=====================================================*/
.list_4col {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.list_4col > div {
    width: 49%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 0.5%;
}

@media screen and (min-width: 960px) {
    .list_4col > div {
        width: 25%;
    }
}

.product_wrap .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

p.list_4col_title {
    padding: 10px 0 0;
    font-weight: bold;
}


/* 対象商品の一例
=====================================================*/
.campaign_item_wrap {
    padding: 20px;
    background: #fdf7d4;
}

.campaign_item_wrap .headline {
    color: #000;
    font-weight: bold;
    font-size: 30px;
    padding: 15px 10px;
    text-align: center;
}

.campaign_item_wrap .text {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.campaign_item_bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1%;
}

.campaign_item_bottom ul li {
    background: #fff;
    width: 100%;
    padding: 50px;
    margin: 0 1% 18px;
}

.campaign_item_bottom .title {
    font-weight: bold;
    font-size: 18px;
}

.campaign_item_bottom .title a {
    color: #000;
}

.campaign_item_bottom .base-normal-button {
    background: #e50012;
    margin-bottom: 0 !important;
    /* width: 100% !important; */
    width: 380px;
}

#main .btn {
    background-color: #c30d23;
    border-radius: 30px;
    width: 380px;
}

#main .btn_mg {
    background-color: #dc4168;
    border-radius: 30px;
    width: 380px;
}

.base-normal-button.btn {
    /* width: 380px;
    margin: 0 auto 20px;
    padding: 25px 0;
    font-size: 24px; */
    /*color: #111;*/
    width: 380px;
    margin: 30px auto 20px;
    padding: 15px 0;
    font-size: 18px;
    color: #fff;
}


.base-icon-after.btn::after {
    top: 0;
}

p.check {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
}

p.note {
    font-size: 12px;
}


/* 注意事項
=====================================================*/

.caution_wrap{
  background: #fff5fa url(../img/ico_caution.png) 25px 30px no-repeat;
  padding: 25px 25px 25px 90px;
}


/* ここからスマホ =====================================================*/
@media (max-width: 1010px) {

    /*基本設定*/

    .block {
        margin: 0 auto 40px;
    }

    .pc_none {
        display: block;
    }

    .sp_none {
        display: none;
    }

    .photo_l,
    .photo_r {
        flex-direction: column;
    }

    .photo_l .img,
    .photo_r .img {
        margin: 0 auto 30px;
    }

    .photo_r .img {
        order: 0;
    }

    .photo_l .img.w400,
    .photo_r .img.w400 {
        width: 100%;
        text-align: center;
    }
    
    .cms-products .row > [class*="col"]{
        margin-bottom: 20px;
    }
    
    .mb30 {
        margin-bottom: 20px;
    }

    /*メインキャッチコピー*/

    .mv_txt {
        padding: 20px 0;
    }

    .mv_txt p {
        font-size: 12px;
    }

    /*メイン下リード*/
    .mv_lead p.tit {
        font-size: 16px;
    }

    /*見出し*/

    h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    h3 {
        border-left-width: 4px;
        padding-left: 14px;
    }

    h2,
    h3 {
        margin-bottom: 20px;
    }

    h4 {
        margin-bottom: 15px;
    }

    /*商品アイテム*/
    .product_wrap .row > [class*="col-sm-3"]:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    .product_wrap .row > [class*="col-sm-4"]:last-of-type {
        margin-bottom: 0;
    }

    .product_wrap .row > [class*="col-sm-6"]:last-of-type {
        margin-bottom: 0;
    }


    .product_item_price,
    .product_item_title,
    .product_item_comment {
        margin-bottom: 15px;
    }

    .product_item_price_point {
        font-size: 20px;
    }

    .product_item {
        position: inherit;
        padding-bottom: 0;
    }

    .product_item_price,
    .product_item_btn {
        position: inherit;
        margin-top: auto;
    }

    .product_memo {
        flex-direction: column;
    }

    .product_memo img {
        width: 100%;
        margin: 0 0 20px;
    }

    .product_memo p.tit {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .product_item {
        width: 100%;
    }

    .product_wrap .col-sm-4,
    .product_wrap .col-sm-3 {
        width: 50%;
    }

    .product_wrap .row .col-sm-4 .product_item_btn a,
    .product_wrap .row .col-sm-3 .product_item_btn a {
        width: 100%;
        font-size: 14px;
        padding: 12px 0;
    }

    .product_list_btn a {
        width: 90%;
    }

    /*他の特集へのバナー*/

    .campaign_bnr_wrap .row > [class*="col"]:last-of-type {
        margin-bottom: 0;
    }
    

    /* ご応募から当選までの流れ
  =====================================================*/

    .step_entry_5col {
        display: block;
    }

    .step_entry_5col .step {
        width: 100%;
        margin: 0 0 51px;
    }

    .step_entry_5col .step:after {
        left: 50%;
        right: auto;
        top: auto;
        bottom: -30px;
        margin: 0 0 0 -15px;
        width: 35px;
        height: 15px;
        border-style: solid;
        border-width: 15px 17px 0;
        border-color: #867053 transparent transparent;
    }

    .step_entry_5col .step .step_in {
        padding: 15px 0 5px;
    }

    .step_entry_5col .step .step_in .step_num {
        font-size: 14px;
        margin: 0;
    }

    .step_entry_5col .step .step_in .step_tit {
        height: 46px;
    }

    .step_entry_5col .step .step_in .step_tit p{
        font-size: 20px;
    }

    .step_entry_5col .step .step_in .step_tit br,
    .step_entry_5col .step .step_txt br {
        display: none;
    }

    /* キャンペーン期間と応募方法
  =====================================================*/
    .step_entry_date {
        display: block;
    }

    .step_entry_date .step.num02 {
        width: 100%;
    }

    .step_entry_date .day_01,
    .step_entry_date .day_02 {
        width: 100%;
    }

    .step_entry_date .day_01:after {
        display: none;
    }

    .step_entry_date .step01 {
        width: 100%;
    }

    .step_entry_date .step02 {
        width: 100%;
    }

    .step_entry_date ul li div,
    .step_entry_date ul li.step02 div {
        padding: 20px;
        background: #ffffe0;
        min-height: auto;
    }

    .step_entry_date .step_in {
        text-align: center;
        display: block;
    }

    .step_entry_date .num01 .step_in li {
        margin: 0 0 10px;
        padding: 0 0 30px;
        position: relative;
    }

    .step_entry_date .num01 .step_in li:after {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        top: auto;
        bottom: 0;
        margin: 0 auto;
        width: 40px;
        height: 21px;
        border-style: solid;
        border-width: 21px 20px 0 20px;
        border-color: #867053 transparent transparent transparent;

    }

    .step_entry_date .step02 .btn {
        width: 220px;
        background: none;
        border-radius: 0;
        margin: 10px 0 0;
        padding: 0;
    }

    .step_entry_date .step02 .btn a {
        background-color: #d73621;
        padding: 15px 5px 14px;
    }

    .step_entry_date .s_arw {
        padding: 66px 0 0;
    }

    .step_entry_date .num02 ul li div {
        padding: 20px;
        min-height: auto;
    }

    .step_entry_date .num02 .step_in li {
        margin: 0;
    }

    .step_entry_date .step.num01,
    .step_entry_date .step.num02 {
        width: inherit;
    }

    /* 口コミ（レビュー）の投稿方法 SP
  =====================================================*/

    .step_review {
        display: flex;
        flex-direction: column;
    }

    .step_review .step_review_in {
        margin: 0 0 30px;
    }

    .step_review .step_review_in {
        width: 100%;
    }

    .step_review .step_review_in > *[class] {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .step_review_num {
        font-size: 18px;
    }

    .step_review_txt {
        margin-bottom: 0;
        padding: 5%;
    }

    .step_review .step_review_in:after,
    .step_review .step_review_in {
        content: none;
    }

    /* PDFボタン
  =====================================================*/
    .campaign_terms .btn_entry .btn_area {
        width: 100%;
        text-align: center;
    }

    .base-btn-area .base-normal-button.pdf_btn {
        margin: 0 0 20px;
    }

    .campaign_terms .btn_entry .pdf {
        padding: 0px 0;
        width: 100%;
    }

    /* 店舗紹介
  =====================================================*/
    .prize_2col li {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .apply_2col {
        background: #fff6e5;
        padding: 5%;
    }

    .apply_2col .catalog_btn a {
        margin: 20px auto 0;
    }

    .apply_2col .product_wrap .row {
        justify-content: space-between;
        margin-right: 0;
        margin-left: 0;
    }

    .apply_2col h3 {
        margin: 0 0 15px;
        font-size: 18px;
    }

    .apply_2col .product_wrap .row > *[class],
    .cms-products .apply_2col .row > [class*="col"]{
        padding: 0;
        margin-bottom: 0;
    }

    .apply_2col_item {
        background: #fff;
        display: flex;
        flex-direction: column;
    }

    .apply_2col_item .product_item_title {
        margin: 0 8% 10%;
        color: #333;
    }

    .apply_2col .apply_2col_img {
        text-align: center;
        padding: 10%;
    }



    .product_item_img {
        padding: 15px;
    }

    .product_item_title,
    .product_item_comment {
        margin: 0 15px 15px;
    }

    .product_wrap .col-xs-6,
    .product_wrap .col-xs-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .product_wrap .col-xs-12 {
        float: none;
        width: 48%;
        margin: 0 4% 0 0;
    }

    .product_wrap .col-xs-12:nth-child(even) {
        margin: 0;
    }

    .product_item_title {
        font-size: 16px;
    }

    /* .base-normal-button {
        font-size: 13px;
    } */

    /* 店舗紹介
  =====================================================*/
    .cp_shop {
        padding: 25px 5% 20px;
    }

    .cp_shop p.tit {
        font-size: 22px;
    }

    .cp_shop .prize_2col ul {
        display: block;
    }

    .cp_shop .prize_2col li {
        width: 100%;
        height: auto;
    }

    /* 4つのSTEP
  =====================================================*/
    .cp_step {
        padding: 25px 5% 20px;
    }

    .cp_step p.tit {
        color: #f23ca0;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        margin: 0 0 20px;
    }

    .cp_step ol {
        counter-reset: my-counter;
        list-style: none;
        padding: 0;
    }

    .cp_step ol li {
        margin-bottom: 15px;
        padding-left: 30px;
        position: relative;
    }

    .cp_step ol li:before {
        content: counter(my-counter);
        counter-increment: my-counter;
        background-color: #f23ca0;
        color: #fff;
        display: block;
        float: left;
        line-height: 20px;
        margin-left: -30px;
        text-align: center;
        height: 20px;
        width: 20px;
        border-radius: 50%;
    }

    .cp_step .img {
        display: flex;
        flex-wrap: wrap;
    }

    .cp_step .img p {
        width: 48%;
        margin: 0 8px 16px 0;
    }

    .cp_step .img p:nth-child(3) {
        margin: 0 8px 0 0;
    }

    .cp_step .img p:nth-child(even) {
        margin: 0;
    }

    .list-style-disc .red {
        font-size: inherit;
    }

    /* 抽選販売の対象商品
  =====================================================*/
    .cms #search-results.cms-products .cms-product1,
    .cms #search-results.cms-products .cms-product2,
    .cms #search-results.cms-products .cms-product3,
    .cms #search-results.cms-products .cms-product4,
    .cms #search-results.cms-products .cms-product6 {
        width: calc(100% - 1px);
        padding-right: 1px;
        overflow: hidden;
    }

    .cms #search-results.cms-products .cms-product1 > .row,
    .cms #search-results.cms-products .cms-product2 > .row,
    .cms #search-results.cms-products .cms-product3 > .row,
    .cms #search-results.cms-products .cms-product4 > .row,
    .cms #search-results.cms-products .cms-product6 > .row {
        display: flex;
        flex-wrap: wrap;
    }

    .cms #search-results.cms-products .cms-product1 > .row,
    .cms #search-results.cms-products .cms-product2 > .row,
    .cms #search-results.cms-products .cms-product3 > .row {
        margin: 0;
        padding:
    }

    .cms #search-results.cms-products .cms-product4 > .row {
        margin: 0;
    }

    .cms #search-results.cms-products .cms-product6 > .row {
        margin: 0 -5px;
    }

    .cms #search-results.cms-products .cms-product1 > .row > div,
    .cms #search-results.cms-products .cms-product2 > .row > div,
    .cms #search-results.cms-products .cms-product3 > .row > div,
    .cms #search-results.cms-products .cms-product4 > .row > div,
    .cms #search-results.cms-products .cms-product6 > .row > div {
        padding: 0;
    }
    
    .cms #search-results.cms-products .cms-product4.container_1col > .row > div{
        width: 100%;
        margin: 0;
    }
    .cms #search-results.cms-products .cms-product4 > .row > div{
        width: 50%;
        margin: 0;
    }

    .cms #search-results.cms-products .cms-product6 > .row > div {
        min-width: 190px;
    }

    .cms #search-results.cms-products .cms-product1 .product-container .product-area {
        flex-wrap: nowrap;
    }

    .cms #search-results.cms-products .cms-product1 .product-container .product-area .main-area {
        margin-bottom: 0;
        padding-right: 30px;
    }

    .cms #search-results.cms-products .cms-product1 .product-container .product-area .main-area .ttl-block h3 {
        overflow: hidden;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
    }

    .cms #search-results.cms-products .row .col-sm-6:not(:last-child) .product-container-border,
    .cms #search-results.cms-products .row .col-sm-4:not(:last-child) .product-container-border,
    .cms #search-results.cms-products .row .col-sm-3:not(:last-child) .product-container-border {
        border-right: none !important;
        padding: 0;
    }

    .cms #search-results.cms-products .row .col-sm-6:first-child .product-container-border,
    .cms #search-results.cms-products .row .col-sm-4:first-child .product-container-border,
    .cms #search-results.cms-products .row .col-sm-3:first-child .product-container-border {
        padding: 0;
    }

    .cms #search-results.cms-products .row .col-sm-6:last-child .product-container-border,
    .cms #search-results.cms-products .row .col-sm-4:last-child .product-container-border,
    .cms #search-results.cms-products .row .col-sm-3:last-child .product-container-border {
        padding: 0;
    }
    
    
    .cms #search-results.cms-products .row .col-sm-4:nth-child(odd) .product-container-border {
        border-right: 1px solid #ADADAD !important;
    }

    .cms #search-results.cms-products .cms-product4 .product-container .product-area .main-area .image-block {
        max-width: 140px;
        width: 100%;
        margin: 15px auto 10px;
        padding-right: 0;
    }

    .cms #search-results.cms-products .product-container .product-area .main-area .ttl-block {
        padding: 0 15px;
    }

    .product-area .price {
        margin-top: 15px;
    }

    /* 対象商品の一例
  =====================================================*/

    .campaign_item_wrap .headline {
        font-size: 20px;
        padding: 10px 5px;
    }

    .campaign_item_wrap p.txt {
        font-size: 20px;
    }

    .campaign_item_bottom ul li {
        width: 100%;
        padding: 4%;
        margin: 0 0 20px;
    }

    .campaign_item_bottom .title {
        min-height: inherit;
        margin: 0;
    }

    
    /* 注意事項
  =====================================================*/
    
    .caution_wrap{
      background: #fff5fa url(../img/ico_caution.png) 50% 18px no-repeat;
      padding: 70px 5% 5% ;
    }
    
    /* ボタン
  =====================================================*/
    .base-normal-button.btn{
        width: 100%;
        font-size: 18px;
    }

}

@media (max-width: 480px)  {
    .campaign_item_bottom .base-normal-button {
        width: 100% !important;
}

    .base-normal-button.btn {
        width: 90%;
        font-size: 16px;
}
.search-modal-prev-inner.netshop {
height:4em;
padding:15px 5px !important;
}
.search-modal-next-inner.shop {
height:4em;
padding:20px 0px !important;
}

#main .btn {
width: 90%;
}

#main .btn_mg {
width: 90%;
}
}