@charset "UTF-8";


/* back color */
.back_bk{ background:#000; }
.back_pi{ background:#eb738f; }
.back_lpi{ background:#f7baa5; }
.back_bl{ background:#0e6eb8; }
.back_org{ background:#ea591d; }
.back_cme{ background:#c99e2a; }
.back_brn{ background:#7f4e20; }
.back_nev{ background:#161b61; }
.back_blk { background:#221814; }
.back_gry { background:#c9c9ca; }
.back_grn { background:#006834; }
.back_wine { background:#a11251; }
.back_lgrn { background:#9dbb87; }
.back_pp { background:#920681; }
.back_red { background:#ea000e; }
.back_yelw { background:#fff100; }
.back_bge { background:#FFC5A2; }

/* fade animation ----------*/
.fade { opacity:0; transition:all 1s ease-out!important; }
.fade-left { transform:translateX(-100%); }
.fade-right { transform:translateX(100%); }
.fade-up { transform:translateY(100px); }
.fade-down { transform:translateY(-100px); }
.fade.active {
  transform:translate(0,0)!important;
  opacity:1!important;
}

/* common ----------*/
body { 
  color:#4d4d4d;
}
main {
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif;
/*  font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
  line-height:1.6;
}


div:after,ul:after { display:none; }
p { margin:0; }

h2 { font-size:4rem; letter-spacing:0.2em; }
h2 span { display:block; font-size:40%; letter-spacing:0.6em; }
h2.line1 span { margin-top:1rem; }


/* common parts ----------*/
#header-new { background:rgba(255,255,255,.8)!important; }

.inner { max-width:124rem; width:100%; padding:0 2rem; margin:0 auto; }
.bold { font-weight: bold; }
.tc { text-align:center; }
.line1 { line-height:1; }
.font_goth {
  font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.cont {  }
.cont .catch { font-size:2rem; letter-spacing:0.6em; margin:3rem 0 6rem; }
.cont .flb { display:flex; justify-content:space-between; }
.cont .flb .slide {
  width:53.333%;
  order:2;
  border-radius:8px;
  overflow:hidden;
  margin:0;
}
.cont .flb .slide .slide-item img { border-radius:8px; overflow:hidden; }
.cont .flb .slide .slick-dots {
  bottom:1rem;
}
.cont .flb .slide .slick-dots button {
  width:1.5rem;
  height:1.5rem;
  border-radius:50%;
  background:#F5F2EB;
}
.cont .flb .slide .slick-dots .slick-active button { background:#1e1e1e; }
.cont .flb .slide .slick-dots button:before { display:none; }
.cont .flb .item-text {
  width:41.666%;
  order:1;
  display:flex;
  flex-direction:column;
}
.cont .flb .item-text h3 {
  font-size:2.6rem;
  padding-left:0.5em;
  border-left:solid 1rem #B49650;
  line-height:1;
  margin-bottom:3rem;
}
.cont .flb .item-text h3 .sec-line { line-height:2; }
.cont .flb .item-text h3 .flex {
  display:flex;
  align-items:center;
  font-size:80%;
  font-weight: bold;
  margin-top:0.5rem;
}
.cont .flb .item-text h3 .flex span { height:2rem; }
.cont .flb .item-text h3 .flex .price { letter-spacing:0.15em; }
.cont .flb .item-text h3 .flex .imp {
  display:inline-block;
  line-height:2rem;
  background:#707070;
  color:#fff;
  font-size:1.2rem;
  border-radius:5px;
  padding:0 1rem;
  margin-left:1em;
  letter-spacing:0.3rem;
}
.cont .flb .item-text .m-text {
  margin-bottom:3rem;
  font-size:1.8rem;
  letter-spacing:0.1em;
}
.cont .btn {
  max-width:27rem;
  width:100%;    
  text-align:center;
  margin-top:auto;
}
.cont .btn a {
  display:block;
  border-radius:8px;
  border:solid 3px #F5F2EB;
  color:#fff;
  padding:1rem 0;
  font-weight: bold;
  font-size:1.8rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
.cont .btn a i { margin-left:1em; transition:all ease-out .4s; }
.cont .btn a:hover {
  background:#fff;
  color:#1e1e1e;
  opacity:1;
}
.cont .btn a:hover i {
  transform:translateX(0.5em);
}

.cont .btn.lastbtn {
  margin:5rem auto 0;
}

.cont .item-list { margin-top:8rem; }
.cont .item-list ul { display:flex; justify-content:center; }
.cont .item-list ul li {
  position:relative;
  background:#F5F2EB;
  border-radius:8px;
  padding-bottom:1rem;
  letter-spacing:0.1em;  
}
.cont .item-list ul li .mark {
  position:absolute;
  top:1.5rem;
  left:1.5rem;
  display:inline-block;
  padding:0 1rem;
  font-size:1.2rem;
  background:#707070;
  color:#fff;
  border-radius:5px;
  letter-spacing:0.3rem;
  font-weight: bold;
  height:auto;
}
.cont .item-list.item3 { width:66.666%; margin:8rem auto 0; }
.cont .item-list.item3 li { width:calc(100% / 3 - 10rem / 3); margin-right:5rem; }
.cont .item-list.item4 li { width:calc(100% / 4 - 9rem / 4); margin-right:3rem; }
.cont .item-list.item5 li { width:calc(20% - 8rem / 5); margin-right:2rem; }
.cont .item-list li:last-child { margin-right:0; }
.cont .item-list li a { display:block; color:#1e1e1e; }
.cont .item-list li a img { margin:0 auto; }
.cont .item-list li p {
  text-align:center;
  font-weight: bold;
  height:8rem;
  display:flex;
  flex-direction:column;
}
.cont .item-list li p .price {
  display:block;
  position:relative;
  letter-spacing:0.15em;
  margin-top:auto;
}
.cont .item-list li p .price:after{
  content:"";
  background-image:url(../_img/2025_xmas/arrow.svg);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  width:0.6rem;
  height:1.5rem;
  display:block;
  position:absolute;
  top:50%;
  right:2rem;
  transform:translateY(-50%);
}

/* slider ----------*/
.sp-slider .slick-slide { margin: 0 1rem; /* 左右2remずつ余白 */ }
/* slickのtrackを中央揃え */
.sp-slider .slick-list { overflow: visible; /* 左右見切れを許可 */ }

/* responsive ----------*/
.pc { display:block; }
.sp-only { display:none; }
.br102 { display:none; }
.br82 { display:none; }
.br60 { display:none; }
@media screen and (max-width:1020px){
  .br102 { display:block; }
}
@media screen and (max-width:600px){
  .br82 { display:block; }
}
@media screen and (max-width:600px){
  .pc { display:none; }
  .sp-only { display:block; }
}

/* pan ----------*/
.breadcrumbs { position:relative; margin:0 auto; max-width:1240px; z-index:10; }
.breadcrumbs .crumbList { position:absolute; top:1rem; color:#333; }
.breadcrumbs .crumbList a { color:#333; }
.breadcrumbs .crumbList span { color:#333; }


#mv .mv { position:relative; }
#mv .lead {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  text-shadow:0 3px 6px rgb(0,0,0,.6);
  color:#fff;
  text-align:center;
  font-size:4rem;
  margin:0;
}

#new {
  background-image:url(../_img/2025_xmas/back_new.svg);
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#004B3C;
  color:#fff;
  padding:5rem 0;
}

#new .anc { display:flex; justify-content:space-between; margin-top:4rem; }
#new .anc li { width:30%; }
#new .anc li a { display:block; color:#fff; }
#new .anc li a .img { overflow:hidden; border-radius:20px; }
#new .anc li a .img img { transition:all ease-out .4s; }
#new .anc li a .name { text-align:center; margin-top:1rem; }
#new .anc li a .name p { font-size:2.6rem; text-align:center; }
#new .anc li a .name p span { display:block; font-size:60%; }
#new .anc li a .arrow {
  position: relative;
  display:inline-block;
  width:3rem;
  height:1.5rem;
  transition:all ease .4s;
}
#new .anc li a .arrow::before,
#new .anc li a .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  height:2rem;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: 50% calc(100% - 1px);
}
#new .anc li a .arrow::before { transform: rotate(45deg); }
#new .anc li a .arrow::after { transform: rotate(-45deg); }
#new .anc li a:hover { opacity:1; }
#new .anc li a:hover .img img { transform:scale(1.05); opacity:.7; }
#new .anc li a:hover .arrow {
  transform:translateY(5px);
}

/* black */
#black {
  background-image:url(../_img/2025_xmas/back_black.svg);
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:top;
  background-color:#1E1E1E;
  padding:5rem 0 20rem;
  color:#fff;
}

/* croco */
#croco { position:relative; margin:-14rem 0; z-index:10; }
#croco:before {
  content:"";
  display:block;
  background-image:url(../_img/2025_xmas/wave.svg);
  width:100%;
  height:14rem;  
}
#croco:after {
  content:"";
  display:block;
  background-image:url(../_img/2025_xmas/wave2.svg);
  width:100%;
  height:11rem;
}
#croco .back-img {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
}
#croco .back-img:before,#croco .back-img:after {
  content:"";
  background-image:url(../_img/2025_xmas/back_croco.svg);
  display:block;
  position:absolute;
  width:17.7%;
  height:90%;
  z-index:10;
}
#croco .back-img:before {
  bottom:8%;
  left:0;
}
#croco .back-img:after {
  top:8%;
  right:0;
  transform:scaleY(-1);
}
#croco .wave-section {
  background:#E9E4DE;
  position:relative;
  padding-bottom:5rem;
  z-index:10;
}
#croco .wave-section .inner { position:relative; z-index:10; }
#croco h3 { border-color:#BE7D76; }
#croco .btn a { color:#be7d76; border-color:#be7d76; }
#croco .btn a:hover { background:#be7d76; color:#E9E4DE; }
#croco.cont .item-list ul li { background:#FFF4E9; }
#croco.cont .item-list ul li a { color:#BE7D76; }
#croco.cont .item-list li p .price:after{ background-image:url(../_img/2025_xmas/arrow2.svg); }


#momentum {
  background:#16202D;
  color:#fff;
  padding:17rem 0 10rem;
  position:relative;
  z-index:0;
}
#momentum .back-img:before,#momentum .back-img:after {
  content:"";
  background-image:url(../_img/2025_xmas/back_momentum.svg);
  background-size:contain;
  background-repeat:no-repeat;
  display:block;
  position:absolute;
  width:20.83%;
  height:100%;
  z-index:10;
  bottom:0;
}
#momentum .back-img:before {
  left:0;
}
#momentum .back-img:after {
  right:0;
  transform:scaleX(-1);
}
#momentum .wave-section { position:relative; z-index:10; }
#momentum h3 { border-color:#A0AAB4; }
#momentum.cont .item-list.item3 li { background:#DCE1E6; }
#momentum .flb .item-text h3 .flex { margin-top:2rem; }
#momentum .item-list li p { height:auto; }


#recommend {
  position:relative;
  padding:8rem 0 16rem;
  background:#7E3939;
  color:#fff;
}
#recommend:before,#recommend:after {
  content:"";
  display:block;
  position:absolute;
  height:100%;
  background-size:contain;
  background-repeat:no-repeat;
}
#recommend:before {
  background-image:url(../_img/2025_xmas/back_rec01.svg);
  background-position:100% 0;
  width:26%;
  top:0;
  right:2rem;
}
#recommend:after {
  background-image:url(../_img/2025_xmas/back_rec02.svg);
  background-position:0 95%;
  width:27%;
  bottom:0;
  left:0;
}
#recommend .inner { position:relative; z-index:10; }
#recommend .rec-mv {
  margin:4rem 0 8rem;
}
#recommend .tab-area { position:relative; z-index:10; }
#recommend .tab-area .tab-btn {
  display:flex;
}
#recommend .tab-area .tab-btn .btn {
  cursor:pointer;
  border:none;
  border-bottom:solid 1px #fff;
  width:50%;
  text-align:center;
  padding:2rem 0;
  font-size:4rem;
  letter-spacing:0.15em;
  background:none;
}
#recommend .tab-area .tab-btn .btn span {
  display:inline-block;
  padding:0 1em;
  cursor:pointer;
  opacity:.6;
}
#recommend .tab-area .tab-btn .btn.active {
  border:solid 1px #fff;
  border-bottom:none;
}
#recommend .tab-area .tab-btn .btn.active span {
  border-bottom:solid 4px #D89907;
  opacity:1;
}
#recommend .tab-area .tab-cont {
  border:solid 1px #fff;
  border-top:none;
  padding:5rem 10rem;
}
#recommend h3 { text-align:center; font-size:4rem; line-height:1; }
#recommend h3 span {
  display:inline-block;
  line-height:1;
  padding:0 1em 1rem;
  margin-bottom:1rem;
  border-bottom:solid 1px #fff;
  letter-spacing:0.15em;
}
#recommend h3 p { text-align:center; font-size:40%; line-height:1; letter-spacing:0.6em; }
#recommend .contBlock {}
#recommend .contBlock:last-child { margin-top:8rem; }
#recommend .contBlock .cont .item-list { margin-top:5rem; }
#recommend .contBlock .cont .item-list ul { flex-wrap:wrap; }
#recommend .contBlock .cont .item-list li { background:#D9FFE1; }
#recommend .contBlock .cont .item-list li a { color:#004B3C; }
#recommend .contBlock .cont .item-list li p { margin-top:-2em; height:11rem; }
#recommend .contBlock .cont .item-list.item4 li { padding-bottom:2rem; }
#recommend .contBlock .cont .item-list.item4 li:nth-of-type(4n) { margin-right:0; }
#recommend .contBlock .cont .item-list.item4 li:nth-of-type(n+5) { margin-top:3rem; }

#mens,#womens { display:none; }
#mens.active,#womens.active { display:block; }
#womens {}

#recommend .staff { margin-top:10rem; }
#recommend .staff .img { margin:3rem 0; }
#recommend .staff .lead { text-align:center; font-size:1.8rem; letter-spacing:0.1em; line-height:1.9; }
#recommend .staff .btn { max-width:46rem; }
#recommend .staff .sns { width:70%; margin:5rem auto 10rem; display:flex; align-items:center; }
#recommend .staff .sns .icon { width:15%; }
#recommend .staff .sns .link { display:flex; justify-content:space-between; width:85%; }
#recommend .staff .sns .link li { }
#recommend .staff .sns .link li a { display:inline-block; color:#fff; font-size:1.8rem; line-height:1.8; }
#recommend .staff .sns .link li:first-child { width:35%; }
#recommend .staff .sns .link li:last-child { width:60%; }

#recommend .cate { width:75%; margin:0 auto; }
#recommend .cate .cateH2 { font-size:2.6rem; font-weight:normal; margin-bottom:4rem; }
#recommend .cate ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#recommend .cate ul li { width:calc(25% - 3rem / 4); margin-right:1rem; }
#recommend .cate ul li:nth-of-type(4n) { margin-right:0; }
#recommend .cate ul li:nth-of-type(n+5) { margin-top:1rem; }
#recommend .cate ul li a {
  display:block;
  text-align:center;
  line-height:6rem;
  border:solid 1px #fff;
  border-radius:8px;
  color:#fff;
  font-size:2rem;
}
#recommend .cont .btn a:hover { color:#7E3939; }

#gift {
  position:relative;
  padding:8rem 0 16rem;
  background:#004B3C;
  color:#fff;
}
#gift:before,#gift:after {
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat;
  left:0;
  right:0;
}
#gift:before {
  background-image:url(../_img/2025_xmas/back_gift01.svg);
  max-height:50rem;  
  top:0;
}
#gift:after {
  background-image:url(../_img/2025_xmas/back_gift02.svg);
  max-height:53rem;
  bottom:0;
}
#gift .cont { width:75%; margin:4rem auto 0; position:relative; z-index:10; }
#gift .flb h3 { letter-spacing:0.1em; }
#gift .flb h3 span {
  display:block;
  font-size:60%;
  letter-spacing:0.6em;
  margin-top:1rem;
}
#gift .flb .slide { width:44.444%; }
#gift .flb .item-text { width:51.111%; }
#gift .flb:last-child { margin-top:6rem; }
#gift .flb:last-child .slide { order:1; }
#gift .flb:last-child .item-text { order:2; }

#delivery {
  background:#E9E4DE;
  padding:5rem 0 10rem;
  position:relative;
}
#delivery:after {
  content:"";
  display:block;
  background-image:url(../_img/2025_xmas/back_del.svg);
  background-size:cover;
  width:100%;
  max-height:68rem;
  height:100%;
  position:absolute;
  bottom:5%;
  left:0;
  right:0;
}
#delivery .inner { position:relative; z-index:10; }
#delivery .white {
  background:#fff;
  box-shadow:0 0 8px rgb(0,0,0,.15);
  padding:4rem 12rem;
  border-radius:25px;
  margin-top:4rem;
}
#delivery .white .tx1 {
  text-align:center;
  background:#FFF2F2;
  border-radius:20px;
  box-shadow:0 3px 6px rgb(0,0,0,.15);
  padding:1rem 0;
  font-size:3rem;
  letter-spacing:0.15em;
}
#delivery .white .tx2 {
  margin-top:2rem;
}
#delivery .white .tx2 span { display:block; text-align:center; }
#delivery .white .tx2 .b1 { font-size:2.4rem; }
#delivery .white .tx2 .b2 { margin:1rem 0; }
#delivery .white .tx2 .b2 span { display:inline-block; text-align:left; }
#delivery .white .btnArea {
  display:flex;
  justify-content:space-between;
  width:80%;
  margin:2rem auto 0;
}
#delivery .white .btnArea .btn { max-width:45%; }
#delivery .white .btnArea .btn a {
  border:solid 2px #46413C;
  color:#46413C;
  font-weight: bold;
}
#delivery .white .btnArea .btn a:hover {
  background:#46413c;
  color:#fff;
}
#delivery .last {
  margin:8rem 0;
  text-align:center;
  font-size:2.4rem;
  line-height:1.8;
  letter-spacing:0.3em;
}
#delivery .lastbtn { max-width:55rem; width:100%; margin:0 auto; }
#delivery .lastbtn a {
  display:block;
  text-align:center;
  border:solid 1px #707070;
  color: #707070;
  padding:1rem 0;
}
#delivery .lastbtn a:hover {
  background:#707070;
  color:#fff;
  opacity:1;
}


@media screen and (max-width:1900px){
  #momentum .back-img:before, #momentum .back-img:after {
    background-size:cover;
    background-position:100% 0;
  }
}
@media screen and (max-width:1140px){
  #new {  background-size:cover; }
  
}
@media screen and (max-width:1024px){
  .br102 { display:block; }
  .cont .item-list li p { height:10rem; }
  
  #mv .lead { line-height:1.6; font-size:3.2rem; }
  #mv .lead span { display:block; line-height:1; }
  
  #recommend .contBlock .cont .item-list li p { height:13rem; }
}

@media screen and (max-width:820px){
  .cont .flb { align-items:flex-start; }
  .cont .item-list ul { flex-wrap:wrap; }  
  .cont .item-list.item5 li { width:calc(100% / 3 - 8rem / 3); margin:0 1rem; }
  .cont .item-list.item5 li:nth-of-type(3n) { margin:0 1rem; }
  .cont .item-list.item5 li:nth-of-type(n+4) { margin-top:0; }
  .cont .item-list.item3 { width:100%; }
  .cont .item-list.item3 li { width:calc(100% / 3 - 4rem / 3); margin-right:2rem; }
  .cont .item-list.item3 li:nth-of-type(3n) { margin-right:0; }
  
  #croco:before { margin-bottom:-1px; }
  #croco:after { margin-top:-1px; }
  
  #momentum .back-img:before, #momentum .back-img:after { width:30%; }
  
  #recommend .contBlock .cont .item-list.item4 li { margin:0 1rem; }
  #recommend .contBlock .cont .item-list.item4 li:nth-of-type(4n) { margin-right:1rem; }
  #recommend .contBlock .cont .item-list.item4 li:nth-of-type(n+5) { margin-top:0; }
  #recommend .tab-area .tab-cont { overflow:hidden; }
  #recommend .staff .sns,#recommend .cate { width:100%; }
  #recommend .staff .sns .link li:first-child { width:38%; }
  #recommend .tab-area .tab-cont { padding:4rem; }
  
  #gift .cont { width:100%; }
  
  #delivery .white { padding:4rem; }
  #delivery .white .tx1 { padding:2rem 0; }
}
@media screen and (max-width:600px){
  .cont .flb { display:block; }
  .cont .flb .slide,.cont .flb .item-text { width:100%; }
  .cont .flb .item-text { margin-top:2rem; }
  .cont .btn { margin:auto; }
  .cont .item-list.item5 li, .cont .item-list.item3 li,
  .cont .item-list.item5 li:nth-of-type(3n), .cont .item-list.item3 li:nth-of-type(3n) { margin:0 1rem; }
  .cont .item-list.item5 li:nth-of-type(n+4) { margin-top:0; }
  .cont .item-list.item4 li { margin-right:1rem; }
  .cont .catch { margin-bottom:4rem; }
    
  #croco:before,#croco:after {
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:135%;
    height:5rem;
  }
  #croco:before { margin-bottom:-2px; }
  #croco:after { height:4rem; margin-top:-2px; }
  #recommend:before { width:40%; }
  #recommend:after { width:45%; left:-5rem; }
  #recommend .rec-mv img {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    height: 25rem;
    object-fit: cover;
  }
  #recommend .tab-area .tab-btn .btn { font-size:2.6rem; }
  
  #recommend .contBlock .cont .item-list.item4 li:nth-of-type(4n) { margin-right:1rem; }
  #recommend .contBlock .cont .item-list.item4 li:nth-of-type(n+5) { margin-top: 0; }
  #recommend .staff .sns { display:block; }
  #recommend .staff .sns .icon { margin:0 auto; }
  #recommend .staff .sns .link { display:block; margin:0 auto; }
  #recommend .staff .sns .link li { width:100%!important; }
  #recommend .cate ul li { width:calc(50% - 1rem / 2); }
  #recommend .cate ul li:nth-of-type(2n) { margin-right:0; }
  #recommend .cate ul li:nth-of-type(n+3) { margin-top:1rem; }
  #gift .flb .slide,#gift .flb .item-text { width:100%; }
  #gift .flb .item-text { margin-top:2rem; }
  #delivery .white .btnArea { width:100%; display:block; }
  #delivery .white .btnArea .btn { max-width:100%; }
  #delivery .white .btnArea .btn2 { margin-top:1rem; }
  #delivery .last { margin:6rem 0; }
  
  h2 { letter-spacing:0.16em; }
  h2 span { letter-spacing:0.16em; }
  .cont .catch { letter-spacing:0.16em; }
  #mv .lead { font-size:2.8rem; text-shadow:0 3px 6px rgb(0,0,0,.8); }  
  #recommend h3 { font-size:3rem; }
  #recommend h3 p { font-size:50%; }
  #delivery .white .tx1 { font-size:2rem; }
  #delivery .white .tx2 .b3 { font-size:1.4rem; }
  #delivery .last { font-size:1.8rem; }
}

@media screen and (max-width:414px){
  section { margin-bottom:0; }
}