@charset "utf-8";

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


/* common */
.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_d-grn { background:#056823; }
.back_wine { background:#a11251; }
.back_lgrn { background:#9dbb87; }
.back_pp { background:#920681; }
.back_red { background:#ea000e; }

body { 
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif;
  color:#707070;
}
nav,header,.breadcrumbs { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
.flb { display:flex; }
.fo_goth { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
.h3-tt { text-align:center; margin-bottom:10rem; }
h3 { position:relative; display:inline-block; margin:auto; font-size:6rem; text-align:center; line-height:1.4; background:#D9FFEF; padding:1rem 3rem; }
h3 span { display:block; text-align:center; font-size:2rem; }
h3:after { content:""; display:block; position:absolute; width:100%; height:100%; background:#78DCB2; top:2rem; left:2rem; z-index:-1; }
@media screen and (max-width:834px){
   h3 { font-size:4.6rem; }
}
@media screen and (max-width:414px){
  .flb { display:block; }
  .h3-tt { margin-bottom: 5rem; }
  h3 { font-size:3.6rem; }
  h3 span { font-size: 1.6rem; }
  h3:after { top:1rem; left:1rem; }
}

/* mv */
#mv { }
#mv .inner{ }
#mv .mv-area { position:relative; }
#mv .mv-area .text-area { position:absolute; top:5rem; left:10rem; }
#mv .mv-area .text-area h2 { font-size: 6rem; margin-bottom: 2rem; }
#mv .mv-area .text-area p { font-size: 3.2rem; }
@media screen and (max-width:1112px){
  #mv .mv-area .text-area { top:3rem; left:3rem; }
  #mv .mv-area .text-area h2 { font-size:4rem; }
  #mv .mv-area .text-area p { font-size: 2.8rem; }
}
@media screen and (max-width:768px){
  #mv .mv-area .text-area { top:3rem; left:3rem; }
  #mv .mv-area .text-area h2 { font-size:3rem; margin-bottom: 1rem; }
  #mv .mv-area .text-area p { font-size: 2rem; }
}
@media screen and (max-width:414px){
  #mv { margin-bottom: 5rem; }
  #mv div:after { display:none; }
  #mv .mv-area .text-area { position:initial; padding:0 2rem; margin-top:2rem; }
  #mv .mv-area .text-area h2 { font-size: 3.8rem; margin-bottom: 1rem; }
  #mv .mv-area .text-area p { font-size: 2.6rem; }
}
@media screen and (max-width:320px){
  #mv .mv-area .text-area p { font-size:2.2rem; }
}

/* day */
#day {  }
#day .inner { max-width:128rem; width:100%; margin:auto; padding:0 2rem; }
#day .flb { justify-content:space-between; align-items:center; border:solid 3px #07913A; padding:2rem; margin:5rem 0 10rem; }
#day .flb p { font-size:2.4rem; }
#day .flb p span.str { position:relative; color:#f00; font-size:2.6rem; line-height:1.5; }
#day .flb p span.str:after { content:""; display:block; position:absolute; width:100%; height:5px; bottom:5px; left:0; background:#FFF011; z-index:-1; }
#day .flb p span.day { display:inline-block; font-size:3.2rem; background:#07913A; color:#fff; font-weight: bold; padding:0.5rem 1rem; margin-top: 1rem;}
/*#day .flb img { width:40%; }*/
@media screen and (max-width:1180px){
  #day .flb p span.day { display:block; text-align:center; }
}

@media screen and (max-width:768px){
  #day .flb { display:block; }
  #day .flb p { font-size: 2.2rem; }
  #day .flb p span.day { display:block; text-align:center; }
  #day .flb .img { text-align:center; }
  #day .flb .img img { width:70%; }
}
@media screen and (max-width:414px){
  #day .flb { margin-bottom:5rem; }  
  #day .flb img { width:100%; }
  #day .flb p span.str { line-height:1.4; }
  #day .flb p span.day { font-size: 3rem; }
}
@media screen and (max-width:320px){
  #day .flb p { font-size:1.8rem; }
  #day .flb p span.str { font-size:2rem; line-height:1.2; }
  #day .flb p span.day { font-size: 2.6rem; }
}
  

/* anchor */
#anchor { margin-bottom:10rem; }
#anchor .inner { max-width:128rem; padding:0 2rem; margin:auto; }
#anchor ul { display:flex; }
#anchor ul li { position:relative; width:calc(100% - 3rem * 1/3); margin-right:3rem; }
#anchor ul li:last-child { margin-right:0; }
#anchor ul li img {}
#anchor ul li .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); }
#anchor ul li .bg p { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); color:#fff; text-align:center; font-size:2rem; font-weight: bold;}
#anchor div:after { display:none; }

@media screen and (max-width:768px){
  #anchor ul li .bg p { font-size:1.6rem; }
}
@media screen and (max-width:414px){
  #anchor { margin-bottom:5rem; }
  #anchor ul { display:block; }
  #anchor ul li { width:100%; height:20rem; margin-right:0; margin-bottom:2rem; }
  #anchor ul li:last-child { margin-bottom: 0; }
  #anchor ul li img { object-fit:cover; height:20rem; width:100%; }
  #anchor ul li .bg p { font-size:2rem; }
}

/* pickup */
#pickup {}
#pickup .mid-title { display:none; font-size:4rem; border-left:solid 5px #707070; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
#pickup .l , #pickup .r { position:relative; max-width:90%; width:100%; display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:5rem; }
#pickup .l img ,#pickup .r img { position:relative; z-index:1; width:60%; }
#pickup .l .tx-box , #pickup .r .tx-box { position:relative; background:#DBFEFF; width:70%; height:75rem; margin:5rem 0 0 -50rem; padding:15% 5rem 0 20rem;; }
#pickup .l .tx-box .white, #pickup .r .tx-box .white { position:relative; z-index:10; padding:2rem; background:rgba(255,255,255,0.6); z-index:10; }
#pickup .l .tx-box .big-tt { position:absolute; font-size:6rem; top:-5rem; right:5rem; border-left:solid 5px #707070; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; z-index:20; }
#pickup .l .tx-box p , #pickup .r .tx-box p {  }
#pickup .l .tx-box p.tt , #pickup .r .tx-box p.tt{ font-size: 3.2rem; font-weight: bold; }
#pickup .l .tx-box p.tx , #pickup .r .tx-box p.tx{ font-size:2rem; }
#pickup .l .tx-box .btn { position:absolute; bottom:5rem; right:5rem; display:inline-block; margin-left:auto; background:#A56D35; border-radius:15px; z-index:20; }
#pickup .l .tx-box .btn a { color:#fff; font-size:2.7rem; display:block; padding:0.5rem 3rem; font-weight: bold; }

#pickup .r { margin-left:auto; }
#pickup .r img { order:2; }
#pickup .r .tx-box { position:relative; background:#DBFEFF; width:100rem; height:75rem; margin:5rem -50rem 0 0; padding:15% 20rem 0 5rem; }
#pickup .r .tx-box .big-tt { position:absolute; font-size:6rem; top:-5rem; left:5rem; border-left:solid 5px #707070; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; z-index:20; }
#pickup .r .tx-box p { text-align:right; }
#pickup .r .tx-box .btn { position:absolute; bottom:5rem; left:5rem; display:inline-block; margin-left:auto; background:#A56D35; border-radius:15px; z-index:20; }
#pickup .r .tx-box .btn a { color:#fff; font-size:2.7rem; display:block; padding:0.5rem 3rem; font-weight: bold; }

@media screen and (max-width:1500px){
  #pickup .l .tx-box , #pickup .r .tx-box { height:65rem; }
  #pickup .l .tx-box .big-tt , #pickup .r .tx-box .big-tt { font-size:4rem; }
  #pickup .l .tx-box p.tt , #pickup .r .tx-box p.tt{ font-size:2.8rem; }
  #pickup .l .tx-box p.tx , #pickup .r .tx-box p.tx{ font-size:1.8rem; }
}
@media screen and (max-width:1200px){
  #pickup .l , #pickup .r { max-width:95% }
  #pickup .l .tx-box , #pickup .r .tx-box { height:60rem; }
  #pickup .l .tx-box p.tt , #pickup .r .tx-box p.tt{ font-size:2.4rem; }
  #pickup .l .tx-box p.tx , #pickup .r .tx-box p.tx{ font-size:1.6rem; }
}
@media screen and (max-width:834px){
  #pickup .l , #pickup .r { display:block; margin-bottom:8rem; }
  #pickup .l img ,#pickup .r img ,#pickup .l .tx-box , #pickup .r .tx-box { width:100%; }
  #pickup .mid-title { display:block; position:absolute; z-index:10; } 
  #pickup .l .mid-title { top:-3rem; right:-1rem; }
  #pickup .r .mid-title { top:-3rem; left:-1rem; }
  #pickup .l .tx-box , #pickup .r .tx-box { margin:0; padding:0; width:auto; height:auto; background:none; }
  #pickup .tx-box .btn { position:initial!important; display:block!important; margin:auto; max-width:30rem; width:100%; text-align:center; }
  #pickup .tx-box .btn a { font-size: 2rem!important; }  
  #pickup .tx-box .big-tt { display:none; }
  #pickup .tx-box .white { background:none!important; }
  #pickup .r .tx-box p { text-align:left; }
}
@media screen and (max-width:320px){
  #pickup .mid-title { font-size: 3rem; }
  #pickup .l .mid-title { top:-1.5rem; right:-1rem; }
  #pickup .r .mid-title { top:-1.5rem; left:-1rem; }
  #pickup .l .tx-box p.tt , #pickup .r .tx-box p.tt{ font-size:1.8rem; }
  #pickup .l .tx-box p.tx , #pickup .r .tx-box p.tx{ font-size:1.4rem; }
}

/* newitem */
#newitem { margin-top:10rem; }
#newitem .mv-area { position:relative; margin-bottom: 5rem;}
#newitem .mv-area p { position:absolute; bottom:10rem; right:10rem; font-size:6rem; color:#fff; text-align:right; font-weight: bold; }

@media screen and (max-width:1500px){
  #newitem .mv-area p { bottom:5rem; right:5rem; font-size:4rem; }
}
@media screen and (max-width:768px){
  #newitem .mv-area p { bottom:3rem; right:3rem; font-size:3rem; }
}
@media screen and (max-width:414px){
  #newitem { margin-top: 5rem; }
  #newitem .mv-area p { bottom:3rem; right:3rem; font-size:3rem; }
}

#newitem > ul { max-width:90%; width:100%; justify-content:space-between; }
#newitem > ul li.img { width:55%; }
#newitem > ul li.tx,#newitem > ul.two li.tx { padding:3rem 0; width:40% }
#newitem > ul li.tx p.tt { font-size:3.2rem; background:#DFFFF0;}
#newitem > ul li.tx p { font-size:2rem; }
#newitem > ul.two { margin-left:auto; margin-top:5rem; }
#newitem > ul.two li.img { order:2; }
#newitem > ul:after {display:none;}

@media screen and (max-width:1700px){
  #newitem > ul li.tx p.tt { font-size:2.6rem; }
  #newitem > ul li.img img { object-fit:cover; width:100%; height:100%; }
}
@media screen and (max-width:1380px){
  #newitem > ul { max-width:95%; }
  #newitem > ul li.tx p.tt { font-size:2rem; }
  #newitem > ul li.tx p { font-size: 1.6rem; }
}
@media screen and (max-width:1000px){
  #newitem > ul { max-width:100%; display:block; }
  #newitem > ul li.img , #newitem > ul li.tx ,#newitem > ul.two li.tx { width:100%; }
  #newitem > ul li.tx p.tt { text-align:center; }
  #newitem > ul li.tx , #newitem > ul.two li.tx { padding:0 2rem; margin-top: 3rem; }
}
@media screen and (max-width:414px){
  #newitem > ul li.tx p.tt { font-size:2.4rem; }
  #newitem > ul li.tx p { font-size: 1.6rem; }
}
@media screen and (max-width:375px){
  #newitem > ul li.tx p.tt { font-size:2.2rem; }
  #newitem > ul li.tx p { font-size: 1.4rem; }
}
@media screen and (max-width:320px){
  #newitem > ul li.tx p.tt { font-size:1.8rem; }
  #newitem > ul li.tx p { font-size: 1.4rem; }
}

#newitem div.dbl { max-width:80%; width:100%; margin:0 auto; justify-content:space-between; margin-top:10rem;}
#newitem div.dbl .fst , #newitem div.dbl .sec { width:45%; }
#newitem div.dbl .big-tt { font-size: 4rem; padding-left:2rem; border-left:solid 5px #707070; line-height:1; }
#newitem div.dbl .flb .img { width:60%; }
#newitem div.dbl .tx-area { width:40%; margin-left:2rem; }
#newitem div.dbl .tx-area .tt { font-size: 2.4rem; }
#newitem div.dbl .tx-area .tx {  }
#newitem div.dbl .tx-area .price { text-align:right; font-size:2rem; font-weight: bold;}
#newitem div.dbl .tx-area .color { display:flex; justify-content:flex-end; }
#newitem div.dbl .tx-area .color li { width:4rem; height:4rem; border-radius:50%; margin-left:1rem; }
#newitem div.dbl .tx-area .color li:first-child { margin-left:0; }
#newitem .btn { display:block; max-width:30rem; width:100%; margin:3rem auto 0; background:#A56D35; border-radius:15px; text-align:center; }
#newitem .btn a { color:#fff; font-size:2rem; display:block; padding:0.5rem 3rem; font-weight: bold; }

@media screen and (max-width:1540px){
  #newitem div.dbl { max-width:90%; }
  #newitem div.dbl .tx-area .color li { width:2.5rem; height:2.5rem; }
  #newitem div:after { display:none; }
}
@media screen and (max-width:1370px){
  #newitem div.dbl { width:70%; }
  #newitem div.dbl .flb { display:block; }
  #newitem div.dbl .fst , #newitem div.dbl .sec { width:45%; }
  #newitem div.dbl .flb .img { width:100%; }
  #newitem div.dbl .tx-area { width:100%; margin-left:0; }
  #newitem div.dbl .big-tt { font-size: 3rem; }
  #newitem div.dbl .tx-area .tt { font-size: 2rem; font-weight: bold;}
  #newitem div.dbl .tx-area .price { font-size:1.8rem; }  
}
@media screen and (max-width:1070px){
  #newitem div.dbl { width:90%; }
}
@media screen and (max-width:780px){
  #newitem div.dbl .big-tt { font-size:2.6rem; }
}
@media screen and (max-width:414px){
  #newitem div.dbl .fst { margin-bottom:5rem; }
  #newitem div.dbl .fst , #newitem div.dbl .sec { width:100%; }
  #newitem div.dbl .tx-area .tt { margin-top: 1rem; }
  #newitem div.dbl .tx-area .price { text-align:center; }
  #newitem div.dbl .tx-area .color { justify-content:center; }
}

/* gift */
#gift { margin-top: 10rem; }
#gift ul { max-width:90%; width:100%; align-items:center; }
#gift ul li:first-child { width:100%; }
#gift ul li.img { width:77%; }
#gift ul li.tx-area { width:50%; position:relative; margin-left:-20rem; padding-right:2rem; }
#gift ul li .tt { font-size: 4rem;}
#gift ul li .tx { font-size: 2.4rem; }
#gift ul li .btn { max-width:30rem; width:100%; margin-left:auto; background:#a56d35; border-radius:15px; text-align:center; margin-top:5rem; }
#gift ul li .btn a { color:#fff; font-size:2rem; display:block; padding:0.5rem 3rem; font-weight: bold; }

@media screen and (max-width:1530px){
  #gift ul li .tt { font-size: 3rem; }
  #gift ul li .tx { font-size: 1.8rem; }
}
@media screen and (max-width:1110px){
  #gift ul { display:block; max-width:100%; }
  #gift ul li.img { width:100%; }
  #gift ul li.tx-area { width:100%; margin:3rem auto 0; padding:0 2rem;}
  #gift ul li .tt { font-size:2.4rem; }
  #gift ul li .tx { font-size: 1.6rem; }
}
@media screen and (max-width:414px){
  #gift ul li .btn { margin:5rem auto 0; }
}

/* shop */
#shop { margin-top: 10rem; margin-bottom: 10rem; }
#shop .inner { max-width:128rem; width:100%; margin:auto; padding:0 2rem; }
#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; 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%; }
}