@charset "utf-8";
/*----------------------------------------------------------
　全体
-----------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
	font-family: メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 62.5%;/*10px相当*/
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	background: #FAF5F0;
	color: #45341A;
	text-align: center;
}
@media only screen and ( max-width: 599px ) {
	body {
		font-size: 1.4rem;
		line-height: 1.4;
	}
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.textC {
	text-align: center;
}
.textL {
	text-align: left;
}
.textR {
	text-align: right;
}
.text_fff {
	color: #fff;
}
.red {
	color: #c3002f;
}
.text_b {
  font-weight: 700;
}
a:link, a:visited {
	color: #005ECF;
	text-decoration: none;
}

a:hover {
	color: #005ECF;
	text-decoration: none;
}
/*イメージマップ用
IE対応：<area onFocus="this.blur();">
------------------------------------*/
area {
	border: none;
	outline: none;
}
/*******************************************************************
　ページ共通パーツ
*******************************************************************/

@media print, screen and (min-width:750px){
	.display_sp {display: none}
}
@media screen and (max-width:749px){
	.display_pc {display: none}
}
@media print, screen and (min-width:1200px){
	.display_1200 {display: none}
}
@media print, screen and (max-width:1199px){
	.display_1199 {display: none}
}
@media print, screen and (min-width:1501px){
	.display_1500 {display: none}
}
@media screen and (max-width:1500px){
	.display_1920 {display: none}
}


/*******************************************************************
　各セクション
*******************************************************************/
/*共通 ------------------------------*/
.contents {
	width: 100%;
	text-align: center;
	margin: 0 auto;
  position: relative;
}
.wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.container {
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
}
.box {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
@media only screen and ( max-width: 599px ) {
	.container {
	}
}
.attn_box {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}
.attn {
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.4;
}
@media only screen and ( max-width: 749px ) {
  .attn {
    text-align: left;
    font-size: 1.0rem;
    line-height: 1.3;
  }
}

/*----------------------------------------------------------
　メインビジュアル
-----------------------------------------------------------*/
.mvArea {
}
.mv_wrap1 {
  background: url("../img/bg_mv1.png") center top / auto 100% repeat-x;
}
.mv_wrap2 {
  background: url("../img/bg_mv2.png") center top / 100% auto ;
}
.mv_wrap3 {
  background: url("../img/bg_mv3.png") center top / 100% auto;
}
.mv_wrap3 .box img {
  padding: 0 0 10%;
}
.mv_wrap4 {
}
/*----------------------------------------------------------
　プロフィール
-----------------------------------------------------------*/
.prof_title {
  padding: 5% 0 0;
}
.prof_box {
  border: 4px solid #006450;
  padding: 4%;
  margin: 1% auto 8%;
}
.prof_box p {
  max-width: 980px;
  margin: 1em auto;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1.6;
}
@media only screen and ( max-width: 749px ) {
  .prof_box p {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 1em auto 3em;
  }
}
.prof_sns_box {
  width: 100%;
  max-width: 980px;
  margin: 2% auto 0;
  display: flex;
  justify-content: flex-start;
}
.prof_sns_title {
  width: 40%;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: left;
  line-height: 1.2;
  color: #006450;
  padding-right: 1em;
}
.prof_sns_icons {
  width: 60%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}
@media only screen and ( max-width: 749px ) {
  .prof_sns_box {
    display: block;
  }
  .prof_sns_title {
    width: 100%;
    margin: 0.5em 0;
  }
  .prof_sns_icons {
    width: 100%;
  }
}
/*----------------------------------------------------------
　リード
-----------------------------------------------------------*/
.leadArea {
}
.lead_wrap1 {
  background: url("../img/bg_lead.png") center top / auto 100%;
}
.lead_wrap2 img {
  display: block;
}

.lead_wrap3 {
  background: url("../img/bg_lead3.png") center top;
}
.lead_title {
  padding: 3.8% 0 0;
}
/*----------------------------------------------------------
　コンテンツ
-----------------------------------------------------------*/
.carArea {}
.caravan_wrap,
.x-trail_wrap {
  background: #e8f1fa;
  overflow: hidden;
}
.car_box {

}
.car_box::before {
  content: "";
  display: block;
  height: 160px;
  background: url("../img/bg_tree.png") center bottom repeat-x #fff;
}
@media only screen and ( max-width: 749px ) {
  .car_box::before {
    height: 100px;
    background-size: 50% 50%;
  }
}
.car_type {
  padding: 15% 0 0;
}
.car_title {
  background: url("../img/bg_title.png") center top / auto 100% repeat-x;
}
.car_title img {
  padding: 3% 0;
}
/*キャンプ場情報
-------------------------------------*/
.camp_place_box {
  margin: 0 auto 10%;
}
.camp_place_name {
  margin-bottom: 2%;
}
.camp_detail {
  font-size: 1.6rem;
}
.camp_detail a {
  padding: 0.5em 1em;
  background: #006450;
  color: #fff;
}
.camp_place_img {
  margin: 3% auto;
}
.btn_camp_place {
  width: 90%;
  margin: 0 auto;
}
.btn_camp_place a {
  display: block;
  background: #64a0dc;
  border-radius: 20px;
  box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.5);
}
/*キャンプ使用車
-------------------------------------*/
.camp_car_box {
  
}

/*動画
-------------------------------------*/
.car_movie {
  width: 90%;
  max-width: 980px;
	margin: 0 auto;
}
.movie_box {
	margin: 10% auto 5%;
}
.movie_box::before {
  content: "";
  display: block;
  height: 24px;
	margin: 0 auto 5%;
  background: url("../img/bg_movie.png") center top;
}
.movie_box::after {
  content: "";
  display: block;
  height: 24px;
	margin: 5% auto 0;
  background: url("../img/bg_movie.png") center top;
}
.camp_place_box .movie_box {
	margin: 3% auto;
}

.camp_place_box .movie_box::before {
  display: none;
}
.camp_place_box .movie_box::after {
  display: none;
}
@media only screen and ( max-width: 749px ) {
  .movie_box::before {
    height: 15px;
  }
  .movie_box::after {
    height: 15px;
  }
}
.movie_wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
.movie_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*総評
-------------------------------------*/
.cmt_title {
  margin: 10% auto 0;
}
.cmt_box {
  background: url("../img/bg_cmt.png") center top / auto 100% no-repeat;
}
@media only screen and ( max-width: 749px ) {
  .cmt_box {
    background: url("../img/bg_cmt_sp.png") center top / 100% auto no-repeat;
  }
}
/*リンクボタン
-------------------------------------*/
.btn_carinfo {
  text-align: center;
  margin: 0 auto 8%;
}
.btn_carinfo a {
  display: block;
  background: #64a0dc;
  border-radius: 20px;
  box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.5);
}
.btn_shijo {
  text-align: center;
  margin: 0 auto 10%;
}
.btn_shijo a {
  display: block;
  background: #006450;
  border-radius: 20px;
  box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.5);
}
/*----------------------------------------------------------
　協力会社
-----------------------------------------------------------*/
.corpArea {}
.corp_wrap {
  margin: 10% auto;
}
.corp_title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 10px;
}
.corp_title_name {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  margin: 8% auto 1%;
  padding-bottom: 4%;
  border-bottom: 1px solid #cdcdcd;
}

.corp_box_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.corp_box_wrap .corp_box:first-child {
  width: 42%;
}
.corp_box_wrap .corp_box:last-child {
  width: 53%;
}
.corp_box {
  margin: 0 1%;
}
.corp_box_wrap dl {
  margin: 0;
  padding: 5% 0 5% 3%;
  border-bottom: 1px solid #cdcdcd;
  display: flex;
  vertical-align: middle;
}
.corp_box_wrap dt {
  font-weight: 500;
  width: 95px;;
  display: table-cell;
  vertical-align: middle;
}
.corp_box_wrap dd {
  text-align: left;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and ( max-width: 749px ) {
  .corp_box_wrap {
    display: block;
  }
  .corp_box_wrap .corp_box:first-child {
    width: 100%;
  }
  .corp_box_wrap .corp_box:last-child {
    width: 100%;
  }
  .corp_box {
    border-top: none;
  }
}
.footer_cmt {
  margin-top: 10%;
}
/*----------------------------------------------------------
　ページの先頭に戻る
-----------------------------------------------------------*/
#pageTop {
	position: fixed;
	/*bottom: 60px;*/
	bottom: 10px;
	right: 3rem;
	display: block;
	z-index: 1001;
}
#pageTop a {
	display: block;
	width: 50px;
	height: 50px;
	padding: 5px 0;
	line-height: 1.2;
	border-radius: 50%;
	background: #d40039;
	text-align: center;
	color: #ffffff;
	transition: .3s;
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
@media only screen and ( max-width: 599px ) {
	#pageTop {
	/*bottom: 70px;*/
		bottom: 10px;
		right: 1em;
	}
}

/* -----------------------------------------------------
　注意事項
-----------------------------------------------------------*/
.footer_wrap {
	background: #fff;
  border-top: 2px solid #006450;
  margin-top: 50px;
}
footer .container {
}
.notice_inner {
	width: 90%;
	margin: 0 auto;
	font-size: 1.4rem;
	padding: 3% 0 2em;
}
.other {
	margin: 0;
	text-align: left;
}
.other ul {
	margin: 1em 0 0;
}
.other ul li {
	margin: 0 0 0.5em;
	word-break: break-all;
}
.copyright {
	text-align: center;
	padding: 0 0 5em;
}

@media only screen and ( max-width: 599px ) {
	.notice_inner {
		font-size: 1.2rem;
	}
	.other p {
		font-size: 1.0rem;
		line-height: 1.4;
	}
}

.infoArea {
  background: #c7e6ea;
}
.info_item {
  margin: 10% auto 0;
  padding: 5% 0;
}
/*----------------------------------------------------------
　フッターボタン
-----------------------------------------------------------*/
.floatingArea {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1000;
}
.floatingArea_wrap {
	width: 100%;
	margin: 0 auto;
  background: #1a1a1a;
}

/*----------------------------------------------------------
　フェード
-----------------------------------------------------------*/
/*下からフェードイン*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
/*その場でフェードイン*/
.fadein2 {
  opacity : 0;
  transition: all 1s;
}
.fadein2.is-show{
  transform: scale(1);
  -webkit-animation: bound 1.5s ease-in; 
  -moz-animation:    bound 1.5s ease-in; 
  animation: bound 1.5s ease-in;
  animation-iteration-count:1;
}
@keyframes bound {
  from { transform: scale(1); }
  25% { transform: scale(1.05); }
  to { transform: scale(1); }
}
/*ドロップダウン
-----------------------------------------------------------*/
.drop_wrap {
}
.drop_btn {
  width: 90%;
  max-width: 1080px;
  margin: 1em auto;
  text-align: left;
  padding: 0.2em 0 0.2em 1em;
  font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
}
.drop_click {
  width: 100%;
  margin: 1em auto;
  text-align: left;
  padding: 0.2em 0 0.2em 1em;
  font-size: 1.6rem;
}
.drop_btn:hover,
.drop_click:hover {
  cursor: pointer;
}
.drop_box,
.drop_item {
  display: none;
}

.drop_inner {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  overflow: hidden;
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.4;
}
@media only screen and ( max-width: 599px) {
  .drop_btn,
  .drop_inner {
	font-size: 1.0rem;
	line-height: 1.3;
}
.drop_btn {
  font-size: 1.0rem;
}
}

/*画像下余白対策*/
.w_space {
  display: block;
}
/*非表示 ------------------------------*/