@charset "UTF-8";

.shadow{box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.45);}
/* .red { color: #dc143c;} */
.gold { background: linear-gradient(5deg, #cbaa6d 30%, #ffda7c 50%, #cbaa6d 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.underline { background-image: linear-gradient(transparent 70%, #ffffff 0%);}

.gift{ background-color: #efecd7; position: relative;}
.gift__inner{max-width: 1120px; margin: 0 auto; padding: 50px 20px;}
.gift__title{ color: #2F5A7C; display: block; font-size: 22px; font-weight: bold; margin-bottom: 1rem; position: relative; text-align: center; width: 100%;}
.gift__title span{ display: inline-block;}
.gift__contents{ background-color: #fff; border-radius: 10px; max-width: 900px; margin: 0 auto; padding: 0 0 1rem; position: relative; width: 70%;}
.gift__tag{ background-color: #2F5A7C; color: #fff; display: block; font-size: 24px; font-weight: 500; padding: .3rem 1rem; position: absolute; width: 100%; border-radius: 10px 10px 0 0; text-align: center; }
.gift__tag span{ margin: 0 3px;}
.gift__txt{ color: #2F5A7C; font-size: 25px; font-weight: bold; text-align: center; padding-top: 3rem;}
.gift__txt .strong-txt01{ font-size: 50px; font-weight: bolder;}
.gift__LinkBtn{filter: brightness(1); transition: .3s;}
.gift__LinkBtn:hover{filter: brightness(0.8); }

.cv .cv_title::after{ content: none;}

@media screen and (min-width: 768px) {

    .cv.cv01 { padding: min(6.1111111111vw, 31px) 0 min(5.6481481481vw, 75px);}
    .cv .cv_btn.btn01{position: relative;}
}

@media screen and (max-width: 767px) {
    .gift__inner { padding: 30px 20px;}
    .gift__title{ font-size: 18px;}
    .gift__contents { padding: 0 0 10px; width: 100%;}
    .gift__tag{ font-size: 18px;}
    .gift__txt { font-size: 20px;}
    .gift__txt { padding-top: 3.5rem; line-height: 1.3;}
    .gift__txt .strong-txt01 { font-size: 35px; margin: 0;}

    .cv.cv01 {padding: 0 0 11.3333333333vw;}
}


/* modal-style */
p.amazon_caption{ margin-top: 20px; font-size: 18px; text-align: center;}
p.amazon_caption a{ color: #1d39ec; text-decoration: underline; cursor: pointer;}
/* amazon_terms modal */
#amazon_terms .modal-container{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,50%); padding: 40px 20px; opacity: 0; visibility: hidden; transition: .3s; box-sizing: border-box; z-index: 999;}
#amazon_terms .modal-container.active{ opacity: 1; visibility: visible;}
#amazon_terms .modal-body{ position: relative; display: inline-block; vertical-align: middle; width: 80%; max-width: 960px; height: 85%; overflow: scroll; top: 10%;}
#amazon_terms .modal-close{ position: sticky; align-items: center; justify-content: center; width: 100%; top: 0; font-size: 30px; color: #000; cursor: pointer; text-align: end;}
#amazon_terms .modal-content{ background: #fff; text-align: left; padding: 0 2% 0 2%;}
#amazon_terms .modal-content .text{padding: 0 6% 6%;}
#amazon_terms .modal-content .text p{font-size: 1rem;margin-bottom: 1rem;}
#amazon_terms .modal-content .text p strong{ display: block;font-weight: bold; font-size: min(4vw, 1.6rem);}
#amazon_terms .modal-content .text ol{ margin-bottom: 1rem;}
#amazon_terms .modal-content .text ol li{list-style-type: none; counter-increment: cnt; padding-left: 3em; font-size: min(3vw, 1.4rem); margin-bottom: .5rem; position: relative;}
#amazon_terms .modal-content .text ol li::before{ display: inline-block; position: absolute; text-align: right; top: 0; left: 0; text-indent: -1em; padding-left: 1em;}
#amazon_terms .modal-content .text ol.part01 li::before {content: "【" counter(cnt) "】";}
#amazon_terms .modal-content .text ol.part02{counter-reset: my-counter;}
#amazon_terms .modal-content .text ol.part02 li{position: relative;}
#amazon_terms .modal-content .text ol.part02 li::before { counter-increment: my-counter; content: counter(my-counter); display: inline-block; position: absolute; left: 13px; top: 2px; border: 1px solid; border-radius: 50%; width: 10px; height: 20px; line-height: 19px; text-align: center; font-size: 12px; letter-spacing: 0px;}
#amazon_terms .modal-content .text ol li.f-red{ color: #d5173a;}
#amazon_terms .modal-content .text ul{ font-size: 1rem; margin-bottom: 3rem;}
#amazon_terms .modal-content .text ul li{padding-left: 1em; position: relative;}
#amazon_terms .modal-content .text ul li::before{content: '・';display: inline-block;position: absolute;top: 0;left: 0;text-indent: -1em;padding-left: 1em;}

.modal__mb-none{ margin-bottom: 0;}
.modal__mt{ margin-top: 2rem;}
.modal__listTitle{ font-weight: bold;}

@media screen and  (max-width:795px) {
    p.amazon_caption{ font-size: 14px;}
	#amazon_terms .modal-body { width: 100%;}
    #amazon_terms .modal-content .text p strong{ font-size: 18px;}
}
@media screen and  (max-width:500px) {
	#amazon_terms .modal-close {font-size: 20px;}
	#amazon_terms .modal-content .text ol.part02 li::before { left: 9px; top: 0px; width: 8px; height: 16px; line-height: 15px; font-size: 10px;}
}