@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 { background:url(../_img/2022_newyear/back.jpg); font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Times New Roman", Meiryo, serif; }
main .inner { max-width: 124rem; padding:0 2rem; margin:0 auto; color:#413B3B; }
header { font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }

h2 { font-size:4rem; text-align:center; font-weight:normal!important; letter-spacing:5px; line-height:1.5; margin-bottom:3rem; }
h3 { font-size:5rem; color:#AA0000; border-bottom:solid 1px #aa0000; position:relative; text-align:center; }
h3:before { 
  content:"";
  display:block;
  background:url(../_img/2022_newyear/higaki.png);
  width:10rem;
  height:10rem;
  position:absolute;
  bottom:-1rem;
  left:15rem;
  background-size:cover;
}
p { margin:0; }
section { margin-top:10rem; }
.max { margin:0 calc(50% - 50vw); width:calc(100% + (50vw - 50%)); }
.btn { border:solid 1px #9B8707; text-align:center; }
.btn a { display:block; padding:0.5rem 2rem; color:#9B8707; font-size:2rem; font-weight: bold; }
.tc { text-align:center; }
.anc { padding-top:10rem; margin-top:-10rem; }
.pc { display:block; }
.pc-inline { display:inline-block; }
.pc2 { display:block; }
.mid { display:none; }
.sp { display:none; }

@media screen and (max-width:1024px){
  .pc2 { display:none; }
  .anc { padding-top:9rem; margin-top:-9rem; }
}
@media screen and (max-width:768px){  
  .mid { display:block; }
  .anc { padding-top:8rem; margin-top:-8rem; }
}
@media screen and (max-width:600px){
  .pc { display:none; }
  .pc-inline { display:none; }
  .sp { display:block; }
  .anc { padding-top:6.5rem; margin-top:-6.5rem; }
}

/* MV ----------------------------------------*/
#mv { background:#454545; margin-top:0; }

/* catch ----------------------------------------*/
#catch { position:relative; }
#catch .mark { position:absolute; right:-15rem; top:0; }
#catch .mark2 { position:absolute; left:-18rem; bottom:0; }
#catch .mark2 img { transform:scale(-1,1); }
#catch .tx { border-top:solid 1px #707070; border-bottom:solid 1px #707070; padding:2rem 0; }
#catch .tx p { text-align:center; font-size:1.8rem; line-height:2.5; }

/* anchor ----------------------------------------*/
#anchor { position:relative; z-index:10; }
#anchor .tt { font-size:4rem; color:#AA0000; text-align:center; }
#anchor ul { display:flex; width:80%; margin:0 auto; }
#anchor ul li { width:33.33%; text-align:center; background:#AA0000; padding:1rem 0; }
#anchor ul li a { color:#fff; font-size:3rem; display:block; border-right:solid 2px #fff; }
#anchor ul li:last-child a { border-right:none; }

/* new ----------------------------------------*/
#new , #new2 { position:relative; }
#new .back { position:absolute; top:10rem; left:0; }
#new .back2 { position:absolute; top:-15rem; right:-35rem; }
#new .back2 img { width:80%; }
#new .white { background:rgba(255,255,255,0.6); position:relative; margin-top:25rem; }
#new .white .max , #new2 .white .max { position:relative; top:-5rem; }
#new .white .item { display:flex; position:relative; }
#new .white .text-area { position:absolute; bottom:0; right:2rem; width:35%; z-index:5; background:rgba(0,0,0,.5); color:#fff; padding:2rem; }
#new .white .text-area h4 , #new2 .white .text-area h4 { font-size:4rem; letter-spacing:1rem; line-height:1.2; margin-bottom:3rem; }
#new .white .text-area p , #new2 .white .text-area p { font-size:2rem; font-weight: bold; }
#new .white .item img , #new2 .white .item img { width:auto; }
#new .slider-pro {}
#new .slider-pro .sp-slide { display:flex; justify-content:space-between; align-items:center; }
#new .slider-pro .sp-slide > img { width:auto; position:relative; z-index:1; }
#new .slider-pro .sp-slide .text-box { width:50%; background:rgba(255,255,255,.7); padding:2rem; }
#new .slider-pro .sp-slide .text-box .title { display:flex; align-items:center; font-size:3rem; font-weight: bold; margin-bottom:2rem; }
#new .slider-pro .sp-slide .text-box .title img { margin-right:2rem; width:20%; }
#new .slider-pro .sp-slide .text-box .tx { font-size:2rem; margin-bottom:3rem; padding-left:2rem; font-weight: bold; }
#new .slider-pro .sp-slide .text-box .tx2 { padding-left:2rem; }
#new .slider-pro .sp-slide .text-box .price { align-items:center; width:100%; margin-top:3rem; }
#new .slider-pro .sp-slide .text-box .price p { width:50%; font-size:2rem; text-align:right; margin-left:auto; }
#new .slider-pro .sp-slide .text-box .price .btn { width:50%; margin:0; margin-left:auto; }
#new .slider-pro .sp-slide .text-box .price .btn a { font-size:2rem; }
#new .white .btn { width:50%; margin:5rem auto; }
#new .white .btn a { font-size:2.8rem; }
/* #new slider --------------------*/
#new .owl-nav { display:none; }
#new .slider-pro { padding:0 2rem; box-sizing:border-box; }
#new .sp-thumbnail-container { cursor:pointer; margin-top:3rem; }
#new .sp-thumbnails .sp-thumbnail img{ border-radius:50%; }

/* new2 ----------------------------------------*/
#new2 { margin-top:5rem; padding:10rem 0 0; position:relative; }
#new2 .back { position:absolute; top:0rem; left:0; }
#new2 .back2 { position:absolute; top:50%; left:-25rem; }
#new2 .back3 { position:absolute; bottom:-50rem; left:-65rem; width:70%; z-index:2; }
#new2 .back4 { position:absolute; bottom:-40rem; right:-50rem; width:90%; z-index:2; }
#new2 .white { background:rgba(255,255,255,0.6); position:relative; margin-top:10rem; z-index:3; }
#new2 .max { width:calc(100vw - (100vw - 100%) / 2); margin:0; }
#new2 .white .item { display:flex; position:relative; justify-content:space-between; }
#new2 .white .item > img { order:2; }
#new2 .white .text-area { position:absolute; bottom:0; left:2rem; width:35%; z-index:5; background:rgba(0,0,0,.5); color:#fff; padding:2rem; }
#new2 .owl-nav { display:none; }
#new2 .owl-dots { margin-left:auto; }
#new2 ul.item-box { display:flex; justify-content:center; align-items:center; padding:0 2rem; }
#new2 ul.item-box .img { order:2; width:50%; }
#new2 ul.item-box .tx { width:38%; margin-right:-5rem; z-index:1; }
#new2 ul.item-box .title { font-size:3rem; margin-bottom:3rem; }
#new2 ul.item-box .price { margin-top:2rem; }
#new2 ul.item-box .price p ,#new2 ul.item-box .price .btn { width:50%;  }
#new2 ul.item-box .price p { text-align:center; font-size:2.4rem; margin-bottom:1rem; }
#new2 ul.item-box .price .btn a { font-size:2rem; }
#new2 .youtube { position:relative; height:0; padding:0 0 56.25%; overflow:hidden; }
#new2 .youtube iframe { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60%; height:60%; }

/* fukubukuro ----------------------------------------*/
.back-img { position:relative; z-index:5; }
.top { bottom:-1px; }
.btm { top:-1px; }
#fukubukuro { position:relative; margin-top:0; margin-bottom:0; background:url(../_img/2022_newyear/red2.jpg); z-index:10; }
#fukubukuro .back { position:absolute; top:5rem; right:-20rem; }
#fukubukuro .back2 { position:absolute; bottom:-5rem; left:-10rem; transform:scale(-1, 1); z-index:6; }
#fukubukuro .inner { color:#fff; }
#fukubukuro h3 { color:#fff; border-color:#fff; padding-top:10rem; margin-bottom:20rem; }
#fukubukuro .text-area { background:rgba(0,0,0,.3); padding:2rem; }
#fukubukuro .text-area p.b { font-size:3rem; line-height:1.2; margin-bottom:2rem; }
#fukubukuro .text-area p.tx { font-size:1.8rem; }
#fukubukuro .text-area .tx-box { margin-top:2em; }
#fukubukuro .box { background:rgba(0,0,0,.3); }
#fukubukuro .box .main-img { position:relative; top:-10rem; }
#fukubukuro .box .main-img .img { margin:0 calc(50% - 50vw); width:calc(100vw + (50vw - 50%));; }
#fukubukuro .box .main-img .text-area { position:absolute; right:0; bottom:5rem;; width:45%; }
#fukubukuro .box .nakami {}
#fukubukuro .box .nakami ul { display:flex; justify-content:center; }
#fukubukuro .box .nakami ul li.img { width:55%; }
#fukubukuro .box .nakami ul li.tx-box { width:35%; margin-right:5rem; }
#fukubukuro .box .nakami ul li:first-child { order:2; }
#fukubukuro .box .nakami ul li .tt { text-align:center; font-size:3rem; margin-bottom:2rem; }
#fukubukuro .box .nakami ul li .tx { border:solid 1px #fff; padding:2rem; font-size:2rem; }
#fukubukuro .box .cyui { margin:5rem auto; width:85%; }
#fukubukuro .box .cyui .tt { font-size:3rem; text-align:center; margin:1rem;}
#fukubukuro .box .cyui .tx {}
#fukubukuro .box .kikan { background:rgba(0,0,0,.3); padding:1rem 0; font-size:3.4rem; text-align:center; width:70%; margin:0 auto 5rem; }
#fukubukuro .btn { max-width:40rem; width:100%; margin:0 auto; border-color:#fff; }
#fukubukuro .btn a { font-size:3rem; color:#fff; }

/* spring ----------------------------------------*/
#spring { position:relative; margin-top:0; }
#spring .inner { position:relative; z-index:10; }
#spring .back { position:absolute; top:0; left:0; }
#spring .back2 { position:absolute; bottom:0; left:-15%; z-index:0; }
#spring h3 { padding-top:10rem; margin-bottom:5rem; }
#spring .main { width: calc(100vw - (100vw - 100%) / 2); display:flex; align-items:center; }
#spring .main  {}
#spring .main .img { order:2; width:68%; }
#spring .main .tx-area { width:32%; background:rgba(255,255,255,.6); padding:5rem; padding-right:0; }
#spring .main .tx-area .tt { font-size:4rem; letter-spacing:1rem; line-height:1.2; font-weight: bold; }
#spring .main .tx-area .tx { font-size:2rem; margin-top:3rem; }
#spring ul.sex { display:flex; justify-content:space-between; margin-top:5rem; }
#spring ul.sex li { width:48%; padding:4rem 3rem; background:rgba(255,255,255,.5); text-align:center; }
#spring ul.sex li:last-child { background:rgba(198,65,61,.9); color:#fff; }
#spring ul.sex li .t { font-size:3.6rem; text-align:center; margin-bottom:2rem; font-weight: bold; }
#spring ul.sex li img { box-shadow: 5px 5px 3px rgba(0,0,0,.2); }
#spring ul.sex li .title { font-size:3rem; letter-spacing:-2px; margin-top:1rem; font-weight: bold; }
#spring ul.sex li .price { font-size:2.4rem; margin-top:2rem; border-bottom:solid 2px rgba(0,0,0,.5); font-weight: bold; }
#spring ul.sex li:last-child .price { border-bottom:solid 2px rgba(255,255,255,.5); }
#spring ul.sex li .tx { margin:2rem 0 3rem; font-weight: bold; }
#spring ul.sex li .btn { border-color:#333; }
#spring ul.sex li:last-child .btn { border-color:#fff; }
#spring ul.sex li .btn a { color:#333; font-weight: bold; }
#spring ul.sex li:last-child .btn a { color:#fff; }
#spring ul.sex li .btn2 { margin-top:3rem; }

/* select ----------------------------------------*/
#select { position:relative; }
#select .back { position:absolute; top:0; right:-30rem; }
#select p.tt { font-size:3.6rem; text-align:center; margin-bottom:5rem; border-bottom:solid 1px #9E7631; color:#8D5E0F; font-weight: bold; }
#select ul { display:flex; justify-content:space-between; }
#select ul:after { display:none; }
#select ul li { width:15%; text-align:center; }
#select ul li a { color:#8D5E0F; font-weight: bold; }
#select ul li a p { text-align:center; }
#select .btn { max-width:45rem; width:100%; margin:3rem auto 0; }
#select .btn a { font-size:2rem; }

/* calendar ----------------------------------------*/
#calendar { background:url(../_img/2022_newyear/red2.jpg); margin:0; color:#fff; }
#calendar h3 { color:#fff; border-color:#fff; margin-bottom:2rem; }
#calendar p { color:#fff; }
#calendar .title { font-size:3rem; text-align:center; margin-top:5rem; }
#calendar .box { background:rgba(0,0,0,.3); color:#fff; }
#calendar .box .t { text-align:center; font-size:3.6rem; margin-bottom:2rem; }
#calendar .box ul { display:flex; justify-content:center; align-items:center; margin-bottom:5rem; }
#calendar .box ul li {  }
#calendar .box ul li:first-child { margin-right:5rem; }
#calendar .box ul li:first-child img { border-radius:50%; }
#calendar .box ul li:last-child { font-size:3.6rem; }
#calendar .box .tx { width:60%; margin:0 auto; }
.back-img2 { transform:scale(-1, 1); position:relative; }

/* shop ----------------------------------------*/
#shop { padding-bottom:10rem; margin-top:3rem; position:relative; }
#shop .back { position:absolute; top:-20rem; left:-15rem; width:20%; }
#shop .back2 { position:absolute; bottom:15rem; right:-5rem; }
#shop .inner {  }
#shop ul.brand { display:flex; justify-content:space-between; }
#shop ul.brand:after {display:none;}
#shop ul.brand li { width:48%; text-align:center; }
#shop ul.brand li p { text-align:center; font-weight: bold; margin-top: 2rem; }
#shop ul.brand li .btn { width:60%; margin:2rem auto 0; border:solid 1px #333; }
#shop ul.brand li:first-child .btn { border-color:#8D5E0F; }
#shop ul.brand li:first-child .btn a { color:#8D5E0F; }
#shop ul.brand li .btn a { display:block; padding:1rem 2rem; color:#333; font-weight: bold; font-size:2rem; }
#shop ul.brand li:first-child p { color:#8D5E0F; }
#shop ul.link { display:flex; align-items: flex-end; max-width:80%; margin:5rem auto 0; }
#shop ul.link li {}
#shop ul.link li .tt { background:#9EA752; color:#fff; font-size:2.8rem; font-weight: bold; text-align:center; }
#shop ul.link li .shop-list { padding:1rem 0; padding-left:2.5rem; margin-left:2.5rem; margin-top:1rem; border-left:solid 2px #707070; }
#shop ul.link li .shop-list p { line-height:2; }
#shop ul.link li .shop-list p a { font-size:1.8rem; color:#333; font-weight: bold; }
#shop ul.link li.btn { margin-left:10rem; border-color:#630; }
#shop ul.link li.btn a { color:#630; padding:0.5rem 4rem; }
#shop .btn2 { max-width:50rem; margin:5rem auto 0; border-color:#630; }
#shop .btn2 a { color:#630; }

/* slide dots ----------------------------------------*/
.owl-dots { display:block; text-align:center; margin-top:2rem; width:calc(100% - ((50vw - 50%) * 2)); }
.owl-dots button { margin-right:1rem; }
.owl-dots button:last-child { margin-right:0; }
.owl-dots button span { display:block; width:1.5rem; height:1.5rem; background:#aaa; border-radius:50%; }
.owl-dots button.active span { background:#333; }

.slider-pro .sp-button { width:1.5rem; height:1.5rem; border:none; background:#aaa; box-sizing:border-box; margin:0.5rem; }
.slider-pro .sp-button.sp-selected-button { background:#333; }
.sp-slides-container .sp-fade-arrows { opacity:1; }
.sp-horizontal .sp-arrows { width:calc(100% + 14rem); left:50%; transform:translate(-50%,-50%); }
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before { background:#707070; width:20%; }
.sp-thumbnails-container { overflow:visible; }
.sp-thumbnail-container { overflow:visible; }
.sp-thumbnail { border-bottom:solid 3px transparent; }
.sp-selected-thumbnail .sp-thumbnail { border-color:rgba(112,112,112,.5); }



/*========================================
               responsive
========================================*/

@media screen and (max-width:1540px){
  
  /* catch --------------------*/
  #catch .mark,#catch .mark2 { max-width:25%; }
  
  /* fukubukuro --------------------*/
  #fukubukuro .back,#fukubukuro .back2 { max-width:25%; }
  
}

@media screen and (max-width:1024px){
  
  /* common --------------------*/
  .max { margin:0; width:100%; }
  
  /* anchor --------------------*/
  #anchor { margin-top:5rem; }
  
  /* new --------------------*/
  #new .white { margin-top:10rem; }
  #new .white .text-area,#new2 .white .text-area { position:initial; width:100%; background:none; color:#333; }
  #new .white .max, #new2 .white .max { top:0; }
  #new .slider-pro { margin-top:5rem; }
  #new .slider-pro .sp-slide { display:block; }
  #new .slider-pro .sp-slide .text-box { width:100%; }
  #new .slider-pro .sp-slide .text-box .title img { max-width:6rem; }
  #new .slider-pro .sp-slide .text-box .tx,#new .slider-pro .sp-slide .text-box .tx2 { padding-left:0; }
  #new .sp-thumbnail-container { margin-top:3rem; }
  
  /* new2 --------------------*/
  #new2 { padding:0; }
  #new2 .max { width:100%; }
  #new2 ul.item-box { margin-top:5rem; }
  #new2 ul.item-box .tx { width:50%; }
  #new2 ul.item-box .price .btn { width:100%; }
  
  /* fukubukuro --------------------*/
  #fukubukuro .back { right:-5rem; top:0; }
  #fukubukuro .box .main-img .text-area { position:initial; width:100%; background:none; }
  #fukubukuro .text-area { padding:0; margin-top:2rem; }
  #fukubukuro .text-area .tx-box { background:rgba(0,0,0,.3); padding:2rem; }
  #fukubukuro .box .kikan { width:100%; }
  
  /* spring --------------------*/
  #spring .main { display:block; width:100%; }
  #spring .main .img,#spring .main .tx-area { width:100%; background:none; }
  #spring .main .tx-area { padding:0 2rem; margin-top:2rem; }
  
  /* select --------------------*/
  #select {}
  #select .back { width:25%; right:-5rem; top:-3rem; }
  
  /* shop --------------------*/
  #shop {}
  #shop .back { top:-15rem; left:-9rem; }
  #shop .back2 { width:30%; }
  
  /* slide --------------------*/
  .sp-horizontal .sp-arrows { width:100%; }
  .owl-dots { width:100%; }
  
}

@media screen and (max-width:768px){
  
  /* common */
  h3 { font-size:4rem; }
  h3:before { left:5rem; }
  section { margin-top:5rem; }
  
  /* catch --------------------*/
  #catch .mark { right:-5rem; top:-8rem; }
  #catch .mark2 { left:-8rem; bottom:-5rem; }
  
  /* anchor --------------------*/
  
  
  /* new --------------------*/
  #new { padding-top:5rem; }
  #new .back { top:20rem; }
  #new .back img { height:15rem; object-fit:cover; }
  #new .back2 { position:relative; top:-5rem; left:50%; right:auto; transform:translateX(-50%); width:20%; }
  #new .back2 img { width:100%; }
  #new .white .text-area h4, #new2 .white .text-area h4 { font-size:2.8rem; margin-bottom:2rem; }
  #new .white .text-area p, #new2 .white .text-area p { font-size:1.6rem; }
  #new .white .btn a { font-size:2rem; }
  #new .slider-pro .sp-slide .text-box .title { position:relative; margin-top:-5rem; z-index:1; align-items:flex-end; }
  #new .slider-pro .sp-slide .text-box .title img { max-width:10rem; }
  
  /* new2 --------------------*/
  #new2 .white { margin-top:5rem; }
  #new2 .back { top:5rem; }
  #new2 .back img { height:15rem; object-fit:cover; }
  #new2 .back2 { position:relative; width:20%; z-index:1; top:0; left:50%; transform:translateX(-50%); }
  #new2 ul.item-box { display:block; }
  #new2 ul.item-box .img , #new2 ul.item-box .tx { width:100%; }
  #new2 ul.item-box .title { font-size:2.2rem; margin:1rem 0; }
  #new2 ul.item-box .price p { width:100%; text-align:center; }
  #new2 ul.item-box .price .btn { width:70%; margin:0 auto;}
  #new2 .youtube { margin-top:3rem; }
  #new2 .youtube iframe { width:90%; height:90%; }
  
  /* fukubukuro --------------------*/
  #fukubukuro h3 { margin-bottom:8rem; }
  #fukubukuro .text-area p.b,#fukubukuro .box .nakami ul li .tt,#fukubukuro .box .cyui .tt { font-size:2.4rem; }
  #fukubukuro .text-area p.tx { font-size:1.6rem; }
  #fukubukuro .box .main-img { top:-5rem; }
  #fukubukuro .box .nakami ul { display:block; }
  #fukubukuro .box .nakami ul li.img , #fukubukuro .box .nakami ul li.tx-box { width:100%; }
  #fukubukuro .box .nakami ul li.img { text-align:center; }
  #fukubukuro .box .nakami ul li.tx-box { margin-top:2rem; }
  #fukubukuro .box .nakami ul li .tt { margin-bottom:1rem; }
  #fukubukuro .box .nakami ul li .tx { font-size:1.8rem; }
  #fukubukuro .box .kikan { font-size:2.6rem; }
  #fukubukuro .btn a { font-size:2rem; }
  
  /* spring --------------------*/
  #spring .back { top:7rem; }
  #spring .back img { height:15rem; object-fit:cover; }
  #spring .main .tx-area .tt { font-size:2.4rem; }
  #spring .main .tx-area .tx { font-size:1.6rem; margin-top:1rem; }
  #spring ul.sex li { padding:2rem; }
  #spring ul.sex li .t { font-size:2.4rem; }
  #spring ul.sex li .title { font-size:2.6rem; line-height:1.5; text-align:center; }
  #spring ul.sex li .price { margin-top:1rem; text-align:center; }
  #spring ul.sex li .tx { font-size:1.4rem; }
  
  /* select --------------------*/
  
  /* calendar --------------------*/
  #calendar .box .t , #calendar .box ul li:last-child { font-size:2.2rem; }
  
  /* shop --------------------*/
  #shop ul.brand li { width:45%; }
  #shop ul.brand li p { font-size: 1.5rem; }
  #shop .back2 { bottom:30rem; }
  
  /* footer */
  #footer { margin-top:0!important; }
  
}

@media screen and (max-width:600px){
  
  /* common --------------------*/
  h3 { line-height:1.5; }
  h3:before { left:0; width:7rem; height:7rem; }
  
  /* catch --------------------*/
  #catch .mark { max-width:35%; width:100%; }
  #catch .mark { top:-4rem; }
  #catch .mark2 { display:none; }
  #catch .tx p { line-height:2; font-size:2rem; }
  
  /* anchor --------------------*/
  #anchor ul { width:100%; }
  
  /* new --------------------*/
  #new .white .text-area h4, #new2 .white .text-area h4 { font-size:4rem; }
  #new .white .text-area p, #new2 .white .text-area p { font-size:2rem; font-weight:normal; }
  #new .slider-pro { padding:0; }
  #new .slider-pro .sp-slide .text-box .title { margin-top:-3rem; }
  #new .slider-pro .sp-slide .text-box .tx { margin-bottom:1.5rem; }
  #new .slider-pro .sp-slide .text-box .price p , #new .slider-pro .sp-slide .text-box .price .btn { margin:0 auto; }
  #new .slider-pro .sp-slide .text-box .price p { margin-bottom:1rem; }
  #new .white , #new2 .white { background:none; }
  #new .white .btn { width:80%; }
  
  /* new2 --------------------*/
  #new2 ul.item-box { background:rgba(255,255,255,.7); padding:0; padding-bottom:3rem; margin-top:1rem; }
  #new2 ul.item-box .tx { padding:0 2rem; }
  #new2 .youtube { background:rgba(255,255,255,.7); margin-top:0; }
  
  /* fukubukuro --------------------*/
  #fukubukuro .back { top:25%; max-width:40%; }
  #fukubukuro .back2 { bottom:-12rem; left:-4rem; max-width:35%; }
  #fukubukuro h3 { padding-top:5rem; }
  #fukubukuro .box { position:relative; z-index:5; padding:0; padding-bottom:3rem; }
  #fukubukuro .text-area .tx-box { padding:2rem 0; }
  #fukubukuro .text-area p.b, #fukubukuro .box .nakami ul li .tt, #fukubukuro .box .cyui .tt { font-size:3rem; }
  #fukubukuro .text-area p.b,#fukubukuro .text-area p.tx { padding:0 2rem; }
  #fukubukuro .text-area p.b { line-height:1.5; }
  #fukubukuro .box .nakami ul li.tx-box { padding:0 2rem; }
  #fukubukuro .box .nakami ul li .tx { font-size:2rem; }
  #fukubukuro .box .cyui { width:100%; padding:0 2rem; }
  #fukubukuro .box .cyui .tx { font-size:1.4rem; }
  
  /* spring --------------------*/
  #spring h3 { padding-top:5rem; }
  #spring .back2 { top:57%; }
  #spring .back2 img { height:60rem; object-fit:cover; }
  #spring .main .tx-area .tt { font-size:4rem; }
  #spring .main .tx-area .tx { font-size:2rem; }
  #spring ul.sex { display:block; }
  #spring ul.sex li { width:100%; }
  #spring ul.sex li:first-child { margin-bottom:3rem; }
  #spring ul.sex li .t { font-size:3.2rem; }
  #spring ul.sex li .title { font-size:3rem; margin-bottom:2rem; }
  #spring ul.sex li .tx { font-size:1.6rem; }
  
  /* select --------------------*/
  #select .back { width:35%; right:-8rem; }
  #select p.tt { display:inline-block; padding:0 3rem; }
  #select ul { flex-wrap:wrap; }
  #select ul li { width:48%; font-size:2rem; }
  
  /*calendar --------------------*/
  #calendar { padding-bottom:5rem; }
  #calendar h3 { padding-top:5rem; margin-bottom:5rem; }
  #calendar .box ul:after { display:none; }
  #calendar .box ul li { width:50%; }
  #calendar .box ul li:first-child { margin-right:2rem; }
  #calendar .box .tx { width:100%; }
  
  /* shop --------------------*/
  #shop .back { position:relative; top:0; left:50%; transform:translateX(-50%);}
  #shop .back2 { width:45%; bottom:35rem; }
  #shop ul.brand { display:block; margin-top:5rem; }
  #shop ul.brand li {width: 100%;}
  #shop ul.brand li:first-child { margin-bottom:5rem; }
  #shop ul.brand li p { font-size: 1.6rem; }
  #shop ul.brand li img { width:70%; }
  #shop ul.link { display:block; }
  #shop ul.link li .tt { width:30%; }
  #shop ul.link li .shop-list p a { font-size:2.4rem; }
  #shop ul.link li.btn { margin:5rem auto 0; }
  
  /* slide --------------------*/
  .sp-area .owl-dots { display:none; }
  .owl-dots { position:initial; margin-top:1rem; }
  .owl-dots button span { width:1.5rem; height:1.5rem; }
  .sp-horizontal .sp-arrows { top:25%; }
  .sp-thumbnails { width:100%!important; height:auto!important; display:flex; flex-wrap:wrap; justify-content:space-between; }
  
}

@media screen and (max-width:414px){
  section { margin-bottom:0; }
}
@media screen and (max-width:375px){
  
  /* common --------------------*/
  h2 { font-size:3rem; }
  h3 { font-size:3.4rem; }
  h3:before { width:5rem; height:5rem; }
  
  #catch .tx p { font-size:1.8rem; }
  
  /* new --------------------*/
  #new .white .text-area h4, #new2 .white .text-area h4 { font-size:3rem; }
  #new .slider-pro .sp-slide .text-box .price .btn { width:80%; }
  #new .slider-pro .sp-slide .text-box .title { font-size:2.6rem; }
  
  /* fukubukuro --------------------*/
  #fukubukuro .text-area p.b, #fukubukuro .box .nakami ul li .tt, #fukubukuro .box .cyui .tt { font-size:2.4rem; }
  #fukubukuro .btn { max-width:80%; }
  #fukubukuro .box .kikan { font-size:2.4rem; }
  
  /* spring --------------------*/
  #spring .main .tx-area .tt { font-size:3rem; }
  #spring .main .tx-area { padding:0; }
  #spring ul.sex li .title { font-size:2.4rem; }
  #spring ul.sex li .tx { font-size:1.4rem; }
  
  /* select --------------------*/
  #select ul li { font-size:1.6rem; }
  
  /* shop --------------------*/
  #calendar .box ul li { width:40%; }
  #calendar .box ul li:last-child { width:60%; font-size:2rem; }
  
  /* slide --------------------*/
  .owl-dots {  }
    
}