@charset "utf-8";

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


/* common parts */
body { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
p { margin:0; }
.inner { width:100%; max-width:94rem; margin:0 auto; padding:0 2rem; }
.icon { text-align:center; margin:5rem 0; }
.mb0 { margin-bottom: 0!important; }
.mt0 { margin-top: 0!important; }
.m0 { margin: 0!important; }
.kv_box { margin:2rem 0 5rem; }
.w50 { width:50%; }

.flb { display:flex; }
@media screen and (max-width:768px){
	.flb { display:block; }
}

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


/* mv */
#mv .inner { width:100%; max-width:124rem; padding:0; margin-top: 5rem; }
#mv ul { display:flex; display : -webkit-flex; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; }
#mv ul li:nth-child(1) { width:65%; }
#mv ul li:nth-child(2) { width:35%; justify-content: center; -webkit-box-pack: center; }
#mv p { writing-mode: vertical-rl; font-weight: bold; }
#mv p.main { font-size: 5rem; margin-left: 2rem; order:2; -webkit-box-ordinal-group:2; -webkit-order:2; -ms-flex-order:2; }
#mv p.sub { font-size: 2rem; order:1; -webkit-box-ordinal-group:1; -webkit-order:1; -ms-flex-order:1; }

@media screen and (max-width:1024px){
  #mv ul li:nth-child(1) { padding-left: 2rem; }
}

@media screen and (max-width:768px){
  #mv { margin-bottom: 0; }
  #mv ul {display: block; }
  #mv ul li:nth-child(1){ width:100%; padding-left: 0;}
  #mv ul li:nth-child(2){ width: 100%; }
  #mv p { writing-mode:horizontal-tb; padding:0 2rem; }
  #mv p.main { font-size: 3rem; margin:2rem 0 0 0; }
  #mv p.sub { font-size: 1.8rem; }
}
@media screen and (max-width:414px){
   #mv p.main { font-size: 2.4rem; }
  #mv p.sub { font-size: 1.6rem; }
}
@media screen and (max-width:375px){
  #mv p.main { font-size: 2.4rem; }
}

/* header */
#header .inner { padding:0; }

/* all */
#sec02,#sec03,#sec04,#sec05,#sec06 { margin-top: 5rem; }

/* 2020-Xmas */
body {background:url(../_img/2020_xmas/back-img.jpg); }
h2 { text-align:center; font-size: 3rem; margin:2rem 0; }
.mincho { font-family:YuMincho,'Yu Mincho',serif; }
#top { text-align: center; }
.btn { border:solid 1px #000; display:inline-block; padding:1rem 2rem; }
.btn a { display:block; font-weight: bold; color:#000; }
.large { margin: 0 calc(50% - 50vw); width: 100vw; }
.img-area { text-align:center; }

/* sec01 */
#sec01 { }
#sec01 p {text-align:center;}
#sec01 .catch { font-size: 3rem; font-weight: bold; margin-top:5rem; }
#sec01 .sub { font-weight: bold; margin-top: 2rem; }

@media screen and (max-width:768px){
  
}
@media screen and (max-width:414px){
  #sec01 p { text-align:left; }
  #sec01 .copy p { font-size: 2.4rem; }
}
@media screen and (max-width:375px){
  #sec01 .catch { font-size: 2.4rem; }
  #sec01 p { font-size: 1.4rem; }
}

#sec02 { padding:0!important; background:url(../_img/2020_xmas/back-img2.jpeg); background-size:cover; margin-top: 5rem; }
#sec02 .obi { max-width:124rem; margin:0 auto; padding:3rem 2rem;  }
#sec02 .obi ul {display:flex; color:#fff; align-items:center; text-align:center; justify-content:center;}
#sec02 .obi ul li {font-weight: bold; font-size: 2rem;}
#sec02 .obi ul li:nth-child(1) { order:2; padding:0 3rem;}
#sec02 .obi ul li:nth-child(2) { order:1; }
#sec02 .obi ul li:nth-child(3) { order:3; }
#sec02 .obi .day { font-size:4rem; }
#sec02 .obi .kome { font-size: 1.4rem; }

#sec02 .red-box { background:#fff; border:solid 3px red; padding:2rem; text-align:center; color:red; width:60%; margin:0 auto; }
#sec02 .red-box p { text-align:center; font-weight: bold; }
#sec02 .red-box p.big { font-size: 2.4rem; }
#sec02 .red-box p.big span { border-bottom:solid 1px red; }
#sec02 .red-box p.kome { margin-top:0.5rem; margin-bottom: 2rem; }
#sec02 .red-box .btn { border-color:#024c27; }
#sec02 .red-box .btn a { color:#024c27; }

@media screen and (max-width:768px){
  #sec02 { margin-top: 2rem; }
}
@media screen and (max-width:414px){
  #sec02 .obi ul { align-items:flex-start; }
  #sec02 .obi ul li:nth-child(1) { order:1; text-align:left; padding:0 2rem 0 0; }
  #sec02 .obi ul li:nth-child(2) { order:2; }
  #sec02 .obi ul li:nth-child(3) { order:3; margin-top: 3rem; }
  #sec02 .obi .day { font-size: 3rem; }
  #sec02 .red-box { width:100%; margin-top: 1rem; }
}
@media screen and (max-width:375px){
  #sec02 .obi .day { font-size: 2rem; }
  #sec02 .obi .kome { font-size: 1.2rem; white-space: nowrap; }
}

/* src03 + sec04 ----------------------------------------*/
#sec03 {  }
#sec03 .img-area,#sec04 .img-area,#sec05 .img-area { text-align:center; }
#sec03 .inner,#sec04 .inner { max-width:114rem; }
#sec03 .text-area,#sec04 .text-area { margin:3rem 0; }
#sec03 .text-area ul.flex,#sec04 .text-area ul.flex { display:flex; align-items:center; justify-content: center; }
#sec03 .text-area ul.flex li,#sec04 .text-area ul.flex li { text-align:center; }
#sec03 .text-area ul.flex li:nth-child(1),#sec04 .text-area ul.flex li:nth-child(1) { font-size:5rem; padding:0 3rem; line-height:1.2; }
#sec03 .text-area ul.flex li:nth-child(2),#sec04 .text-area ul.flex li:nth-child(2) { text-align:left; font-size: 2rem;}
#sec03 .inner > .btn,#sec04 .inner > .btn { margin:0 auto; display:block; width:35%; text-align:center; }

/* owl-carousel */
#sec03 .owl-carousel,#sec04 .owl-carousel { position:relative; margin-bottom: 2rem; }
#sec03 .owl-carousel ul.flex,#sec04 .owl-carousel ul.flex { display:flex; max-width:80%; margin:0 auto; }
#sec03 .owl-carousel ul.flex li:nth-child(1),#sec04 .owl-carousel ul.flex li:nth-child(1){ width:40%; }
#sec03 .owl-carousel ul.flex li:nth-child(2),#sec04 .owl-carousel ul.flex li:nth-child(2) { width:60%; }
#sec03 .owl-carousel .text,#sec04 .owl-carousel .text { padding:2rem; }
#sec03 .owl-carousel .text .img,#sec04 .owl-carousel .text .img { margin-right: 2rem; width:30%; }
#sec03 .owl-carousel .text > p,#sec04 .owl-carousel .text > p { font-size:1.6rem; margin-bottom: 1em; }
#sec03 .owl-carousel .text .title,#sec04 .owl-carousel .text .title { font-size: 1.8rem; display:block; margin-bottom: 1rem; font-weight: bold; }
#sec03 .owl-carousel .owl-stage-outer,#sec04 .owl-carousel .owl-stage-outer { z-index:-1; margin-bottom: 1.5rem; }

/* nav */
#sec03 .owl-nav,#sec04 .owl-nav { display: flex; }
#sec03 .owl-nav button,#sec04 .owl-nav button { position:absolute; top:25%; color:#024C27; font-size:8rem; }
#sec03 .owl-nav .owl-prev,#sec04 .owl-nav .owl-prev { left:10px; }
#sec03 .owl-nav .owl-next,#sec04 .owl-nav .owl-next { right:10px; }
.owl-nav button span { padding:5rem 2rem; }

@media screen and (max-width:768px){
  #sec03 .owl-carousel ul.flex,#sec04 .owl-carousel ul.flex { display:block; }
  #sec03 .owl-carousel ul.flex li:nth-child(1), #sec04 .owl-carousel ul.flex li:nth-child(1) { width:100%; }
  #sec03 .owl-carousel ul.flex li:nth-child(2), #sec04 .owl-carousel ul.flex li:nth-child(2) { width:100%; }
  #sec03 .owl-carousel ul.flex li .btn,#sec04 .owl-carousel ul.flex li .btn { width:40%; text-align:center; margin:0 auto; }
  #sec03 .owl-carousel .text, #sec04 .owl-carousel .text { text-align:center; }
  #sec03 .owl-carousel .text p, #sec04 .owl-carousel .text p { text-align:left; }
  #sec03 .inner > .btn, #sec04 .inner > .btn { text-align:center; width:60%; }
  #sec03 .owl-carousel .text,#sec04 .owl-carousel .text { padding:2rem 0 0; }
}
@media screen and (max-width:414px){
  #sec03 ul.fst { display:flex; margin-bottom:3rem; padding:0 2rem; align-items:center; }
  #sec03 ul.fst h2 { text-align:left; padding-left:3rem;}
  #sec03 .text-area ul.flex li:nth-child(1),#sec04 .text-area ul.flex li:nth-child(1) { font-size:3.2rem; }
  #sec03 .text-area ul.flex li:nth-child(2),#sec04 .text-area ul.flex li:nth-child(2) { font-size: 1.4rem; }
  #sec03 .owl-nav button,#sec04 .owl-nav button { top:15%; }
  #sec03 .owl-nav .owl-prev,#sec04 .owl-nav .owl-prev { left:0px; }
  #sec03 .owl-nav .owl-next,#sec04 .owl-nav .owl-next { right:0px; }
}
@media screen and (max-width:375px){
  #sec03 .text-area ul.flex li:nth-child(1),#sec04 .text-area ul.flex li:nth-child(1) { padding:0 2rem; }
  #sec03 .owl-nav button,#sec04 .owl-nav button { top:13%; }
  #sec03 .text-area ul.flex li:nth-child(2),#sec04 .text-area ul.flex li:nth-child(2) { font-size: 1.2rem; }
  #sec03 .owl-carousel ul.flex li .btn,#sec04 .owl-carousel ul.flex li .btn { width:70%; }
  #sec03 .inner > .btn, #sec04 .inner > .btn { width:80%; }
}
@media screen and (max-width:320px){
  #sec03 ul.fst h2 { font-size: 2.4rem; padding-left: 2rem; }
  #sec03 .owl-carousel .text .title,#sec04 .owl-carousel .text .title { font-size: 1.6rem; }
  #sec03 .owl-nav button,#sec04 .owl-nav button { font-size:5rem; }
  #sec03 .text-area ul.flex li:nth-child(1),#sec04 .text-area ul.flex li:nth-child(1) { font-size:2.6rem; padding:0 1rem 0 0; }
}

/* dot */
#sec03 .owl-dots { display:none; }


/* sec05 */
#sec05 { background:url(../_img/2020_xmas/back-img2.jpeg); padding:5rem 0; color:#fff; }
#sec05 .inner { max-width:114rem; }
#sec05 .text { text-align:center; margin:3rem 0; font-size:2.4rem; font-weight: bold; }
#sec05 .flex { display:flex; justify-content:space-between; }
#sec05 .flex li { width:45%; text-align:center; }
#sec05 .flex li > div.btn { border-color:#fff; margin-top: 2rem; }
#sec05 .flex li > div.btn a { color:#fff; }
#sec05 .flex li p.tt { text-align:center; font-size: 2.4rem; margin-bottom: 2rem; }
#sec05 .flex li p.tt span { border-bottom:solid 1px #fff; }
#sec05 .flex li .item p { text-align:center; font-weight: bold; }
#sec05 .flex li .item .name { line-height:1.2; margin-top:1rem; }
#sec05 .flex li .item .price { margin-top: 1rem; }
#sec05 .flex li .item .btn { padding:0.5rem 2rem; border-color:#fff; margin-top: 1rem; }
#sec05 .flex li .item .btn a {color:#fff;}

/* sec05 slide */
#sec05 .owl-carousel { position:relative; }
#sec05 .owl-carousel .item { width:75%; margin: 0 auto; text-align:center; }
#sec05 .owl-nav button { position:absolute; top:25%; color:#fff; font-size:8rem; }
#sec05 .owl-nav .owl-prev {left:10px;}
#sec05 .owl-nav .owl-next {right:10px;}

@media screen and (max-width:768px){
  #sec05 .owl-carousel .item {width:100%;}
  #sec05 .owl-nav button { font-size:5rem; }
}
@media screen and (max-width:414px){
  #sec05 .owl-carousel .item {width:75%;}
  #sec05 ul.fst { display:flex; justify-content:center; align-items:center; padding:0 2rem; margin-bottom:3rem;}
  #sec05 ul.fst h2 { padding-left:3rem; }
  #sec05 .text { text-align:left; font-size:1.8rem; padding:0 2rem;}
  #sec05 .flex { display:block; }
  #sec05 .flex li { width:100%; }
  #sec05 .flex li:first-child { margin-bottom:5rem; }
  #sec05 .flex li > div.btn { width:75%; }
}
@media screen and (max-width:320px){
  #sec05 .text { font-size: 1.6rem; }
  #sec05 ul.fst h2 { font-size: 2.4rem; padding-left: 2rem; }
}

/* sec06 */
#sec06 {}
#sec06 .inner { max-width:114rem; }
#sec06 p.text { text-align:center; margin:3rem 0; font-size:2.4rem; font-weight: bold }
#sec06 ul { display:flex; justify-content:space-between; }
#sec06 ul:after { display:none; }
#sec06 ul li { width:48%; }
#sec06 ul li .area { padding:0 2rem; }
#sec06 ul li .area .name { font-size: 2.4rem; font-weight: bold; margin:1rem 0; }
#sec06 ul li .area .tx { margin:1rem 0; font-size: 1.4rem; }
#sec06 ul li .area .btn { width:100%; text-align:center; border:solid 3px #333; }

@media screen and (max-width:768px){
  
}
@media screen and (max-width:414px){
  #sec06 ul { display:block; }
  #sec06 ul li { width:100%; }
  #sec06 ul li:first-child { margin-bottom: 5rem; }
}
@media screen and (max-width:320px){
  #sec06 p.text,#sec06 ul li .area .name { font-size: 2rem; }
}


/* sec07 */
#sec07 { margin-bottom: 10rem; }
#sec07 .inner { max-width:114rem; }
#sec07 .bnr { margin:3rem 0; }
#sec07 ul { display:flex; justify-content:space-between; }
#sec07 ul:after {display:none;}
#sec07 ul li { width:48%; text-align:center; }
#sec07 ul li p { text-align:center; font-weight: bold; margin-top: 2rem; }
#sec07 ul li .btn { width:60%; margin-top: 2rem; }
#sec07 ul li .btn a { display:block; }
#sec07 .xmas-img { text-align:center; margin-top:5rem;}

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