@charset "utf-8";



/* common */
.back_bk{ background:#000; }
.back_wt{ background:#FDFDFD; }
.back_pi{ background:#eb738f; }
.back_lpi{ background:#f7baa5; }
.back_bl{ background:#0e6eb8; }
.back_org{ background:#ea591d; }
.back_cme{ background:#c99e2a; }
.back_ylw{ background:#FFF100; }
.back_brn{ background:#7f4e20; }
.back_brn2{ background:#6A3906; }
.back_nev{ background:#161b61; }
.back_blk { background:#221814; }
.back_gry { background:#c9c9ca; }
.back_grn { background:#006834; }
.back_d-grn { background:#056823; }
.back_wine { background:#a11251; }
.back_lgrn { background:#9dbb87; }
.back_pp { background:#920681; }
.back_red { background:#ea000e; }
.back_red2 { background:#E60012; }
.back_pp { background:#E984FC; }
.back_lgrn { background:#13DB5C; }

body { 
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif;
}
p { margin:0; }
header { background:rgba(255,255,255,.6); }
header .inner { padding:0; }
nav,header,.breadcrumbs { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
ul:after { display:none; }

/* パンクズ */
.breadcrumbs { max-width:100%; background:#fff; margin:0; }
.breadcrumbs .inner { max-width:1100px; padding:0; }
.inner { max-width:124rem; padding:0 2rem; margin:0 auto; }

.flb { display:flex; }
.fo_goth { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
.fo_min { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; }
.shadow { box-shadow:5px 5px 15px -10px rgba(0,0,0,0.6); }
.btn { border:solid 1px #fff; display:inline-block; }
.btn a { position:relative; display:block; padding:1rem 2rem; color:#fff; text-align:center; font-weight: bold;}
.btn a i { position:absolute; right:1rem; top:50%; transform:translateY(-50%); font-size:4rem; }
.tc { text-align:center; }
.bold { font-weight: bold; }
.color { display:flex; }
.color li { width:3rem; height:3rem; border-radius:50%; }
.pc { display:block; }
.mid { display:none; }
.sp { display:none; }
.img-pc { display: block; }
.img-sp { display: none; }
ul.color { display:flex; }
ul.color li { width:3rem; height:3rem; border-radius:50%; margin-right:1rem; }
ul.color li:last-child { margin-right:0; }
h2 { font-size:8rem; color:#FFD35C; }
h2 span { display:block; font-weight: bold; font-size:2.4rem; margin-top:1rem; }
h3 { text-align:center; font-size:4rem; position:relative; margin-bottom:2rem; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; }
h3.ub { padding-bottom:1rem; border-bottom:solid 1px; }
h3 .pc { display:inline-block;}

h4 { font-size:3.4rem; text-align:center; margin-bottom:2rem; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; }

@media screen and (max-width:1024px){
  .mob-none { display: none; }
}
@media screen and (max-width:768px){
  .mid-tc { text-align:center; }
  .pc { display:none; }
  .mid { display:block; }
  .img-tt h3 { padding:2rem 0; }
  .img-tt img { display:block; }
}
@media screen and (max-width:600px){
  .sp-full { margin:0 calc(50% - 50vw) 3rem!important; width:100vw!important; }
  .btn a { font-size:16px; }
  .img-pc { display: none; }
  .img-sp { display: block; }
}
@media screen and (max-width:414px){
  .flb { display:block; }
  .sp-tc { text-align:center; }
  .sp { display:block; }
  .sp-none { display:none; }
  h3 { text-align:center; margin:0 auto 2rem; font-size:3.4rem; }
  h4 { font-size:2.6rem; }
}

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

/*==================== anchor ====================*/
#anchor { position:fixed; top:50%; left:0; transform:translateY(-50%); z-index:99999; display:none; }
#anchor ul { padding-left:2rem; }
#anchor ul li { margin-bottom:2rem; text-align:center; border-radius:15px; line-height:1.2; background:rgba(0,0,0,.3); }
#anchor ul li:last-child { margin-bottom:0; }
#anchor ul li img { display:block; margin:1rem auto; border-radius:50%; }
#anchor ul li p { display:none; }
#anchor ul li i { display:block; margin-top:0.5rem;}
#anchor ul li a { display:block; color:#fff; font-weight: bold; padding:1rem; max-width:10rem; }
#anchor .pc { display:block; }
#anchor .sp { display:none; }

@media screen and (max-width:1440px){
  #anchor { bottom:0; top:initial; transform:none; }
  #anchor img { display:none!important; }
  #anchor ul { display:flex; padding-left:0; width:100vw; }
  #anchor ul li { width:33.33%; height:auto; margin-bottom:0; border-right:solid 1px #fff; border-radius:0; text-align:center; }
  #anchor ul li:last-child { border-right:none; }
  #anchor ul li p { display:block; text-align:center; } 
  #anchor ul li a { width:100%; max-width:100%; height:auto; display:block; font-size:1.6rem; }
  #anchor .pc { display:none; }
  #anchor .sp { display:block; }
}

/* area */
.red-area { background:url(../_img/2021_xmas/back.jpg); color:#fff; }
.green-area { background:url(../_img/2021_xmas/back2.jpg); color:#fff; }
.white-area { background:url(../_img/2021_xmas/back3.jpg); color:#858585; }

/*==================== day ====================*/
#day { padding:5rem 0 5rem; position:relative; }
#day .sp-title { display:none; font-weight: bold; }
#day h3 { position:relative; margin-bottom:5rem; letter-spacing:5px; }
#day .tx-box { text-align:center; max-width:60%; margin:0 auto; }
#day .tx { margin:3rem auto; padding:2rem 0; text-align:center; font-size:2.4rem; position:relative; }
#day .tx:before,#day .tx:after { 
  position:absolute;
  content:"";
  display:block;
  height:1px;
  width:30%;
  background:#fff;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
#day .tx:after { top:initial; bottom:0; }
#day .anchor-link { max-width:50%; margin:0 auto; padding:3rem 0 6rem; }
#day .anchor-link p { font-size:3rem; text-align:center; letter-spacing:20px; margin-bottom:1rem; }
#day .anchor-link ul { display:flex; justify-content:space-between; }
#day .day { max-width:60%; margin:0 auto; background:rgba(145,137,137,.6); padding:2rem; text-align:center; position:relative; }
#day .day .mark1 { 
  position:absolute;
  top:-3rem;
  left:-3rem;
  width:10rem;
}
#day .day .mark2 { 
  position:absolute;
  bottom:-3rem;
  right:-3rem;
  width:10rem;
}
#day .day p.big { font-size:3rem; }
#day .day p.kome { font-size:1.4rem; text-align:left; }
#day .day p { text-align:center; color:#fff; font-size:2.4rem; font-weight: bold; margin-bottom:1rem;}
#day .day p span { border-bottom:solid 1px; color:#FFD35C; }
#day .btn { background:none; box-shadow:none; border-color:#fff; }
#day .btn a { color:#fff; line-height:1.2;}
@media screen and (max-width:768px){
  #day .tx-box { max-width:70%; }
  #day .catch,#day .tx,#day .day { width:100%; max-width:100%; }
  #day .tx { margin-bottom:0; }
  #day .day img {  }
  #day .day .mark1 { top:-1rem; left:-1rem; }
  #day .day .mark2 { bottom:-1rem; right:-1rem; }
  #day .img { display:block; max-width:20rem; text-align:center; margin:0 auto 2rem; }
}
@media screen and (max-width:600px){
  #day { padding-top:3rem;  }
  #day h3 { margin-bottom:3rem; }
  #day .tx-box { max-width:100%; margin:2rem 0 3rem; }
  #day .tx { font-size:1.8rem; }
  #day .day p.kome { font-size:13px; margin-bottom:2rem; }
  #day .anchor-link { max-width:70%; }
  #day .sp-title { display:block; text-align:center; font-size:3.6rem; margin-bottom:30px; }
  #day .day .mark1,#day .day .mark2 { width:7rem; }
}


/* new */
#new { margin-top:5rem; padding-bottom:5rem; }
#new .tt {}
#new .box { padding:0; margin-top:3rem; }
#new .text-box {}
#new .text-box p.title { font-size:3rem; font-weight: bold; text-align:center; }
#new .text-box p.tx { text-align:center; margin-top:2rem; font-size:2rem; }
#new ul {}
#new ul li {}
#new ul li div {  }
#new ul li div .title { font-size:2.4rem; margin-bottom:2rem; }
#new ul li div .price { font-size:2rem; border-bottom:solid 1px; margin-bottom:2rem; }
#new ul li div .tx { margin-bottom:4rem; }
@media screen and (max-width:600px){
  #new .tt { max-width:70%; margin:0 auto 3rem; }
  #new .text-box p.title { font-size:2.4rem; }
  #new .text-box p.tx { font-size:14px; text-align:left; }
  #new ul li div .title { font-size:2rem; margin-bottom:1rem; }
  #new ul li div .tx { margin-bottom:2rem; }
}

/* pick up */
#pick { margin-bottom:5rem; }
#pick h3 { padding:3rem; }
#pick .box { margin:2rem 0; padding:0; }
#pick .text-box p.title { font-size:3rem; font-weight: bold; text-align:center; }
#pick .text-box p.tx { text-align:center; margin-top:2rem; font-size:2rem; }
#pick .flb-area { position:relative; margin-top:5rem; }
#pick .flb-area .mark { position:absolute; top:0; left:50%; transform:translateX(-50%); }
#pick .flb-area ul.flb { justify-content:space-between; }
#pick .flb-area ul.flb li { width:45%; }
#pick .flb-area ul.flb li .text-area {}
#pick .flb-area ul.flb li .text-area p.title { font-size:2.4rem; line-height:1.2; margin:2rem 0; }
#pick .flb-area ul.flb li ul { display:flex; justify-content:space-between; align-items:center; padding-bottom:1rem; border-bottom:solid 1px; margin-bottom:2rem; }
#pick .flb-area ul.flb li ul .price { font-size:2rem; }
#pick .flb-area ul.flb li .btn { margin-top:3rem; }
#pick .flb-area ul.flb li ul .btn { margin-top:0; }

@media screen and (max-width:768px){
  #pick .flb-area .mark { position:initial; text-align:center; transform:none; margin-bottom:3rem; }
  #pick .flb-area ul.flb { display:block; }
  #pick .flb-area ul.flb li { width:100%; }
  #pick .flb-area ul.flb > li:first-child { margin-bottom:5rem; }
  #pick .text-box p.title { font-size:2.4rem; }
  #pick .text-box p.tx { font-size:1.6rem; }
}
@media screen and (max-width:600px){
  #pick .text-box p.tx { font-size:14px; text-align:left; }
  #pick .flb-area ul.flb li .text-area p.title { font-size:2rem; }
  #pick .flb-area ul.flb li .btn { width:100%; }
  #pick .flb-area ul.flb li ul .btn a { font-size:1.6rem; }
}


/* slider(thumbnail) */
#slider {  }
#slider ul.sp-slides { margin-top:5rem; }
#slider ul.sp-slides li { display:flex; justify-content:space-between; }
#slider ul.sp-slides li img { width:52%; }
#slider ul.sp-slides li div { width:40%; margin-right:5rem; }

.sp-slides-container { overflow:hidden; }
.sp-mask { overflow:initial; }

#slider div.sp-thumbnails { width:100%!important; height:auto!important; display:flex; flex-wrap:wrap; justify-content:center; margin-top:2rem; }
#slider div.sp-thumbnails > div {
  width:calc(25% - 1rem)!important;
  margin:0;
  margin-right:10px;
  margin-bottom:3rem;;
  border-bottom:solid 3px transparent;
  cursor:pointer;
}
#slider div.sp-thumbnails div p { text-align:center; line-height:1.2; margin-top:10px; }
#slider div.sp-thumbnails div:nth-of-type(4) { margin-right:0; }
#slider div.sp-thumbnails .sp-selected-thumbnail { border-color:#fff; }

@media screen and (max-width:768px){
  .sp-bottom-thumbnails { display:none; }
  #slider ul.sp-slides li { display:block; }
  #slider ul.sp-slides li img , #slider ul.sp-slides li div { width:100%; }
  #slider ul.sp-slides li div { margin:2rem 0; }
}
@media screen and (max-width:600px){  
  .sp-fade-arrows { opacity:1; }
  .sp-horizontal .sp-previous-arrow { left:10px; }
  .sp-horizontal .sp-next-arrow { right:10px; }
  .sp-arrow:before,.sp-arrow:after { background:rgba(0,0,0,.6); }
}
@media screen and (max-width:414px){ 
  .sp-horizontal .sp-arrows { top:165px; transform:none; }
}
@media screen and (max-width:375px){ 
  .sp-horizontal .sp-arrows { top:150px; transform:none; }
}

/* category */
#search { padding:5rem 0; position:relative; }
#search ul { display:flex; margin-bottom:3rem; }
#search ul li { width:calc(25% - 3rem *1/3); margin-right:3rem; }
#search ul li:last-child { margin-right:0; }
#search ul li .btn { width:100%; }
#search ul li .btn a { font-size:2rem; padding:2rem 4rem 2rem 2rem;}

#category ul li { text-align:center; }
#category ul li a { color:#fff; font-weight: bold; }
#category ul li a img { border-radius:50%; }
#category ul li p { text-align:center; margin-top:1rem; }
#category .btn { min-width:35rem; }

#price { margin-top:5rem; }
#price .tc .btn { margin-top:2rem; }
#price .tc .btn a { font-size:2.4rem; padding:2rem 4rem 2rem 2rem; }
#price .mark { margin-bottom:3rem; }

@media screen and (max-width:780px){
  #price ul { flex-wrap:wrap; }
  #price ul li { width:calc(50% - 2rem * 1/2); margin:0 2rem 2rem 0; }
  #price ul li:nth-of-type(2n) { margin-right:0; }
  #search ul { flex-wrap:wrap; justify-content:space-between; }
  #search ul li:nth-of-type(n+3) { margin-right:0; }
  #search ul li:nth-of-type(n+4) { margin-top:2rem; }
  #price ul li:nth-of-type(n+4) { margin-top:0; }
}
@media screen and (max-width:414px){
  #search {  }
  #search ul { flex-wrap:wrap; }
  #search ul li { width:calc(50% - 2rem * 1/2); margin:0 2rem 2rem 0; }
  #search ul li:nth-of-type(2n) { margin-right:0; }
  #search h2 img { width:60%; }
  #price .tc .btn a { font-size:1.6rem; }
  #price ul { display:block; }
  #price ul li { width:100%; }
  #category .btn { width:100%; }
  #category .btn a { font-size:16px; }
}

/* gift */
#gift { padding:2rem 0 5rem; }
#gift .box { padding:0; margin-top:3rem; }
#gift .area { position:relative; }
#gift .mark { position:absolute; top:0; left:50%; transform:translateX(-50%); }
#gift .text-box {}
#gift .text-box p.title { font-size:3rem; font-weight: bold; text-align:center; }
#gift .text-box p.tx { text-align:center; margin-top:2rem; font-size:2rem; }
#gift ul { justify-content:space-between; margin-top:5rem; }
#gift ul li { width:45%; }
#gift ul li p.title { font-size:2.4rem; line-height:1.2; margin:2rem 0; letter-spacing:3px; }
#gift ul li div.owl-carousel .owl-nav button { top:50%; transform:translateY(-50%); color:#fff; }
#gift ul li .btn { border-color:#858585; margin-top:2rem; }
#gift ul li .btn a { color:#858585; }

@media screen and (max-width:768px){
  #gift {  }
}
@media screen and (max-width:600px){
  #gift {  }
  #gift .mark { position:initial; transform:none; text-align:center; margin:3rem 0; }
  #gift .text-box p.title { font-size:2.4rem; }
  #gift .text-box p.tx { font-size:14px; text-align:left; }
  #gift ul { display:block; }
  #gift ul li { width:100%; }
  #gift ul li:last-child { margin-top:5rem; }
}

/* shop */
#shop { padding:5rem 0 10rem; }
#shop .btn { box-shadow:none; }
#shop .bnr { margin:0 0 3rem; text-align:center; }
#shop ul { display:flex; justify-content:space-between; }
#shop ul:after {display:none;}
#shop ul li { width:48%; text-align:center; }
#shop ul li p { text-align:center; font-weight: bold; margin-top: 2rem; color:#333; }
#shop ul li .btn { width:60%; margin:2rem auto 0; border:solid 1px #333; }
#shop ul li .btn a { display:block; padding:1rem 2rem; color:#333; font-weight: bold; font-weight: bold; }
#shop .xmas-img { text-align:center; margin-top:5rem;}

@media screen and (max-width:768px){
  #shop ul li { width:45%; }
  #shop ul li p { font-size: 1.5rem; }
}
@media screen and (max-width:414px){
  #shop { padding:5rem 0; }
  #shop ul { display:block; }
  #shop ul li {width: 100%;}
  #shop ul li:first-child { margin-bottom: 3rem; }
  #shop ul li p { font-size: 1.6rem; }
  #shop ul li img { width:70%; }
}


/* slide */
.owl-carousel { display:block; }
.owl-carousel .item {  }
.owl-carousel .item a img { transition:all .5s;  }
.owl-carousel .item a:hover img { transform:scale(1.2); }
.owl-carousel .item a p { color:#fff; font-size: 2rem; text-align:center; margin-top:1rem; font-weight: bold;}

/* slide nav */
.owl-nav { display:flex; }
.owl-nav button { position:absolute; top:25%; color:#fff; font-weight: normal; z-index:100; }
.owl-nav .owl-prev { left:10px; }
.owl-nav .owl-next { right:10px; }
.owl-nav button i { font-size:6rem; }
.owl-nav button span { padding:5rem 2rem; }
@media screen and (max-width:768px){  
  .owl-nav button { font-size: 6rem; }
}
@media screen and (max-width:414px){
  .owl-carousel { display:block; }
  .owl-nav .owl-prev { left:20px; }
  .owl-nav .owl-next { right:20px; }
}
@media screen and (max-width:400px){
  .owl-nav button { top:21%; }
}

/* slide dots */
.owl-dots { display:none; text-align:center; margin-top:2rem; }
.owl-dots button { margin-right:2rem; }
.owl-dots button:last-child { margin-right:0; }
.owl-dots button span { display:block; width:2rem; height:2rem; background:#aaa; border-radius:50%; }
.owl-dots button.active span { background:#fff; }
@media screen and (max-width:414px){
  .sp-area .owl-dots { display:none; }
  .owl-dots { position:initial; margin-top:1rem; }
  .owl-dots button span { width:1.5rem; height:1.5rem; }
}
@media screen and (max-width:375px){
  .owl-dots {  }
}

/* フェードイン */
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 1s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


#pageup { bottom:60px; }

/* footer */
@media screen and (max-width: 414px) {
  #footer { margin-top:0!important; }
}