@charset "utf-8";

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




/* color */
.d_brn { color:#432d22; }
.brn { color:#955125; }
.cam { color:#c58949; }
.d_bl { color:#143640; }
.blk { color:#0e161f; }
.crm { color:#fcf0d1; }
.whi { color:#fff; }
.lbr { color:#fdeecf; }

/* 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; }

/* 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; }
}


/* spring common */
.big-btn { width:40%; margin:0 auto; font-size: 3rem; font-weight: bold; border:solid 3px #b28247; text-align: center;  }
.big-btn a { display:block; color:#b28247; 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){
  .big-btn { width:60%; }
}
@media screen and (max-width:414px){
  .big-btn { width:90%; }
  .big-btn a { font-size: 2.4rem; }
}
@media screen and (max-width:320px){
  .big-btn { width:90%; }
  .big-btn a { font-size: 2rem; }
}


/* main_inner */
.main_inner { max-width:100%; margin:0; }

/* mv */
#mv { text-align: center; }
#mv .inner { max-width:192rem; margin-top: 5rem; }
#mv .text-box { max-width:124rem; width:100%; padding:0 2rem; margin:0 auto; }
#mv .text-box .tt { font-size: 4rem; text-align:center; font-weight: bold; margin:3rem 0; }
#mv .text-box .text { font-size:2.2rem; text-align:center; margin-bottom:5rem; }
@media screen and (max-width:414px){
  section { margin-bottom: 0; }
  #mv .inner { padding:0; }
  #mv .copy { font-size:1.8rem; }
  #mv .text-box .tt { font-size:2.8rem; }
  #mv .text-box .text { font-size: 1.8rem; }
}

@media screen and (max-width:320px){
  #mv .text-box .tt { font-size:2.2rem; }
  #mv .text-box .text { font-size: 1.6rem; }
}

/* anchor --------------------*/
#anchor {}
#anchor .inner { max-width:90rem; }
#anchor ul { display:flex; justify-content:space-between; }
#anchor ul li { position:relative; width:30%; }
#anchor ul li div { position:absolute; top:0; bottom:0; left:0; right:0; display:flex; text-align:center; justify-content:center; align-items:center; background:rgba(0,0,0,0.3); font-size:3rem; color:#fff; font-weight: bold; }
@media screen and (max-width:414px){
  #anchor ul li div { font-size: 2rem; }
}


/* fuku --------------------*/
#fuku { margin-top:10rem; }
#fuku .inner { max-width:110rem; }
#fuku ul { display:flex; justify-content: center; }
#fuku ul li { width: 50%; color:#fff; }
#fuku ul li:last-child { background:#C9BC9C; padding:2rem 3rem; }
#fuku ul li .tx { font-size: 2rem; margin-bottom: 2rem; }
#fuku ul li .price { font-size:3rem; text-align:center; margin-top: 3rem; }
#fuku ul li .btn { background:#B28247; width:50%; margin:0 auto; text-align:center; margin-top: 2rem; }
#fuku ul li .btn a { display:block; padding:1rem 2rem; color:#fff; font-weight: bold; font-size: 2rem; }

@media screen and (max-width:768px){
  #fuku ul { display:block; }
  #fuku ul li { width:100%; }
}
@media screen and (max-width:320px){
  #fuku ul li .btn { width: 60%; }
}

/* new --------------------*/
#new { margin-top: 10rem; }
#new .inner {}
#new .catch { font-size: 2.6rem; text-align:center; padding:3rem 0; }
#new .text-area { padding:0 3rem; }
#new .text-area .title { font-size: 2rem; font-weight: bold; }
#new .text-area ul.list { margin:1rem 0; }
#new .text-area ul.list li { list-style:disc; margin-left:1em; }
#new .text-area .price { font-size:2rem; text-align:center; }
#new .text-area .btn { background:#B28247; width:40%; margin:0 auto; text-align:center; margin-top: 1rem; }
#new .text-area .btn a { display:block; padding:1rem 2rem; color:#fff; font-weight: bold; }

/* new-slide */
#new .owl-carousel { margin-bottom: 3rem; }
#new .owl-carousel .item { width:80%; margin:0 auto; }
#new .owl-carousel .item > ul { display:flex; justify-content:space-between; }
#new .owl-carousel .item > ul > li:first-child { width:45%; }
#new .owl-carousel .item > ul > li:last-child { width:55%; }

@media screen and (max-width:1024px){
  #new .owl-carousel .item { width:90%; }
}
@media screen and (max-width:768px){
  #new .owl-carousel .item { width:80%; }
  #new .owl-carousel .item > ul { display:block; }
  #new .owl-carousel .item > ul > li:first-child,#new .owl-carousel .item > ul > li:last-child { width:100%; }
}
@media screen and (max-width:414px){
  #new .mv { margin: 0 calc(50% - 50vw); width:100vw; }
  #new .catch { font-size:1.8rem; }
  #new .text-area .btn { width:60%; }
}
@media screen and (max-width: 320px){
  #new .catch { font-size: 1.6rem; }
  #new .text-area .title { font-size: 1.8rem; }
  #new .text-area ul.list li { font-size: 1.4rem; }
  #new .text-area .btn { width:80%; }
}

/* new-slide nav */
#new .owl-nav { display: flex; }
#new .owl-nav button { position:absolute; top:50%; transform:translate(0,-50%); color:#333; font-weight: normal; font-size:8rem; z-index:10; }
#new .owl-nav .owl-prev { left:10px; }
#new .owl-nav .owl-next { right:10px; }
.owl-nav button span { padding:5rem 2rem; }
@media screen and (max-width:768px){
	#new .owl-nav button { font-size: 6rem; top:30%; }
}
@media screen and (max-width:414px){
	#new .owl-nav button { font-size: 4rem; }
	#new .owl-nav .owl-prev { left:0; }
	#new .owl-nav .owl-next { right:0; }
}

/* ushi --------------------*/
#ushi { margin-top: 10rem; }
#ushi.inner{  }
#ushi .copy { text-align:center; font-size: 2.2rem; }
#ushi ul.item-list { display:flex; justify-content:space-between; margin-top: 3rem; }
#ushi ul.item-list > li { width:23%; }
#ushi .text-area { background:#C9A063; padding:2rem 1rem; color:#fff; }
#ushi .text-area .tt { font-size:1.8rem; font-weight: bold; text-align:center; }
#ushi .text-area ul.list { border-top:solid 3px #fff; border-bottom:solid 3px #fff; padding:1rem 0; }
#ushi .text-area ul.list li { font-size: 1.3rem; padding:0 1rem; }
#ushi .text-area .color { text-align:center; font-weight: bold; }
#ushi .text-area .color-list { display:flex; justify-content:center; }
#ushi .text-area .color-list li { width:2rem; height:2rem; border-radius:50%; margin:0 0.5rem; border:solid 1px #fff; }
#ushi .text-area .price { text-align: center; font-weight: bold; margin:1.5rem 0; }
#ushi .text-area .btn { width:70%; margin:0 auto; background:#b28247; text-align:center; }
#ushi .text-area .btn a { display:block; color:#fff; font-weight: bold; padding:1rem 2rem; font-size: 1.8rem; }
#ushi .mid { display:none; }

/* slide */
#ushi .item { width:80%; margin:0 auto; }
/* new-slide nav */
#ushi .owl-nav { display: flex; }
#ushi .owl-nav button { position:absolute; top:50%; transform:translate(0,-50%); color:#333; font-weight: normal; font-size:8rem; z-index:10; }
#ushi .owl-nav .owl-prev { left:10px; }
#ushi .owl-nav .owl-next { right:10px; }
.owl-nav button span { padding:5rem 2rem; }
@media screen and (max-width:768px){
	#ushi .owl-nav button { font-size: 6rem; top:30%; }
}
@media screen and (max-width:414px){
	#ushi .owl-nav button { font-size: 4rem; }
	#ushi .owl-nav .owl-prev { left:0; }
	#ushi .owl-nav .owl-next { right:0; }
}


@media screen and (max-width:1250px){
  #ushi .text-area .tt { font-size: 1.6rem; }
  #ushi ul.item-list > li { width:24%; }
  #ushi .text-area ul.list li { font-size: 1.2rem; padding:0 0.5rem; }
  #ushi .text-area .btn a { font-size: 1.6rem; }
}
@media screen and (max-width:1185px){
  #ushi .text-area .tt { font-size: 1.4rem; }
  #ushi .text-area ul.list li { font-size: 1rem; }
  #ushi .text-area .btn { width:90%; }
}
@media screen and (max-width:935px){
  #ushi .pc { display:none!important; }
  #ushi .mid { display:block!important; }
}
@media screen and (max-width:768px){
  #ushi .owl-carousel { margin-top: 3rem; }
  #ushi .text-area .tt { font-size:2rem; }
  #ushi .text-area ul.list li { font-size: 1.6rem; padding:0 2rem; }
}


/* day --------------------*/
#day { margin-top: 10rem; }
#day .inner {}
#day .text { text-align:center; width:80%; margin:0 auto; font-size: 2.2rem; margin-bottom:3rem; padding:3rem 0; font-weight: bold; border-bottom:solid 1px #333; border-top:solid 1px #333; }
#day .text span { color:red; }
#day ul { display:flex; justify-content:space-between; }
#day ul li { width:24%; padding:1rem 2rem; color:#fff; position:relative; z-index:1; }
#day ul li:after { content:""; display:block; opacity:.3; position:absolute; top:0; bottom:0; left:0; right:0; margin:0 auto; z-index:-1; }
#day ul li p.tt { text-align:center; font-size:3rem; font-weight: bold; border-bottom:solid 1px #fff; margin-bottom: 3rem; }
#day ul li p.tt span { display:block; font-size: 1.4rem; }
#day ul li .text-area { background:rgba(0,0,0,.4); padding:2rem; }
#day ul li .text-area .click { text-align:center; padding:0.5rem 1rem; background:#fff; color:#c9a063; font-weight: bold; margin-top: 3rem; cursor:pointer; }
#day ul li.ten .text-area .click { color:#9BD7F0; }
#day ul li.tora .text-area .click { color:#DBE390; }
#day ul li.mi .text-area .click { color:#ADD596; }
#day ul li.tora .text-area > p ,#day ul li.ten .text-area > p { padding-bottom:3rem; }
@media screen and (max-width:768px){
  #day ul li.ten .text-area > p { padding-bottom: 0; }
}
@media screen and (max-width:414px){
  #day ul li.tora .text-area > p { padding-bottom:0; }
}

#day .active-box { display:none; color:#fff; }
#day .active-box .tt { font-size: 2.4rem; text-align:center; }
#day .active-box .tt span { display:block; font-size:1.4rem; }
#day .active-box .tx { margin:2rem 0; }
#day .active-box table { border:solid 1px #fff; width:100%; }
#day .active-box table th,#day .active-box table td { padding:0.5rem 1rem; font-weight: bold; border-right:solid 1px #fff; border-bottom:solid 1px #fff; }
#day .active-box table th { text-align:center; width:20%; }
#day .active-box table td span { color:#c9a063; }
/*#day .active-box.tora { color:#333; }*/

/* アクティブ時 */
#day .active-area { display:none; position:fixed; top:0; left:0; z-index:10000; }
#day .active-area.on { display: block; }
#day .active-box.active { display:block; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:2rem; z-index:101; }
#day .active-box:after { content:""; display:block; opacity:.3; position:absolute; top:0; bottom:0; left:0; right:0; width:80%; margin:0 auto; z-index:-1; }
#day .bg { display:none; position:fixed; z-index:1; background:#000; opacity:.8; top:0; left:0; width:100%; height:100%; cursor:pointer; }

body.scroll-lock { position: fixed; left: 0px; right: 0px; top: 0px; bottom:0px; }

/* 各カレンダー設定 */
#day ul li.ichi { background:#C9A063; }
#day ul li.ichi:after { background:url(../_img/2021_spring/ina.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
#day .active-box.ichi { background:#c9a063; }
#day .active-box.ichi:after { background:url(../_img/2021_spring/ina.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
#day ul li.ten { background:#9BD7F0; }
#day ul li.ten:after { background:url(../_img/2021_spring/hinode.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
#day .active-box.ten { background:#9BD7F0; }
#day .active-box.ten:after { background:url(../_img/2021_spring/hinode.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
#day ul li.tora { background:#DBE390; }
#day ul li.tora:after { background:url(../_img/2021_spring/tora.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
#day .active-box.tora { background:#DBE390; }
#day .active-box.tora:after { background:url(../_img/2021_spring/tora.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
#day ul li.mi { background:#ADD596; }
#day ul li.mi:after { background:url(../_img/2021_spring/hebi.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }
#day .active-box.mi { background:#ADD596; }
#day .active-box.mi:after { background:url(../_img/2021_spring/hebi.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; }

#day ul:after{display:none;}

@media screen and (max-width:768px){
  #day ul { flex-wrap:wrap; }
  #day ul li { width: 48%; }
  #day ul li:nth-of-type(n+3) { margin-top:3rem; }
}

@media screen and (max-width:414px){
  #day ul { display:block; }
  #day ul li { width:100%; }
  #day ul li:nth-of-type(n+2) { margin-top: 3rem; }
  #day .active-box { width:80%; height:80%; overflow-y:scroll; }
}

/* 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%; }