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

@media only screen and (min-width: 768px){
#original_wrapper{max-width: 1080px!important;margin: 0 auto 15px!important;}}
#original_wrapper h2.recommend_tit {
    text-align: center;
    font-weight: 500;
    font-size: 150%;
    font-weight: bold;
    color: #bd3838;
}
p.explanation { text-align: center; padding: 10px;}
.set_box {margin-top: 100px;}

a.more-sale {
    background-color: #fff;
    color: #333333;
    width: 95%;
    display: block;
    text-align: center;
    line-height: 30px;
    margin: 0 auto 30px;
    border: solid 1px #333;
    font-size: 14px;
    border-radius: 3px;
    padding: 8px 0;
}
@media only screen and (min-width: 768px){a.more-sale {width: 50%;}}

/*SETアイテムリンク(2列で配置)*/
/*.set_container {margin-top: 100px;}*/
.set_box {display: flex;flex-wrap: wrap;margin: 10px 8px;}
.set_item_img {border: solid 1px #ccc;}
.set_item a {font-weight: normal;}
.set_item a.more {padding: 3px 0;margin: 10px auto;}
.set_item_text {margin: 5px;text-align: center;}
.set_item_text .link {font-weight: bold;color: #dc143c;}
.set_item .sale-price {font-size: 130%;color: #bd3838;}
.set_item .price {margin-bottom:0;line-height: 1.5em;}
.set_item {width: 49%;height: auto;margin:0 0 30px;position: relative;}
.set_item:nth-child(odd){}
a.item {display: block;padding: 10px;text-align: center;border: solid 1px #000;border-bottom: none;position: relative;margin: 10px 0 0;font-size: 80%;}
a.item::after {content: "▼";display: flow;position: absolute;top: 50%;right: 1em;transform: translateY(-43%) rotate(30deg);font-size: 80%;}
a.item:last-child {border-bottom: solid 1px #000;}
p.off-rate {color: #bd3838;width: 60%;margin: 10px auto -5px;padding: 1px;border: solid 1px #bd3838;font-family: "neue-haas-grotesk-display", sans-serif;font-weight: 400;font-size: 85%;}
p.name { font-size: 120%; font-weight: bold; line-height: 1.2em;}
.hr01{border-top: 1px solid #000; margin-top: calc(80 / 750 * 100vw);}
.hr02{border-top: 1px solid #000; margin-bottom: calc(80 / 750 * 100vw);}
@media only screen and (min-width: 768px) {.set_box {max-width: 1216px;flex-wrap: wrap;}.set_item{width: calc(100% / 3);} .set_item a.more {margin-top: 20px!important; padding:8px 0;} p.off-rate {width: 45%;font-size: 110%;margin-top: 10px; margin: 15px auto;}
p.explanation { text-align: center; padding: 10px; font-size: 120%;}
}

/*割引率毎にグループ分けタイトルあり*/
.off10,.off20 {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.off10 .set_item, .off20 .set_item{
    width: calc(98% / 2);
}
@media only screen and (min-width: 768px){
    .off10,.off20 {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
    .off10 .set_item, .off20 .set_item{
    width: calc(98% / 3);
}
}

h4.off10tit {
    text-align: center;
    /*background-color: #931919;*/
    background-color: #af9b2d;
    color: #FFF;
    padding: 0.4em 0;
    margin: 0.5em 0;
    font-size: 140%;
    font-weight: 500;
}
h4.off20tit {
    text-align: center;
    /*background-color: #4d1919;*/
    background-color: #e9413f;
    color: #FFF;
    padding: 0.4em 0;
    margin: 0.5em 0;
    font-size: 140%;
    font-weight: 500;
}

@media only screen and (min-width: 768px) {h4.off10tit,h4.off20tit{margin-right:2%;}}

/*赤字強調テキスト*/
.lead .red {
    color: #931919;
    font-weight: bold;
    font-size: 120%;
}

/*まとめてカートに入れるボタン*/
.set_item button {
    border: solid 1px #000;
    background-color: #000000;
    padding: 10px;
    width: 100%;
    position: relative;
    font-size: 90%;
    margin: 15px 0 0;
    color: #ffffff;
}
.set_item button:hover {background: #ccc;color: #000;}
.set_item button:after {
    content: "▼";
    display: flow;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-43%) rotate(30deg);
    font-size: 80%;
}

/*まとめてカートに入れる画像　※まとめボタンの場合
.btn_img button {margin:0;padding:0;border:none;vertical-align:top;}
.btn_img button:hover {box-shadow:1px 1px 3px #00000063;}
.btn_img button:after {content: "";}*/



/*まとめてカートに入れる画像　※画像に直接リンクの場合*/
.btn_img a {display:block; margin:0;padding:0;border:none;vertical-align:top;}
.btn_img a:hover {box-shadow:1px 1px 3px #00000063;}
.btn_img a:after {content: "";}

/*カートに入れるボタン*/
.set_item button.submit-single {margin-top:0!important;}

.set_item h3 {
    font-size: 100%;
    margin: 5px 0 0;
    font-weight: 500;
    text-align: center;
    position:relative;
}

.set_item h3 a {display:block;border: solid 1px #666666;padding: 8px 5px 5px;letter-spacing: 0.1px;font-size: 60%;border-radius: 5px;background: #fff;}
.set_item h3 a:hover {background:#000;color:#fff;}
.set_item h3 a:after {
    content: "▼";
    display: flow;
    position: absolute;
    top: 55%;
    right: 1em;
    transform: translateY(-43%) rotate(30deg);
    font-size: 80%;
    color: #555;
}
@media only screen and (min-width: 768px) {
.set_item h3 a {font-size: 50%;padding: 8px 5px 5px;}
}


.set_item h3 a.txt_link {padding: 0;border: none;}
.set_item h3 a.txt_link:hover {text-decoration:underline; background:none; color:#000;}
.set_item h3 a.txt_link:after {content:none;}