@charset "utf-8";

html{scroll-behavior: smooth;}
body{background: #fff;}
body,#wrapper {
  display: block;
  flex-direction: column;
  min-height: 100vh;
  color:#5e4938;
  font-family: "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

	a{color:#fc9941;
    -webkit-transition:ease .5s;
     transition:ease .5s;}
	a:hover{
    opacity:0.8;
    /*text-decoration:none;*/
    color:#ff2a0f;
    }

.pc-none {display:none!important;}
.sp-none {display:block!important;}

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

.red{color:#ff0000;}
.white{color:#fff;}
.black{color:#000;}

.bg-red{background-color:#ff0000;}
.bg-white{background-color:#fff;}
.bg-black{background-color:#000;}

small{line-height:100%;font-size:85%;}
table{line-height:160%;width: 100%;}
table th,table td{padding:3px 10px;}

img.insta{width:60px;float:left;margin-right:10px;}
img.hotpepper{width:160px;}


/*========▼▼header▼▼========*/

#header {
  position: absolute;
  z-index: 77;
  top:0;
  width: 100%;
  margin: auto;
  background: #fff;
}

.logo{max-width:280px;margin:30px 1.5vw 20px;}

.icon_menu{
    position: absolute;
    right:70px;
    bottom: 30px;
    background: #fc9940;
    color:#fff;
    line-height: 100%;
    padding: 10px 32px;
    border-radius: 32px;}

/* bager menu */
nav{
 width: 100%;
    
}

.navbar_toggle{
 z-index:9999;
 position: fixed;
    top: 35px;
    right: 20px;
}
.navbar_toggle_icon {
 position: relative;
 display: block;
 height: 3px;
 width: 30px;
 background: #fc9940;
 -webkit-transition: ease .5s;
 transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
 top: 0;
}
.navbar_toggle_icon:nth-child(2) {
 margin: 9px 0;
}
.navbar_toggle_icon:nth-child(3) {
 top: 0;
}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
 top: 12px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 background: #fff;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
 top: -12px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 background: #fff;
}

.menu{
   
 -webkit-transition:ease .5s;
 transition:ease .5s;
 background: #fc9940e6;

    display: none
    
    
}

.menu ul{ 
  min-width: 310px;
  position: absolute;
  top: 50%; /*親要素を起点に上から50%*/
  left: 50%;  /*親要素を起点に左から50%*/
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);}

.menu ul li{
 padding:0.5vh 0;
 font-size: 110%;
 font-weight: bold;
}

.menu.open {
 opacity: 1;
    background: #fc9940e6;
 -webkit-overflow-scrolling: touch;
   width: 100%;
  height: 100vh;
  z-index: 999;
  position: fixed;
    top: 0px; 
    display: block
}

#header .menu ul li a{text-decoration:none;color:#fff;font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
#header .menu ul li a small{font-size: 90%;margin: 5px 0 0 15px;font-weight: normal;font-family: "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
#header .menu ul li.sns,footer h3{max-width:320px;line-height:120%;text-align: left;}
#header .menu ul li.sns{width:320px;float:left;}
#header .menu ul li.sns h3,footer h3{font-size: 100%;}
#header .menu ul li.sns h3:before,footer h3:before{content: "[";}
#header .menu ul li.sns h3:after,footer h3:after{content: "]";}
#header .menu ul li.sns address,footer address{font-size: 70%;}
#header .menu ul li.sns tel,footer tel{font-size:100%;}
#header .menu ul li.sns a{font-family: "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

/*========▼▼main▼▼========*/

main section{padding:6vh 0;}

/* title */
main h1{font-size: 280%;margin:0 0 15px;}
main h2{font-size: 280%;margin:0 0 15px;}
main h2::first-letter{color: #fc9940;}
main h3{font-size: 110%;margin:1.5vh 0 30px;font-weight: bold;}
main h3 {display: flex;align-items: center;justify-content: center; }
main h3:before, main h3:after {border-top: 1px solid;content: "";width: 3em;}
main h3:before {margin-right: 1em;}
main h3:after {margin-left: 1em;}

@media only screen and (max-width:767px){
	main h2{font-size: 180%;margin:0 0 15px;}
main h2::first-letter{color: #fc9940;}
	}

/* btn */
.btn-view:hover{text-decoration: none;}
.btn-view{max-width: 230px; padding:18px 0;text-align: center;border-radius: 50px;display: block;font-size: 160%;}
.btn-view::after{content: "→";margin-left:10px;}
.btn1,.btn-view.btn2:hover{border:2px solid #fc9940;background: #fff;color:#fc9940;opacity: 1;}
.btn2,.btn-view.btn1:hover{border:2px solid #fc9940;background: #fc9940;color:#fff;opacity: 1;}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fc9940;
}

/*aniation 1*/
.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 1.2s;
}

.js-animation.y40 {transform: translateY(40px);transition: all 1.3s;}
.js-animation.y60 {transform: translateY(60px);transition: all 1.4s;}
.js-animation.y80 {transform: translateY(80px);transition: all 1.5s;}
.js-animation.y100 {transform: translateY(100px);transition: all 1.6s;}

.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.original-box-shadow {
 
   text-shadow: 3px 3px 9px rgba(0, 0, 0, 0.54);
}



/*aniation 2*/
.fadeIn {
  transition: 2s;
  opacity: 0;
}
.fadeIn.animated {
  opacity: 1;
}
.fadeIn.row{transform: translate3d(0, 60px, 0);}
.fadeIn.animated.row{transform: translate3d(0, 0, 0);}


/*========▼▼footer▼▼========*/

footer{
    width: 100%;
    margin-top:3vh;
    padding:1.5vh 0 0;
    position: relative;
    }

footer section{background: #fc9940;margin-top:60px;}
footer h3,footer address,footer tel{color:#5e4938;font-weight: bold;}
footer ul{padding:26px 0 120px;font-size:100%;display: inline-block;text-align: center;font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
footer ul li{float: left;}
footer ul li a{color:#fff;padding: 20px;display:inline-block;}
footer ul li a:hover{color:#5e4938;text-decoration: none;}

a.page_top{position: absolute;bottom:290px;right:3vw;z-index:9;background:#fc9940;border-radius: 50px;padding:10px 30px;display:block;color:#fff; width: 100px; height: 100px;}
a.page_top:hover{text-decoration:none;opacity: 1;}
a.page_top:before{content: "↑";display: block;font-size: 300%;margin-bottom: 5px;}

footer copyright{
	text-align:center;
	font-size:100%;
	display:block;
	padding:3vh 0;
  color: #fff;
}

@media screen and (max-width:1198px) {
  footer ul{padding-bottom: 60px;}
}

@media screen and (max-width: 768px) {
  footer #footer-bnr,footer ul,.icon_menu{display: none;}
  footer,footer section{margin-top:0;padding:0;}
  a.page_top {bottom:35px;}
}


@media screen and (max-width: 529px) {
  .menu ul li {font-size: 100%;text-align:left;        padding: 0.1vh 0;}
  #header .menu ul li a small{display: inline-block;margin-left: 10px}
}

@media screen and (max-width: 1024px) and (orientation: landscape){
  .menu ul {min-width: 600px;}
  .menu ul li{max-width: 100%;float: left;margin-right:5vw;}
  #header .menu ul li a small{display: inline-block;margin-left: 10px}
  #header .menu ul li.sns{  width: 100%;max-width: 100%;}
}