@charset "utf-8";

/* common ----------*/
body {
  background:#705D40;
  color:#3D3D3D;
}
main {
/*  font-family: "fot-tsukuardgothic-std", sans-serif;*/
  font-family:YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  line-height:1.6;
}
.inner { max-width:124rem; width:100%; padding:0 2rem; margin:0 auto; }
.btn { max-width:35rem; width:100%; margin:2rem auto 0; border:solid 1px #707070; position:relative; }
.btn a { display:block; padding:0.5rem 0; text-align:center; color:#707070; font-size:2rem; }
div:after, ul:after, cf:after { display:none; }
p { margin:0; }
div.fs-l-page { margin-top:0; }
.pc { display:block!important; }
.sp-only { display:none!important; }
.sp-text { display:none; }
.anc { margin-top:-9rem; padding-top:9rem; }

h2 { border-left:solid 5px #707070; padding-left:1em; font-size:3rem; font-weight: bold; }

@media screen and (max-width:600px){
  .pc { display:none!important; }
  .sp-only { display:block!important; }
}

/* pan ----------*/
.breadcrumbs { position:relative; margin:0 auto; max-width:1200px; z-index:10; background:#705D40; }
.breadcrumbs .crumbList { position:absolute; top:2rem; color:#fff; }
.breadcrumbs .crumbList a { color:#fff; }
.breadcrumbs .crumbList span { color:#fff; }


#mv { color:#fff; margin-top:9rem; padding:5rem 0; }
#mv .mv { max-width:120rem; width:100%; margin:0 auto; }
#mv .catch { font-size:1.8rem; width:80%; margin:5rem auto 0; }
#mv .catch span { font-size:150%; font-weight: bold; display:block; margin-bottom:1rem; text-align:center; }
#mv ul { display:flex; justify-content:space-between; align-items:flex-start; width:80%; margin:5rem auto 0; }
#mv ul li {}
#mv ul li:first-child { width:55%; position:relative; }
#mv ul li:first-child p {
  position:absolute;
  bottom:0;
  right:0;
  width:100%;
  background:rgb(0,0,0,.5);
  color:#fff;
  font-size:1.2rem;
  text-align:right;
  padding:0.5rem 1rem;
}
#mv ul li:last-child { width:40%; }


#camp { background:#EFEFEF; padding:10rem 0; }
#camp .camp-box { background:#fff; padding:3rem 0; box-shadow:10px 10px 6px rgb(0,0,0,.2); }
#camp .camp-box .wrap { width:80%; margin:0 auto; }
#camp .top { text-align:center; color:#FF0000; font-size:2.4rem; margin-bottom:2rem; font-weight: bold; letter-spacing:0.2em; }
#camp .novel { display:flex; justify-content:space-between; margin-top:3rem; }
#camp .novel > li {  }
#camp .novel > li:first-child { width:62.5%; }
#camp .novel > li:last-child { width:32.5%; }
#camp .novel > li:last-child .ttl { font-size:2rem; font-weight: bold; margin-bottom:2rem; }
#camp .novel > li:last-child .tx {}
#camp .slick-dots { position:initial; margin-top:1rem; }
#camp .slick-dots li { width:1.5rem; height:1.5rem; background:#B8B8B8; }
#camp .slick-dots li.slick-active { background:#707070; }
#camp .slick-dots li button { display:none; }

#info { background:#fff; padding:10rem 0; }
#info .wrap { max-width:96rem; width:100%; margin:0 auto; }
#info .top { text-align:center; font-size:2.4rem; margin-bottom:2rem; font-weight: bold; letter-spacing:0.2em; }
#info ul { display:flex; justify-content:space-between; margin-top:3rem; }
#info ul li { width:45%; }
#info ul li .ttl { font-size:2rem; font-weight: bold; margin-bottom:2rem; }
#info ul li .tx {  }
#info ul li .insta { margin-top:2rem; }
#info ul li .insta p { text-align:center; }
#info ul li .insta a { text-align:center; color:#3d3d3d; font-weight: bold; }
#info ul li .insta .icon { margin-top:2rem; }

#recruit { background:#EFEFEF; padding:10rem 0; }
#recruit .wrap { max-width:96rem; width:100%; margin:0 auto; }
#recruit .top { text-align:center; font-size:2.4rem; margin-bottom:2rem; font-weight: bold; letter-spacing:0.2em; }
#recruit ul { display:flex; justify-content:space-between; margin-top:3rem; }
#recruit ul li { width:48%; }
#recruit ul li:last-child { display:flex; flex-direction:column; }
#recruit ul li .ttl { font-size:2rem; font-weight: bold; margin-bottom:1rem; }
#recruit ul li .btn { border-color:#705D40; margin-top:auto; }
#recruit ul li .btn a { color:#705D40; }

#shop { color:#fff; margin:5rem 0 10rem; }
#shop .wrap { max-width:96rem; width:100%; margin:0 auto; }
#shop .top { text-align:center; font-size:2.4rem; margin-bottom:2rem; font-weight: bold; letter-spacing:0.2em; }
#shop .map { margin-bottom:5rem; }
#shop .map iframe { width:100%; height:60rem; }
#shop .box { background:#fff; color:#3d3d3d; padding:2rem 4rem; }
#shop .box .ttl { font-size:2rem; font-weight: bold; margin-bottom:2rem; }
#shop .box a { color:#3d3d3d; display:block; margin-left:1em; }
#shop .btn { border-color:#fff; }
#shop .btn a { color:#fff; }



@media screen and (max-width:820px){
  h2 { font-size:2rem; }
  #mv .catch { margin-top:5rem; }
  #mv .catch span { font-size:140%; }
  #mv ul { display:block; }
  #mv ul li:first-child,#mv ul li:last-child { width:100%; }
  #mv ul li:last-child { margin-top:2rem; }
  
  #camp .novel { display:block; }
  #camp .novel > li:first-child,#camp .novel > li:last-child { width:100%; }
  
  #recruit ul { display:block; }
  #recruit ul li { width:100%; }
  #recruit ul li:first-child { text-align:center; }
  #recruit ul li:last-child { margin-top:2rem; }
  #recruit ul li:last-child .btn { margin-top:3rem; }
}
@media screen and (max-width:600px){
  #mv .catch ,#mv ul { width:90%; }
  #mv .catch span { font-size:120%; }
  
  #camp { padding:5rem 0; }
  
  #info { padding:5rem 0; }
  #info ul { display:block; }
  #info ul li { width:100%; }
  #info ul li:first-child { text-align:center; }
  #info ul li:first-child { width:60%; margin:0 auto 2rem; }
  
  #recruit { padding:5rem 0; }
  #recruit ul li .btn.btn2 { margin-top:1rem; }
  
  #shop { margin-bottom:0; }
  #shop .map iframe { height:35rem; }
}