@charset "UTF-8";

/* TOPページ＆ヘッダーフッター共通 --------------------------*/
/* リセットCSS */
 *{
    margin: 0;
    padding: 0;
  }
  body{
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'MS ゴシック', 'MS Gothic', sans-serif;
    font-size: 0.8em;
    line-height: 1.7;
    color: #323232;
  }
  h1,h2,h3,h4,h5,h6{
    font-size: 100%;
  }
  li{
    list-style-type: none;
  }
  table{
    border-collapse: collapse;
    border-spacing: 0;
  }
  img{
    display: block;
    border: none;
  }
  a{
    color: #333;
    text-decoration: none;
    transition: all .3s ease;
  }
.br_sp{
  display: none;
}

/* ヘッダー */
header{
  width: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.header_inner{
  height: 89px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.header_logo{
  margin-left: 30px;
}
.header_logo > a >img{
  height: 38px;
}
.header_nav{
  margin: 0 0 0 auto;
}
.header_nav_list{
  display: flex;
  align-items: center;
  font: 500 10px/1em 'Futura-PT','noto sans japanese',sans-serif;
  line-height: 2em;
}
.header_nav_list > li{
  text-align: center;
  letter-spacing: .06rem;
}
.header_nav_list > li > a{
  color: #fff;
  display: block;
  padding: 24px 20px;
}
.header_nav_list > li > a:hover{
  background-color: rgba(227, 154, 55, 0.6);
}
.header_nav_list li a span{
  display: block;
  font: 500 16px 'Futura-PT','noto sans japanese',sans-serif;
}
#header_reserve_btn{
  background-color: #e39a37;
}
#header_reserve_btn > a:hover{
  background-color: rgb(13, 120, 10, 0.9);
}
.spMenu_logo{
  display: none;
  margin: 0 auto;
}
.spMenu_sns_ico{
  display: none;
}

/* メインビジュアル */
#slider{
    height: 100vh;
    width: 100%;
}
.main_visual{
  position: relative;
}
.main_visual h1{
  z-index: 3;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.main_visual h1 img{
  display: block;
  margin: 0 auto;
  padding: 290px 0 80px;
}
.main_visual h1 span{
  display: block;
  width: 70vw;
  color: #fff;
  font: 500 48px 'ryo-gothic-plusn',sans-serif;
  letter-spacing: 0.08em;
}
.home_mv_scroll a{
  color: #fff;
  font: 500 14px 'Futura-PT','noto sans japanese',sans-serif;
  letter-spacing: .12rem;
  position: absolute;
  bottom: 60px;
  left: 50%;
  z-index: 3;
}
.home_mv_scroll a::after{
  content: '';
  height: 50px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  bottom: -50px;
  left: 50%;
  animation: pathmove 1.7s ease-in-out infinite;
}
@keyframes pathmove{
	0%{
		height:0;
		top:20px;
		opacity: 0;
	}
	30%{
		height:60px;
		opacity: 1;
	}
	100%{
		height:0;
		top:80px;
		opacity: 0;
	}
}

/* コンセプト */
.home_concept{
  background-color: #fff;
  position: relative;
}
.section_inner{
  max-width: 1000px;
  margin: 0 auto;
  padding: 52px 0 20px;
}
.concept_logo > img{
  display: block;
  height: 180px;
  margin: 0 auto 60px;
}
.home_concept .section_inner{
  margin-top: 60px;
}
.home_concept .section_inner p{
  font: 400 20px 'ryo-gothic-plusn',sans-serif;
  line-height: 2.7rem;
  text-align: center;
  margin-bottom: 30px;
}
.home_concept > div::after{
  content: '';
  background-image: url(../../images/bg_forest.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 205px;
  width: 125px;
  opacity: 0.7;
  position: absolute;
  top: 61px;
  right: 68px;
}

/* コンテンツ紹介 */
.home_ttl{
  font: 500 40px/1em 'Futura-PT','noto sans japanese',sans-serif;
  text-align: center;
  margin: 0 auto;
}
.home_ttl > span{
  display: block;
  font-size: 16px;
  margin-top: 10px;
}
.home_lead{
  font-size: 18px;
  padding:38px 0 42px;
  text-align: center;
}
.home_contents{
  background-image: url(../images/bg_pattern.jpg);
  background-size: 500px;
  background-repeat: repeat;
  position: relative;
}
.home_contents > div::after{
  content: '';
  background-image: url(../../images/bg_tent.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 171px;
  width: 156px;
  position: absolute;
  top: -105px;
  left: 68px;
}
.home_cts_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
.home_cts_item01{
  width: 379px;
  height: 379px;
  background: url(../../images/img_home_cts01.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 273px;
  margin-bottom: 170px;
  position: relative;
}
.home_cts_item01 > p{
  position: absolute;
  top: 400px;
  left: 45px;
}
.home_cts_item01 p a:hover{
  opacity: 0.7;
}
.home_cts_item01 > p > a{
  font: 800 20px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: .06rem;
}
.home_cts_item01 > p > a::before{
  content: '';
  position: absolute;
  top: -422px;
  left: -71px;
  right: -146px;
  bottom: -8px;
}
.home_cts_container > .home_cts_item01 > p > a{
  position: relative;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item01 > p > a > span{
  height: 1px;
  width: 70px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item01 > p > a:hover > span{
  height: 1px;
  width: 120px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
}
.home_cts_container > .home_cts_item01 > p > a > span::after{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: solid 1px #323232;
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  right: 2px;
}
.home_cts_item02{
  width: 379px;
  height: 379px;
  background: url(../../images/img_home_cts02.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 273px;
  margin-bottom: 170px;
  position: relative;
}
.home_cts_item02 > p{
  position: absolute;
  top: 400px;
  left: 45px;
}
.home_cts_item02 p a:hover{
  opacity: 0.7;
}
.home_cts_item02 > p > a{
  font: 800 20px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: .06rem;
}
.home_cts_item02 > p > a::before{
  content: '';
  position: absolute;
  top: -422px;
  left: -71px;
  right: -146px;
  bottom: -8px;
}
.home_cts_container > .home_cts_item02 > p > a{
  position: relative;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item02 > p > a > span{
  height: 1px;
  width: 70px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item02 > p > a:hover > span{
  height: 1px;
  width: 120px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
}
.home_cts_container > .home_cts_item02 > p > a > span::after{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: solid 1px #323232;
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  right: 2px;
}
.home_cts_item03{
  width: 379px;
  height: 379px;
  background: url(../../images/img_home_cts03.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 273px;
  margin-bottom: 170px;
  position: relative;
}
.home_cts_item03 > p{
  position: absolute;
  top: 400px;
  left: 45px;
}
.home_cts_item03 p a:hover{
  opacity: 0.7;
}
.home_cts_item03 > p > a{
  font: 800 20px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: .06rem;
}
.home_cts_item03 > p > a::before{
  content: '';
  position: absolute;
  top: -422px;
  left: -71px;
  right: -146px;
  bottom: -8px;
}
.home_cts_container > .home_cts_item03 > p > a{
  position: relative;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item03 > p > a > span{
  height: 1px;
  width: 70px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item03 > p > a:hover > span{
  height: 1px;
  width: 120px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
}
.home_cts_container > .home_cts_item03 > p > a > span::after{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: solid 1px #323232;
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  right: 2px;
}
.home_cts_item04{
  width: 379px;
  height: 379px;
  background: url(../../images/img_home_cts04.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 273px;
  margin-bottom: 170px;
  position: relative;
}
.home_cts_item04 > p{
  position: absolute;
  top: 400px;
  left: 45px;
}
.home_cts_item04 p a:hover{
  opacity: 0.7;
}
.home_cts_item04 > p > a{
  font: 800 20px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: .06rem;
}
.home_cts_item04 > p > a::before{
  content: '';
  position: absolute;
  top: -422px;
  left: -71px;
  right: -146px;
  bottom: -8px;
}
.home_cts_container > .home_cts_item04 > p > a{
  position: relative;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item04 > p > a > span{
  height: 1px;
  width: 70px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
  transition: all .3s ease;
}
.home_cts_container > .home_cts_item04 > p > a:hover > span{
  height: 1px;
  width: 120px;
  background-color: #323232;
  margin-left: 25px;
  position: absolute;
  bottom: 4px;
}
.home_cts_container > .home_cts_item04 > p > a > span::after{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: solid 1px #323232;
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  right: 2px;
}
.home_cts_number{
  display: block;
  margin-top: -30px;
  margin-left: -30px;
  font: 500 55px 'Futura-PT','noto sans japanese',sans-serif;
  font-style: italic;
}
.home_cts_ttl{
  display: block;
  color: #fff;
  font: 500 34px 'Futura-PT','noto sans japanese',sans-serif;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.4rem;
  margin: 250px 0;
}

/* キャンプエリア */
.home_campArea{
  background-color: #fff;
  position: relative;
}
.home_campArea > div::after{
  content: '';
  background-image: url(../../images/bg_tent.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 171px;
  width: 156px;
  position: absolute;
  right: 150px;
  top: -40px;
}
.home_campArea_mv{
  margin-bottom: 70px;
  position: relative;
}
.home_campArea_mv > img{
  border-radius: 10px;
  width: 98%;
}
.home_campArea_btn{
  display: block;
  width: 280px;
  border: solid 1px #707070;
  font: 300 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  padding: 17px;
  background-color: rgba(255,255,255,0.5);
  position: absolute;
  right: 0px;
  bottom: 22px;
  transition: all .3s ease;
}
.home_campArea_btn:hover{
  color: #fff;
  background-color: rgb(13, 120, 10, 0.7);
  border: solid 1px rgb(13, 120, 10, 0.7);
}
.home_campArea_btn span{
  height: 1px;
  width: 30px;
  background-color: #323232;
  position: absolute;
  margin-left: 15px;
  bottom: 22px;
  transition: all .3s ease;
}
.home_campArea_btn:hover span{
  height: 1px;
  width: 60px;
  background-color: #fff;
}
.home_campArea_btn span::after{
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  border-right: solid 1px #323232;
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  right: 2px;
  transition: all .3s ease;
}
.home_campArea_btn:hover span::after{
  border-right: solid 1px #fff;
}

/* お知らせ */
.home_news{
  background-image: url(../images/bg_pattern.jpg);
  background-size: 500px;
  background-repeat: repeat;
  position: relative;
}
.home_news > div::after{
  content: '';
  background-image: url(../../images/bg_forest.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 205px;
  width: 125px;
  opacity: 0.8;
  position: absolute;
  top: -66px;
  left: 60px;
}
.home_news_list{
  margin-top: 50px;
}
.home_news_listBody{
  display: flex;
  justify-content: space-between;
}
.home_news_listItem{
  width: 30%;
}
.home_news_listItem > a{
  display: block;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}
.home_news_listItem a:hover{
  opacity: 0.7;
  transform: scale(1.1);
}
.home_news_listItem a::before{
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}
.home_news_listImg{
  width: 100%;
  height: auto;
}
.home_news_listDate{
  display: block;
  font: 500 16px 'Futura-PT','noto sans japanese',sans-serif;
  margin: 20px 0;
}
.home_news_listInfo{
  display: block;
  font: 14px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin: 22px 0 0;
  letter-spacing: 0.021rem;
}
.home_news_btn{
  display: block;
  width: 280px;
  border: solid 1px #707070;
  font: 300 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  padding: 17px;
  margin: 85px auto 50px;
  position: relative;
  transition: all .3s ease;
}
.home_news_btn:hover{
  color: #fff;
  background-color: rgb(13, 120, 10, 0.9);
  border: solid 1px rgb(13, 120, 10, 0.9);
}
.home_news_btn span{
  height: 1px;
  width: 30px;
  background-color: #323232;
  position: absolute;
  margin-left: 15px;
  bottom: 23px;
  transition: all .3s ease;
}
.home_news_btn:hover span{
  width: 60px;
  background-color: #fff;
}
.home_news_btn span::after{
  content: '';
  height: 10px;
  width: 10px;
  border-right: solid 1px #323232;
  transform: rotate(-45deg);
  position: absolute;
  right: 2px;
  bottom: -4px;
  transition: all .3s ease;
}
.home_news_btn:hover span::after{
  border-right: solid 1px #fff;
}

/* アクセス・お問い合わせ */
.home_accessContact{
  height: 577px;
  background-color: #fff;
  position: relative;
}
.home_accessContact > div::after{
  content: '';
  background-image: url(../../images/bg_forest.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 205px;
  width: 125px;
  position: absolute;
  right: 100px;
  top: -50px;
}
.accessMap{
  border-radius: 10px;
  width: 100%;
}
.home_accessContact_inner{
  margin-top: 46px;
  position: relative;
}
.area_accessContact{
  width: 380px;
  height: 280px;
  background-color: #fff;
  border: solid 1px #323232;
  position: absolute;
  right: -20px;
  bottom: 72px;
}
.address_accessContact{
  font: 200 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: .06rem;
  padding: 46px 0 0 40px;
  position: relative;
}
.tel_accessContact{
  font: 800 32px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  padding: 40px 0 0 40px;
}
.tel_accessContact span{
  font-size: 16px;
  margin-right: 10px;
}
.contact_btn{
  position: absolute;
  left: 0;
  bottom: 0;
}
.contact_btn a{
  display: block;
  font: 300 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  padding: 17px 172px 17px 110px;
  position: relative;
  transition: all .3s ease;
}
.contact_btn a:hover{
  color: #fff;
  background-color: rgb(13, 120, 10, 0.8);
}
.contact_btn a span{
  height: 1px;
  width: 50px;
  background-color: #323232;
  position: absolute;
  margin-left: 15px;
  bottom: 23px;
  transition: all .3s ease;
}
.contact_btn a:hover span{
  width: 100px;
  background-color: #fff;
}
.contact_btn a span::after{
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  border-right: solid 1px #323232;
  transform: rotate(-45deg);
  position: absolute;
  bottom: -4px;
  right: 2px;
  transition: all .3s ease;
}
.contact_btn a:hover span::after{
  border-right: solid 1px #fff;
}

/* フッター */
footer{
  background: url(../images/bg_footer.jpg) no-repeat center center;
  background-size: cover;
  height: 720px;
}
.footer_inner{
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 25px;
}
.rb_box{
  margin-top: 120px;
}
.reserve_btn{
  display: block;
  width: 280px;
  background-color:#E39A37;
  color: #fff;
  font: 300 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  padding: 17px;
  margin: 0 auto;
  position: relative;
  transition: all .3s ease;
}
.reserve_btn:hover{
  background-color: rgb(13, 120, 10, 0.8);
}
.reserve_btn span{
  height: 1px;
  width: 28px;
  background-color: #fff;
  position: absolute;
  margin-left: 15px;
  bottom:23px;
  transition: all .3s ease;
}
.reserve_btn:hover span{
  width: 56px;
}
.reserve_btn span::after{
  content: '';
  height: 10px;
  width: 10px;
  border-right: solid 1px #fff;
  transform: rotate(-45deg);
  position: absolute;
  bottom: -4px;
  right: 2px;
  transition: all .3s ease;
}
.footer_logo > img{
  display: block;
  height: 126px;
  margin: 90px auto;
}
.footer_nav{
  width: 75%;
  margin: 0 auto;
}
.footer_nav > ul{
  display: flex;
}
.footer_nav ul li a{
  color: #fff;
  font: 500 14px 'Futura-PT','noto sans japanese',sans-serif;
  letter-spacing: .06rem;
  margin: 0 24px;
}
.footer_nav ul li a:hover{
  opacity: 0.7;
}
.sns_ico{
  width: 150px;
  margin: 0 auto;
}
.sns_ico > ul{
  display: flex;
}
.sns_ico > ul > li > a{
  display: block;
  margin: 85px 15px 0;
}
.sns_ico > ul > li > a:hover{
  opacity: 0.7;
}
.copyright{
  font: 11px 'ryo-gothic-plusn',sans-serif;
  letter-spacing: 0.1rem;
  color: #fff;
  text-align: center;
  margin-top: 31px;
}


@media screen and (max-width:767px) {
.br_sp{
  display: block;
}

/* ヘッダーSP */
.header_inner{
  height: 60px;
}
.header_logo{
  margin-left: 11px;
}
.header_logo > a >img{
  height: 27px;
}
#nav_toggle{
  position: fixed;
  top: 20px;
  right: 11px;
  height: 28px;
  z-index: 300;
}
#nav_toggle:hover{
  cursor: pointer;
}
#nav_toggle div{
  position: relative;
  width: 28px;
}
#nav_toggle span{
  width: 100%;
  height: 2px;
  display: block;
  left: 0;
  background-color: #fff;
  position: absolute;
  transition: all .5s ease;
}
#nav_toggle.fixed span{
  background-color: #323232;
}

#nav_toggle span:nth-child(1){
  top: 0;
}
#nav_toggle span:nth-child(2){
  top: 10px;
}
#nav_toggle span:nth-child(3){
  top: 20px;
}
.header_nav{
  visibility: hidden;
  background-color: #F9F6EE;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
}
.header_nav_list{
  color: #323232;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font: 500 12px/1em 'Futura-PT','noto sans japanese',sans-serif;
  margin-top: 230px;
}
.header_nav_list li a{
  color: #323232;
  text-align: left;
  width: 100vw;
}
.header_nav_list li a span{
  display: inline-block;
  margin-right: 28px;
  font: 500 20px 'Futura-PT','noto sans japanese',sans-serif;
}

.open #nav_toggle span{
  background-color: #323232;
}
.open #nav_toggle span:nth-child(1){
  top: 15px;
  transform: rotate(45deg);
}
.open #nav_toggle span:nth-child(2){
  top: 15px;
  width: 0;
  left: 50%;
}
.open #nav_toggle span:nth-child(3){
  top: 15px;
  transform: rotate(-45deg);
}
.open .spMenu_logo{
  visibility: visible;
  display: block;
  position: fixed;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.open .header_nav{
  visibility: visible;
  opacity: 1;
}
.open .header_nav_list li{
  position: relative;
}
.open .header_nav_list li a span::after{
  content: '';
  width: 12px;
  height: 12px;
  border-right: solid 2px #323232;
  border-bottom: solid 2px #323232;
  transform: rotate(-45deg);
  position: absolute;
  top: 40%;
  right: 25px;
}
.open .spMenu_1{
  order: 1;
}
.open .spMenu_2{
  order: 2;
}
.open .spMenu_3{
  order: 3;
}
.open .spMenu_4{
  order: 4;
}
.open .spMenu_5{
  order: 5;
}
.open .spMenu_6{
  order: 0;
}
.open .spMenu_sns_ico{
  display: block;
  width: 150px;
  position: fixed;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.open .spMenu_sns_ico > ul{
  display: flex;
}
.open .spMenu_sns_ico > ul > li > a{
  display: block;
  margin: 85px 15px 0;
}
.open .spMenu_sns_ico > ul > li > a:hover{
  opacity: 0.7;
}
.open #header_reserve_btn > a{
  color: #fff;
}
.open #header_reserve_btn > a > span::after{
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
}

/* メインビジュアルSP */
main{
  overflow: hidden;
}
.main_visual h1 span{
  display: block;
  width: 90vw;
  color: #fff;
  font: 500 34px 'ryo-gothic-plusn',sans-serif;
  line-height: 1.7;
  margin:0 0 80px 30px;
}
.main_visual h1 img{
  width: 70%;
}
.home_mv_scroll a{
  left: 45%;
}
.home_mv_scroll a::after{
  left: 45%;
}

/* コンセプトSP */
.concept_logo > img{
  display: block;
  height: 145px;
  margin: 0 auto 40px;
}
.home_concept .section_inner{
  margin-top: 45px;
}
.home_concept .section_inner p{
  font: 400 16px 'ryo-gothic-plusn',sans-serif;
  line-height: 2em;
}
.home_concept > div::after{
  background-size: 65%;
  top: -20px;
  right: -15px;
}

/* コンテンツ紹介SP */
.home_ttl{
  font: 500 34px/1em 'Futura-PT','noto sans japanese',sans-serif;
}
.home_ttl > span{
  font-size: 14px;
}
.home_lead{
  font-size: 15px;
  padding: 38px 0 60px;
}
.home_contents > div::after{
  background-size: 70%;
  top: -50px;
  left: 30px;
}
.home_cts_item01{
  width: 300px;
  height: 300px;
  margin: 0 auto 180px;
}
.home_cts_item01 > p{
  top: 330px;
  left: 10px;
}
.home_cts_item02{
  width: 300px;
  height: 300px;
  margin: 0 auto 180px;
}
.home_cts_item02 > p{
  top: 330px;
  left: 4px;
}
.home_cts_item03{
  width: 300px;
  height: 300px;
  margin: 0 auto 180px;
}
.home_cts_item03 > p{
  top: 330px;
  left: 10px;
}
.home_cts_item04{
  width: 300px;
  height: 300px;
  margin: 0 auto 180px;
}
.home_cts_item04 > p{
  top: 330px;
  left: 10px;
}
.home_cts_number{
  margin-top: -75px;
  margin-left: 120px;
}
.home_cts_ttl{
  font: 500 32px 'Futura-PT','noto sans japanese',sans-serif;
  font-style: italic;
  margin: 230px 0;
}

/* キャンプエリアSP */
.home_campArea > div::after{
  background-size: 65%;
  right: -32px;
  top: -55px;
}
.home_campArea_mv > img{
  border-radius: 0px;
  width: 100%;
  height: auto;
}
.home_campArea_btn{
  position: static;
  margin: 50px auto 0;
}

/* お知らせSP */
.home_news > div::after{
  background-size: 65%;
  top: -55px;
  left: 24px;
}
.home_news_list{
  margin-top: 50px;
}
.home_news_listBody{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.home_news_listItem{
  width: 80%;
  margin: 0 auto;
}
.home_news_listImg >img{
  width: 100%;
  height: auto;
}
.home_news_btn{
  margin: 45px auto;
}

/* アクセス・お問い合わせSP */
.home_accessContact{
  height: 860px;
}
.home_accessContact > div::after{
  background-size: 60%;
  right: -21px;
  top: -65px;
}
.accessMap{
  border-radius: 0px;
}
.area_accessContact{
  position: static;
  margin: -30px auto;
}

/* フッターSP */
footer{
  background: url(../images/bg_footer.jpg) no-repeat center center;
  background-size: cover;
  height: 620px;
}
.footer_nav{
  display: none;
}
.footer_logo > img{
  margin: 90px auto 0;
}

}


/* CAMPAREAページ --------------------------*/
/* キャンプエリア メインビジュアル */
#content_mv.camparea_mv{
  background: url(../../images/img_camparea_mainVisual.jpg)  center center/cover no-repeat;
  height: 500px;
  position: relative;
}

/* コンテンツ共通 メインビジュアル */
#content_mv h1{
  color: #fff;
  font: 500 20px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  letter-spacing: .25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#content_mv > h1 > span{
  display: block;
  font: 500 46px 'Futura-PT','noto sans japanese',sans-serif;
}

/* パンくず共通 */
.crumb{
  position: absolute;
  top: 450px;
  left: 100px;
}
.crumb ul{
  display: flex;
}
.crumb ul li{
  color: #fff;
  letter-spacing: 2px;
}
.crumb ul li a{
  color: #fff;
  letter-spacing: 2px;
}
.crumb_arrow::after{
  content: '>';
  color: #fff;
  margin: 0 10px;
}
.crumb ul li a:hover{
  text-decoration: underline;
  opacity: 0.7;
} 

/* キャンプエリア メイン */
.camparea_site{
  padding: 0 20px;
}
.camparea_site_bg{
  background-image: url(../images/bg_pattern.jpg);
  background-repeat: repeat;
  background-size: 500px;
  padding: 0 20px;
}
.camparea_section_inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 70px 0 90px;
}
.camparea_section_inner h2{
  font: 800 32px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  letter-spacing: 0.1rem;
  margin: 0 0 50px;
}
.camparea_section_inner p{
  font: 18px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  margin-bottom: 50px;
}
.camparea_section_inner img{
  width: 100%;
  margin: 0 auto;
}
.camparea_siteTag{
  width: 100%;
  margin: 80px auto 0;
  display: flex;
  flex-wrap: wrap;
}
.camparea_siteTag li{
  background-color: #EFEFEF;
  font-size: 13px;
  line-height: 30px;
  width: calc(25% - 10px);
  margin: 5px;
}
.camparea_siteTag li span{
  display: inline-block;
  background-color: #0D780A;
  color: #fff;
  width: 50%;
  text-align: center;
  margin-right: 20px;
}
.camparea_siteTag_bg{
  width: 100%;
  margin: 80px auto 0;
  display: flex;
  flex-wrap: wrap;
}
.camparea_siteTag_bg li{
  background-color: #fff;
  font-size: 13px;
  line-height: 30px;
  width: calc(25% - 10px);
  margin: 5px;
}
.camparea_siteTag_bg li span{
  display: inline-block;
  background-color: #0D780A;
  color: #fff;
  width: 50%;
  text-align: center;
  margin-right: 20px;
}
.camparea_priceNote_box{
  display: flex;
}
.camparea_seasonPrice{
  width: 50%;
  margin-top: 60px;
}
.camparea_seasonPrice table tr th{
  width: 50%;
  font: 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: 2px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  padding: 7px 20px;
  border-top: 1px solid #C9C8C8;
  border-bottom: 1px solid #C9C8C8;
  background-color: #EFEFEF;
} 
.camparea_seasonPrice table tr td{
  font: 400 24px 'Futura-PT','noto sans japanese',sans-serif;
  letter-spacing: 2px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  font-style: italic;
  padding: 7px 20px;
  border-top: 1px solid #C9C8C8;
  border-bottom: 1px solid #C9C8C8;
}
.camparea_note{
  width: 50%;
  margin-top: 50px;
}
.camparea_note ul li{
  list-style-type: disc;
  font: 14px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 2.4em;
}
.camparea_rb_box{
  margin-top: 80px;
}

@media screen and (max-width:767px) {

/* コンテンツ共通 メインビジュアルSP */
#content_mv h1{
  color: #fff;
  font: 500 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  width: 100vw;
}
#content_mv > h1 > span{
  font: 500 40px 'Futura-PT','noto sans japanese',sans-serif;
}

/* キャンプエリア　パンくずSP */
.crumb{
  left: 20px;
}

/* キャンプエリア メインSP */
.camparea_site{
  padding: 0;
}
.camparea_site_bg{
  padding: 0;
}
.camparea_section_inner h2{
  font: 800 27px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.camparea_section_inner p{
  font: 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  padding: 0 20px;
  margin-bottom: 30px;
}
.camparea_section_inner img{
  width: 100%;
  margin: 0 auto;
}
.camparea_siteTag{
  width: 100%;
  margin: 45px auto 0;
  padding: 0 20px;
}
.camparea_siteTag li{
  font-size: 13px;
  line-height: 30px;
  width: calc(50% - 10px);
  margin: 5px;
}
.camparea_siteTag li span{
  display: inline-block;
  background-color: #0D780A;
  color: #fff;
  width: 50%;
  text-align: center;
  margin-right: 20px;
}
.camparea_siteTag_bg{
  width: 100%;
  margin: 45px auto 0;
  padding: 0 20px;
}
.camparea_siteTag_bg li{
  background-color: #fff;
  font-size: 13px;
  line-height: 30px;
  width: calc(50% - 10px);
  margin: 5px;
}
.camparea_siteTag_bg li span{
  display: inline-block;
  background-color: #0D780A;
  color: #fff;
  width: 50%;
  text-align: center;
  margin-right: 20px;
}
.camparea_priceNote_box{
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.camparea_seasonPrice{
  width: 100%;
  margin-top: 40px;
}
.camparea_seasonPrice table tr th{
  width: 50%;
  font: 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: 2px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  padding: 7px 20px;
  border-top: 1px solid #C9C8C8;
  border-bottom: 1px solid #C9C8C8;
  background-color: #EFEFEF;
} 
.camparea_seasonPrice table tr td{
  font: 400 24px 'Futura-PT','noto sans japanese',sans-serif;
  letter-spacing: 2px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  font-style: italic;
  padding: 7px 20px;
  border-top: 1px solid #C9C8C8;
  border-bottom: 1px solid #C9C8C8;
}
.camparea_note{
  width: 100%;
  margin-top: 35px;
  padding: 0 20px;
}
.camparea_note ul li{
  list-style-type: disc;
  font: 14px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 2.4em;
}
.camparea_rb_box{
  margin-top: 60px;
}
}

/* CONTACTページ --------------------------*/
/* お問い合わせ メインビジュアル */
#content_mv.contact_mv{
  background: url(../../images/img_contact_mainVisual.jpg)  center center/cover no-repeat;
  height: 500px;
  position: relative;
}

/* お問い合わせ メイン */
.contact_site{
  background-image: url(../images/bg_pattern.jpg);
  background-repeat: repeat;
  background-size: 500px;
  padding: 50px 20px 0;
}
.contact_section_inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 70px 0 70px;
}
.contact_box{
  background-color: #fff;
  width: 100%;
  padding: 20px 70px;
  position: relative;
}
.contact_box.tel_box{
  margin-bottom: 90px;
}
.contact_ttl{
  width: 35%;
  background-color: #0D780A;
  padding: 15px;
  position: absolute;
  top: -40px;
  left: 33%;
}
.contact_ttl h2{
  font: 400 24px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1rem;
}
.contact_tel_number{
  font: 700 60px 'Futura-PT','noto sans japanese',sans-serif;
  letter-spacing: .25rem;
  margin: 30px 0 20px;
  text-align: center;
}
.contact_tel_number span{
  font: 700 45px 'Futura-PT','noto sans japanese',sans-serif;
  margin-right: 20px;
}
.contact_note li{
  list-style-type: disc;
  font: 300 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 2.4em;
}
.contact_note.form_note{
  margin-top: 60px;
}

/* お問い合わせフォーム */
.form_dl{
  padding: 25px 40px;
  border-bottom: solid 1px #ccc;
  display: flex;
  align-items: center;
}
.form_dl.contact_type{
  border-top: solid 1px #ccc;
  margin-top: 40px;
}
.form_dt{
  display: block;
  width: 250px;
  font: 400 18px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin-right: 60px;
  text-align: right;
}
.form_dt span{
  color: #fff;
  font-size: 13px;
  background-color: #e39a37;
  padding: 5px;
  border-radius: 3px;
  margin-left: 10px;
}
.form_input{
  width: 40%;
  font-size: 16px;
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 10px 20px;
}
.form_input_textarea{
  width: 80%;
  font-size: 16px;
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 10px 20px;
}
form input[type="submit"]{
  display: block;
  width: 280px;
  background-color: #FFF957;
  font: 600 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  text-align: center;
  padding: 17px;
  position: relative;
  transition: all .3s ease;
  margin: 60px auto 40px;
}
form input[type="submit"]:hover{
  color: #fff;
  background-color: #0D780A;
}


@media screen and (max-width:767px) {

/* お問い合わせ メインSP */
.contact_box{
  width: 100%;
  padding: 20px 40px;
}
.contact_box.tel_box{
  margin-bottom: 90px;
}
.contact_ttl{
  width: 80%;
  padding: 15px;
  top: -35px;
  left: 10%;
}
.contact_ttl h2{
  font: 400 20px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: 0.1rem;
}
.contact_tel_number{
  font: 700 40px 'Futura-PT','noto sans japanese',sans-serif;
  letter-spacing: .1rem;
  margin: 30px 0 20px;
  text-align: center;
}
.contact_tel_number span{
  font: 700 20px 'Futura-PT','noto sans japanese',sans-serif;
  margin-right: 10px;
}
.contact_note li{
  font: 300 14px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 2em;
}
.contact_note.form_note{
  margin-top: 30px;
}

/* お問い合わせフォームSP */
.form_dl{
  padding: 25px 0;
  display: block;
  border: none;
}
.form_dl.contact_type{
  margin-top: 20px;
  border: none;
}
.form_dt{
  width: 100%;
  font: 400 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin-bottom: 10px;
  text-align: left;
}
.form_dt span{
  font-size: 12px;
}
.form_input{
  width: 100%;
  font-size: 16px;
}
.form_input_textarea{
  width: 100%;
  font-size: 16px;
}
form input[type="submit"]{
  margin: 30px auto;
}
}

/* NEWSページ --------------------------*/
/* お知らせ メインビジュアル */
#content_mv.news_mv{
  background: url(../../images/img_news_mainVisual.jpg)  center center/cover no-repeat;
  height: 500px;
  position: relative;
}

/* お知らせ メイン */
.news_site{
  background-image: url(../images/bg_pattern.jpg);
  background-repeat: repeat;
  background-size: 500px;
  padding: 50px 20px 0;
}
.news_section_inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0 70px;
}
.news_box{
  width: 100%;
  padding: 20px 70px;
  position: relative;
}
.news_list{
  margin-top: 50px;
}
.news_listBody{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_listItem{
  width: 30%;
  margin-bottom: 50px;
}
.news_listItem > a{
  display: block;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}
.news_listItem a:hover{
  opacity: 0.7;
  transform: scale(1.1);
}
.news_listItem a::before{
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}
.news_listImg > img{
  width: 100%;
  height: auto;
}
.news_listDate{
  display: block;
  font: 500 16px 'Futura-PT','noto sans japanese',sans-serif;
  margin: 20px 0;
}
.news_listInfo{
  display: block;
  font: 14px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin: 20px 0 0;
  letter-spacing: 0.021rem;
}
.news_pagination{
  margin: 20px auto 0;
}
.news_pagination > ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_pagination > ul > li {
  margin: 0 5px;
}
.news_pagination > ul > li > a{
  font: 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  color: #0D780A;
  padding: 10px 12px;
  border: solid 1px #0D780A;
}
.news_pagination > ul > li > a:hover{
  color: #fff;
  background-color: #0D780A;
}
.news_pagination > ul > li.news_current{
  background-color: #0D780A;
  font: 16px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  color: #fff;
  padding: 7px 13px;
}

@media screen and (max-width:767px) {

/* お知らせ メインSP */
.news_box{
  width: 100%;
  padding: 10px 40px;
}
.news_listBody{
  flex-direction: column;
}
.news_listItem{
  width: 100%;
}
}


/* ACCESSページ --------------------------*/
/* アクセス メインビジュアル */
#content_mv.access_mv{
  background: url(../../images/img_access_mainVisual.jpg)  center center/cover no-repeat;
  height: 500px;
  position: relative;
}

/* アクセス メイン */
.access_site{
  padding: 50px 20px 0;
}
.access_box{
  margin-bottom: 100px;
}
.access_site .access_section_inner h2{
  font: 500 22px 'ryo-gothic-plusn',sans-serif;
  border-bottom: solid 1px #707070;
  margin: 50px 0;
}
.access_section_inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0 20px;
}
.access_figure > figure > img{
  display: block;
  width: 100%;
}
.access_figureSp{
  display: none;
}
.access_note{
  font: 18px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin: 100px auto 10px;
}
.access_note > p{
  text-align: center;
}

@media screen and (max-width:767px) {

/* アクセス メインSP */
.access_box{
  padding: 10px 30px;
}
.access_figure > figure > img{
  width: 85%;
  margin: 0 auto;
}
.access_figurePc{
  display: none;
}
.access_figureSp{
  display: block;
}
.access_box{
  margin-bottom: 30px;
}
}

/* PRIVACY POLICYページ --------------------------*/
/* プライバシーポリシー メインビジュアル */
#content_mv.privacy_mv{
  background: url(../../images/img_privacy_mainVisual.jpg)  center center/cover no-repeat;
  height: 500px;
  position: relative;
}

/* プライバシーポリシー メイン */
.privacy_site{
  padding: 70px 20px 0;
}
.privacy_section_inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0 20px;
}
.privacy_lead{
  font: 14px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.privacy_box h2{
  font: 500 22px 'ryo-gothic-plusn',sans-serif;
  color: #0D780A;
  border-bottom: solid 1px #707070;
  margin: 50px 0 20px;
}
.privacy_box > p{
  font: 14px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin-bottom: 20px;
}
.privacy_box > ol{
  margin-left: 20px;
}
.privacy_box > ol > li{
  list-style-type: decimal;
  font: 14px 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

@media screen and (max-width:767px) {

/* プライバシポリシー メインSP */
.privacy_site{
  padding: 50px 30px 0;
}
}


/* RESERVATIONページ --------------------------*/
/* ご予約 メインビジュアル */
#content_mv.reservation_mv{
  background: url(../../images/img_reservation_mainVisual.jpg)  center center/cover no-repeat;
  height: 500px;
  position: relative;
}

/* ご予約 メイン */
.reservation_site{
  background-image: url(../images/bg_pattern.jpg);
  background-repeat: repeat;
  background-size: 500px;
  padding: 50px 20px 0;
}
.reservation_section_inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 70px 0 70px;
}
.reservation_box{
  background-color: #fff;
  width: 100%;
  padding: 20px 70px;
  position: relative;
}
.reservation_ttl{
  width: 35%;
  background-color: #E39A37;
  padding: 15px;
  position: absolute;
  top: -40px;
  left: 33%;
}
.reservation_ttl h2{
  font: 400 24px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1rem;
}
.reservation_note li{
  list-style-type: disc;
  font: 300 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 2.4em;
}
.reservation_note{
  margin-top: 30px;
}
.privacy_link{
  color: #0D780A;
  text-decoration: underline;
}
.privacy_link:hover{
  color: #E39A37;
}

/* ご予約フォーム */
.form_dl.reservation_type{
  border-top: solid 1px #ccc;
  margin-top: 40px;
}
.form_dt span{
  color: #fff;
  font-size: 13px;
  background-color: #e39a37;
  padding: 5px;
  border-radius: 3px;
  margin-left: 10px;
}
.form_input.numberOfPeople{
  width: 10%;
  margin: 0 10px 0 15px;
}
.form_input.checkTime{
  width: 9%;
  margin-right: 8px;
}
.timeSecond{
  font: 400 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin: 0 15px 0 5px;
}
.number{
  font: 400 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin-right: 30px;
}
.postal_code{
  font: 400 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  margin: 0 10px;
}
.form_input.postal_code_number{
  width: 10%;
}
.form_input.address_area1{
  width: 15%;
  display: block;
}
.form_input.address_area2{
  width: 60%;
  display: block;
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
input[type="number"] { 
  -moz-appearance:textfield;
} 
input[type=checkbox]  {
  display: none;
}
.checkbox {
  cursor: pointer;
  font: 300 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
  color: #666;
  user-select:none;
}
.checkbox:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  height: 16px;
  width: 16px;
  margin-top: -8px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ccc;
}
.checkbox:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  height: 13px;
  width: 5px;
  margin-top: -7px;
  border-right: 3px solid #323232;
  border-bottom: 3px solid #323232;
  opacity: 0;
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox::after {
  opacity: 1;
}

@media screen and (max-width:767px) {

/* ご予約 メインSP */
.reservation_box{
  width: 100%;
  padding: 20px 40px;
}
.reservation_ttl{
  width: 80%;
  padding: 15px;
  top: -35px;
  left: 10%;
}
.reservation_ttl h2{
  font: 400 20px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  letter-spacing: 0.1rem;
}
.reservation_note li{
  font: 300 14px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 2em;
}
.reservation_note{
  margin-top: 30px;
}

/* ご予約フォームSP */
.form_dl.reservation_type{
  border-top: none;
}
.form_input.numberOfPeople{
  width: 20%;
}
.form_input.checkTime{
  width: 20%;
}
.number{
  display: block;
  margin-top: 20px;
  font: 400 16px 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.form_input.postal_code_number{
  width: 30%;
}
.form_input.address_area1{
  width: 50%;
}
.form_input.address_area2{
  width: 100%;
}

}

/* CONTENTSページ --------------------------*/
/* コンテンツ メインビジュアル */
#content_mv.contents_mv{
  background: url(../../images/img_contents_mainVisual.jpg)  center center/cover no-repeat;
  height: 500px;
  position: relative;
}

/* コンテンツ メイン */
.contents_site{
  padding: 70px 0 50px;
}
.contents_site.lastContents{
  margin-bottom: 100px;
}
.contents_box{
  display: flex;
  position: relative;
  justify-content: center;
}
.contents_textAreaLeft{
  width: 510px;
  background-color: #ffffffd9;
  padding: 15px;
  position: absolute;
  top: 15%;
  left: 12%;
}
.contents_textAreaRight{
  width: 500px;
  background-color: #ffffffd9;
  padding: 20px;
  position: absolute;
  top: 17%;
  right: 12%;
}
.contents_photoAreaRight img{
  display: block;
  height: auto;
  width: 60%;
  margin: 0 0 0 auto;
}
.contents_photoAreaLeft img{
  display: block;
  height: auto;
  width: 60%;
  margin: 0 auto 0 0;
}
.contents_cts_number{
  display: block;
  font: 500 55px 'Futura-PT','noto sans japanese',sans-serif;
  font-style: italic;
  margin: 0 auto 30px;
  text-align: center;
}
.contents_cts_ttl{
  display: block;
  font: 500 20px 'ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
}
.contents_cts_copy{
  display: block;
  font: 500 30px 'ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
  margin-bottom: 20px;
}
.contents_cts_lead{
  display: block;
  font: 300 15px 'ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
  margin-bottom: 10px;
}

@media screen and (max-width:767px) {

/* コンテンツ メインSP */
.contents_site{
  padding: 50px 0 20px;
}
.contents_box{
  display: flex;
  flex-direction: column;
  position: static;
}
.contents_box.reverse_sp{
  display: flex;
  flex-direction: column-reverse;
  position: static;
}
.contents_textAreaRight{
  background-color: #ffffff;
  position: static;
}
.contents_textAreaLeft{
  background-color: #ffffff;
  position: static;
}
.contents_photoAreaRight img{
  height: auto;
  width: 100%;
  margin: 0;
}
.contents_photoAreaLeft img{
  height: auto;
  width: 100%;
  margin: 0;
}
.contents_cts_number{
  font: 500 50px 'Futura-PT','noto sans japanese',sans-serif;
  font-style: italic;
}
.contents_cts_ttl{
  font: 500 20px 'ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
}
.contents_cts_copy{
  font: 500 27px 'ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
  margin-bottom: 20px;
}
.contents_cts_lead{
  font: 300 14px 'ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
  margin-bottom: 10px;
}

}