@charset "utf-8";

@import url(normalize.css);
@import url(all.css);
@import url(common_parts.css);
@import url(common.css);

/* common parts */
main .inner { max-width: 124rem; padding:0 2rem; margin:0 auto; }
h2 { font-size: 4rem; text-align:center; font-weight: bold; letter-spacing:5px; line-height:1.5; margin-bottom:3rem; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; }
.fo_min { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; }
/*div:after,ul:after { display:none; }*/
p { margin:0; }

@media screen and (max-width:414px){
  h2 { font-size: 3.6rem; }
}
@media screen and (max-width: 375px){
	h2 { font-size: 3.2rem; }
}
@media screen and (max-width: 320px){
	h2 { font-size:2.6rem; }
}

/* mv */
#mv {}
#mv .inner { max-width:100%; padding:0; }
#mv .img { position:relative; }
#mv .img p { position:absolute; bottom:50px; right:50px; color:#fff; font-weight: bold; font-size: 4.2rem; line-height:1.2;  }
#mv .img p span { display:block; margin-top: 2rem; }

@media screen and (max-width:736px){
  #mv { margin-bottom: 0; }
  #mv .img p { position:inherit; color:#333; position:initial; padding:3rem; }
}
@media screen and (max-width:414px){
  #mv .img p { font-size:3rem; text-align:center; }
}

/* anchor */
#anchor {}
#anchor ul { display:flex; }
#anchor ul li { width:33.33%; position:relative; background:#acacac; border-right:solid 1px #808080; }
#anchor ul li:after { position:absolute; bottom:5%; left:50%; transform:translateX(-50%);content:"▼"; display:block; font-size:3rem; color:#fff; transition:all ease-out .3s; }
#anchor ul li:hover::after { transform:translate(-50%,1rem); color:#333; }
#anchor ul li:last-child { border-right:none; }
#anchor ul li a { display:block; color:#fff; padding:2rem 4rem 8rem; font-size: 2rem; transition:all ease-out .3s; }
#anchor ul li a:hover { background:rgba(255,255,255,0.9); color:#333; }
#anchor ul li a span { display:block; font-size:4.8rem; text-align:center; }
#anchor ul li.limited { background:url(../_img/2021_valentine/anchor01.jpg); background-size:cover; background-repeat:no-repeat; }
#anchor ul li.rec { background:url(../_img/2021_valentine/anchor02.jpg); background-size:cover; background-repeat:no-repeat; }
#anchor ul li.gift { background:url(../_img/2021_valentine/anchor03.jpg); background-size:cover; background-repeat:no-repeat; }

@media screen and (max-width:1390px){
  #anchor ul li a span { font-size: 4rem; }
}
@media screen and (max-width:1200px){
  #anchor ul li a { font-size: 1.6rem; padding:2rem 2rem 8rem; }
  #anchor ul li a span { font-size:3.2rem; }
}
@media screen and (max-width:900px){
  #anchor ul li a span { font-size:2.6rem; }
}
@media screen and (max-width:768px){
  #anchor ul { display:block; }
  #anchor ul li { width:100%; border-bottom:solid 1px #707070; text-align:center; }
}
@media screen and (max-width:414px){
  #anchor ul li { text-align:left; }
  #anchor ul li a { padding:2rem 5rem 8rem; }
  #anchor ul li a span { margin-bottom: 2rem; font-size: 3rem; }
}

/* gentei */
#gentei {  }
#gentei .inner { max-width:100%; padding:10rem 0; background:#88592F; }
.img-box { margin-bottom: 8rem; }
.img-box ul { width:90%; margin:0 auto; display:flex; justify-content:space-between; }
.img-box ul:first-child { align-items: center; }
.img-box ul:last-child { align-items: flex-end; margin-top:-10%; }
.img-box ul li { color:#fff; width:40%; font-weight: bold; }
.img-box ul .tt { font-size: 6rem; }
.img-box ul .tx {text-align:right; font-size:4rem; }
.img-box ul li.img { width:60%; }
.img-box ul li span { display:block; }
#gentei ul.hori-img { display:flex; justify-content:space-between; align-items:center; }
#gentei ul.hori-img li{ color:#fff; }
#gentei ul.hori-img li:first-child { order:2; width:55%; }
#gentei ul.hori-img li:last-child { padding:3rem 4rem; width:60%; background:#704701; margin-right: -5rem; z-index: 1; }
#gentei ul.hori-img li:last-child .text-box { padding:0 4rem; }
#gentei ul.hori-img li:last-child .tt { font-size: 4rem; line-height:1.2; margin-bottom: 2rem; font-weight: bold; }
#gentei ul.hori-img li:last-child .price { font-size: 2.6rem; font-weight: bold; text-align:right; }
#gentei ul.hori-img li:last-child .btn { max-width:23rem; width:100%; margin-left:auto; text-align:center; font-weight: bold;}
#gentei ul.hori-img li:last-child .btn a { display:block; background:#A56D35; color:#fff; padding:1rem 2rem; border-radius:15px; }
#gentei .flb { display:flex; padding:0 4rem; margin-top: 4rem; justify-content:space-between; }
#gentei .flb .l p { background:#fff; color:#333; font-size: 2rem; line-height:1.5; padding:1rem 2rem; font-weight: bold; text-align:center; }
#gentei .flb .l p span.min { display:block; font-size: 1.4rem; }
#gentei .flb .l p span.red { color:#dc143c; }
#gentei div:after { display:none; }
.shadow { box-shadow: 5px 5px 10px #333; }

@media screen and (max-width:1300px){
  .img-box ul .tt { font-size: 4rem; }
  .img-box ul .tx { font-size: 3rem; }
}
@media screen and (max-width:1100px){
  #gentei ul.hori-img { display:block; }
  #gentei ul.hori-img li:first-child,#gentei ul.hori-img li:last-child { width:100%; }
}
@media screen and (max-width:900px){
  .img-box ul .tt { font-size: 3.6rem; }
  .img-box ul .tx { font-size: 2.6rem; }
}
@media screen and (max-width:768px){
  .img-box { margin-bottom: 3rem; }
  .img-box ul { width: 100%; display: block; }
  .img-box ul li,.img-box ul li:first-child,.img-box ul li.img { width:100%; }
  .img-box ul:last-child { margin-top:0; }
  .img-box ul .tt,.img-box ul .tx { text-align:center; font-size:5rem; }
  .img-box ul .tt { margin-bottom: 2rem; }
  .img-box ul .tx { margin-top: 2rem; }
}
@media screen and (max-width:414px){
  #gentei .inner { padding:5rem 0; }
  #gentei .flb { display:block; }
  #gentei .flb .l p { width:70%; margin:0 auto 2rem; }
  .img-box ul .tt,.img-box ul .tx { font-size: 3rem; }
  #gentei ul.hori-img li:last-child { padding:3rem 5rem; }
  #gentei ul.hori-img li:last-child .tt { font-size: 2.6rem; line-height:1.5; }
  #gentei ul.hori-img li:last-child .price { text-align:center; }
  #gentei ul.hori-img li:last-child .btn { margin:0 auto; }
  #gentei ul.hori-img li:last-child .text-box { padding:0; }
}

/* recommend */
#recommend { background:#613B19; padding:10rem 0; }
#recommend ul { display:flex; }
#recommend ul li {  }
#recommend ul li:first-child { order:2; font-size: 5rem; width:40%; margin-left:-15rem; margin-top: 4rem; color:#fff; }
#recommend ul li:last-child { width:70%; }
#recommend .btn { width:30%; margin:0 auto; text-align:center; }
#recommend .btn a { background:#A56D35; color:#fff; display:block; padding:1rem 2rem; font-weight: bold; border-radius:15px; }
/* owl-carousel recommend */
#recommend .owl-carousel { padding:5rem 6rem; width:90%; margin:0 auto; }
#recommend .owl-carousel .item { color:#fff; }
#recommend .owl-carousel .item .text {}
#recommend .owl-carousel .item .text span { font-size: 2rem; display:block; margin:1.5rem 0; }
#recommend .owl-carousel .item .price { text-align:center; font-size: 3rem; margin-top:3rem; }
#recommend .owl-carousel .item .btn { width:60%; text-align:center; margin:2rem auto 0; }
#recommend .owl-carousel .item .btn a { display:block; padding:1rem 2rem; background:#A56D35; color:#fff; border-radius:15px; }
#recommend .owl-nav { position:absolute; top:25%; left:0; width:100%; z-index:-1; }
#recommend .owl-nav button { font-size:6rem; color:#fff; }
#recommend .owl-nav .owl-next { float:right; }

@media screen and (max-width:768px){
  #recommend ul { display:block; }
  #recommend ul li:first-child,#recommend ul li:last-child { width:100%; }
  #recommend ul li:first-child  { margin-left:0; text-align:center;}
  #recommend .btn { width:60%; }
  #recommend .owl-nav { top:16%; }
}
@media screen and (max-width:414px){
  #recommend { padding:5rem 0; }
  #recommend ul li:first-child { margin-top: 0; }
  #recommend .owl-carousel .item .text span { font-weight: bold; }
  #recommend .owl-carousel .item .btn a { border-radius:10px; }
  #recommend .owl-carousel .item .price { font-size: 2.2rem; }
  #recommend .owl-nav { top:21%; }
  #recommend .btn { width:80%; }
  #recommend .btn a { border-radius:10px; }
}
@media screen and (max-width:320px){
  #recommend .owl-carousel { padding:5rem 4rem; }
  #recommend .owl-nav { top:18%; } 
}

/* gift */
#gift { background:#88592F; }
#gift .img-box { padding:5rem 0; }
#gift ul { width:79%; }
#gift ul:first-child { align-items:flex-start; }
#gift ul:first-child li { font-weight:normal; }
#gift ul:first-child li.img { order:2; width:60%; text-align:center; }
#gift ul:last-child li:first-child { width:60%; text-align:center; }
#gift ul .tt-box {padding-right:2rem; }
#gift ul .tx { padding-left:2rem; max-width:30rem; }
#gift ul li .tt { margin-top: 2rem; }
#gift ul .tx p { text-align:center; font-size: 1.6rem;}
#gift ul .tx .btn { width:100%; text-align:center; margin-left:auto; margin-top:2rem; }
#gift ul .tx .btn a { display:block; padding:1rem 2rem; background:#A56D35; font-size: 2.2rem; color:#fff; border-radius:15px; }
#gift ul:after { display:none; }

@media screen and (max-width:1660px){
  #gift ul li .tt { font-size: 4.6rem; }
}
@media screen and (max-width:1300px){
  #gift ul li .tt { font-size:3.6rem; }
  #gift .img-box ul:last-child { margin-top:-5%; }
}
@media screen and (max-width:980px){
  #gift .img-box ul { display:block; }
  #gift .img-box ul:last-child { margin-top:0; }
  #gift .img-box ul .tt-box { display:none; }
  #gift .img-box ul .sp { display:block!important; }
  #gift ul:first-child li.img,#gift ul:last-child li:first-child,#gift .img-box ul li { width:100%; }
  #gift ul:first-child li:first-child { font-size: 3rem; text-align:center; margin-bottom: 2rem; }
}
@media screen and (max-width:768px){
  #gift ul:last-child li.sp { margin-top: 2rem; font-weight:normal; }
}
@media screen and (max-width:414px){
  #gift ul { width:100%; } 
  #gift ul:last-child .sp,#gift ul:last-child .tx { padding:0 5rem; text-align:left; }
  #gift ul .tx { max-width:100%; }
  #gift ul .tx p { margin-top:3rem; }
  #gift .btn { margin:0 auto; }
   {  }
}

/* shop */
#shop { margin-top: 10rem; margin-bottom: 10rem; }
#shop .inner {  }
#shop .bnr { margin:3rem 0; 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; }
#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; }
#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 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%; }
}


/* footer --------------------*/
#footer { background: #663300; padding: 5rem 0 4rem; margin-top: 15rem; }
#footer .inner { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; padding: 2rem; }
.footer_logo { position: static; bottom: 2rem; max-width: inherit; text-align: center; }
#footer-copy { position: inherit; bottom: 0; width: 100%; text-align: center; }
.footer_logo_text { width: 100%; max-width: 50rem; margin: 0 auto 3rem; }

#pageup .inner { max-width:100%; }