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

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

/*SETアイテムリンク(2列で配置)*/
/*.set_container {margin-top: 100px;}*/
.set_box {display: flex;flex-wrap: wrap;margin: 10px 8px;}
.set_item_img { border: solid 1px #000;}
.set_item a {font-weight: normal;color: #000;}
.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: #cc0000;}
.set_item {width: 49%;height: auto;margin:0 0 30px;position: relative;}
.set_item:nth-child(odd){margin-right: 2%;}
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: #cc0000;width: 45%;margin: 10px auto -5px;padding: 1px;border: solid 1px #cc0000;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;} .set_item:nth-child(1){margin-right:2%;}.set_item:nth-child(2){margin-right:2%;}.set_item:nth-child(4){margin-right: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%;}
.offbox {width: 50%;}/*PCは4列で配置*/
}

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

.off10 .set_item, .off20 .set_item{
    width: 50%;
}

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: "";}

/*カートに入れるボタン*/
.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 #000;padding: 5px;letter-spacing: 0.1px;}
.set_item h3 a:hover {background:#000;color:#fff;}
.set_item h3 a:after {
    content: "▼";
    display: flow;
    position: absolute;
    top: 52%;
    right: 1em;
    transform: translateY(-43%) rotate(30deg);
    font-size: 80%;
}


.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;}