@charset "UTF-8";


/****************************
*** MD
*****************************/

@keyframes arrow { 0% { transform: translate(0, 0); opacity: 1; }
  50% { transform: translate(0, 7px); opacity: 0; }
  51% { transform: translate(0, -7px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
@keyframes slide2 { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; } }
@keyframes slide3-2 { 0% { opacity: 0; }
  20% { opacity: 0; }
  33% { opacity: 1; }
  87% { opacity: 1; }
  88% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes slide3-3 { 0% { opacity: 0; }
  53% { opacity: 0; }
  66% { opacity: 1; }
  88% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes sway { 0% { transform: scale(1.1) translate(-4.5%, 0); }
  100% { transform: scale(1.1) translate(4.5%, 0); } }
img[src$=".svg"] { width: 100%; }

a { color: inherit; }

.block-template-add-cart-button { margin: 0; height: 48px; }
.block-template-add-cart-button a { height: 100%; padding: 0; display: flex; justify-content: center; align-items: center; border: none; position: relative; background: #333; }
.block-template-add-cart-button a::after { display: block; content: ""; border-left: solid 4px; border-top: solid 4px transparent; border-bottom: solid 4px transparent; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); transition: transform .4s ease 0s; }
.block-template-add-cart-button a.is-arrival-notice, .block-template-add-cart-button a.is-end-of-sale { background: #FFFFFF !important; border: solid 1px #CCCCCC !important; }

.block-template-modal-add-cart-contents { margin: 0; }
.block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__title, .block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__number-types, .block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__price, .block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__more { display: none; }
.block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__button { height: 48px; padding: 0; display: flex; justify-content: center; align-items: center; border: none; position: relative; background: #333; }
.block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__button::after { display: block; content: ""; border-left: solid 4px; border-top: solid 4px transparent; border-bottom: solid 4px transparent; position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); transition: transform .4s ease 0s; }

#gift-wrapper { color: #000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "akzidenz-grotesk", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif; width: 100%; z-index: 1; line-height: 1; letter-spacing: 0; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
*::selection { background: #cdcdcd; }
*::-moz-selection { background: #cdcdcd; }
h1, h2, h3, h4, h5, p, ul, li { line-height: inherit; letter-spacing: inherit; margin: 0; }
img { width: 100%; vertical-align: top; }
.inner { width: 94%; max-width: 1100px; box-sizing: border-box; }
section { padding: 30px 0 40px; }
section .section-head { text-align: center; margin: 0 0 40px; }
section .section-head .section-title { font-size: 20px; letter-spacing: 0.1em; }
section .section-head .catch { margin: 30px 0 0; font-size: 14px; line-height: 1.4; letter-spacing: 0.1em; }
/*section .section-head .catch.each-span .row { display: block; }
section .section-head .catch.each-span .row span { display: inline-block; opacity: 0; transform: rotateY(90deg) translate(0, -10px); }
section .section-head .catch.each-span .row span.is-show { opacity: 1; transform: none; transition: opacity .4s ease 0s, transform .6s ease 0s; }

section .section-head .catch.each-span .row span { transform: none; filter: blur(3px);}
section .section-head .catch.each-span .row span.is-show { filter: blur(0px); transition: opacity 0.4s ease 0s, filter 0.6s ease 0s;}
*/
@media screen and (min-width: 768px) {
  a { -webkit-transition: opacity .3s; transition: opacity .3s; }
  .sp, .smallsp, .largesp { display: none !important; }
  .pc { display: block !important; }
  section { padding: 80px 0; }
  section .section-head { margin: 0 0 30px; }
  section .section-head .catch.each-span .row { display: inline-block; }
}
@media screen and (max-width: 767px) {
  .pc { display: none !important; }
  section .section-head { margin: 0 0 20px;}
  section .section-head .section-title { font-size: 16px;}
}

hr {border: none; padding: 10px 0}

/****************************
*** 追従nav
*****************************/
.sticky-nav { 
  position: fixed; 
  right: 0; 
  bottom: 0; 
  left: 0; 
  z-index: 99; 
  height: 70px; 
  background: #000; 
  display: flex; 
  align-items: center; 
  color:#fff;
}
.sticky-nav ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.sticky-nav ul li { width: calc(100% / 3); text-align: center; font-size: 11px; line-height: 2.09; letter-spacing: 0.02em; }
.sticky-nav ul li a { display: inline-block; padding: 0 10px; position: relative; }
.sticky-nav ul li a::after { display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 3px; aspect-ratio: 1; background: #fff; border-radius: 50%; opacity: 0; transition: opacity .4s ease 0s; }
.sticky-nav ul li.is-current a::after { opacity: 1; }
.sticky-nav ul li ul li a{font-size: 12px;}

.navchip {position: relative;display: inline-block;	cursor: pointer;}
.navchip .navchip_text {position: absolute;color:#000;z-index: 1;bottom: 100%;left: 0;visibility: hidden;width: auto;white-space: nowrap;padding: 0.3em 0.5em;transition: opacity 1s;text-align: center;opacity: 0;	border-radius: 6px;	background-color: #fff;}
.navchip:hover .navchip_text {visibility: visible;opacity: 1;}

@media screen and (min-width: 768px) {
  .sticky-nav { height: 50px; transform: translate(0, 100%); opacity: 0; transition: opacity 1.2s ease 0s, transform 1.2s ease 0s;  }
  .sticky-nav ul { column-gap: 35px; }
  .sticky-nav ul li { width: auto; font-size: 13px; }
  .sticky-nav ul li a { padding: 0 17px; }
  .sticky-nav.is-visible { opacity: 1; transform: none; transition: opacity 1.2s ease 0s, transform 1.2s ease 0s; }
}
@media screen and (min-width: 768px) and (max-width: 1000px) { .sticky-nav ul { column-gap: 15px; }
  .sticky-nav ul li a { padding: 0 10px; }
}
@media screen and (max-width: 767px) {
  .sticky-nav ul li { line-height: 2.24; }
  .sticky-nav ul li ul li { width: calc(100% / 1) !important;}
}




/****************************
*** BUTTON
*****************************/
/* ボタンカラー */
.knowmore {width: 100%;}

/*** 商品詳細を見る（黒） ***/
.knowmore.-black, .knowmore.-black a { background: #000; color: #fff}
.knowmore.-black:hover .knowmore.-black a:hover {background: #000; color: #fff}

/*** 商品詳細を見る（グレー） ***/
.knowmore.-gray, .knowmore.-gray a { background: #595959; color: #fff}
.knowmore.-gray:hover .knowmore.-gray a:hover {background: #595959; color: #fff}

/*** 商品詳細を見る（カラー） ***/
.knowmore.-pink, .knowmore.-pink a { background: #B25D61; color: #fff}
.knowmore.-pink:hover, .knowmore.-pink a:hover {background: #a2454a; color: #fff}

/*** 商品詳細を見る（カラー） ***/
.knowmore.-silver, .knowmore.-silver a { background: #657068; color: #fff}
.knowmore.-silver:hover, .knowmore.-silver a:hover {background: #c7c6c5; color: #fff}

/*** 商品詳細を見る（カラー） ***/
.knowmore.-red, .knowmore.-red a { background: #bd1320; color: #fff}
.knowmore.-red:hover, .knowmore.-red a:hover {background: #cc2330; color: #fff}


/* 商品詳細を見る */

/* 売り切れ */
.knowmore_none {background: #fff; border: solid 1px #EAEAEA;pointer-events: none; color: #000}

/*** 記事を読む ***/
/* .knowmore.-white,  */
.knowmore.-white a {background: #fff; color: #000}
/* .knowmore.-white:hover,  */
.knowmore.-white a:hover {background: #000; color: #fff;} 


/* ボタンベース */
section .section-contents .item-list .item-single .textarea .knowmore { position: relative; }
section .section-contents .item-list .item-single .textarea .knowmore { height: 48px; font-size: 13px; }
section .section-contents .item-list .item-single .textarea .knowmore_none { position: relative; }
section .section-contents .item-list .item-single .textarea .knowmore_none { height: 48px; font-size: 13px;}
section .section-contents .item-list .item-single .textarea .knowmore a { display: flex; justify-content: center; align-items: center; height: 100%; }
section .section-contents .item-list .item-single .textarea .knowmore_none a {pointer-events: none; display: flex; justify-content: center; align-items: center; height: 100%; }
section .section-contents .item-list .item-single .textarea .knowmore a::after { display: block; content: ""; border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); }
@media screen and (min-width: 768px) { 
  section .section-contents .item-list .item-single .textarea .knowmore a { transition: opacity .4s ease 0s, color .4s ease 0s, background .4s ease 0s; }
  section .section-contents .item-list .item-single .textarea .knowmore a::after { transition: transform .4s ease 0s; }
  section .section-contents .item-list .item-single .textarea .knowmore a:hover::after { transform: translate(3px, -50%); }
}

/* ボタン OCCASIONAL-GIFT */
#occasional-gift .section-contents .item-list .item-single .textarea .btn-container .knowmore { position: relative;}
#occasional-gift .section-contents .item-list .item-single .textarea .btn-container .knowmore a { display: flex; justify-content: center; align-items: center; height: 100%;}
#occasional-gift .section-contents .item-list .item-single .textarea .btn-container .knowmore a::after { display: block; content: ""; border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); }
@media screen and (max-width: 767px) {
  #occasional-gift .section-contents .item-list .item-single.half .textarea .btn-container .knowmore { height: 40px; }
}

/* リンク OCCASIONAL-GIFT */
#occasional-gift .section-contents .read-link {position: relative;text-align: center;margin: 0 auto 0;}
#occasional-gift .section-contents .read-link a { position: relative; display: inline-block;}
#occasional-gift .section-contents .read-link img{width: 70%;}

/* ボタン 訴求エリア */
#recommend .flex-container .textarea .knowmore { position: relative; height: 40px; width: 100%;}
#recommend .flex-container .textarea .knowmore a { display: flex; justify-content: center; align-items: center; height: 100%;}
#recommend .flex-container .textarea .knowmore a::after { display: block; content: ""; border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); }
@media screen and (max-width: 767px) {
  #recommend .flex-container .textarea .knowmore {width: 100%;}
}

/* ボタン ONLINE-LIMITED */
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .knowmore { height: 40px; font-size: 13px; }
@media screen and (min-width: 768px) {
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .knowmore { height: 48px; }
}


/* ボタン JUBILEE-LIMITED */
#occasional-gift-limited .section-contents .item-list .item-single .textarea .btn-container .knowmore { position: relative; }
#occasional-gift-limited .section-contents .item-list .item-single .textarea .btn-container .knowmore a { display: flex; justify-content: center; align-items: center; height: 100%; }
#occasional-gift-limited .section-contents .item-list .item-single .textarea .btn-container .knowmore a::after { display: block; content: ""; border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); }
@media screen and (max-width: 767px) {
  #occasional-gift-limited .section-contents .item-list .item-single.half .textarea .btn-container .knowmore  { display: flex; flex-direction: column; }
}


/* ボタン SELECT CATEGORY */
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .knowmore { height: 40px; font-size: 12px; }
@media screen and (min-width: 768px) {
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .knowmore { height: 48px; font-size: 13px; }
}


/* ボタン JOURNAL */
#journal-articles .knowmore a, #journal-articles .knowmore span {height: 100%;display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: relative;}
#journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .knowmore { max-width: 250px; height: 44px; margin: 0 auto;}
@media screen and (min-width: 768px) {
  #journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .knowmore { width: 200px; max-width: 100%; order: 5;}
  #journal-articles .knowmore { max-width: 300px; height: 44px; margin: 0;  }
  #journal-articles .knowmore a, #journal-articles  .knowmore span { transition: background .4s ease 0s, color .4s ease 0s, opacity .4s ease 0s; }
  #journal-articles .knowmore a::after, #journal-articles  .knowmore span::after { transition: transform .4s ease 0s; }
  #journal-articles .knowmore a:hover::after { transform: translate(3px, -50%);}
}

/****************************
*** FUNCTION
*****************************/

/*** PARALLAX ***/
.parallax { overflow: hidden; position: relative; }
.parallax .imagearea { position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); }
.parallax .imagearea .image-inner { transition: transform 0.1s cubic-bezier(0, 0, 0, 0.1) 0s; will-change: transform; }


/*** SWIPER ***/
section .section-contents .item-list { position: relative; overflow: hidden; }
section .section-contents .item-list > .swiper { overflow: visible; }
section .section-contents .item-list > .swiper .item-single { opacity: 0; transform: translate(0, 20px); }
section .section-contents .item-list.is-show > .swiper { overflow: visible; }
section .section-contents .item-list.is-show > .swiper .item-single { opacity: 1; transform: none; transition: opacity 1.2s ease 0s, transform 1.2s ease 0s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(2) .item-single { transition-delay: 0.2s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(3) .item-single { transition-delay: 0.4s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(4) .item-single { transition-delay: 0.6s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(5) .item-single { transition-delay: 0.8s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(6) .item-single { transition-delay: 1s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(7) .item-single { transition-delay: 1.2s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(8) .item-single { transition-delay: 1.4s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(9) .item-single { transition-delay: 1.6s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(10) .item-single { transition-delay: 1.8s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(11) .item-single { transition-delay: 2s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(12) .item-single { transition-delay: 2.2s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(13) .item-single { transition-delay: 2.4s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(14) .item-single { transition-delay: 2.6s; }
section .section-contents .item-list.is-show > .swiper .swiper-slide:nth-child(15) .item-single { transition-delay: 2.8s; }
section .section-contents .item-list .swiper-scrollbar { width: 90.67%; margin: 38px auto 0; background: #fff; height: 3px; }
section .section-contents .item-list .swiper-scrollbar .swiper-scrollbar-drag { background: #595757; }
section .section-contents .item-list .swiper-controller { position: absolute; left: 0; right: 0; top: calc(var(--vw) * (0.213 * 100)); transform: translate(0, -50%); display: flex; justify-content: space-between; }
section .section-contents .item-list .swiper-controller .swiper-button-prev, section .section-contents .item-list .swiper-controller .swiper-button-next { position: static; width: 5.33%; height: auto; margin: 0; }
section .section-contents .item-list .swiper-controller .swiper-button-prev img, section .section-contents .item-list .swiper-controller .swiper-button-next img { width: 30%; }

@media screen and (max-width: 767px) {
  section .section-contents .item-list .swiper-scrollbar { background: #D7D7D7;}
}
@media screen and (min-width: 768px) {
  section .section-contents .item-list .swiper-scrollbar .swiper-scrollbar-drag {background: linear-gradient(0deg, rgba(89,87,87,0) 0%, rgba(89,87,87,0) 32%, rgba(89,87,87,1) 33%, rgba(89,87,87,1) 66%, rgba(89,87,87,0) 67%, rgba(89,87,87,0) 100%);}
  section .section-contents .item-list .swiper-scrollbar .swiper-scrollbar-drag:hover { cursor: pointer;}
}




/****************************
*** MV
*****************************/
/*** 画像１枚の場合はcss適用無し ***/


/*** 画像+テキスト ***/
#top-left-content, #top-right-content { opacity: 0; }
#top-left-content #top .image-container, #top-right-content #top .image-container { position: relative; overflow: hidden;}
#top-left-content #top .image-container .imagearea, #top-right-content #top .image-container .imagearea { opacity: 0;}
#top .image-container .imagearea img {
    aspect-ratio: 1 / 1;
}
#top .image-container .titlearea { width: 66.67%; position: absolute; left: 16.53%; top: 60.8%; text-align: center;}
#top.top-simple .image-container .titlearea {position: absolute;color: #ed1b23;text-align: center;left: 0;right: 0;top: 68vw;z-index: 2; width: 100%}
#top.top-simple .image-container .titlearea {font-family: "Akzidenz-Grotesk Regular", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif;}
#top .image-container .titlearea .logo { position: relative; margin: 0 0 5.0%; aspect-ratio: 900 / 80;}
#top .image-container .titlearea .logo img{ width: 60%;}
#top .image-container .titlearea .logo svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible;}
#top .image-container .titlearea .logo svg path.heart { fill: transparent !important;}
#top .image-container .titlearea .catch { font-size: 3.6vw; letter-spacing: .09em; margin: 0 0 6.4%; opacity: 0;}
#top .image-container .titlearea .page-title { font-size: 4.8vw; letter-spacing: .1em; opacity: 0;}
#top .image-container .titlearea .page-subtitle {font-size: 1.8vw;letter-spacing: .1em;margin: 0 0 1% 0.5%;}
#top .image-container .promotion { position: absolute; left: 0; right: 0; bottom: 0; /* background: #828282; */height: 45px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFFFFF; font-size: 12px;}
#top .image-container .promotion .text.line-1 {padding: 0 0 5px; margin: 0 0 5px; border-bottom: solid 1px;}
#top .image-container .promotion .text.line-2 { font-size: 11px; line-height: 1.4em; text-align: center;}
#top .textarea { padding: 20px 17px 10px; font-size: 14px; text-align: center; letter-spacing: .1em;}
#top .textarea .text { line-height: 1.5; margin: 0 0 20px;}
#top .textarea .page-nav ul { display: flex;}
#top .textarea .page-nav ul li a { display: block;}
#top .textarea .page-nav ul li a img { display: block; width: 18px; margin: 10px auto 0;}
#top .textarea .page-nav ul li:nth-child(1), #top .textarea .page-nav ul li:nth-child(3) { flex: 1;}
#top-left-content.is-loaded,#top-right-content.is-loaded { opacity: 1 !important; transition: opacity 2s ease 0s;}
#top-left-content.is-loaded #top .image-container .imagearea,#top-right-content.is-loaded #top .image-container .imagearea { opacity: 1; transition: opacity 2s ease 1.2s;}
#top-left-content.is-loaded #top .image-container .titlearea .logo svg path.heart,
#top-right-content.is-loaded #top .image-container .titlearea .logo svg path.heart {stroke: transparent; fill: #ed1b23 !important; transition: fill 2s ease 1s, stroke 2s ease 1s;}
#top-left-content.is-loaded #top .image-container .titlearea .catch,
#top-left-content.is-loaded #top .image-container .titlearea .page-title,
#top-right-content.is-loaded #top .image-container .titlearea .catch,
#top-right-content.is-loaded #top .image-container .titlearea .page-title { opacity: 1; transition: opacity 2s ease 1s;}
#top.top-simple .image-container .titlearea .arrow {display: none;}
#top.top-simple .image-container .comment {font-size: 3vw;line-height: 1.8;letter-spacing: .09em;margin: 8% auto 8%;text-align: center;}
#top-left-content #top.top-simple .image-container .titlearea .catch, #top-right-content #top.top-simple .image-container .titlearea .catch{font-size: 2.2vw;line-height: 1.5;letter-spacing: .09em;margin: 0 0 10%;}
@media screen and (max-width: 767px) {
  #top .image-container .titlearea .logo {margin: 0 0 4.4%; aspect-ratio: 900 / 80;}
  #top .image-container .titlearea .logo img{ width: 60%;}
  #top .image-container .titlearea .catch { font-size: 3.27vw; letter-spacing: .1em; margin: 0 0 7.4%; }
  #top .image-container .titlearea .page-title { font-size: 3.8vw; letter-spacing: .08em; line-height: 1.24em;margin: 0 0 2%;}
  #top .image-container .titlearea .page-subtitle {font-size: 3.8vw;}
  #top .textarea { font-size: 13px; }
  #top .textarea .text { margin: 10px 0 30px; }
}
@media screen and (orientation: landscape) {
  #top .image-container .imagearea img {aspect-ratio: 683 / 300;}
  #top .image-container .titlearea {width: 50%; text-align: center;}
  #top.top-simple .image-container .titlearea .page-title {font-size: 1.8vw;letter-spacing: .1em;margin: 0 0 2% 0.5%;}
  #top .image-container .titlearea .above {position: static;margin: 0 0 2.93%;}
  #top .image-container .titlearea .above h2 {font-size: 1.6vw; color: #e3b1b3; letter-spacing: .15em;margin: 0 0 1.9%;}
  #top .image-container .titlearea .arrow {display: block;width: 2.93%;margin: 0 auto;}
  #top .image-container .titlearea .arrow a img { display: block; }
  #top .image-container .titlearea .arrow a img { animation: arrow 2s linear 0s infinite; }
  #top.top-simple .image-container .titlearea .arrow {display: block; width: 4%; position: absolute; left: 0; right: 0; bottom: 5.33%; margin: 0 auto;}
.logo-img {
  filter: brightness(0) saturate(100%) invert(22%) sepia(90%) saturate(4894%) hue-rotate(355deg) brightness(95%) contrast(97%);
}
	
  #top-left-content #top,
  #top-right-content #top {position: relative;}
  #top-left-content #top .image-container .titlearea { width: 25.31%; left: 9.42%; top: 18.83%; }
  #top-right-content #top .image-container .titlearea { width: 25.31%; left: initial; right: 9.42%; top: 25.83%; }
  #top .image-container .titlearea .logo { /*margin: 0 0 9.23%;*/}
  #top .image-container .titlearea .catch { font-size: 1.25vw; margin: 0 0 4.62%; }
  #top .image-container .titlearea .page-title { font-size: 1.41vw;}
  #top .image-container .titlearea p { font-size: 1.00vw;line-height: 1.6em; margin: 8% 0 0 0;}
  #top-left-content #top.top-simple .image-container .titlearea .catch, #top-right-content #top.top-simple .image-container .titlearea .catch{font-size: 1.14vw; line-height: 1.5; letter-spacing: .09em; margin: 0 0 10%;}

  #top-left-content #top.top-simple .image-container .titlearea {width: 36.6%; color: #cc2330; position: absolute; left: 10.27%; top: 38%; text-align: left; z-index: 2;}
  #top-left-content #top.top-simple .image-container .titlearea {font-family: "Akzidenz-Grotesk Regular", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif;}
  #top-right-content #top.top-simple .image-container .titlearea {width: 36.6%; position: absolute; left: 58.27%; top: 38%; text-align: center; z-index: 2;}
  #top .textarea { padding: 40px 0 0; }
  #top .textarea .text {margin: 0; }
  #top-left-content #top .textarea .page-nav { position: absolute; width: 23.44%; left: 9.78%; top: calc( var(--vw) * 25.978125 ); opacity: 0;}
  #top-right-content #top .textarea .page-nav {position: absolute; width: 23.44%; left: initial; right: 9.78%; top: calc( var(--vw) * 25.978125 ); opacity: 0;}
  #top .textarea .page-nav ul { justify-content: space-between; }
  #top .textarea .page-nav ul li { font-size: 0.94vw;}
  #top .textarea .page-nav ul li a { transition: color .4s ease 0s;}
  #top .textarea .page-nav ul li a u { text-decoration: none;}
  #top .textarea .page-nav ul li a img { width: 1.41vw; margin: 0.78vw auto 0; transition: transform .4s ease 0s;}
  #top .textarea .page-nav ul li a:hover { opacity: 1; color: #B25D61; }
  #top .textarea .page-nav ul li a:hover img { transform: translate(0, 3px); }
  #top .textarea .page-nav ul li:nth-child(1), #top .textarea .page-nav ul li:nth-child(3) { flex: none; }
  #top-left-content.is-loaded #top .textarea .page-nav,
  #top-right-content.is-loaded #top .textarea .page-nav { opacity: 1; transition: opacity 2s ease 1s; }
}


/*** 動画 ***/
#top .moviearea { position: relative; aspect-ratio: 1; }
#top .moviearea video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.pc-video {display: block;}
.sp-video {display: none;}
#top .moviearea {aspect-ratio: 560 / 315; position: relative;}
#top .moviearea .iframe-wrapper { position: absolute; top: 0; left: 0; width: 100%!important; height: 100% !important;}
@media screen and (max-width: 767px) {
  .pc-video {display: none;}
  .sp-video {display: block;}
}
@media screen and (orientation: landscape) {
  #top .moviearea { aspect-ratio: auto; height: auto; }
  #top .moviearea video { position: static; object-fit: fill; vertical-align: middle;overflow: hidden; }
  #top .image-container {/*background: #70111f;*/display: flex;align-items: center;}
  #top .image-container .imagearea {width: 100%;}
}




/****************************
*** ITEM LIST COMMON
*****************************/
section .section-contents .item-list .item-single .imagearea { aspect-ratio: 1; }
section .section-contents .item-list .item-single .imagearea img { height: 100%; object-fit: cover; }
section .section-contents .item-list .item-single .textarea { text-align: center; padding: 20px 0 0; }
section .section-contents .item-list .item-single .textarea .kit-contents { margin: 15px 0 0; text-align: left; }
section .section-contents .item-list .item-single .textarea .kit-contents .kit-contents-title { font-size: 12px; line-height: 1.33; }
section .section-contents .item-list .item-single .textarea .kit-contents .kit-contents-title a{ text-decoration: underline;}
section .section-contents .item-list .item-single .textarea .kit-contents .kit-contents-item { padding: 8px 0 0; font-size: 12px; line-height: 1.5; }
section .section-contents .item-list .item-single .textarea .kit-contents .kit-contents-item ul li { display: flex; align-items: baseline; column-gap: .25em; }
section .section-contents .item-list .item-single .textarea .kit-contents .kit-contents-item ul li::before { display: block; content: "・"; }
section .section-contents .toggle-container .toggle-btn a { display: inline-flex; align-items: center; column-gap: 5px; }
section .section-contents .toggle-container .toggle-btn a i { font-size: 0; width: 5px; aspect-ratio: 1; position: relative; }
section .section-contents .toggle-container .toggle-btn a i::before, section .section-contents .toggle-container .toggle-btn a i::after { display: block; content: ""; background: currentColor; position: absolute; }
section .section-contents .toggle-container .toggle-btn a i::before { left: calc((100% - 1px) / 2); top: 0; bottom: 0; width: 1px; transition: opacity .4s ease 0s, transform .4s ease 0s; }
section .section-contents .toggle-container .toggle-btn a i::after { left: 0; right: 0; top: calc((100% - 1px) / 2); height: 1px; }
section .section-contents .toggle-container .toggle-btn.is-open a i::before { transform: rotate(90deg); opacity: 0; }
section .section-contents .toggle-container .toggle-content { display: none; }
@media screen and (max-width: 767px) {
  section .section-contents .item-list .item-single .textarea { padding: 0;}
}
@media screen and (min-width: 768px) { 
  section .section-contents .item-list > .swiper.only-sp-slider .swiper-wrapper { display: flex; flex-wrap: wrap; }
  section .section-contents .item-list .item-single .textarea { padding: 26px 0 0; }
  section .section-contents .item-list .item-single .textarea .kit-contents .kit-contents-item { padding: 10px 0 0; line-height: 1.67; }
  section .section-contents .item-list .swiper-scrollbar { width: 73.21%; margin: 50px auto 0; }
  section .section-contents .item-list .swiper-controller { display: none; }
  section .section-contents .item-list:has(.swiper.only-sp-lider) { overflow: visible; }
  section .section-contents .item-list:has(.swiper.only-sp-lider) .swiper-scrollbar { display: none; }
}



/****************************
*** OCCASIONAL GIFT
*****************************/
/* メインカラー */
#occasional-gift { background-image: none; margin: 0 0 0; animation: bg-gradient 9s ease infinite; background: linear-gradient(-225deg, #ffffff 0%, #f3f3f3 56%, #ffffff 100%) 0 / 200% 100%;}
@keyframes bg-gradient { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
#occasional-gift .section-head .section-title {color: #cc2330;}
#occasional-gift .section-contents { display: flex; flex-direction: column; row-gap: 80px; }
#occasional-gift .section-contents .item-list { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 4.27%; row-gap: 60px; }
#occasional-gift .section-contents .item-list .item-single { width: 100%; opacity: 0; }
#occasional-gift .section-contents .item-list .item-single .image-container { aspect-ratio: 375 / 260; }
#occasional-gift .section-contents .item-list .item-single .image-container .imagearea { aspect-ratio: auto; }
#occasional-gift .section-contents .item-list .item-single .image-container .imagearea .image-inner img { object-fit: fill; filter: blur(3px); }
#occasional-gift .section-contents .item-list .item-single .textarea { width: 80%; margin: 0 auto; }
#occasional-gift .section-contents .item-list .item-single .textarea .read-more { position: relative; text-align: left; margin: 15px auto 0; }
#occasional-gift .section-contents .item-list .item-single .textarea .read-more a { position: relative; display: inline-block; font-size: 12px; padding-left: 10px;}
#occasional-gift .section-contents .item-list .item-single .textarea .read-more a::before { content: ''; width: 0; height: 0; border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; border-color: transparent transparent transparent #fff; position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
#occasional-gift .section-contents .item-list .item-single .textarea .item-name { font-size: 16px; line-height: 1.25; margin: 0 0 6px; }
#occasional-gift .section-contents .item-list .item-single .textarea .price { font-size: 13px; line-height: 1.23; margin: 0 0 16px; }
#occasional-gift .section-contents .item-list .item-single.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
#occasional-gift .section-contents .item-list .item-single.is-show .image-container .imagearea .image-inner img { filter: none; transition: filter 1.2s ease 0s; }
#occasional-gift .section-contents .item-list .item-single .imagearea .tag {position: absolute;top: 1.5%; right: 1.5%;text-align: center;display: block;width: 60px; border:1px solid #D9D9D9; font-size: 11px;padding: 8px 0; background-color: #fff; z-index: 10;}

#occasional-gift .section-contents .holiday-wrapping { opacity: 0; }
#occasional-gift .section-contents .holiday-wrapping .flex-container { display: flex; flex-direction: column; row-gap: 30px; }
#occasional-gift .section-contents .holiday-wrapping .flex-container .image-container { aspect-ratio: 375 / 200; }
#occasional-gift .section-contents .holiday-wrapping .flex-container .image-container .imagearea .image-inner img { filter: blur(3px); }
#occasional-gift .section-contents .holiday-wrapping .flex-container .textarea { width: 90.67%; margin: 0 auto; }
#occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .title { font-size: 18px; line-height: 1.22; letter-spacing: 0.06em; margin-bottom:0;}
#occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .caption { font-size: 12px; line-height: 1.83; letter-spacing: 0.06em; margin: 0 0 12px; }
#occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .text { font-size: 12px; line-height: 1.67; }
#occasional-gift .section-contents .holiday-wrapping.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
#occasional-gift .section-contents .holiday-wrapping.is-show .flex-container .image-container .imagearea .image-inner img { filter: none; transition: filter 1.2s ease 0s; }

@media screen and (max-width: 767px) {
  #occasional-gift .section-contents .item-list .item-single.half { width: 42.67%; }
  #occasional-gift .section-contents .item-list .item-single.half .image-container { aspect-ratio: 160 / 220; }
  #occasional-gift .section-contents .item-list .item-single.half .textarea { width: 100%; text-align: left; padding: 0; }
  #occasional-gift .section-contents .item-list .item-single.half .textarea .item-name { font-size: 13px; line-height: 1.23; }
  #occasional-gift .section-contents .item-list .item-single.half .textarea .price { font-size: 12px; }
  #occasional-gift .section-contents .item-list .item-single.half .textarea .btn-container .block-template-add-cart-button,
  #occasional-gift .section-contents .item-list .item-single.half .textarea .btn-container .block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__button { height: 40px; }
  #occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .text {font-size: 12px; line-height: 1.4; margin: 10px 0 15px;}
  #occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .caption {font-size: 11px; line-height: 1.7; }
  #occasional-gift .section-head .catch { margin: 15px 0 40px; font-size: 12px; line-height: 1.4; letter-spacing: 0.1em; }
  #occasional-gift .section-contents .item-list .item-single .textarea { width: 80%; margin: 20px auto 0; }
  #occasional-gift .section-contents .item-list .item-single.half .textarea .btn-container .block-template-add-cart-button, 
  #occasional-gift .section-contents .item-list .item-single.half .textarea .btn-container .block-template-modal-add-cart-contents .block-template-modal-add-cart-contents__button { height: 40px; }
  #occasional-gift .section-contents .item-list .item-single { display: flex; flex-direction: column;}
  #occasional-gift .section-contents .item-list .item-single .textarea { flex: 1; display: flex; flex-direction: column;  }
  #occasional-gift .section-contents .item-list .item-single.half .textarea .item-name { flex: 1;}
}
@media screen and (min-width: 768px) { 
  #occasional-gift .section-contents { row-gap: 60px; }
  #occasional-gift .section-contents .item-list { width: 96.63%; flex-direction: row; flex-wrap: wrap; row-gap: 110px; column-gap: calc((100% - 31.82% * 3) / 2); margin: 0 auto; }
  #occasional-gift .section-contents .item-list .item-single { width: 23.2%; }
  #occasional-gift .section-contents .item-list .item-single .image-container { aspect-ratio: 1; }
  #occasional-gift .section-contents .item-list .item-single .textarea { width: 93.81%; }
  #occasional-gift .section-contents .item-list .item-single .textarea .item-name { margin: 0 0 10px; }
  #occasional-gift .section-contents .item-list .item-single .textarea .price { margin: 0 0 22px; }
  #occasional-gift .section-contents .item-list .item-single .textarea .read-more {position: relative; text-align: left; margin: 20px auto 0; }
  #occasional-gift .section-contents .item-list .item-single .textarea .read-more a {position: relative; display: inline-block; font-size: 12px; padding-left: 10px;}
  #occasional-gift .section-contents .item-list .item-single .textarea .read-more a::before { content: ''; width: 0;  height: 0; border-left: solid 4px;  border-top: solid 3px transparent;  border-bottom: solid 3px transparent;  border-color: transparent transparent transparent #fff;  position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
  #occasional-gift .section-contents .holiday-wrapping { width: 1000px; max-width: 96%; margin: 0 auto; padding: 95px 0 0; border-top: solid 1px #ccc; }
  #occasional-gift .section-contents .holiday-wrapping .flex-container { flex-direction: row; align-items: center; column-gap: 4.4%; }
  #occasional-gift .section-contents .holiday-wrapping .flex-container .image-container { flex: 1; aspect-ratio: 300 / 250; }
  #occasional-gift .section-contents .holiday-wrapping .flex-container .textarea { width: 65.3%; margin: 0; }
  #occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .title { line-height: 1.33; letter-spacing: 0.1em; }
  #occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .caption { line-height: 1.5; letter-spacing: 0.1em; margin: 0 0 18px; }
  #occasional-gift .section-contents .holiday-wrapping .flex-container .textarea .text { font-size: 14px; line-height: 1.5; letter-spacing: 0.1em;margin: 10px 0 30px; }
}




/****************************
*** RECOMMEND
*****************************/
#recommend { opacity: 0; }
#recommend  .section-head {text-align: center; color: #333333;}

#recommend .section-head .catch {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
#recommend .recommend-item-container {color: #333333;}
#recommend .recommend-item-container .recommend-item {align-items: flex-start;}
#recommend .flex-container { display: flex; flex-direction: column; row-gap: 30px; }
#recommend .flex-container .image-container { /*aspect-ratio: 1;*/ }
#recommend .flex-container .image-container .imagearea .image-inner {width: 85%; margin: 0 auto;}
#recommend .flex-container .image-container .imagearea .image-inner img {object-fit: fill; filter: blur(3px); aspect-ratio: 1 / 1; }
#recommend .flex-container .image-container .image-inner-txt { background: #EFEFEF; color: #090909; line-height: 1.7;}
#recommend .flex-container .textarea { width: 93.67%; margin: 0 auto; }
#recommend .flex-container .textarea .title { font-size: 16px; line-height: 1.22; letter-spacing: 0.06em; margin-bottom: 0;}
#recommend .flex-container .textarea .recommend-item-product-img {width: 80%;margin:0 auto;}
#recommend .flex-container .textarea .recommend-item-product-img img {aspect-ratio: 1 / 1;}

#recommend .flex-container .textarea .text { font-size: 12px; line-height: 1.67; }
#recommend.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
#recommend.is-show .flex-container .image-container .imagearea .image-inner img { filter: none; transition: filter 1.2s ease 0s; }
@media screen and (max-width: 767px) {
  #recommend { width: 100%;  max-width:450px; margin: 0 auto; padding: 50px 0 40px; }
  #recommend .section-head .section-title {font-size: 16px;letter-spacing: 0.1em;}
  .recommend-item + .recommend-item {margin-top: 50px;}
  #recommend .recommend-item-container { margin: 20px 15px 0;}
  #recommend .recommend-item-container .recommend-item {width: 100%; position: relative; padding-top: 65px}
  #recommend .flex-container .image-container {width: 100%;}
  #recommend .flex-container .image-container .image-inner-txt {margin-top: 20px; padding: 10px; font-size: 11px;}
  #recommend .flex-container .textarea .sp-posi-absolute {position: absolute; top: 0px; width: 90%; text-align: center; font-size: 14px;}
  #recommend .flex-container .textarea .title { font-size: 15px; line-height: 1.22; letter-spacing: 0.06em; margin: 15px auto;}
  #recommend .flex-container .textarea .text { font-size: 14px; line-height: 1.5; letter-spacing: 0.1em;margin: 15px 0 15px; }
  #recommend .flex-container .textarea .textarea-price {font-size: 12px; line-height: 1.6;}
  #recommend .flex-container .textarea .textarea-adtext {font-size: 12px; line-height: 1.6;}
  #recommend .flex-container .textarea .textarea-desc {font-size: 13px;}
  #recommend .flex-container .textarea .recommend-item-products {display: none;}
}
@media screen and (min-width: 768px) { 
  #recommend { width: 1050px; max-width: 96%; margin: 0 auto; padding: 100px 0 0; }
  #recommend .section-head { margin: 0 0 60px;}
  #recommend .section-head .section-title {font-size: 20px;letter-spacing: 0.1em;}
  .recommend-item + .recommend-item {margin-top: 120px;}
  #recommend .flex-container { flex-direction: row; align-items: flex-start; column-gap: 4.4%; }
  #recommend .flex-container .image-container { flex: 1; aspect-ratio: 1; width: 37.3%}
  #recommend .flex-container .image-container .image-inner-txt { padding: 15px 30px; margin-top: 30px; font-size: 11px;}
  #recommend .flex-container .textarea { width: 58.3%; margin: 0; }
  #recommend .flex-container .textarea .title { line-height: 1.33; letter-spacing: 0.1em; margin-bottom: 5px}
  #recommend .flex-container .textarea .text { font-size: 14px; line-height: 1.5; letter-spacing: 0.1em;margin: 15px 0 15px; }
  #recommend .flex-container .textarea .textarea-price {font-size: 12px; line-height: 1.6;}
  #recommend .flex-container .textarea .textarea-adtext {font-size: 12px; line-height: 1.6;}
  #recommend .flex-container .textarea .textarea-desc {font-size: 12px;}
  #recommend .flex-container .textarea .recommend-item-products {justify-content: space-between; gap: 20px; text-align: center; margin-top: 20px; padding-top: 10px; border-top: 1px solid #ddd;}
  #recommend .flex-container .textarea .recommend-item-products .recommend-item-product {
    width:calc((100% - 40px) / 2)
  }
  #recommend .flex-container .textarea .recommend-item-products .recommend-item-product .recommend-item-product-title {margin: 10px 0 15px; font-size: 13px; line-height: 1.6;}
  #recommend .flex-container .textarea .recommend-item-products .recommend-item-product .recommend-item-product-text {margin-bottom: 15px; font-size: 12px; line-height: 1.6;}
}


/****************************
*** TOPICS
*****************************/
#topics { padding-bottom: 0; }
#topics .section-contents .toggle-tab-container .toggle-tab { display: none; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single { padding: 55px 0 100px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea { text-align: center; width: 90.67%; margin: 0 auto 20px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .title { font-size: 18px; line-height: 1; margin: 0 0 18px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .catch { font-size: 14px; line-height: 1.43; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper { padding: 0 0 0 3.73%; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide { padding: 0 6.65% 0 0; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .mood { text-align: center; font-size: 12px; line-height: 1.67; letter-spacing: 0.1em; margin: 0 0 10px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .catch { text-align: center; font-size: 12px; line-height: 1.5; margin: 0 0 13px; color: #333; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .imagearea {position: relative;}
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .imagearea .tag {position: absolute;top: 1.5%; right: 1.5%;text-align: center;display: block;width: 60px; border:1px solid #D9D9D9; font-size: 11px;padding: 8px 0; background-color: #fff; z-index: 10;}
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name { font-size: 14px; line-height: 1.43; margin: 0 0 6px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name span { display: block; font-size: 12px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name .item-main { margin-top: 4px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .price { font-size: 13px; line-height: 1.23; margin: 0 0 18px; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .kit-contents { margin: 20px 0 0; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:first-child { padding-top: 0; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:first-child .titlearea { padding: 33px 0 0; border-top: 1px solid #CCC; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:nth-child(2n) { background: #f8f8f8; }
#topics .section-contents .with-tab .toggle-tab-contents { background: #ededed; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .read-more {position: relative;text-align: center;margin: 30px auto 0; }
#topics .section-contents .toggle-tab-container .toggle-tab-contents .read-more a {   position: relative; display: inline-block; padding-left: 12px;}
#topics .section-contents .toggle-tab-container .toggle-tab-contents .read-more a::before {content: ''; width: 0; height: 0;border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; border-color: transparent transparent transparent #333; position: absolute;top: 0;left: 0;bottom: 0;margin: auto;
}

@media screen and (min-width: 768px) {
  #topics { background: none; }
  #topics .section-head { margin: 0 0 40px; }
  #topics .section-contents .toggle-tab-container .toggle-tab { display: block; }
  #topics .section-contents .toggle-tab-container .toggle-tab ul { display: flex; justify-content: center; }
  #topics .section-contents .toggle-tab-container .toggle-tab ul li { width: 260px; height: 50px; font-size: 14px; background: #ededed;}
  #topics .section-contents .toggle-tab-container .toggle-tab ul li a { height: 100%; display: flex; justify-content: center; align-items: center; }
  #topics .section-contents .toggle-tab-container .toggle-tab ul li:not(.is-current) { background: #f8f8f8; color: #696969; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents { padding: 40px 0 61px; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .Jubilee-container { background: #fff  !important;}
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single { padding: 0; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea { width: auto; margin: 0 auto 40px; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .title { display: none; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .catch { font-size: 16px; line-height: 1.25; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper { padding: 0; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper { width: 984px; max-width: 100%; column-gap: calc((100% - 30.49% * 3) / 2); row-gap: 50px; margin: 0 auto; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide { padding: 0; width: 30.49%; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .mood { margin: 0 0 7px; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .catch { font-size: 14px; line-height: 1.43; letter-spacing: .1em; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name { font-size: 14px; line-height: 1.25; margin: 0 0 8px; letter-spacing: .06em; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name span { font-size: 12px; line-height: 1.43; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .price { margin: 0 0 26px; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .kit-contents { margin: 15px 0 0; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .swiper-slide {width:100%;}
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:first-child .titlearea { padding: 0; border-top: none; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:nth-child(2n) { background: none; display: none; }
  #topics .section-contents .titlearea .lead { line-height: 1.4em; letter-spacing: .1em; }
}
@media screen and (max-width: 767px) {
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .title { font-size: 16px; line-height: 1; margin: 0 0 10px; letter-spacing: .06em; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .lead { margin-bottom: 35px; font-size: 12px; line-height: 1.3; letter-spacing: 0.1em;}
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .catch { text-align: center; font-size: 13px; line-height: 1.5; margin: 0 0 13px; letter-spacing: .06em; }
  #topics { background:#ededed; padding-bottom: 0;}
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .imagearea .tag {left: 63%;}
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single { padding: 55px 0 30px; }
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:nth-child(2n) { background: none; }
}
@media screen and (min-width: 1367px) {
  #topics .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper >.swiper-wrapper {width: 72.04%;}
}



/****************************
*** ONLINE LIMITED
*****************************/
#limited-kit { padding-bottom: 0; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab { display: none; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single { padding: 55px 0 100px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea { text-align: center; width: 90.67%; margin: 0 auto 20px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .title { font-size: 18px; line-height: 1; margin: 0 0 18px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .catch { font-size: 14px; line-height: 1.43; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper { padding: 0 0 0 3.73%; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide { padding: 0 6.65% 0 0; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .mood { text-align: center; font-size: 12px; line-height: 1.67; letter-spacing: 0.1em; margin: 0 0 10px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .catch { text-align: center; font-size: 12px; line-height: 1.5; margin: 0 0 13px; color: #333; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name { font-size: 14px; line-height: 1.43; margin: 0 0 6px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name span { display: block; font-size: 12px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name .item-main { margin-top: 4px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .price { font-size: 13px; line-height: 1.23; margin: 0 0 18px; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .kit-contents { margin: 20px 0 0; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:first-child { padding-top: 0; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:first-child .titlearea { padding: 33px 0 0; border-top: 1px solid #CCC; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:nth-child(2n) { background: #f8f8f8; }
#limited-kit .section-contents .with-tab .toggle-tab-contents { background: #ededed; }
#limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .swiper-slide img {aspect-ratio: 1 / 1;}
@media screen and (min-width: 768px) {
  #limited-kit { background: none; }
  #limited-kit .section-head { margin: 0 0 40px; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab { display: block; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab ul { display: flex; justify-content: center; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab ul li { width: 260px; height: 50px; font-size: 14px; background: #ededed;}
  #limited-kit .section-contents .toggle-tab-container .toggle-tab ul li a { height: 100%; display: flex; justify-content: center; align-items: center; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab ul li:not(.is-current) { background: #f8f8f8; color: #696969; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents { padding: 40px 0 61px; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .Jubilee-container { background: #fff  !important;}
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single { padding: 0; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea { width: auto; margin: 0 auto 40px; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .title { display: none; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .catch { font-size: 16px; line-height: 1.25; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper { padding: 0; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper { width: 984px; max-width: 100%; column-gap: calc((100% - 30.49% * 3) / 2); row-gap: 50px; margin: 0 auto; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide { padding: 0; width: 30.49%; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .mood { margin: 0 0 7px; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .catch { font-size: 14px; line-height: 1.43; letter-spacing: .1em; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name { font-size: 14px; line-height: 1.25; margin: 0 0 8px; letter-spacing: .06em; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name span { font-size: 12px; line-height: 1.43; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .price { margin: 0 0 26px; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .kit-contents { margin: 15px 0 0; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .swiper-slide {width:100%;}
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:first-child .titlearea { padding: 0; border-top: none; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:nth-child(2n) { background: none; display: none; }
  #limited-kit .section-contents .titlearea .lead { line-height: 1.4em; letter-spacing: .1em; }
}
@media screen and (max-width: 767px) {
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .title { font-size: 16px; line-height: 1; margin: 0 0 10px; letter-spacing: .06em; }
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .titlearea .lead { margin-bottom: 35px; font-size: 12px; line-height: 1.3; letter-spacing: 0.1em;}
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .catch { text-align: center; font-size: 13px; line-height: 1.5; margin: 0 0 13px; letter-spacing: .06em; }
  #limited-kit { /*background: #f8f8f8;*/ padding-bottom: 0;}
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single { padding: 55px 0 30px; }
}
@media screen and (min-width: 1367px) {
  #limited-kit .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper >.swiper-wrapper {width: 72.04%;}
}

/*Jubilee Limited*/
#limited-kit #occasional-gift-limited .titlearea { text-align:center;}
#limited-kit #occasional-gift-limited .titlearea .title {font-size: 14px; margin:0 0 20px 0;}
#limited-kit #occasional-gift-limited .titlearea .lead {font-size: 14px; line-height: 1.4em; letter-spacing: .1em; }
#occasional-gift-limited { background-image: none;}
#occasional-gift-limited .section-contents { display: flex; flex-direction: column; row-gap: 80px;padding: 35px 0 40px;}
#occasional-gift-limited .section-contents .item-list { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 4.27%; row-gap: 60px; }
#occasional-gift-limited .section-contents .item-list .catch {text-align: center;font-size: 13px;line-height: 1.5; margin: 0 0 13px; color: #333;}
#occasional-gift-limited .section-contents .item-list .item-single { width: 100%; opacity: 0; }
#occasional-gift-limited .section-contents .item-list .item-single .image-container { aspect-ratio: 375 / 260; }
#occasional-gift-limited .section-contents .item-list .item-single .image-container .imagearea { aspect-ratio: auto; }
#occasional-gift-limited .section-contents .item-list .item-single .image-container .imagearea .image-inner img { object-fit: fill; filter: blur(3px); }
#occasional-gift-limited .section-contents .item-list .item-single .textarea { width: 80%; margin: 0 auto; }
#occasional-gift-limited .section-contents .item-list .item-single .textarea .item-name { font-size: 14px; line-height: 1.25; margin: 0 0 6px; }
#occasional-gift-limited .section-contents .item-list .item-single .textarea .item-name span {display: block; font-size: 12px;line-height: 1.43;}
#occasional-gift-limited .section-contents .item-list .item-single .textarea .price { font-size: 13px; line-height: 1.23; margin: 0 0 16px; }
#occasional-gift-limited .section-contents .item-list .item-single.is-show { opacity: 1; transition: opacity 1.2s ease 0s; }
#occasional-gift-limited .section-contents .item-list .item-single.is-show .image-container .imagearea .image-inner img { filter: none; transition: filter 1.2s ease 0s; }
@media screen and (max-width: 767px) {
  #limited-kit #occasional-gift-limited .titlearea .title {font-size: 16px;line-height: 1;margin: 0 0 10px;letter-spacing: .06em;}
  #limited-kit #occasional-gift-limited .titlearea .lead {font-size: 12px;line-height: 1.3;letter-spacing: 0.1em;}
  #occasional-gift-limited .section-contents .item-list .item-single {display: flex;flex-direction: column;}
  #occasional-gift-limited .section-contents .item-list .item-single .textarea {flex: 1;display: flex;flex-direction: column;}
  #occasional-gift-limited .section-contents .item-list .item-single .textarea {margin: 20px auto 0;}
  #occasional-gift-limited .section-contents .item-list .item-single.half .textarea .item-name {flex: 1;font-size: 13px; line-height: 1.23;}
  #occasional-gift-limited .section-contents .item-list .item-single.half { width: 42.67%; }
  #occasional-gift-limited .section-contents .item-list .item-single.half .image-container { aspect-ratio: 160 / 220; }
  #occasional-gift-limited .section-contents .item-list .item-single.half .textarea {width: 100%;text-align: left;margin: 20px auto 0;padding: 0;}
  #occasional-gift-limited .section-contents .item-list .item-single.half .textarea .price { font-size: 12px; }
}
@media screen and (min-width: 768px) {
  #occasional-gift-limited .section-contents { row-gap: 60px; padding: 40px 0 61px;}
  #occasional-gift-limited .section-contents .item-list {width: 984px;max-width: 96%;column-gap: calc((100% - 30.49% * 3) / 2);row-gap: 50px; margin: 0 auto;}
  #occasional-gift-limited .section-contents .item-list .catch {font-size: 14px; line-height: 1.43;letter-spacing: .1em;}
  #occasional-gift-limited .section-contents .item-list .item-single { width: 30.49%; }
  #occasional-gift-limited .section-contents .item-list .item-single .image-container { aspect-ratio: 1; }
  #occasional-gift-limited .section-contents .item-list .item-single .textarea { width: 100%; }
  #occasional-gift-limited .section-contents .item-list .item-single .textarea .item-name { margin: 0 0 10px; }
  #occasional-gift-limited .section-contents .item-list .item-single .textarea .price { margin: 0 0 22px; }
  #occasional-gift-limited .section-contents .holiday-wrapping { width: 1000px; max-width: 96%; margin: 0 auto; padding: 95px 0 0; border-top: solid 1px #ccc; }
  #occasional-gift-limited .section-contents .holiday-wrapping .flex-container { flex-direction: row; align-items: center; column-gap: 4.4%; }
  #occasional-gift-limited .section-contents .holiday-wrapping .flex-container .image-container { flex: 1; aspect-ratio: 300 / 250; }
  #occasional-gift-limited .section-contents .holiday-wrapping .flex-container .textarea { width: 65.3%; margin: 0; }
  #occasional-gift-limited .section-contents .holiday-wrapping .flex-container .textarea .title { line-height: 1.33; letter-spacing: 0.1em; }
  #occasional-gift-limited .section-contents .holiday-wrapping .flex-container .textarea .caption { line-height: 1.5; letter-spacing: 0.1em; margin: 0 0 18px; }
  #occasional-gift-limited .section-contents .holiday-wrapping .flex-container .textarea .text { font-size: 14px; line-height: 1.5; letter-spacing: 0.1em;margin: 10px 0 30px; }
}
@media screen and (min-width: 1367px) {
  #occasional-gift-limited .section-contents .item-list{ width: 72.04% !important;}
}




/****************************
*** SELECT CATEGORY & PRICE
*****************************/
#select-from section .section-head .section-title { font-size: 18px; }
#select-from section .section-contents .toggle-tab-container .toggle-tab { margin: 0 0 14px; }
#select-from section .section-contents .toggle-tab-container .toggle-tab ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; row-gap: 12px; }
#select-from section .section-contents .toggle-tab-container .toggle-tab ul li { min-width: 33.33%; display: flex; justify-content: center; text-align: center; font-size: 14px; line-height: 1.29; }
#select-from section .section-contents .toggle-tab-container .toggle-tab ul li a { height: 36px; display: flex; justify-content: center; align-items: center; position: relative; }
#select-from section .section-contents .toggle-tab-container .toggle-tab ul li a::after { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; opacity: 0; }
#select-from section .section-contents .toggle-tab-container .toggle-tab ul li.is-current a::after { opacity: 1; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single { display: none; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper { width: 89.33%; margin: 0 auto; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide { height: auto; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single { height: 100%; display: flex; flex-direction: column; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single img {aspect-ratio: 1 / 1;}
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .imagearea {position: relative;}
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .tag {position: absolute;top: 1.5%; right: 1.5%;text-align: center;display: block;width: 60px; border:1px solid #D9D9D9; font-size: 11px;padding: 8px 0; background-color: #fff;}
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea { text-align: left; flex: 1; display: flex; flex-direction: column; padding: 10px 0 0; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name { flex: 1; font-size: 13px; line-height: 1.23; margin: 0 0 8px; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .price { font-size: 12px; line-height: 1.33; margin: 0 0 8px; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .catch { font-size: 11px; line-height: 1.27; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 0 0 12px; color: #333; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list .swiper-scrollbar { background: #d7d7d7; }
#select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single:first-child { display: block; }
#select-from section:not(:last-child) { padding-bottom: 40px; }

@media screen and (min-width: 768px) {
  #select-from section .section-head .section-title { font-size: 16px; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab { margin: 0 0 30px; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab ul { column-gap: 70px; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab ul li { min-width: 0; color: #696969; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab ul li a { height: auto; display: inline; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab ul li a::after { display: none; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab ul li.is-current { color: #000; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper { width: auto; margin: 0; padding: 0 0 0 4.39%; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide { padding: 0 3.22% 0 0; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea { text-align: center; padding: 21px 0 0; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .item-name { font-size: 14px; line-height: 1.25; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .price { font-size: 13px; line-height: 1.23; margin: 0 0 10px; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .catch { font-size: 12px; line-height: 1.4; -webkit-line-clamp: 2; margin: 0 0 20px; }
  #select-from section:not(:last-child) { padding-bottom: 100px; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list .swiper-scrollbar { height: 18px; background: linear-gradient(0deg, rgba(215,215,215,0) 0%, rgba(215,215,215,0) 32%, rgba(215,215,215,1) 33%, rgba(215,215,215,1) 66%, rgba(215,215,215,0) 67%, rgba(215,215,215,0) 100%); }
}  
@media screen and (max-width: 767px) {
  #select-from section .section-contents .toggle-tab-container .toggle-tab ul { row-gap: 4px;}
  #select-from section .section-contents .toggle-tab-container .toggle-tab ul li {font-size:12px;}
  #select-from section .section-head .section-title { font-size: 16px; }
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .tag {left: 62%;}
  #select-from section .section-contents .toggle-tab-container .toggle-tab-contents .toggle-tab-contents-single .item-list > .swiper .swiper-wrapper .swiper-slide .item-single .textarea .catch { -webkit-line-clamp: 2; }
}


/****************************
*** JOURNAL
*****************************/
#select-from #journal { /*color: #fff;*/ background: #eaeaea; padding: 40px 0 60px; }
#select-from #journal .flex-container { display: flex; flex-direction: column; width: 90.67%; margin: 0 auto; }
#select-from #journal .flex-container .imagearea { width: 76.47%; margin: 0 auto 20px; }
#select-from #journal .flex-container .imagearea img { aspect-ratio: 1; }
#select-from #journal .flex-container .textarea { display: contents; }
#select-from #journal .flex-container .textarea .titlearea { text-align: center; order: -1; margin: 0 0 14px; }
#select-from #journal .flex-container .textarea .titlearea .head { font-size: 14px; line-height: 1.71; margin: 0 0 10px; letter-spacing: 0.1em; }
#select-from #journal .flex-container .textarea .titlearea .article-title { font-size: 16px; line-height: 1.5; letter-spacing: 0.1em; }
#select-from #journal .flex-container .textarea .text-group .text { font-size: 12px; line-height: 1.8; letter-spacing: 0.04em; margin: 0 0 22px; }
#select-from #journal .flex-container .textarea .text-group .read-more { width: 88.24%; height: 48px; position: relative; margin: 0 auto; }
#select-from #journal .flex-container .textarea .text-group .read-more a {text-decoration: none; background: #595757; color: #fff; font-size: 13px; display: flex; justify-content: center; align-items: center; height: 100%; }
#select-from #journal .flex-container .textarea .text-group .read-more a::after { display: block; content: ""; border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); }
#journal-articles .slider-wrapper { position: relative;}
#journal-articles .slider-wrapper .swiper .swiper-wrapper .swiper-slide { text-align: center;}
#journal-articles .slider-wrapper .swiper .swiper-wrapper .swiper-slide .imagearea { width: 300px; max-width: calc(100% - 60px); margin: 0 auto 20px;}
#journal-articles .section-contents { background-color: #EAEAEA; padding: 50px 0 50px; margin-top: 50px;}
#journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .number { font-size: 12px; line-height: 1.5; letter-spacing: .04em; margin: 0 0 14px;}
#journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .imagearea { width: 240px;}
#journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .imagearea img { aspect-ratio: 3 / 4;}
#journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .artice-title {  font-size: 14px; line-height: 1.43; margin: 0 0 5px;}
#journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .person { font-size: 14px; line-height: 1.43; margin: 0 0 14px;}
#journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .person span { font-size: 11px;}
#journal-articles .section-contents .slider-wrapper .swiper-button-prev, #journal-articles .section-contents .slider-wrapper .swiper-button-next { top: 192px;}
#journal-articles .section-contents .slider-wrapper .swiper-button-prev img, #journal-articles .section-contents .slider-wrapper .swiper-button-next img { display: block;  width: 10px;}
#journal-articles .section-contents .slider-wrapper .swiper-scrollbar { width: 90.67%; margin: 38px auto 0; background: #fff; height: 5px; }
#journal-articles .section-contents .slider-wrapper .swiper-scrollbar .swiper-scrollbar-drag { background: #595757; }


@media screen and (min-width: 768px) {
  #select-from #journal { width: 1000px; max-width: 96%; margin: 50px auto 0; padding: 40px 0; }
  #select-from #journal .flex-container { flex-direction: row; align-items: center; column-gap: 5.46%; width: 916px; max-width: 96%; }
  #select-from #journal .flex-container .imagearea { width: 28.38%; margin: 0; }
  #select-from #journal .flex-container .textarea { display: block; flex: 1; }
  #select-from #journal .flex-container .textarea .titlearea { text-align: left; margin: 0 0 8px; }
  #select-from #journal .flex-container .textarea .text-group .read-more { width: auto; height: auto; margin: 0; }
  #select-from #journal .flex-container .textarea .text-group .read-more a { text-decoration: underline; background: none;color:#333; font-size: 14px; display: block; height: auto; padding: 0 0 0 15px; }
  #select-from #journal .flex-container .textarea .text-group .read-more a::after { right: auto; left: 0; }
  #journal-articles .section-contents { padding: 100px 0 100px; margin-top: 100px; }
  #journal-articles .section-contents .slider-wrapper { width: 1170px; max-width: 100%; margin: 0px auto 0; }
  #journal-articles .section-contents .slider-wrapper .swiper { width: 1050px; max-width: calc(100% - 60px); margin: 0 auto;}
  #journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .flex-container { display: flex; flex-direction: column;}
  #journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .number { order: 4; font-size: 14px; line-height: 1.43; margin: 0 0 16px;}
  #journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .imagearea { order: 1; width: 100%;}
  #journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .artice-title { order: 2; margin: 0 -10px 5px;}
  #journal-articles .section-contents .slider-wrapper .swiper .swiper-wrapper .swiper-slide .person { order: 3; margin: 0;}
  #journal-articles .section-contents .slider-wrapper .swiper-button-prev, #journal-articles .section-contents .slider-wrapper .swiper-button-next { top: 160px;}
  #journal-articles .slider-wrapper .swiper .swiper-wrapper .swiper-slide { text-align: center;}
  #journal-articles .slider-wrapper .swiper .swiper-wrapper .swiper-slide .imagearea { width: 100%; max-width: 100%; margin: 0 auto 15px; }
}




/****************************
*** GIFT WRAPPING
*****************************/
#gift-wrapping .head-image { margin: 0 0 24px; }
#gift-wrapping .head-image .titlearea { text-align: center; margin: 0 0 30px; }
#gift-wrapping .head-image .titlearea .title-en { font-size: 16px; line-height: 1.13; letter-spacing: 0.1em; margin: 0 0 12px; }
#gift-wrapping .head-image .titlearea .section-title { font-size: 18px; letter-spacing: 0.1em; }
#gift-wrapping .head-image .image-container { aspect-ratio: 375 / 150; margin: 0 0 27px; }
#gift-wrapping .head-image .textarea { text-align: center; }
#gift-wrapping .head-image .textarea .text { font-size: 14px; line-height: 1.43; letter-spacing: .1em; }
#gift-wrapping .section-contents { padding: 40px 0 0; border-top: 1px solid #CCC; }
#gift-wrapping .section-contents .flex-container { display: flex; flex-direction: column; row-gap: 44px; }
#gift-wrapping .section-contents .flex-container .wrapping-single { opacity: 0; transform: translate(0, 20px); }
#gift-wrapping .section-contents .flex-container .wrapping-single.is-show { opacity: 1; transform: none; transition: opacity 1.2s ease 0s, transform 1.2s ease 0s; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner { display: flex; flex-direction: column; width: 90.67%; margin: 0 auto; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .imagearea { width: 88.24%; margin: 0 auto 24px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .imagearea img { aspect-ratio: 3 / 2; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea { display: contents; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .titlearea { order: -1; text-align: center; margin: 0 0 16px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .titlearea .title { font-size: 14px; line-height: 1.14; letter-spacing: 0.06em; margin: 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .titlearea .title span { display: block; font-size: 12px; line-height: 1.14; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .text-group .text { font-size: 13px; line-height: 1.54; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .text-group .caption { font-size: 11px; line-height: 1.45; margin: 10px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .text-group .toggle-btn { text-align: center; font-size: 14px; margin: 28px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content { padding: 50px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .head-textarea { width: 90.67%; margin: 0 auto 48px; text-align: center; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup { margin: 0 0 24px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup .title { text-align: center; font-size: 14px; line-height: 1.14; letter-spacing: 0.06em; margin: 0 0 16px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup .title span { display: block; font-size: 12px; line-height: 1.14; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup .text { font-size: 13px; line-height: 1.54; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup .caption { font-size: 11px; line-height: 1.45; margin: 10px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup .toggle-btn { text-align: center; font-size: 14px; margin: 28px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container { display: flex; flex-direction: column; row-gap: 27px; padding: 0 0 25px; border-bottom: 1px solid #CCC; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container .text-group .title { text-align: center; font-size: 13px; line-height: 1.23; letter-spacing: 0.04em; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container .text-group .title span { display: block; font-size: 12px; line-height: 1.33; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container .text-group .text { font-size: 12px; line-height: 1.5; margin: 15px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container .text-group .caption { font-size: 11px; line-height: 1.45; letter-spacing: 0.04em; margin: 12px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper { padding: 0 0 0 2.93%; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide { padding: 0 2.75% 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea { aspect-ratio: 3 / 5; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea img { height: 100%; object-fit: cover; }
/* スライダー全体のスタイル */
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea .slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}
/* 各スライド画像のスタイル */
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea .slider-container .slideimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    animation: fadeInOut 6s infinite;
    transition: opacity 1.5s ease-in-out;
}
/* 最初の画像だけ親要素の高さを確保させる */
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea .slider-container .slideimg:nth-child(1) {
    position: relative;
    animation-delay: 0s;
}
/* 2枚目の画像のアニメーション遅延 */
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea .slider-container .slideimg:nth-child(2) {
    animation-delay: 3s;
}
/* フェードイン・アウトのアニメーション */
@keyframes fadeInOut {
    0%   { opacity: 0; }
    50%  { opacity: 1; }
    100% { opacity: 0; }
}
/* 画像の表示調整 */
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea .slider-container .slideimg img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea { text-align: center; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea .name { font-size: 12px; line-height: 1.25; margin: 0 0 4px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea .price { font-size: 11px; line-height: 1.45; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .head-textarea .title { font-size: 14px; line-height: 1.14; letter-spacing: 0.06em; margin: 0 0 17px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .head-textarea .text { font-size: 13px; line-height: 1.54; letter-spacing: 0.04em; margin: 0 0 10px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .head-textarea .caption { font-size: 11px; line-height: 1.45; letter-spacing: 0.04em; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container { margin: 0 0 40px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper { padding: 0 0 0 4.8%; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide { padding: 0 2.8% 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea { margin: 0 0 20px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea img { aspect-ratio: 3 / 2; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea { text-align: center; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea .number { font-size: 16px; letter-spacing: 0.04em; margin: 0 0 15px; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea .text { font-size: 12px; line-height: 1.5; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea .caption { font-size: 11px; line-height: 1.45; margin: 10px 0 0; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .foot-textarea { width: 90.67%; margin: 0 auto; }
#gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .foot-textarea .text { font-size: 12px; line-height: 1.4; }
#gift-service { padding: 0 0 50px; }
#gift-service .section-head { width: 90.67%; margin: 0 auto 40px; border-top: 1px solid #ccc; padding: 40px 0 0; }
#gift-service .section-head .section-title { font-size: 18px; letter-spacing: .1em; }
#gift-service .section-head .catch { font-size: 14px; line-height: 1.43; }
#gift-service .section-contents .flex-container { width: 90.67%; margin: 0 auto; display: flex; flex-direction: column; row-gap: 50px; }
#gift-service .section-contents .flex-container .gift-service-single { display: flex; flex-direction: column; opacity: 0; transform: translate(0, 20px); }
#gift-service .section-contents .flex-container .gift-service-single.is-show { opacity: 1; transform: none; transition: opacity 1.2s ease 0s, transform 1.2s ease 0s; }
#gift-service .section-contents .flex-container .gift-service-single .imagearea { width: 70.59%; margin: 0 auto 20px; overflow: hidden; }
#gift-service .section-contents .flex-container .gift-service-single .imagearea img { aspect-ratio: 3 / 2; }
#gift-service .section-contents .flex-container .gift-service-single .imagearea img.sway { display: block; /* animation: sway 8s ease-in-out 0s alternate infinite;*/ }
#gift-service .section-contents .flex-container .gift-service-single .textarea { display: contents; }
#gift-service .section-contents .flex-container .gift-service-single .textarea .titlearea { order: -1; text-align: center; margin: 0 0 20px; }
#gift-service .section-contents .flex-container .gift-service-single .textarea .titlearea .title { font-size: 14px; line-height: 1.29; letter-spacing: 0.04em; margin-bottom: 0;}
#gift-service .section-contents .flex-container .gift-service-single .textarea .titlearea .sub { font-size: 12px; line-height: 1.5; letter-spacing: 0.04em; }
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .text { font-size: 13px; line-height: 1.54; }
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .caption { font-size: 11px; line-height: 1.45; margin: 10px 0 0; }
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .caption a{ text-decoration: underline;}
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .caption a:hover{ text-decoration: none;}
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .link { font-size: 12px; line-height: 1.67; margin: 14px 0 12px;}
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .link a{ text-decoration: underline;}
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .link a:hover{ text-decoration: none;}
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .read-more {position: relative;text-align: center;margin: 10px auto; }
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .read-more a {   position: relative; display: inline-block; padding-left: 12px;}
#gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .read-more a::before {content: ''; width: 0; height: 0;border-left: solid 4px; border-top: solid 3px transparent; border-bottom: solid 3px transparent; border-color: transparent transparent transparent #333; position: absolute;top: 0;left: 0;bottom: 0;margin: auto;
}

@media screen and (max-width: 767px) {
  #gift-wrapping .head-image .titlearea .title-en { font-size: 14px; letter-spacing: 0.06em; margin: 0px 0 6px; }
  #gift-service .section-head .title-en { font-size: 14px; letter-spacing: 0.06em; margin: 0px 0 6px; }
  #gift-service .section-head .section-title {font-size: 18px; letter-spacing: 0.1em; }
}

@media screen and (min-width: 768px) {
  #gift-wrapping .head-image { margin: 0 0 70px; position: relative; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; z-index: 1; }
  #gift-wrapping .head-image .titlearea { text-align: left; margin: 0 0 23px; width: 1284px; max-width: 96%; }
  #gift-wrapping .head-image .image-container { aspect-ratio: auto; height: 100%; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: -1; }
  #gift-wrapping .head-image .textarea { text-align: left; width: 1284px; max-width: 96%; }
  #gift-wrapping .section-contents { padding: 0; border-top: none; }
  #gift-wrapping .section-contents .flex-container { width: 1000px; max-width: 96%; flex-direction: row; column-gap: 10%; margin: 0 auto; }
  #gift-wrapping .section-contents .flex-container .wrapping-single { width: 45%; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner { display: block; width: 100%; margin: 0; position: relative; z-index: 2; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .imagearea { width: 100%; margin: 0 0 30px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea { display: block; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .titlearea { margin: 0 0 14px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .text-group .caption { margin: 14px 0 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .wrapping-single-inner .textarea .text-group .toggle-btn { margin: 26px 0 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content { width: 222.22%; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .head-textarea { width: 900px; max-width: 96%; margin: 0 auto; text-align: center; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box { border: 1px solid #ccc; padding: 40px 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea { margin: 0 auto 25px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup { margin: 0 0 35px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup .title { margin: 0 0 14px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .head-textgroup .caption { margin: 14px 0 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container { flex-direction: row; padding: 0 0 30px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container .text-group { width: 50%; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .head-textarea .text-flex-container .text-group .text { margin: 10px 0 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper { padding: 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide { padding: 0; width: 19.99%; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea { aspect-ratio: auto; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .imagearea img { aspect-ratio: 18 / 20; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .gift-bag-box .gift-bag-box-type-container .gift-bag-box-type-list > .swiper .swiper-wrapper .swiper-slide .gift-bag-box-type-single .textarea .name { line-height: 1.67; margin: 0 0 3px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake { border: 1px solid #ccc; padding: 40px 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .head-textarea { margin: 0 auto 72px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .head-textarea .title { margin: 0 0 30px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container { margin: 0 0 50px; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list { width: 844px; max-width: 96%; margin: 0 auto; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper { padding: 0; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper { column-gap: calc((100% - 28.67% * 3) / 2); }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .giftmake-step-container .giftmake-step-list > .swiper .swiper-wrapper .swiper-slide { padding: 0; width: 28.67%; }
  #gift-wrapping .section-contents .flex-container .wrapping-single .toggle-content .giftmake .foot-textarea { width: 900px; max-width: 96%; text-align: center; }
  #gift-wrapping .section-contents .flex-container .wrapping-single:nth-child(2) .toggle-content { margin: 0 0 0 -122.23%; }
  #gift-wrapping .head-image .titlearea .title-en { margin: 0 0 10px; }
  #gift-service { padding: 0 0 50px; }
  #gift-service .section-head { width: 1000px; max-width: 96%; margin: 0 auto 70px; padding: 45px 0 0; }
  #gift-service .section-head .title-en { font-size: 16px; letter-spacing: .09em; margin-bottom: 10px; }
  #gift-service .section-contents .flex-container { width: 1000px; max-width: 96%; margin: 0 auto; flex-direction: row; column-gap: 10%; }
  #gift-service .section-contents .flex-container .gift-service-single { width: 45%; display: block; }
  #gift-service .section-contents .flex-container .gift-service-single .imagearea { width: 100%; margin: 0 0 30px; }
  #gift-service .section-contents .flex-container .gift-service-single .textarea { display: block; }
  #gift-service .section-contents .flex-container .gift-service-single .textarea .titlearea { margin: 0 0 16px; }
  #gift-service .section-contents .flex-container .gift-service-single .textarea .text-group .caption { margin: 14px 0 0; }
}





/****************************
*** FAQ
*****************************/
#faq { background: #F8F8F8; padding: 50px 0; }
#gift-wrapper #faq .inner { width: 90.67%; margin: 0 auto 37px; }
#faq .inner .titlearea { text-align: center; margin: 0 0 40px; }
#faq .inner .titlearea .title { font-size: 20px; letter-spacing: 0.01em; margin: 0 0 10px; }
#faq .inner .titlearea .catch { font-size: 12px; line-height: 1.54; }
#faq .inner .faq-contents { margin: 0 0 37px; }


#faq .inner .faq-contents .flex-container { display: flex; flex-direction: column; row-gap: 48px; }
#faq .inner .faq-contents .flex-container .single { font-size: 14px; line-height: 1.29; }
#faq .inner .faq-contents .flex-container .single .question { padding: 0 0 7px; margin: 0 0 15px; border-bottom: 1px solid #ccc; }
#faq .inner .faq-contents .flex-container .single .caption { margin: 7px 0 0; font-size: 12px; line-height: 1.5; }
#faq .inner .link-btn { height: 48px; font-size: 13px; }
#faq .inner .link-btn a { height: 100%; display: flex; justify-content: center; align-items: center; background: #ccc; }

@media screen and (min-width: 768px) {
  #faq { background: none; width: 900px; max-width: 96%; margin: 80px auto; padding: 40px 0; border: 1px solid #ccc; }
  #gift-wrapper #faq .inner { width: 638px; max-width: 96%; margin: 0 auto; }
  #faq .inner .titlearea { margin: 0 0 24px; }
  #faq .inner .titlearea .title { margin: 0 0 18px; }
  #faq .inner .faq-contents { margin: 0 0 24px; }
  #faq .inner .faq-contents .flex-container { row-gap: 24px; }
  #faq .inner .faq-contents .flex-container .single { line-height: 1.71; }
  #faq .inner .faq-contents .flex-container .single .question { padding: 0; margin: 0; border-bottom: none; }
  #faq .inner .faq-contents .flex-container .single .caption { margin: 0; font-size: 12px; line-height: 2; }
}
@media screen and (max-width: 768px) {
  #faq .inner .titlearea .title { font-size: 18px; letter-spacing: 0.1em; margin: 0 0 10px;}
}






/****************************
*** DESC
*****************************/
#gift-desc .inner { width: 90.67%; margin: 0 auto 37px; }
#gift-desc .inner p { color: #333; font-size: 12px; text-align: center; line-height: 1.8em; letter-spacing: .06em; }
@media screen and (min-width: 768px) {
  #gift-desc .inner .link-btn { width: 400px; margin: 0 auto; }
  #gift-desc { background: none; width: 900px; max-width: 96%; margin: 0 auto; padding: 0;}
  #gift-desc .inner { max-width: 96%; margin: 0 auto; }
  #gift-desc .inner p { color: #333; font-size: 13px; text-align: center; line-height: 1.8em; letter-spacing: .06em; }
}






/****************************
*** OTHER
*****************************/

/*1108 add*/
.engrav{ width: 600px; margin: 0 auto 120px; }

@media screen and (max-width: 767px) {
  .holiday-gift .section-head .catch { line-height: 0.7; font-size: 13px; }
}
@media screen and (max-width: 767px) {
  .engrav{ width: 90%; text-align: center; margin: 0 auto 60px; }
}
/* Add 20250114 */


/*香り*/
.gift-service-sub { width:800px; max-width: 90.67%; margin:0 auto 60px;}
.gift-service-sub .flex-container {display: flex; flex-direction: row; align-items: center; column-gap: 4.4%; }
.gift-service-sub .flex-container .image-container { flex: 1; aspect-ratio: 300 / 250; }
.gift-service-sub .flex-container .image-container .imagearea .image-inner img { filter: blur(3px); }
.gift-service-sub .flex-container .textarea { width: 65.3%; margin: 0; }
.gift-service-sub .flex-container .textarea .title { font-size: 14px; line-height: 1.29; letter-spacing: 0.04em;margin-bottom: 0; }
.gift-service-sub .flex-container .textarea .sub { font-size: 12px; line-height: 1.5;letter-spacing: 0.04em;}
.gift-service-sub .flex-container .textarea .caption { font-size: 12px; line-height: 1.83; letter-spacing: 0.06em; margin: 0 0 12px; }
.gift-service-sub .flex-container .textarea .text {font-size: 13px; line-height: 1.54; margin: 16px 0 0 0;}
@media screen and (max-width: 767px) {
  .gift-service-sub {margin:30px auto 60px;}
  .gift-service-sub .flex-container .image-container { display: none;}
  .gift-service-sub .flex-container .textarea { width: 100%; margin: 0; }
  .gift-service-sub .flex-container .textarea .title {text-align: center;}
  .gift-service-sub .flex-container .textarea .sub {text-align: center;line-height: 1.5;letter-spacing: 0.04em;}
  .gift-service-sub .flex-container .textarea .caption { font-size: 12px;}
  .gift-service-sub .flex-container .textarea .text {font-size: 11px;}
}
/*香り add*/
@media screen and (orientation: landscape) { 
  /*香り*/
  .gift-service-sub .image-container {background:#fff !important;display: flex;align-items: center;}
  /*香り end*/
}