@charset "utf-8";
@media (max-width: 641px) {
}
@media (max-width: 481px) {
}

.more-btn { width: 72%; max-width: 320px; margin: 0 auto;}
.more-btn a { display: block; width: 100%; padding: 18px 0; line-height: 1; text-align: center; text-decoration: none;}
.more-btn a span { display: inline-block; vertical-align: middle;}

#kv-babygift .inner-kv { position: relative; width: 100%; max-width: 1344px; margin: 0 auto;}
#kv-babygift .ctn { position: relative; padding-right: 300px;}
#kv-babygift .ctn picture { position: relative; display: block; width: 100%;}
#kv-babygift .ctn picture img { width: 100%; vertical-align: bottom;}
#kv-babygift .ctn .tit { position: absolute; right: 0; top: 50%; width: 42%;}
#kv-babygift .ctn .tit h2 { font-size: clamp(24px,4.5vw,42px); font-weight: 500; text-align: center;}
#kv-babygift .txt { padding: 40px 0;}
#kv-babygift .txt p { font-size: 21px; text-align: center;}

@media (max-width: 801px) {
	#kv-babygift .ctn { padding-right: 0px;}
	#kv-babygift .ctn .tit { position: relative; top: auto; width: 100%; padding: 40px 0 0;}
}
@media (max-width: 641px) {
	#kv-babygift .txt { padding: 20px 0px;}
	#kv-babygift .txt p { font-size: 16px;}
	#kv-babygift .txt p span { display: block;}
}



#popular-gift .inner-sct { width: 100%; max-width: 1344px; margin: 0 auto; padding: 40px 0;}
#popular-gift h2 { margin-bottom: 30px; font-size: clamp(24px,4.2vw,42px); text-align: center;}
#popular-gift .stl { margin-bottom: 20px;}
#popular-gift .stl h3 { font-size: clamp(23px,3.2vw,30px); font-weight: 700; letter-spacing: 0.25rem; text-align: center;}

#popular-gift .tab-price { width: 92%; max-width: 1000px; margin: 0 auto;}
#popular-gift .tab-price.color0 { border-bottom: solid 0px #d5e3e3;}
#popular-gift .tab-price.color1 { border-bottom: solid 6px #fff5eb;}
#popular-gift .tab-price.color2 { border-bottom: solid 6px #f4eae8;}
#popular-gift .tab-price.color3 { border-bottom: solid 6px #e0e9f0;}
#popular-gift .tab-price ul { display: flex; justify-content: space-between; font-size: 0px; text-align: center;}
#popular-gift .tab-price ul li { box-sizing: border-box; width: 24.8%; font-size: 18px;}
#popular-gift .tab-price ul li span { display: block; padding: 15px 0; border-top-left-radius: 20px; border-top-right-radius: 20px; cursor: pointer;}
#popular-gift .tab-price ul li:nth-child(1) span { background: #d5e3e3;}
#popular-gift .tab-price ul li:nth-child(2) span { background: #fff5eb;}
#popular-gift .tab-price ul li:nth-child(3) span { background: #f4eae8;}
#popular-gift .tab-price ul li:nth-child(4) span { background: #e0e9f0;}

#popular-gift .price-ctn { padding: 40px 0;}
#popular-gift .price-ctn .box { display: none;}
#popular-gift .price-ctn .box.show { display: block;}
#popular-gift .price-ctn .swiper-items { width: 90%; max-width: 1200px; margin: 0 auto }
#popular-gift .price-ctn .swiper-items .item {}
#popular-gift .price-ctn .swiper-items .item dl { box-sizing: border-box; padding: 0 20px;}
#popular-gift .price-ctn .swiper-items .item dl dt { margin-bottom: 12px;}
#popular-gift .price-ctn .swiper-items .item dl dt img { width: 100%; height: auto; vertical-align: bottom;}
#popular-gift .price-ctn .swiper-items .item dl dd.tag { margin-bottom: 8px;}
#popular-gift .price-ctn .swiper-items .item dl dd.tag a { display: inline-block; text-decoration: none;}
#popular-gift .price-ctn .swiper-items .item dl dd.tag a.tag-baby { margin-right: 12px; color: #6fbada;}
#popular-gift .price-ctn .swiper-items .item dl dd.tag a.tag-gift { color: rgb(110, 80, 92);}
#popular-gift .price-ctn .swiper-items .item dl dd.name { margin-bottom: 10px; font-size: 18px;}
#popular-gift .price-ctn .swiper-items .item dl dd.price { color: #888682; font-size: 18px; letter-spacing: 0.08rem;}

#popular-gift .price-ctn .swiper-nav { display: none; position: relative; z-index: 100;}
#popular-gift .price-ctn .button-prev,
#popular-gift .price-ctn .button-next { display: block; width: 50px; height: 50px; background: #fff; border: solid 1px #B1A699; cursor: pointer;
 position: absolute; top: 36vw;
}
#popular-gift .price-ctn .button-prev { left: 2px;}
#popular-gift .price-ctn .button-next { right: 2px;}
#popular-gift .price-ctn .button-prev:before,
#popular-gift .price-ctn .button-next:before{ content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg);}
#popular-gift .price-ctn .button-prev:before{ left: 35%; border-bottom: solid 2px #B1A699; border-left: solid 2px #B1A699;}
#popular-gift .price-ctn .button-next:before{ right: 35%; border-top: solid 2px #B1A699; border-right: solid 2px #B1A699;}
@media (max-width: 801px) {
	#popular-gift .price-ctn { padding: 20px 0;}
	#popular-gift .price-ctn .swiper-items { width: 100%;}
	#popular-gift .price-ctn .swiper-items .item dl { padding: 0 12px;}
	#popular-gift .price-ctn .swiper-nav { display: block;}
}
@media (max-width: 481px) {
	#popular-gift h2 { margin-bottom: 16px;}
	#popular-gift .stl { margin-bottom: 20px;}
	#popular-gift .tab-price { border-width: 3px;}
	#popular-gift .tab-price ul li { font-size: 13px;}
	#popular-gift .tab-price ul li span { padding: 10px 0; border-top-left-radius: 8px; border-top-right-radius: 8px;}
	#popular-gift .price-ctn { padding: 12px 0 20px;}
	#popular-gift .price-ctn .swiper-items .item dl { padding: 0 6px;}
	#popular-gift .price-ctn .swiper-items .item dl dt { margin-bottom: 6px;}
	#popular-gift .price-ctn .swiper-items .item dl dd.tag { font-size: 12px;}
	#popular-gift .price-ctn .swiper-items .item dl dd.name { font-size: 14px;}
	#popular-gift .price-ctn .swiper-items .item dl dd.price{ font-size: 13px;}
	
	#popular-gift .price-ctn .button-prev,
	#popular-gift .price-ctn .button-next { width: 32px; height: 32px; top: 32vw;}
	#popular-gift .price-ctn .button-prev:before,
	#popular-gift .price-ctn .button-next:before{ width: 12px; height: 12px;}
}


#choice-gift #gift1 { display: block; width: 100%; height: 40px;}
#choice-gift #gift2 { display: block; width: 100%; height: 40px;}
#choice-gift .inner-sct { padding: 40px 0;}
#choice-gift .stl { margin-bottom: 30px;}
#choice-gift .stl h3 { font-size: clamp(23px,3.2vw,30px); font-weight: 700; text-align: center;}
#choice-gift .menu { margin-bottom: 60px;}
#choice-gift .menu ul { width: 92%; max-width: 800px; margin: 0 auto; font-size: 0px; text-align: center;}
#choice-gift .menu ul li { box-sizing: border-box; display: inline-block; width: 50%; padding: 0 20px;}
#choice-gift .menu ul li a { display: block; width: 100%;}
#choice-gift .menu ul li a img { width: 100%;}
#choice-gift .menu ul li a:hover { opacity: 0.8;}
#choice-gift .tit { width: 92%; max-width: 1344px; margin: 0 auto; padding: 24px 0; border-top: solid 1px #B1A699; border-bottom: solid 1px #B1A699;}
#choice-gift .tit.mb { margin-bottom: 50px;}
#choice-gift .tit h3 { font-size: clamp(23px,3.2vw,30px); text-align: center;}
#choice-gift .ttl { padding: 20px 0;}
#choice-gift .ttl h3 { text-align: center;}
#choice-gift .ttl h3 img { width: 90%; max-width: 600px;}
#choice-gift .bloc { width: 92%; max-width: 1000px; margin: 0 auto; padding: 40px 0;}
#choice-gift .ctn { display: flex; justify-content: space-between; align-items: center;}
#choice-gift .ctn .img { width: 52%;}
#choice-gift .ctn .txt { width: 45%;}

#choice-gift .ctn .img h3 { color: #7B5625; font-size: clamp(20px,2.4vw,24px); text-align: center;}
#choice-gift .ctn .img p { text-align: center;}
#choice-gift .ctn .img p.rank { margin-bottom: 20px; color: #C1A98D; font-family: var(--font-default); font-size: 20px; line-height: 1.2;}
#choice-gift .ctn .img p.rank span { display: block; font-size: clamp(20px,3.6vw,36px);}
#choice-gift .ctn .img p.price { color: #7B5625; font-size: 18px;}
#choice-gift .ctn .img figure { text-align: center;}
#choice-gift .ctn .img figure img { width: 100%;}
#choice-gift .ctn .txt p { margin-bottom: 20px; font-size: 21px;}
#choice-gift .ctn .txt .btn-2 { width: 72%; max-width: 320px;}
#choice-gift .ctn .txt .btn-2 a { position: relative; display: block; width: 100%; padding: 18px 0; background: #d8be9e;
 color: #fff; font-size: 18px; line-height: 1; text-align: center; text-decoration: none;
}
#choice-gift .ctn .txt .btn-2 a::after {  content: ""; display: block; width: 10px; height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.06348L8.5 8.06348L1.5 15.0635' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
}
#choice-gift .ctn .txt .btn-2 a:hover { opacity: 0.8;}


#choice-gift .box { box-sizing: border-box; width: 92%; max-width: 960px; margin: 0 auto; padding: 50px 30px; border: solid 1px #D1C3B1; border-radius: 10px;}
#choice-gift .box p { margin-bottom: 50px; color: #987545; font-size: 20px; text-align: center;}
#choice-gift .box figure { text-align: center;}
#choice-gift .box figure img { width: 100%; max-width: 800px;}
#choice-gift .box .comment { position: relative; display: flex; width: 100%; max-width: 800px; margin: 0 auto 40px; justify-content: space-between; align-items: center;}
#choice-gift .box .comment .left { width: 62%;}
#choice-gift .box .comment .right{ position: relative; box-sizing: border-box; width: 30%; padding-left: 40px;}
#choice-gift .box .comment .right:before { content: ''; display: block; width: 40px; height: 40px; position: absolute; left: -14%; top: 30%;
 background: url("https://image.avantijapan.co.jp/img/usr/lp/babygift/icon_plus.png") no-repeat 50% 50% / 100% auto;
}
#choice-gift .box .comment dl {}
#choice-gift .box .comment .left dl dt { text-align: center;}
#choice-gift .box .comment .left dl dt img { width: 100%;}
#choice-gift .box .comment .left dl dd { color: #333; font-size: 14px;}
#choice-gift .box .comment .right dl dt { box-sizing: border-box; height: 200px; padding-top: 30px;}
#choice-gift .box .comment .right dl dt img { width: 94%;}
#choice-gift .box .comment .right dl dd { padding-left: 20px; color: #333; font-size: 14px; text-align: left;}
#choice-gift .box .btn { width: 100%; max-width: 400px; margin: 0 auto;}
#choice-gift .box .btn a { position: relative; box-sizing: border-box; display: block; width: 100%; padding: 18px 0; padding-right: 15px; background: #d8be9e;
 color: #fff; font-size: 18px; line-height: 1; text-align: center; text-decoration: none;
}
#choice-gift .box .btn a::after { content: ""; display: block; width: 10px; height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.06348L8.5 8.06348L1.5 15.0635' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
}
#choice-gift .box .btn a:hover { opacity: 0.8;}

@media (max-width: 801px) {
	#choice-gift .stl { margin-bottom: 20px;}
	#choice-gift .menu { margin-bottom: 40px;}
	#choice-gift .menu ul li { padding: 0 8px;}
	
	#choice-gift .ctn { display: block;}
	#choice-gift .ctn .img { width: 92%; margin: 0 auto;}
	#choice-gift .ctn .txt { width: 92%; margin: 0 auto;}
	#choice-gift .ctn .txt p { font-size: 16px;}
	#choice-gift .ctn .txt .btn-2 { margin: 0 auto;}

	#choice-gift .box p { margin-bottom: 20px;}
	#choice-gift .box .comment { display: block;}
	#choice-gift .box .comment .left { width: 100%; margin-bottom: 20px;}
	#choice-gift .box .comment .right{ width: 80%; max-width: 320px; margin: 0 auto;}
	#choice-gift .box .comment .right dl dt { height: auto; padding-top: 0px;}
}
@media (max-width: 481px) {
	#choice-gift .menu { margin-bottom: 20px;}
	#choice-gift .tit { padding: 12px 0;}
	#choice-gift .tit.mb { margin-bottom: 30px;}
	#choice-gift .bloc { padding: 20px 0;}
	#choice-gift .ctn .img p.rank { margin-bottom: 12px;}
	#choice-gift .ctn .img p.rank { font-size: 13px;}
	#choice-gift .ctn .img p.price { font-size: 16px;}
	#choice-gift .ctn .txt p { font-size: 14px;}
	
	#choice-gift .box { padding: 30px 20px;}
	#choice-gift .box p { margin-bottom: 12px; font-size: 16px;}
	
	#choice-gift .box .comment { margin-bottom: 30px;}
	#choice-gift .box .comment .left dl dd { font-size: 12px;}
	#choice-gift .box .comment .right{ padding-left: 40px;}
	#choice-gift .box .comment .right:before { width: 30px; height: 30px; left: -2%;}
	#choice-gift .box .comment .right dl dd { font-size: 12px;}
	#choice-gift .box .btn a { padding-right: 10px; font-size: 15px;}
	#choice-gift .box .btn a::after { width: 7px; height: 14px; right: 8px;}
	#choice-gift .ctn .txt .btn-2 a { font-size: 16px;}
}


#gift-item .inner-sct { width: 92%; max-width: 1344px; margin: 0 auto; padding: 40px 0;}
#gift-item h2 { margin-bottom: 20px; font-size: clamp(24px,4.2vw,42px); text-align: center;}
#gift-item .ctn { width: 100%; margin: 0 auto;}
#gift-item .ctn ul { font-size: 0;}
#gift-item .ctn ul li { box-sizing: border-box; display: inline-block; width: 25%; padding: 30px 20px; vertical-align: top;}
#gift-item .ctn ul li dl dt { margin-bottom: 8px; font-size: 20px; line-height: 1.2; text-align: center;}
#gift-item .ctn ul li dl dt span { color: #7B5625; text-decoration: none;}
#gift-item .ctn ul li dl dd { text-align: center;}
#gift-item .ctn ul li dl dd.img { margin-bottom: 10px;}
#gift-item .ctn ul li dl dd.img a { display: block;}
#gift-item .ctn ul li dl dd.img a:hover { opacity: 0.75;}
#gift-item .ctn ul li dl dd.img a img { width: 100%;}
#gift-item .ctn ul li dl dd.name { margin-bottom: 10px; font-size: 16px; line-height: 1.2;}
#gift-item .ctn ul li dl dd.price{ color: #7B5625; font-size: 18px;}
@media (max-width: 801px) {
	#gift-item .ctn ul li { width: 33%; padding: 20px 12px;}
}
@media (max-width: 481px) {
	#gift-item .ctn ul li { padding: 18px 6px;}
	#gift-item .ctn ul li dl dt { font-size: 14px;}
	#gift-item .ctn ul li dl dd.name { font-size: 12px;}
	#gift-item .ctn ul li dl dd.price{ font-size: 11px;}
}


#gift-faq {}
#gift-faq .inner-sct { width: 92%; max-width: 1344px; margin: 0 auto; padding: 40px 0;}
#gift-faq .box { width: 100%; max-width: 900px; margin: 0 auto; padding: 40px 0; background: #f5fafe;}
#gift-faq .box h2 { font-size: 20px; text-align: center;}
#gift-faq .box h2 span { display: block; font-size: clamp(20px,3.6vw,36px);}
#gift-faq .ctn { width: 92%; margin: 0 auto;}
#gift-faq .row { border-bottom: solid 1px #eee;}
#gift-faq .row:last-child { border-bottom: none;}
#gift-faq .row .q-title { position: relative; padding: 12px; cursor: pointer;}
#gift-faq .row .q-title:before,
#gift-faq .row .q-title:after { content: ''; display: block; width: 18px; height: 2px; background: #999; position: absolute; right: 20px; top: 50%;}
#gift-faq .row .q-title:before{ transform: translateY(-50%);}
#gift-faq .row .q-title:after { transform: translateY(-50%) rotate(90deg);}
#gift-faq .row .q-title p { font-size: 18px; text-align: center;}
#gift-faq .row .a-txt { display: none; padding: 0 20px 20px; }
#gift-faq .row .a-txt.open { display: block;}
#gift-faq .row .q-txt p { font-size: 16px;}
@media (max-width: 481px) {
	#gift-faq .box { padding: 30px 0 20px;}
	#gift-faq .box h2 { font-size: 13px;}
	#gift-faq .row .q-title:before,
	#gift-faq .row .q-title:after { width: 12px; right: 10px;}
	#gift-faq .row .q-title p { font-size: 13px;}
	#gift-faq .row .q-txt p { font-size: 12px;}
}


#gift-howto .inner-sct { width: 92%; max-width: 1344px; margin: 0 auto; padding: 40px 0;}
#gift-howto .box { box-sizing: border-box; width: 100%; max-width: 900px; margin: 0 auto; padding: 40px; background: #fbfbfa;}
#gift-howto .box h2 { margin-bottom: 30px;
 color: #333; font-family: "FOT-筑紫明朝 Pr6N L", Yu Mincho, YuMincho, Noto Serif JP, serif; font-size: 20px; line-height: 1.2; text-align: center;
}
#gift-howto .box p { margin-bottom: 30px; line-height: 2.2; text-align: center;}
#gift-howto .box figure { margin-bottom: 20px; text-align: center;}
#gift-howto .box figure img { width: 100%; max-width: 500px;}
#gift-howto .box .btn { width: 80%; max-width: 240px; margin: 0 auto;}
#gift-howto .box .btn a { position: relative; display: block; width: 100%; padding: 18px 0; padding-right: 12px; background: #fff; border: solid 1px #998164; border-radius: 10px;
 color: #998164; font-size: 18px; line-height: 1; text-align: center; text-decoration: none;
}
#gift-howto .box .btn a::after {  content: ""; display: block; width: 10px; height: 16px;
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.06348L8.5 8.06348L1.5 15.0635' stroke='%23998164' stroke-width='1.5'/></svg>");
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
}
#gift-howto .box .btn a:hover { background: #e8e2dc;}
@media (max-width: 481px) {
	#gift-howto .box { padding: 30px 20px;}
	#gift-howto .box h2 { margin-bottom: 12px;}
	#gift-howto .box h2 span { display: block;}
	#gift-howto .box p { margin-bottom: 20px; line-height: 1.8;}
	#gift-howto .box .btn a { padding: 15px 0; border-radius: 6px; font-size: 13px;}
}



#recommend .inner-sct { width: 92%; max-width: 1344px; margin: 0 auto; padding: 40px 0;}
#recommend .title { position: relative; width: 100%; margin: 0 auto 40px;}
#recommend .title div { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2;}
#recommend .title div h2 { padding-left: 80px; font-size: clamp(24px,4.2vw,42px); line-height: 1.4;}
#recommend .title img { position: relative; width: 100%; vertical-align: bottom;}
#recommend .read { margin-bottom: 20px;}
#recommend .read p { font-size: 20px; text-align: center;}
#recommend .bloc { width: 100%; max-width: 1000px; margin: 0 auto; padding: 40px 0;}
#recommend .flex-1 { display: flex; justify-content: space-between; align-items: center;}
#recommend .flex-1.re { flex-direction: row-reverse;}
#recommend .pht { width: 55%;}
#recommend .txt { box-sizing: border-box; width: 45%; padding: 30px;}
#recommend .pht p { font-size: clamp(23px,3.2vw,30px); text-align: center;}
#recommend .pht figure { color: #7b5625; font-size: ; text-align: center;}
#recommend .pht figure img { width: 100%; max-width: 500px; vertical-align: bottom;}
#recommend .txt h3 { margin-bottom: 20px; font-size: clamp(21px,2.4vw,24px); }
#recommend .txt h3 img { width: 100%; max-width: 400px; vertical-align: bottom;}
#recommend .txt p { margin-bottom: 30px; font-size: 18px;}
#recommend .txt p.img img { width: 100%; max-width: 400px; vertical-align: bottom;} 
#recommend .btn a { position: relative; display: block; width: 100%; max-width: 240px; padding: 18px 0; background: #998164; border-radius: 10px;
 color: #fff; line-height: 1; text-align: center; text-decoration: none;
}
#recommend .btn a::after {  content: ""; display: block; width: 8px; height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.06348L8.5 8.06348L1.5 15.0635' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
}
@media (max-width: 801px) {
	#recommend .title div h2 { padding-left: 40px;}
	#recommend .read p span { display: block;}
	
	#recommend .txt p { font-size: 16px;}
}
@media (max-width: 481px) {
	#recommend .inner-sct { padding: 30px 0;}
	#recommend .title { margin-bottom: 30px;}
	#recommend .title div { position: relative; left: auto; top: auto; transform: translateY(0%); margin-bottom: 20px;}
	#recommend .title div h2 { padding-left: 0px; text-align: center; text-indent: 0.8em;}
	#recommend .read p { font-size: 18px;}
	
	#recommend .bloc { padding: 30px 0;}
	#recommend .flex-1 { display: block;}
	#recommend .pht { width: 100%;}
	#recommend .txt { width: 100%; padding: 20px;}
	#recommend .txt h3{ margin-bottom: 12px;}
	#recommend .txt p { font-size: 13px;}
	#recommend .btn a { margin: 0 auto;}
}

/*20260604追記*/

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    font-family: var(--font-body-family);
}
.main.offset {
    margin-top: var(--pc-header-height);
}

@media (max-width: 1024px) {
.main.offset {
    margin-top: var(--sp-header-height);
}
}
#popular-gift h2 {
    font-size: clamp(24px, 4.2vw, 34px);
}
#popular-gift .stl h3 {
    font-weight: 500;
}
#choice-gift .stl h3 {
    font-weight: 500;
}
#gift-item h2 {
    font-size: clamp(24px, 4.2vw, 34px);
}
#gift-faq .box h2 span {
    font-size: clamp(20px, 3.6vw, 34px);
}
#gift-howto .box h2 {
    margin-bottom: 30px;
    color: #56534D;
    font-family: var(--font-body-family);
    font-size: clamp(20px, 3.6vw, 34px);
}
#recommend .title div h2 {
    padding-left: 80px;
    font-size: clamp(24px, 4.2vw, 34px);
    line-height: 1.4;
}
#popular-gift .tab-price ul li:nth-child(1) span {
    background: #f7f1ef;
}
#popular-gift .tab-price ul li:nth-child(2) span {
    background: #f7f5f0;
}
#popular-gift .tab-price ul li:nth-child(3) span {
    background: #f0f6f4;
}
#popular-gift .tab-price ul li:nth-child(4) span {
    background: #eff2f4;
}

#popular-gift .tab-price.color0 {
    border-bottom: solid 0px #d5e3e3;
}
#popular-gift .tab-price.color1 {
    border-bottom: solid 0px #f7f5f0;
}
#popular-gift .tab-price.color2 {
    border-bottom: solid 0px #f0f6f4;
}
#popular-gift .tab-price.color3 {
    border-bottom: solid 0px #eff2f4;
}
#popular-gift .tab-price ul li span {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#popular-gift .price-ctn .swiper-items .item dl {
    padding: 0 4px;
}
#popular-gift .price-ctn .swiper-items {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
#popular-gift .price-ctn .swiper-nav {
    display: block;
}
#popular-gift .price-ctn .button-prev {
    left: 10px;
    top: 180px;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
}
#popular-gift .price-ctn .button-next {
    right: 10px;
    top: 180px;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
}
#popular-gift .price-ctn .button-next:before {
    right: 37%;
}
#popular-gift .price-ctn .button-prev:before {
    left: 37%;
}
#popular-gift .price-ctn .button-prev:before, #popular-gift .price-ctn .button-next:before {
    width: 10px;
    height: 10px;
}
#choice-gift .ttl h3 img {
    width: 70%;
    max-width: 400px;
}
#choice-gift .ctn .img p.rank {
    color: #7B5625;
}
#choice-gift .ctn .txt p {
    font-size: 18px;
    line-height: 1.8;
}
#gift-item .ctn ul li {
    width: 25%;
    padding: 10px 5px;
}
#gift-item .inner-sct {
    width: 92%;
    max-width: 1000px;
}
#choice-gift .box .comment .left dl dd {
    color: #56534D;
    font-size: 16px;
}
#choice-gift .box .comment .right dl dd {
    color: #56534D;
    font-size: 16px;
}
#gift-howto .box p {
    font-size: 16px;
}
#gift-faq .box {
    width: 100%;
    max-width: 1000px;
}
#gift-faq .row .a-txt {
    display: none;
    padding: 20px 80px 40px;
    font-size: 16px;
    line-height: 1.8;
}
#gift-howto .box {
    width: 100%;
    max-width: 1000px;
}
#recommend .inner-sct {
    width: 92%;
    max-width: 1200px;
}
#recommend .txt h3 {
    font-size: clamp(21px, 2.4vw, 22px);
}
#recommend .pht p {
    font-size: clamp(23px, 3.2vw, 28px);
    background-image: linear-gradient(0deg, #f7f1ef 0.5em, transparent 0.5em);
    display: inline-block;
}
#recommend .pht {
    text-align: center;
}
#recommend .flex-1 {
    align-items: flex-start;
}

@media (max-width: 641px) {
#gift-item .ctn ul li {
    width: 33%;
    padding: 10px 5px;
}
#choice-gift .ctn .txt p {
    font-size: 14px;
}
#choice-gift .box .comment .left dl dd {
    font-size: 14px;
}
#choice-gift .box .comment .right dl dd {
    font-size: 14px;
}
#gift-howto .box p {
    font-size: 14px;
}
#gift-faq .row .q-title p {
    font-size: 14px;
}
#recommend .txt p {
    font-size: 14px;
}
#gift-item .ctn ul li dl dd.name {
    font-size: 13px;
}
#gift-item .ctn ul li dl dd.price {
    font-size: 13px;
}
#recommend .title div h2 {
    padding-left: 0px;
    text-align: center;
    text-indent: 00;
}
#gift-faq .row .a-txt {
    display: none;
    padding: 0 20px 20px;
    line-height: 1.8;
	 font-size: 14px;
}
}