@charset "UTF-8";
/*
Theme Name: グレイスキャンプwebサイト
Theme URL: テーマのサイトのURL
Description: グレイスキャンプ様、webサイト用オリジナルテーマです、
Author: foo
Version: 1
Tags: オリジナルテーマ
*/


/*フォントに関するCSS
===========================================================================================*/
.ftm,
header,
#reservation_contact .sec_inner h2,
.r_footer,
footer .footer_share h1,
#index .mainvisual h2,
.bt_next,
.sec_inner h2.h2_t_1,
#navi li,
#rental_btn .rental_btn_list li a::after,
#faq.reserve_b_1 h5,
#form .reserve_b_1 h5,
#page-reservation h4.title-ta,
#page-reservation .step_box .step_list li {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.ftg,
header .bt_content span,
#navi li span{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

a.test {
	width: 100%;
	height: 100%;
	display: block;
	
	background: #999;
}

.fcg{color: #005B52;}
.fcr{color: #840000;}
.fwb{font-weight: bold;}
.fcbk{color: #000;}
.flu{text-decoration: underline;}
.tel2{font-size: 12px; margin-bottom: 10px;}

/*LP用CSS
===========================================================================================*/
.page_lp {
    width: 100%;
    position: relative;
    margin-bottom: 300px;
}

.page_lp .lp_inner {
    max-width: 1280px;
    width: 80%;
    margin: auto;
    text-align: center;
    color: #005B52;
    letter-spacing: 0.15em;
}


.page_lp .lp_inner .main {
    width: 100%;
    height: 100vh;
    display: inline-table;
}

.page_lp .lp_inner .main h1 {
    width: 50%;
    display: table-cell;
    vertical-align: middle;	
}

.page_lp .lp_inner .main h1 img {
    width: 50%;
    max-width: 460px;

}

.page_lp .lp_inner p {
    font-size: 20px;
    line-height: 2;
	margin-bottom: 60px;
}


.page_lp .lp_box_01{
	position: relative;
}


.page_lp .lp_box_01 h2 {
    font-size: 40px;
    font-weight: bold;
    margin: 80px 0 40px;

}

.page_lp .lp_box_01 h3 {
    font-size: 5.2vw;
    margin: 220px 0;
}

.page_lp .lp_box_01 img.cc_photo {
	width: 50%;
	margin: 80px 0 100px;
}


.page_lp .lp_box_01 img {
	width: 100%;
	margin: 130px 0 200px;
}


.page_lp .lp_box_02 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}

.page_lp .lp_box_02 p {
    font-size: 12px;
}

.page_lp .lp_box_02 .lp_box_l {
    padding-right: 5%;
}

.page_lp .lp_box_02 .lp_box_r {
    padding-left: 5%;
    position: relative;
}	

.page_lp .lp_box_02 .lp_box_r h2 {
    margin: 50px 0;
    font-size: 16px;
}

.page_lp .lp_box_02 .lp_box_r h3 {
    font-size: 50px;
    line-height: 1;
    text-align: right;
    position: absolute;
    bottom: 0;
}

#matterport {
	width: 95%;
	margin: auto;
}



.page_lp .copy_r {
    right: 2%;		
}

.page_lp .copy_l {
    left: 2%;
}

.page_lp .copy_r img,
.page_lp .copy_l img {
    width: 100%;
    max-width: 200px;
	margin: 50px 0;
}

.page_lp .copy_t {
    display: none;
}

.lp_gallery{
	position: relative;
	width: 100%;
	margin-top: 200px;
}

.lp_gallery .lp_box_b {
	position: absolute;
	width: 100%;
	height: 20%;
	
	background-image: url("images/lp_photo01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	z-index: -10;
	
	opacity: 0;
}

.lp_gallery .lp_box_b::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}



.lp_gallery ul {
	width: 95%;
	padding-top: 35%;
}

.lp_gallery ul li{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	margin-bottom: 150px;
}

.lp_gallery ul li:last-child{
	margin-bottom: 0;
}

.lp_gallery ul li .lp_box_l{
	width: 30%;
	padding-left: 10%;
	position: relative;
}

.lp_gallery ul li .lp_box_l .h3_set {
	position: absolute;
	bottom: 8%;
}

.lp_gallery h2,
.lp_gallery .lp_box_l h3{
	color: #005B52;
	line-height: 1;
}

.lp_gallery h2{
	font-size: 10vw;
	position: absolute;
	top: -2.5%;
	left: 10%;
}

.lp_gallery .lp_box_l h3 {
	font-size: 3vw;
}

.lp_gallery .lp_box_l h4 {
	margin-top: 20px;
}


.lp_gallery ul li .lp_box_r{
	width: 70%
}

.lp_gallery ul li .lp_box_r img{
	width: 100%;
}

.lp_inner .lp_box_01 span{
	position: relative;
}

.lp_inner .lp_box_01 h3{
	opacity: 0;
}

.lp_inner .lp_box_01 h3::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.fade{
	opacity: 1!important;
	transition: 1s;
}

.fade::before {
	animation: animation_box 1s;
}

@keyframes animation_box  {
	100% {
		width:0 ;
		background: #005B52;
		opacity: 1;
	}
	0% {
		width:100% ;
		background: #005B52;
		opacity: 1;
		
	}
}


.slide_vertical_wrap_l {
	position: fixed;
	left: 2%;
	top: 0;
	height: 100vh;
	overflow: hidden;
	z-index: -10;
}

.slide_vertical_wrap_r {
	position: fixed;
	right: 2%;
	top: 0;
	height: 100vh;
	overflow: hidden;
	z-index: -10;
}


.slide_vertical li img{
	margin: 100px 0;
}



/* 以下 各種メディアクエリ */
@media print,screen and (min-width:1280px){
    .page_lp .sp{
        display: none;
    }
	
	.page_lp .lp_box_01 img.pc,
	#page-rental_campingcar02 #interior .interior_photo img.pc,
	#page-rental_campingcar03 #interior .interior_photo img.pc,
	#page-rental_cruiser .interior_photo img.pc {
		display: block;
	}
	
	.page_lp .lp_box_01 img.sp,
	#page-rental_campingcar02 #interior .interior_photo img.sp,
	#page-rental_campingcar03 #interior .interior_photo img.sp,
	#page-rental_cruiser .interior_photo img.sp {
		display: none;
	}	
}

@media print,screen and (min-width:768px) and (max-width:1279px){
    .page_lp .slide_vertical_wrap_r,
    .page_lp .slide_vertical_wrap_l{
        display: none;
    }

    .page_lp .sp{
        display: none;
    }

    .page_lp .copy_t {
        width: 80%;
        margin: 100px auto 0;
        display: block;

    }

    .page_lp .copy_t img {
        width: 100%;
    }
	
	.page_lp .lp_box_01 img.pc{
		display: none!important;
	}
	
	.page_lp .lp_box_01 img.sp,
	#page-rental_campingcar02 #interior .interior_photo img.px,
	#page-rental_campingcar03 #interior .interior_photo img.px,
	#page-rental_cruiser .interior_photo img.px {
		display: block;
	}
	
	.page_lp .lp_box_01 img.pc,
	#page-rental_campingcar02 #interior .interior_photo img.sp,
	#page-rental_campingcar03 #interior .interior_photo img.sp,
	#page-rental_cruiser .interior_photo img.sp {
		display: none;
	}
	

	
}

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

    .page_lp {
        margin-bottom: 150px;
    }
	
	.page_lp .lp_inner {
		width: 85%;
	}

    .page_lp .lp_inner .main {
        width: 80%;
        height: 100vh;
        display: inline-table;
        margin: auto;
    }

    .page_lp .lp_inner .main h1 img {
        width: 100%;
        max-width: 460px;
    }
	
	.page_lp .lp_inner p {
		font-size: 18px;
		margin-bottom: 50px;
	}
	
	.page_lp .lp_box_01 h2 {
		font-size: 8vw;
	}

	.page_lp .lp_box_01 img.cc_photo {
		width: 95%;
		margin: 0;
	}
	
	.page_lp .lp_box_01 img.pc,
	#page-rental_campingcar02 #interior .interior_photo img.pc,
	#page-rental_campingcar03 #interior .interior_photo img.pc,
	#page-rental_cruiser .interior_photo img.pc{
		display: none;
	}
	
	.page_lp .lp_box_01 img.sp,
	#page-rental_campingcar02 #interior .interior_photo img.sp,
	#page-rental_campingcar03 #interior .interior_photo img.sp,
	#page-rental_cruiser .interior_photo img.sp{
		display: block;
	}

    .page_lp .lp_box_01 h3 {
        font-size: 10vw;
        line-height: 1.4;
        margin: 180px 0 100px;
    }
	
	.lp_gallery{
		margin-top: 120px;
	}
	
	.lp_gallery .lp_box_l h4 {
		margin-top: 5px;
	}

    .page_lp .lp_box_02 {
        display: -webkit-block;
        display: -ms-block;
        display: block;
    }
	
	.page_lp .lp_box_02 p {
		font-size: 12px;
		line-height: 1.8;
	}


    .page_lp .lp_box_02 .lp_box_l {
        padding-right: 0;
    }

    .page_lp .lp_box_02 .lp_box_r {
        padding-left: 0;
        margin-top: 20px;
    }

    .page_lp .lp_box_02 .lp_box_r h3 {
        font-size: 10vw;
        line-height: 1.2;
        position: inherit;
        bottom: inherit;
        text-align: center;
        margin-top: 50px;
    }
	
    .page_lp .slide_vertical_wrap_r,
    .page_lp .slide_vertical_wrap_l{
        display: none;
    }

    .page_lp .sp{
        display: block;
    }

    .page_lp .copy_t {
        display: none;
    }
	
	.lp_gallery h2 {
		font-size: 14vw;
	}
	
	.lp_gallery ul {
		margin: auto;
		padding-top: 70%;
		top: -5%;
		left: 5%;
	}
	
	.lp_gallery ul li.lp_box_set{
		display: -webkit-block;
        display: -ms-block;
        display: block;
		
		position: relative;
		
		margin-bottom: 30%;
	}
	
	.lp_gallery ul li.lp_box_set:last-child{
		margin-bottom: 20%;
	}
	
	.lp_gallery ul li .lp_box_l{
		width: 100%;
		padding-left: 0;
		
		position: absolute;
		bottom: -20%
	}
	
	.lp_gallery ul li .lp_box_l .h3_set {
		bottom: -30px;
	}
	
	.lp_gallery .lp_box_l h3 {
		font-size: 8vw;
	}
	
	.lp_gallery .lp_box_set .lp_box_r {
		width: 100%;
		height: auto;
	}
	
	.lp_gallery ul li .lp_box_r img{
		width: 100%;
	}

}



/*共通CSS
===========================================================================================*/
#wrapper{
	overflow: hidden;
}

a {
	text-decoration: none;
	color: inherit;

}

a:hover,
#information .inf_box_set dd:hover {
	text-decoration: underline;	
}

#information .inf_box_set a:hover{
	text-decoration: none;
}


.tf-img {
	transform-origin: left top;
	top: 30px;
	position: absolute;
	width: intrinsic;
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
	z-index: 1;
}

.sec_inner{
	max-width: 1280px;
	width: 80%;
	margin: auto;
	position: relative;
	z-index: 2;
}

.section-box {
	width: 100vw;
	overflow: hidden;
	position: relative;
}


/*見出し関連*/
.sec_inner h2.h2_t_1 {
	font-size: 50px;
	margin-bottom: 15px;
	color: #005B52;	
}

.sec_inner h3.h3_t_1 {
	font-size: 18px;
}

.sec_inner h2.h2_t_1,
.sec_inner h3.h3_t_1{
	line-height: 1.1;
}

/*背景色*/
.sec_c_w {
	background: #fff;
}

/*reCAPTCHA*/
.grecaptcha-badge {
	visibility: hidden;
}

.recaptcha {
	font-size: 12px;
	color: #999;
	margin-top: 20px;
}

.recaptcha a {
	color:#185abc;
}

/*投稿関連のパスワードフォーム*/
#password-form {
padding: 30% 10% 20%;
text-align: center;
}

/*wp-block-library-css*/
html :where(img) {
	max-width: inherit!important;
	
}


/*ページ非表示のとき*/
.no-page {
	text-align: center;
}

.no-page .btn a{
	display: block;
	width: -webkit-fit-content;
    width: -moz-fit-content;
	width: fit-content;
	margin: 20px auto 0;
	padding: 2% 20%;
	border-radius: 5px;
	background-color: #005b52;
	background-image: url("images/bt_next_3.png");
	background-size: 8%;
	background-position: 95% center;
	background-repeat: no-repeat;
	color: #fff;
	
	
	font-size: 18px;
	font-weight: bold;
}

/*バナー追加に伴う修正*/
.banner_pc {display: block;}
.banner_sp {display: none;}

.banner_pc a img,
.banner_sp a img {
	width: 100%;
    padding-right: 60px;
}



@media print, screen  and (max-width: 1000px){
	.banner_pc {
	    display: none;
	  }
	
	.banner_sp {
	    display: block;
	  }
		
	.banner_sp a img  {
		width: 100%;
		max-width: 400px!important;
		margin-top: 30px;
		padding-right: 0px;
	}
	
	footer .sec_c_w .b_footer {
		position: relative!important;
		bottom: inherit!important;
		left: inherit!important;
	}
}


@media print, screen and (min-width: 767px) and (max-width: 1000px){
	.banner_sp {text-align: left;}
}


@media screen and (max-width: 767px){ 
	.banner_sp {text-align: center;}
}





/*header用CSS_________________________________________________________*/
#headerWrap {
	position: relative;
	display: block;
}

#headerWrap h1 {
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 100;
	width: 15%;
	max-width: 240px;
}

#headerWrap h1 img {
	width: 100%;
	transition: 0.3s;
}

#headerWrap h1 img.scroll {
	width: 50%;
}

#headerWrap h1 img.image-vp-ta {
	display: block;
}

#headerWrap h1 img.image-vp-tb{
	display: none;
}


@media print,screen and (min-width:768px) and (max-width:1099px){
	
	#headerWrap h1 {
		top: 45px;
		width: 30%;
		max-width: 300px;
	}
	
	#headerWrap h1 img.image-vp-ta {
		display: none;
	}
	
	#headerWrap h1 img.image-vp-tb{
		display: block;
	}
	
	.bt_re-co {
		top: 80px;
	}
	
	/*#icon_menu */
	.icon_menu,
	.icon_menu .normal	{
	  top: 80px!important;
	}

}

@media screen and (max-width: 767px){
	
	#headerWrap h1 img.image-vp-ta {
		display: none;
	}
	
	#headerWrap h1 img.image-vp-tb{
		display: none;
	}
}






/*svg*/
#headerWrap h1 svg{
	transform: scale(1);
	transition: 0.3s;
	width: 232px;
    height: 285px;
}

#headerWrap h1 .scroll {
	width: 50%;
}

#headerWrap h1 .default svg {
	fill:#005B52;
}

#headerWrap h1 .dark svg {
	fill:#fff;
}




.gn_sp {
	display: none;
}

.bt_content{
	width: 50%;
	position: absolute;
	display: block;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	line-height: 1.2;
	right: 30%;
	
	color: #005B52 ;
}

.bt_content li {
	font-size: 24px;
	width: 50%;
	text-align: center;
}

.bt_content li span{
	font-size: 14px;
	padding-top: 15px;
	display: block;
}


.bt_re-co {
	position: fixed;
	right: 150px;
	top: 115px;
	z-index: 10;
}

.bt_re-co a{
	padding: 20px 40px;
	line-height: 1;
	color: #fff;
	background-color: #005B52;
	border-radius: 50px;
	font-size: 120%;
	-webkit-filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.1));
	filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.1));
	
	
	transition: color 0.3s, background-color 0.2s, -webkit-filter 0.5s;
	transition: color 0.3s, background-color 0.2s, filter 0.5s;
	transition: color 0.3s, background-color 0.2s, filter 0.5s, -webkit-filter 0.5s;
}

.bt_re-co a:hover{
	text-decoration: none;
	color: #005B52;
	background-color: #f4f4f4;
	-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.2));
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.5));
}
	



/*メニュー*/
.bt_menu .sub {
	position: fixed;
	right: 0;
	top: 0;
	padding: 100px 100px 0;
	background: #005B52;
	height: 100vh;
	z-index: 190;
	font-size: 18px;
	overflow: auto;
	
	display: none;
	
}

.bt_menu .sub li,
footer .sec_inner .sec_01 .r_footer li{
	margin-bottom: 40px;
	position: relative;
	line-height: 1.4;
}

.bt_menu .sub li{
	color: #fff;
}

footer .sec_inner .sec_01 .r_footer li{
	color: #333;
}

.bt_menu .sub li:nth-child(n+4){
	font-size: 15px;
}

.bt_menu .sub li::before {
	content: "";
	border-top: 1px solid #70E695;
	width: 20px;
	display: block;
	position: absolute;
	top: 49.5%;
	left: 0;
} 

.bt_menu .sub li:nth-child(n+7)::before,
.bt_menu .sub .share li::before{
	display: none;
}

.bt_menu .sub li:nth-child(7),
.bt_menu .sub .share {
	left: -40px;
}

.bt_menu .sub li:nth-child(7) a,
footer .sec_inner .b_footer  ul li a {
	text-decoration: underline;
	position: relative;
}

.bt_menu .sub li:nth-child(7) a::after,
footer .sec_inner .b_footer  ul li:first-child a::after {
	content: "";	
	width: 16px;
	height: 16px;
	top: 0;
	display: inline-block;
	margin-left: 5px;
	position: absolute;
	background-size: 16px;
}

.bt_menu .sub li:nth-child(7) a::after{
	background-image:url("images/bt02_blank_w.png");
}

footer .sec_inner .b_footer a {
	color: #666;
}

footer .sec_inner .b_footer  ul li:first-child a::after {
	background-image:url("images/bt02_blank.png");
}

.bt_menu .sub li:nth-child(8){	/*予約お問い合わせ*/
	width: 100%;
	text-align: center;
}

.bt_menu .sub li:nth-child(8) a {
	background-color: #fff;
	display: block;
	padding: 15px 40px;
	margin-left: 0;
	color:#005B52;
	font-size: 120%;
	border-radius: 100px;
	margin-top: 100px;
	text-decoration: none;
	filter: none;
	
	transition:filter 0.5s,background-color 0.5s, color 0.5s;
}


.bt_menu .sub li:nth-child(8) a:hover{
	background-color: #111;
	color: #fff;
	filter: drop-shadow(10px 20px 10px rgba(0,0,0,0.3));
}

.bt_menu .sub li a {
	margin-left: 40px;
}


/*#icon_menu */
.icon_menu,
.icon_menu .normal	{
  position: fixed;
  left:inherit!important;
  right: 50px!important;
  top: 120px!important;
  z-index: 200;
  width: 60px;

  cursor: pointer;
}

.icon_menu svg {
  width: 60px;
  height: 23px;	
}

.active{
  display: none;
}

.close{
  display: none;
  fill:white;
}


/*shareボタン*/
.bt_menu .sub .share,
footer .footer_share ul{
	margin-top: 60px;
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.bt_menu .sub .share li a,
footer .footer_share li a {
	padding-left: 24px;
	position: relative;
	line-height: 1;
	display: block;
}

.bt_menu .sub .share li a::before,
footer .footer_share li a::before{
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	border: none;
	top: 0;
	left: 0px;
}

.bt_menu .sub .share li:nth-child(1) a::before,
.bt_menu .sub .share li:nth-child(2) a::before,
.bt_menu .sub .share li:nth-child(3) a::before,
footer .footer_share li:nth-child(1) a::before,
footer .footer_share li:nth-child(2) a::before,
footer .footer_share li:nth-child(3) a::before {
	background-size: 16px;
}

.bt_menu .sub .share li:nth-child(1) a::before{
	background-image:url("images/bt03_insta_w.png");
}

.bt_menu .sub .share li:nth-child(2) a::before{
	/*background-image:url("images/bt04_twitter_w.png");*/
	background-image:url("images/bt05_facebook_w.png");	
}

.bt_menu .sub .share li:nth-child(3) a::before{
	background-image:url("images/bt05_facebook_w.png");		
}


footer .footer_share li:nth-child(1) ,
footer .footer_share li:nth-child(2) ,
footer .footer_share li:nth-child(3) {
	filter: none;
	transform: translateY(0px);
	transition:filter 0.5s,transform 0.3s;
}

footer .footer_share li:nth-child(1):hover,
footer .footer_share li:nth-child(2):hover,
footer .footer_share li:nth-child(3):hover{
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.8));
	transform: translateY(3px);
}

footer .footer_share li:nth-child(1) a::before{
	background-image:url("images/bt03_insta.png");
}

footer .footer_share li:nth-child(2) a::before{
	/*background-image:url("images/bt04_twitter.png");*/
	background-image:url("images/bt05_facebook.png");
}

footer .footer_share li:nth-child(3) a::before{
	background-image:url("images/bt05_facebook.png");
}


/*ナビゲーションの各メディアクエリ*/
@media print,screen and (min-width:1280px){
	.bt_re-co  br{
		display: none;
	}
	
	.bt_content br{
		display: none;
	}
}

@media print,screen and (min-width:768px) and (max-width:1279px){
	.bt_re-co a br{
		display: block;
	}
	
	.bt_content br{
		display: block
	}
}

@media screen and (max-width: 1099px){
	
	#navi{
		padding: 50px 0 0 0!important;
	}
	
	.bt_content {
		display: none;
	}
}

@media print,screen and (min-width:768px) and (max-width:1099px){
	.bt_re-co {
		top: 8%;
	}
	
	/*#icon_menu */
	.icon_menu,
	.icon_menu .normal	{
	  top: 8%!important;
	}
}



/*予約・お問い合わせ用CSS_________________________________________________________*/
#reservation_contact {
	width: 100vw;
	background: #005B52;
	padding: 150px 0 ;
	overflow-x: hidden;
	position: relative;
}

#reservation_contact .tf-img{
	width:intrinsic;
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
}


#reservation_contact .sec_inner ul{
	background: #fff;
	position: relative;
	z-index: 1;
	
}

#reservation_contact .sec_inner a ul {
	display: block;
	padding: 50px 8%;
	background-image: url("images/bt_next_1.png");
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: 92% center ;
	transform: none;
	filter: none;
	transition: filter 0.2s,transform 0.6s;
	
}

#reservation_contact .sec_inner a:hover,
#reservation_contact .sec_inner a:hover ul {
	display: block;
	text-decoration: none;
	transform: translateY(3px);
	filter: drop-shadow(20px 20px 20px rgba(0,0,0,0.5));
	
	
}

/*インスタタイムライン用CSSS_________________________________________________________*/
#instagram {
	width: 100vw;
	background: #F2F2F2;
	padding: 150px 0 ;
	overflow-x: hidden;
	position: relative;
}


#instagram .tf-img{
	width:intrinsic;
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
}

#instagram .ig_box_set {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin-top: 70px;
}

#instagram .ig_box_set .l_box{
	width: 40%;
	margin-right: 10%;
}

#instagram .ig_box_set .l_box h3{
	margin-bottom: 80px;
}

#instagram .ig_box_set .l_box .txt_set a {
	color: #fff;
	width: 60%;
	text-align: center;
	padding: 15px 0;
	display: block;
	margin-top: 80px;
	
	background-color: #005B52;
	background-image: url("images/bt02_blank_w.png");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 90% center;
}

#instagram .ig_box_set .r_box{
	width: 50%;
}

@media screen and (max-width: 767px){
	#instagram {
		padding: 100px 0;
	}
	
	#instagram .ig_box_set {
		display: block;
		display: -webkit-block;
		display: -ms-box;
		margin-top: 0px;
	}

	#instagram .ig_box_set .l_box {
		width: 100%;
	}
	
	#instagram .ig_box_set .l_box h3{
		margin-bottom: 40px;
	}

	#instagram .ig_box_set .l_box .txt_set a {
		width: 100%;
		margin-top: 40px;
	}

	#instagram .ig_box_set .r_box {
		width: 100%;
		margin-top: 60px;
	}
	
}




/*footer用CSS_________________________________________________________*/

footer {
	position: relative;
	display: block;
}

footer  .sec_inner {
	padding: 120px 0;
}

footer .sec_inner .l_footer h1 {
	margin-bottom: 60px;
	width: 80%;
}

footer .sec_inner .l_footer h1 img{
	width: 100%;
}

footer .sec_inner .sec_01 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

footer .sec_inner .sec_01 .l_footer  {
	width: 30%;	
}

footer .sec_inner .sec_01 .r_footer {
	width: 70%;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

footer .sec_inner .sec_01 .r_footer .r_footer_01,
footer .sec_inner .sec_01 .r_footer .r_footer_02 {
	width: 50%;
}

footer .sec_inner .sec_01 .r_footer .r_footer_01 {
	font-size: 18px;	
}

footer .sec_inner .sec_01 .r_footer li::before {
	content: "";
	border-top: 1px solid #70E695;
	width: 20px;
	display: block;
	position: absolute;
	top: 49.5%;
} 

footer .sec_inner .sec_01 .r_footer li a {
	display: block;
	padding-left: 40px;
}

footer .sec_inner .b_footer {
	width: 100%;
}


footer .sec_inner .b_footer  ul {
	text-align: right;
}

footer .sec_inner .b_footer  ul li {
	display: inline-block;
	font-size: 13px;
	color: #005B52;
}

footer .sec_inner .b_footer  ul li:first-child {
	padding-right: 40px;
	margin-right: 10px;
	opacity: 0.6;
}

footer .sec_inner .b_footer  ul li:first-child a:hover{
	color: #005B52;
}



/*.footer_share*/
footer .footer_share {
	height: 100vh;
	
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	align-items: center;
	
	/*background: rgba(0, 27, 12, 0.67);*/
	/*-webkit-backdrop-filter: blur(10px);*/
    /*backdrop-filter: blur(10px);*/
	
}

footer .footer_share h1 {
	font-size: 40px;
	line-height: 1.2;
	text-align: center;
	color: #fff;
}

footer .footer_share ul {
	-webkit-justify-content: center;
    justify-content: center;
}

footer .footer_share ul li{
	margin: 0 20px;
	background: #fff;
	text-align: center;
	
}

footer .footer_share ul li a {
	padding: 20px 40px;
	display: block;
	width: 400px;
}


footer .footer_share ul li a::before{
	top:35%;
	left: inherit;
}

@media print,screen and (min-width:767px) and (max-width:1000px){
	footer .sec_inner .sec_01 {
		display: inherit;
	}
	
	footer .sec_inner .sec_01 .l_footer  {
		width: 100%;	
	}

	footer .sec_inner .sec_01 .r_footer {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
	}

	footer .sec_inner .sec_01 .r_footer .r_footer_01,
	footer .sec_inner .sec_01 .r_footer .r_footer_02 {
		width: 50%;
	}
}


/*scrolldown*/
.scrolldown {
	position: absolute;
	z-index: 50;
	bottom: 0px;
	left: 30px;
}
	
.scrolldown svg{
	width: 10.2px;
	height: 52.9px;
	fill:#fff;
}
	
.scrolldown span{
	position: relative;
	height: 100px;
	width: 1px;
	display: block;
}
.scrolldown span::before{
	content:' ';
	position: absolute;
	left: 4px;
	bottom: 0;
	width: 1px;
    background-color: #fff;
   	animation: scrollDown 2s ease-in-out infinite;
	opacity:0;
	display: block;
	height: 100px;
}
	
@keyframes scrollDown {
	 0%{
		height:20px;
		top:0;
		opacity: 0;
	  }
	  20%{
		height:80px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:100px;
		opacity: 0;
	  }
}

/*#share */
#share {
	position: fixed;
	top: 35%!important;
	left: 2.5%!important;
	width: 24px;
	z-index: 5;
}

#share li {
	margin-top: 60px;
}

#share li svg {
	width: 24px;
	height: 24px;
	/*fill:#4bbd6f;*/

}


/*pagetop*/
.pagetop svg{ /*svgに width と height の数値をしっかりと入れておかないとどうやら認識しないみたいだ*/
		width: 10.2px;
		height: 108px;
}

.pagetop {
	position: fixed;
	top:inherit!important; /*スクリプトで強制的にポジションの位置を指定されるので*/
	left:inherit!important;/*「!important」を使う必要がある。*/
	right: 50px!important;
	bottom: 50px;
	overflow: hidden;
	height: 108px;
	width: 10.2px;
	z-index: 100;
}

.midnightHeader.dark {
	 /*background: blue;*/
	fill:#fff;
		
}

.midnightHeader.white{
	fill:#000;
}


/*フッターコピー*/
footer .b_footer {
	width: 90%;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 5%;
}

/*トップページの表示用CSS
============================================================================================*/
a.bt_next,
.c_box_5 a{
	position: relative;
	font-size: 18px;
	line-height: 1;
	display: table-cell;
	width: 100%;
}

a.bt_next::before{
	content: "";
	height: 2px;
	background: #70E695;
	display: block;
	position: relative;
	bottom: -40px;
}

a:hover.bt_next::before {
	animation: scrollLine 0.8s ease-in-out infinite;
}

@keyframes scrollLine {
	 0%{
		width:0%;
		opacity: 0;
	  }
	80%{
		width:100%;
		opacity: 1;
	  }
	100%{
		width:100%;
		opacity: 0;
	}
	
}


a.bt_next::after,
.c_box_5 a::after{
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background-image: url("images/bt_next_2.png");
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: top right;
	
	position: absolute;
	right: -100px;
	top: -15px;
	padding-right: 40px;
	
	
}

a.bt_next {
	text-decoration: none;
}





/*mainvisual*/
#index .mainvisual{
	width: 100vw;
	height: 100vh;
	position: relative;
}

#index .mainvisual h1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	text-align: center;
}

#index .mainvisual h1 img {
	height: 50vh;
}

#index .mainvisual h2 {
	font-size: 50px;
	line-height: 1.4;
	letter-spacing: 0.2em;
	
	position: absolute;
	left: 100px;
	bottom: 60px;
	color: #fff;
}

#index .mainvisual dl {
	position: absolute;
	bottom: 40px;
	right: 0px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	padding: 30px;
	background: #fff;
	line-height: 1;
	width: 45%;
	
	color: #005B52;
}

#index .mainvisual dl dt{
	width: 100px;
	margin-right: 10px;
}

#index .mainvisual .slide{
	width: 100vw;
}


@media print,screen and (min-width:767px) and (max-width:1000px){
	#index .mainvisual dl {
		width: 35%;
		display: block;
	}
	#index .mainvisual dl dt{
		width: inherit;
		margin-right: inherit;
		margin-bottom: 10px;
	}
}

/*navi*/
#navi {
	position: relative;
	padding: 150px 0 200px;
	
}

@media screen and (min-width: 768px) and (max-width: 1099px){
	.page #navi {
		padding: 60px 0 120px!important;
	}
}


/*message*/
#message {
	width: 100vw;
	padding: 150px 0;
	
	position: relative;
	display: block;
	
	overflow: hidden;
}

#message .tf-img {
	width:intrinsic;
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
}

#message h3,
#rentalservice h3{
	margin-bottom: 80px;
}

#message h4 {
	margin-bottom: 50px;
	font-size: 28px;
	line-height: 1.6;
	color: #005B52;
}

#message h4,
#message p,
#message ul{
	width: 40%;
}

#message p {
	margin-bottom: 40px;
}

#message ul{
	position: relative;
}

#message .photo_r {
	position: absolute;
	right: 0;
	top: 0;
	width: 50vw;
	height: 85%;
	background-image: url("images/index_poto_1_0910.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
}


/*rentalservice*/
#rentalservice {
	margin-top: 10vh;
	padding: 150px 0;
}

ul.rental_box_list/*.matterport*/{
	width: 95vw;
	margin: auto;
}
.rental_box_list li{
	display: block;
	position: relative;
	color: #fff;
}

ul.rental_box_list li.rental_box_set {
	position: relative;
	padding: 80px;
	min-height:640px; 
}


ul.rental_box_list li.rental_box_1,
ul.rental_box_list li.rental_box_2,
ul.rental_box_list li.rental_box_3,
ul.rental_box_list li.rental_box_4{
	position: relative;
	overflow: hidden;
	
}

ul.rental_box_list li.rental_box_1::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background: url("images/main_photo_cc_01_220901.jpg") no-repeat center center;
    background-size: cover;
    transition: all 2s ease-out;
}

ul.rental_box_list li.rental_box_2::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background: url("images/main_photo_cs_03_3.jpg") no-repeat center center;
    background-size: cover;
    transition: all 2s ease-out;
}

ul.rental_box_list li.rental_box_3::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background: url("images/main_photo_ad_01_0910.jpg") no-repeat center center;
    background-size: cover;
    transition: all 2s ease-out;
}

ul.rental_box_list li.rental_box_4::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background-size: cover;
    transition: all 2s ease-out;
}


ul.rental_box_list li:hover::after{
	transform: scale(1.05);
}

ul.rental_box_list a:hover {
	text-decoration: none;	
}

ul.rental_box_list .box {
	width: 35%;
	top: 0;
	position: relative;
	z-index: 1;
}

ul.rental_box_list .box h4{
	font-size: 14px;
}

ul.rental_box_list .box h4::before {
	content: "";
	width: 100px;
	height: 2px;
	background: #70E695;
	display: block;
	position: absolute;
	top:-80px;
}

ul.rental_box_list .box h5 {
	font-size: 4.5vw;
	line-height: 1.1;
	margin: 40px 0 10px;
	word-break: break-all;
}

ul.rental_box_list .box h5.fsm{
    font-size: 3.5vw;
}


ul.rental_box_list .rental_box_4 .box h5 {
	margin: 40px 0 30px;
}

ul.rental_box_list .box p {
	margin-bottom: 80px;	
}

ul.rental_box_list .box p.ccn {
	margin-bottom: 20px;	
	font-size: 20px;
}

ul.rental_box_list li.rental_box_2,
ul.rental_box_list li.rental_box_4{
	display: block;
	position: relative;
}

ul.rental_box_list li.rental_box_2{
	margin: 2px 0;
}

ul.rental_box_list li.rental_box_4{
	margin: 2px 0 0;
}

ul.rental_box_list .r_box {
	float: right;
}

ul.rental_box_list a.bt_next::after {
	background-image: url("images/bt_next_3.png");
}

/*1014　要素全体をリンクにするための追加修正________________*/
ul.rental_box_list .bt_next {
	position: relative;
	width: fit-content;
	font-size: 18px;
	line-height: 1;
}

ul.rental_box_list .bt_next::after{
	background-image: url("images/bt_next_3.png");
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: top right;
	
	position: absolute;
	top: -15px;
	right: -100px;
	padding-right: 40px;
}

/*hover時のアニメーション*/
ul.rental_box_list .bt_next::before{
	content: "";
	height: 2px;
	background: #70E695;
	display: block;
	position: relative;
	bottom: -40px;
}

ul.rental_box_list a:hover .bt_next::before {
	animation: scrollLine 0.8s ease-in-out infinite;
}

ul.rental_box_list a .rental_box_set {
	opacity: 1;
	transition: 0.5s;
}

ul.rental_box_list a:hover .rental_box_set {
	opacity: 0.7;
}



/*#flow*/
#flow,
#main_specifications{
	width: 100vw;
	padding: 150px 0;
	
	position: relative;
	display: block;
	
	overflow: hidden;
	
	background: #F2F6F5;
}

#flow .sec_inner {
	position: relative;
}

#flow .flow_l_p {
	width: 70%;
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
}

#flow .flow_l_p span{
	display: block;
	font-size: 12px;
}

#flow ul.flow_list {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin-top: 100px;
	position: relative;
	z-index: 1;
}

#flow ul.flow_list::after {
	content: "";
	height: 1px;
	background: #70E695;
	display: block;
	width: 100%;
	position: absolute;
	top: 43%;
	z-index: -1;
} 

#flow ul.flow_list li{
	width: 26%;
}

#flow ul.flow_list li h4{
	line-height: 1.2;
	font-size: 18px;
	
	position: relative;
	padding-left: 50px;
}

#flow ul.flow_list li:nth-child(2){
	margin: 0 11%;
}

#flow ul.flow_list li img {
	width: 100%;
	margin: 20px 0;
}

#flow ul.flow_list li p span,
#page-rental_product #flow ul li p span{
	font-size: 12px;
	display: block;
}

#flow ul.flow_list li.flow_1 h4::before,
#flow ul.flow_list li.flow_2 h4::before,
#flow ul.flow_list li.flow_3 h4::before{
	display: block;
	width: 50px;
	line-height: 1;
	margin-top: 5px;
	
	position: absolute;
	left: 0;
	
	text-align: center;
	font-size: 30px;
}

#flow ul.flow_list li.flow_1 h4::after,
#flow ul.flow_list li.flow_2 h4::after,
#flow ul.flow_list li.flow_3 h4::after {
	content: "";
	height: 1px;
	background: #70E695;
	
	display: block;
	width: 50px;
	
	position: absolute;
	top:-20px;
	left: 0;	
}

#flow ul.flow_list li.flow_1 h4::before{
	content: "1";
}

#flow ul.flow_list li.flow_2 h4::before{
	content: "2";
}

#flow ul.flow_list li.flow_3 h4::before{
	content: "3";
}

#flow ul.c_box {
	margin: 70px auto 0;
	width: intrinsic;
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
}

/*20220215修正・追加*/

#flow ul.links {
	margin-top: 60px;
}

#flow ul.links a {
	display: block;
	color: #fff;
	padding: 50px 8%;
	background-image: url(images/bt_next_3.png);
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: 92% center;
    background-color: #005B52;
	transform: none;
	filter: none;
	transition: filter 0.2s,transform 0.6s;
	font-size: 24px;
	text-align: center;
}

#flow ul.links a:hover {
	color: #005B52;
	background-color: #fff;
	background-image: url(images/bt_next_2.png);
	text-decoration: none;
	transform: translateY(3px);
	filter: drop-shadow(20px 20px 20px rgba(0,0,0,0.5));
}



/*#information*/
#information {
	width: 100vw;
	padding: 150px 0;
	
	position: relative;
	display: block;
	
	overflow: hidden;
}

#information .inf_box_set {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin-top: 70px;
}

#information .inf_box_set h4 {
	font-size: 30px;
	margin-bottom: 40px;
}

#information .inf_box_set .l_box,
#information .inf_box_set .r_box{
	width: 45%;
}

#information .inf_box_set .r_box{
	margin-left: 10%;
}

#information .inf_box_set .l_box dl,
#information .inf_box_set .r_box dl{
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px #ccc solid;
}

#information .inf_box_set .l_box dl dt{
	width: 30%;
}

#information .inf_box_set .l_box dl dd{
	width: 70%;
}

#information .inf_box_set .r_box dl dt{
	width: 40%;
	overflow: hidden;
	padding-top: 30%;
	position: relative;
}

#information .inf_box_set .r_box dl dt img {
	width: 140%;
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	transform: translate(-50%, -50%);
}

#information .inf_box_set .r_box dl dd{
	width: 45%;
	margin-left: 5%;
}

#information .inf_box_set .r_box dl dd span{
	font-size: 12px;
	display: block;
	color: #005B52;
}

#information .inf_box_set ul.b_bt_next {
	margin-top: 80px;
}


/*access*/
#access {
	background: linear-gradient(180deg, #fff 0%, #fff 30%, #F2F6F5 30%, #F2F6F5 100%);
	position: relative;
}

#access .gmap {
	overflow: hidden;
	height: 450px;
	position: relative;
	width: 95vw;
	margin: auto;
}

#flow .gmap{
	overflow: hidden;
	height: 450px;
	position: relative;
	width: 100%;
	margin: auto;
}

#interior .gmap {
	overflow: hidden;
	height: 80vh;
	position: relative;
	width: 95vw;
	margin: auto;	
}

#access .gmap iframe,
#flow .gmap iframe,
#interior .gmap iframe,
.page_lp .gmap iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border: none;
}

#access .sec_inner{
	padding: 0 0 100px;
}

#access .sec_inner h2,
#access .sec_inner h3 {
	line-height: 1.2;
}

#access .sec_inner h2{
	font-size: 13px;
	margin: 60px 0 10px;
	color: #005B52;
}

#access .sec_inner h3{
	font-size: 30px;
}

.access_box_set {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	line-height: 1.4;
	margin-top: 30px;
}

.access_box_set .l_box{
	width: 30%;
	margin-right: 10%;
}

.access_box_set .r_box{
	width: 60%;
	position: relative;
}

.access_box_set .address{
	font-size: 18px;
}
.access_box_set .tel{
	font-size: 30px;
	margin-top: 30px;
}

.access_box_set .r_box li {
	list-style: disc;
	margin-bottom: 10px;
}

.access_box_set .r_box ul,
.access_box_set .r_box p {
	margin-left: 50px;
}

.access_box_set .r_box ul::before,
.access_box_set .r_box p::before,
#page-rental_product #flow  .flow_box_3 .root::before,
#page-rental_product #flow  .flow_box_3 .parking::before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	
	position: absolute;
	left: 0;
}

.access_box_set .r_box ul::before,
#page-rental_product #flow  .flow_box_3 .root::before{
	background-image: url("images/index_img_icon1.png");
}

.access_box_set .r_box p::before,
#page-rental_product #flow  .flow_box_3 .parking::before{
	background-image: url("images/index_img_icon2.png");
}


/*202209トップ改定用CSS_______________*/
/*最新情報い(#new_info)*/


#new_info {
	padding: 150px 0;
	/*background: #F2F6F5;*/
}

#new_info .sec_inner,
#new_info .sec_inner .new_box_r dl {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#new_info .sec_inner .h2_h3_set_l {
	width: 30%;
}

#new_info .sec_inner .h2_h3_set_l .b_bt_next {
	margin-top: 150px;
}

#new_info .sec_inner .new_box_r {
	width: 70%;
	margin-top: 100px;
}

#new_info .sec_inner .new_box_r dl {
	color: #005B52;
	padding: 30px 0;
	line-height: 1.3;
    border-bottom: 1px #ccc solid;
}


#new_info .sec_inner .new_box_r dt {
	width: 15%;
	margin-right: 5%;
}

#new_info .sec_inner .new_box_r dd{
	width: 80%;
}

#new_info .sec_inner .new_box_r dd:hover {
	text-decoration: underline;
}

#new_info .sec_inner .new_box_r a:hover {
	text-decoration: none;
}

/*幅768px以下のCSS*/
@media(max-width: 767px){
	
	#new_info {
		padding: 80px 0 60px;
	}
	
	#new_info .sec_inner, 
	#new_info .sec_inner .new_box_r dl {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}
	
	#new_info .sec_inner .h2_h3_set_l {
		width: 100%;
	}
	
	#new_info .sec_inner .h2_h3_set_l .h2_t_1 br {
		display: none;
	}
	
	#new_info .sec_inner .new_box_r dt {
		width: 100%;
	    margin-right: 0;
		margin-bottom: 10px;
	}
	
	#new_info .sec_inner .new_box_r {
		width: 100%;
		margin-top: 30px;
		margin-bottom: 50px;
	}
}


/*new_mainvisual 新ファーストビュー関連CSS -------------------------------- */
#new_mainvisual.main_imgBox,
#new_mainvisual.main_imgBox .mv_mi_r .calendar_box {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

/*.mv_mi_l ------- 画面左　メインビジュアル関連CSS ----------*/
#new_mainvisual.main_imgBox .mv_mi_l {
	flex: auto;
	position: relative;
}

#new_mainvisual.main_imgBox .mv_mi_l.index_bg_g {
	background-color: #005b52;
}


#new_mainvisual.main_imgBox .mv_mi_l h1{
    width: 100%;
    position: absolute;
	top: 20%;
	text-align: center;
}

#new_mainvisual.main_imgBox .mv_mi_l h1 img {
	width: 40%;
	min-width: 300px;
	max-width: 480px !important;
}

#new_mainvisual.main_imgBox .mv_mi_l ul {
	height: 1140px;	
	
	position: relative;
	top: 0;
	left: 0;
	z-index: -9999;
	background-image: url("images/index_slide_1_0910.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}

/* .mv_mi_r ------- 画面右　カレンダー関連CSS ----------*/
#new_mainvisual.main_imgBox .mv_mi_r {
	width: 620px;
	background-color: #EFEFEF;
	padding: 10px;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box  {
	background-color: #FFFFFF;
	width: 600px;
	height: 300px;
	padding: 10px;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l {
	width: 280px;
	text-align: center;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .calendar {
	width: 300px;
	
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .calendar iframe {
	width: 100%;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l h2,
#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.price,
.second_mv p.price {
	color: #004A41;
	font-size: 28px;
	line-height: 1;
	text-align: center;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l h2 {
	margin-top: 20px;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.photo {
	margin: 15px 0;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.photo img{
	height: 120px;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.price span,
.second_mv p.price span{
	color: #840000;
}

#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.next {
	background: #005b52;
	width: 70%;
	margin: auto;
	border-radius: 100px;
	color: #fff;
	margin-top: 10px;
	
}


#new_mainvisual.main_imgBox .mv_mi_r .cc1 {
	margin-top: 200px;
}

#new_mainvisual.main_imgBox .mv_mi_r .cc1,
#new_mainvisual.main_imgBox .mv_mi_r .cc2 {
	margin-bottom: 10px;
}





/*リンク制御*/
#new_mainvisual.main_imgBox .mv_mi_r a:hover {
	text-decoration: none;	
	opacity: 0.5;
}

/*幅1000px以下のCSS*/
@media (max-width:1000px) {
	
	#new_mainvisual.main_imgBox {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}
	
	#new_mainvisual.main_imgBox {
		width: 100vw;
		height: auto!important;
	}
	/*.mv_mi_l ------- 画面左　メインビジュアル関連CSS ----------*/
	
	#new_mainvisual.main_imgBox .mv_mi_l {
		flex: initial;
		height: 600px;
	}
	
	
	
	#new_mainvisual.main_imgBox .mv_mi_l h1{
		top: 100px;
		height: 400px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_l h1 img {
		height: 90%;
		width: auto;
		min-width: auto;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_l ul {
		height: 460px;
		overflow: hidden;
	}
	
	/* .mv_mi_r ------- 画面右　カレンダー関連CSS ----------*/
	#new_mainvisual.main_imgBox .mv_mi_r {
		width: 100%;
		padding: 40px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box  {
		margin-left: auto;
		margin-right: auto;
		width: 100%;

	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l {
		width: 30%;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .cc1 {
		margin-top: 0;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .calendar {
		width: 70%;

	}
	
	
	
	
}

/*幅768px以下のCSS*/
@media(max-width: 767px){
	#new_mainvisual.main_imgBox,
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}
	

	
	/* .mv_mi_r ------- 画面右　カレンダー関連CSS ----------*/
	#new_mainvisual.main_imgBox .mv_mi_r {
		width: 100%;
		min-width: 320px;
		padding: 10px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box  {
		height: auto;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l {
		width: 100%;
		height: 140px;
		display: block;
		position: relative;
		text-align: left;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l h2 {
		position: absolute;
		left: 0;
		font-size: 20px;
		margin-top: 20px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.photo {
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.price {
		position: absolute;
		top: 50px;
		font-size: 16px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.price span,
	.second_mv p.price {
		font-size: 20px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.photo img {
		height: 110px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .box_l p.next {
		position: absolute;
		text-align: center;
		max-width: 140px;
		bottom: 25px;
	}
	
	#new_mainvisual.main_imgBox .mv_mi_r .calendar_box .calendar {
		width: 100%;
	}
	
}


/*[共通]下層ページの表示用CSS
============================================================================================*/


.page #navi {
	padding: 100px 0 170px;
	transition: 0.2s;
}

.page #navi h1{
	position: absolute;
	width: 16%;
	max-width: 280px;
	top: 33%;
	left: 35px;
}

.page #navi h1 img {
	width: 100%;
}


/*@media screen and (min-width:768px) and (max-width: 1099px){.page #navi {.padding: 50px 0 100px 0;}}*/

/*media screen and (max-width:768px) {.page #navi {padding: 100px 0 100px 0;}}*/


.page .page-box {
	width: 100vw;
	padding: 150px 0;
	
	position: relative;
	display: block;
}

.page .page-box h3.h3_t_1{
	margin-bottom: 80px;
}

.page .page-box h4{
	font-size: 28px;
	margin-bottom: 50px;
}

#page-rental_product .page-box h4{
	margin-bottom: 20px;
	color: #005B52;
	
}

.page .b_m_1 {
	margin: 100px 0 0;
}

.page .box_title_1 {
	font-size: 30px;
	color: #005B52;
	line-height: 1.2;
	margin-bottom: 30px;	
}
.btn_a {
	opacity: 0.5;
}


/*レンタル キャンピングカ ー & クルーザー ページ
============================================================================================*/
#page-rental_product #rentalservice {
	margin-top: 0;
	padding: 0 0 150px;
}

/*#rentalservice*/
#page-rental_product #rentalservice h6 {
	font-size: 10vw;
	line-height: 1;
	color: #70E695;
	opacity: 0.5;
	
	position: absolute;
	z-index: -1;
	top: 50px;
	right: 0;
}

#page-rental_product ul.rental_box_list li.rental_box_1::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background: url("images/main_photo_cc_01_0910.jpg") no-repeat center center;
    background-size: cover;
    transition: all 2s ease-out;
}

#page-rental_product ul.rental_box_list li.rental_box_2::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background: url("images/main_photo_cc_02_20240527.jpg") no-repeat center center;
    background-size: cover;
	/*background-position: right 50%;*/
    transition: all 2s ease-out;
}

#page-rental_product ul.rental_box_list li.rental_box_3::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background: url("images/main_photo_cc_03_220825.jpg") no-repeat center center;
    background-size: cover;
    transition: all 2s ease-out;
}

#page-rental_product ul.rental_box_list li.rental_box_4::after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background: url("images/main_photo_cs_03_3.jpg") no-repeat center center;
    background-size: cover;
    transition: all 2s ease-out;
}


/*#flow*/
#page-rental_product #flow ul.box_list_set {
	width: 100%;
	position: relative;
	display: block;
	margin-top: 80px;
}

#page-rental_product #flow ul.box_list_set li.box_list {
	border-top: 1px solid #C2D4D1;
	padding: 30px 0 50px 150px;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
}

#page-rental_product #flow ul.box_list_set li.box_list:last-child{
	border-bottom: 1px solid #C2D4D1;	
}

#page-rental_product #flow ul.box_list_set li.box_list::before{
	content: "";
	display: block;
	width: 100px;
	border-top: 1px solid #70E695;
	top: 0;
	left: 0;
	position: absolute;
}

#page-rental_product #flow ul.box_list_set li.box_list h4{
	line-height: 1.2;
	font-size: 18px;
	
	margin-bottom: 30px;
}

#page-rental_product #flow ul.box_list_set li.box_list h4::before {
	position: absolute;
	top: 25%;
	left: 30px;
	font-size: 90px;
	
	color: #005B52;
}
#page-rental_product #flow ul.box_list_set li.box_list:nth-child(1) h4::before {
	content: "1";
}

#page-rental_product #flow ul.box_list_set li.box_list:nth-child(2) h4::before {
	content: "2";
}

#page-rental_product #flow ul.box_list_set li.box_list:nth-child(3) h4::before {
	content: "3";
}


#page-rental_product #flow ul.box_list_set li.box_list .l_box {
	width: 60%;
	margin-right: 10%;
}

#page-rental_product #flow ul.box_list_set li.box_list .l_box .b_bt {
	margin-top: 40px;	
}

#page-rental_product #flow ul.box_list_set li.box_list .r_box {
	width: 30%;
}

#page-rental_product #flow ul.box_list_set li.box_list .r_box img {
	width: 100%;
}

#page-rental_product #flow .flow_list_1 {
	margin-top: 80px;
}

#page-rental_product #flow .flow_list_1 li{
	padding: 60px 50px;
	background: #fff;
	position: relative;
}

#page-rental_product #flow .flow_list_1 li:first-child {
	margin-bottom: 10px;
}

#page-rental_product #flow .flow_list_1 li .flow_box_1 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#page-rental_product #flow .flow_list_1 li h5{
	font-size: 14px;
	width: 10%;
}

#page-rental_product #flow .flow_list_1 li h5::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 2px;
	background: #70E695;
}

#page-rental_product #flow .flow_list_1 li .tel{
	font-size: 30px;
	line-height: 1.2;
	width: 50%;
}

#page-rental_product #flow .flow_list_1 li .address {
	font-size: 18px;
	line-height: 1.2;
	width: 50%;
}

#page-rental_product #flow .flow_list_1 li .address span{
	margin-top: 10px;
}

#page-rental_product #flow .flow_list_1 li .info{
	width: 30%;	
}

#page-rental_product #flow .flow_list_1 .flow_box_2{
	margin-top: 60px;
}

#page-rental_product #flow .flow_list_1 .flow_box_2 ul.bt_map{
	position: relative;
	padding: 0;
}

#page-rental_product #flow .flow_list_1 .flow_box_2 li,
#page-rental_product #flow .flow_list_1 .flow_box_3 li{
	padding:0px; 
	background-color: initial;
}

#page-rental_product #flow .flow_list_1 .flow_box_2 ul.bt_map li a {
	background: #005B52;
	padding: 20px 65px;
	display: block;
	position: absolute;
	top: -10px;
	right: 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	z-index: 1;
}

#page-rental_product #flow .flow_list_1 .flow_box_2 ul.bt_map li a:hover{
	opacity: 0.5;
	text-decoration: none;
}

#page-rental_product #flow  .flow_box_3,
#page-rental_product #flow  .flow_box_3 .root,
#page-rental_product #flow  .flow_box_3 .parking{
	position: relative;
}

#page-rental_product #flow  .flow_box_3{
	margin-top: 40px;
}

#page-rental_product #flow  .flow_box_3 .root,
#page-rental_product #flow  .flow_box_3 .parking{
	width: 60%;
	padding-left: 50px;
	line-height: 1.4;
}

#page-rental_product #flow  .flow_box_3 .parking {
	margin-top: 20px;
}

/*1000px以下の場合*/
@media print,screen and (min-width:767px) and (max-width:1000px){	
	#page-rental_product #flow  .flow_box_3 .root,
	#page-rental_product #flow  .flow_box_3 .parking{
		width: 40%;
	}
	
	#page-rental_product #flow .flow_list_1 .flow_box_2 ul.bt_map li a {
	position: relative;
	top: 0;
	right: 0;
	color: #fff;
	text-align: center;
	}
	
	#page-rental_product #flow  .flow_box_3 .root,
	#page-rental_product #flow  .flow_box_3 .parking{
		width: 100%;
	}
}

/*レンタル用品共通テンプレートCSS
============================================================================================*/
/*.page-template-page-rental_campingcar_1 .rental_btn_list li:nth-child(1),
.page-template-page-outdoor .rental_btn_list li:nth-child(5),
.single-outdoor .rental_btn_list li:nth-child(5),
.page-template-page-rental_cruiser .rental_btn_list li:nth-child(4),
.post-type-archive .rental_btn_list li:nth-child(5){
	opacity: 0.5;
}*/


/*レンタル キャンピングカー01~03
============================================================================================*/
#page-rental_campingcar01 ul.rental_box_list li.rental_box_1::after,
#page-rental_cruiser ul.rental_box_list li.rental_box_1::after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#page-rental_campingcar01 ul.rental_box_list li.rental_box_1::after{
	background-image: url("images/campingcar01_photo_01_0910.jpg") ;
}

#page-rental_campingcar02 ul.rental_box_list li.rental_box_1::after{
	background-image: url("images/campingcar02_photo_01_0308.jpg") ;
}


#page-rental_cruiser ul.rental_box_list li.rental_box_1::after{
	background-image: url("images/cruiser_phpto_01.jpg");
}


#page-rental_campingcar01 ul.rental_box_list li:hover::after,
#page-rental_campingcar02 ul.rental_box_list li:hover::after,
#page-rental_campingcar03 ul.rental_box_list li:hover::after,
#page-rental_cruiser ul.rental_box_list li:hover::after{
	transform: none;
}

#page-rental_campingcar01 .set_box,
#page-rental_campingcar02 .set_box,
#page-rental_campingcar03 .set_box,
#page-rental_cruiser .set_box{
	margin: 100px 0 0;
	position: relative;
}

#page-rental_campingcar01 .set_box .l_box,
#page-rental_campingcar02 .set_box .l_box,
#page-rental_campingcar03 .set_box .l_box,
#page-rental_cruiser .set_box .l_box {
	width: 60%;	
}

#page-rental_campingcar01 .set_box .l_box h2,
#page-rental_campingcar02 .set_box .l_box h2,
#page-rental_campingcar03 .set_box .l_box h2,
.set_rental_box_1 .r_box h2,
.set_rental_box_2 .r_box h2{
	font-size: 28px;
	margin-bottom: 50px;
	color: #005B52;
	line-height: 1.5;
}

#page-rental_campingcar01 .set_box .r_box,
#page-rental_campingcar02 .set_box .r_box,
#page-rental_campingcar03 .set_box .r_box,
#page-rental_cruiser .set_box .r_box {
	width: 40%;
	position: absolute;
	top: 0;
	right: 0;
}

#page-rental_campingcar01 .set_box .r_box img,
#page-rental_campingcar02 .set_box .r_box img,
#page-rental_campingcar03 .set_box .r_box img,
#page-rental_cruiser .set_box .r_box img,
.set_rental_box_1 .l_box img,
.set_rental_box_2 .l_box img{
	width: 100%;
}

#page-rental_campingcar01 .set_box .c_box,
#page-rental_campingcar02 .set_box .c_box,
#page-rental_campingcar03 .set_box .c_box,
#page-rental_cruiser .set_box .c_box{
	width: 100%;
	text-align: center;
	margin-top: 100px;
}

#page-rental_campingcar01 .set_box .c_box img,
#page-rental_campingcar02 .set_box .c_box img,
#page-rental_campingcar02 .interior_photo img,
#page-rental_campingcar03 .set_box .c_box img,
#page-rental_campingcar03 .interior_photo img,
#page-rental_cruiser .set_box .c_box img,
#page-rental_cruiser .interior_photo img {
	width: 100%;
}


#interior {
	padding: 150px 0;
	background: #F2F2F2;
}

#interior .flow_l_p {
	margin-top: 70px;
}

#interior .matterport,
.page_lp .matterport{
	margin-top: 100px;
}


.matterport {
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	z-index: 1;
	border: none;
}



/*各レンタル用品の紹介コンテンツ------0910追加*/
.rental_pr {
	margin-top: 100px;
}

.set_rental_box_1,
.set_rental_box_2{
	display: block;
	position: relative;
}

/*.set_rental_box_1*/
.set_rental_box_1 {
	margin-top: 40px;
}

.set_rental_box_1 .l_box {
	width: 60%!important;
	float: right;
}

.set_rental_box_1 .r_box {
	width: 35%!important;
	float: left!important;
	position: relative!important;
	top: inherit!important;
	right: inherit!important;
}

.set_rental_box_1 .r_box h2,
.set_rental_box_2 .r_box h2 {
	margin-top: 80px;
}

/*set_rental_box_2 */
.set_rental_box_2 {
	margin-top: 100px;
}

.set_rental_box_2 .l_box {
	width: 60%!important;
	float: left!important;
	position: relative!important;
	top: inherit!important;
	right: inherit!important;
}

.set_rental_box_2 .r_box {
	width: 35%!important;
	float: right;
	position: relative!important;
}

.set_rental_box_2 .r_box p span{
	display: block;
    margin-top: 40px;
	font-size: 14px;
}

/*リンク*/
.set_rental_box_2 .r_box ul li a {
	display: block;
	margin-top: 60px;
	padding: 20px 0;
	width: 80%;
	border: 1px solid #707070;
	line-height: 1;
	text-align: center;
	
	background-image: url("images/bt_open.png");
	background-repeat: no-repeat;
	background-size: 10px 8px;
	background-position: 80% center;
}

ul.cr_btn a {
	width: 620px;
	margin: 80px auto 0;
	text-align: center;
	padding: 15px 0;
	line-height: 1.4;
	font-size: 24px;
	color: #fff;
	border-radius: 100px;
	display: block;
	text-decoration: none;
	filter: none;
	
	background-color: #333;
	background-image: url("images/bt_next_3.png");
	background-repeat: no-repeat;
	background-size: 60px 50px ;
	background-position: 93% center;
}

ul.cr_btn a span {
	font-size: 16px;
}

ul.cr_btn a:hover {
	background-color: #005B52;
	-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
}

/*transition*/
.rental_pr,
.set_rental_box_1,
.set_rental_box_2,
.set_rental_box_1 .l_box,
.set_rental_box_1 .r_box,
.set_rental_box_1 .r_box h2,
.set_rental_box_2 .r_box h2,
.set_rental_box_2 .l_box,
.set_rental_box_2 .r_box,
.set_rental_box_2 .r_box p span,
.set_rental_box_2 .r_box ul li a,
ul.cr_btn a{
	transition: 0.3s;
}


@media screen and (min-width: 768px) and (max-width: 1099px){
	
	.set_rental_box_1 .r_box h2,
	.set_rental_box_2 .r_box h2 {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	/*.set_rental_box_1*/
	.set_rental_box_1 .l_box {
		width: 40%!important;
	}

	.set_rental_box_1 .r_box {
		width: 55%!important;
	}

	/*set_rental_box_2 */
	.set_rental_box_2 {
		margin-top: 60px;		
	}
	
	.set_rental_box_2 .l_box {
		width: 40%!important;
	}

	.set_rental_box_2 .r_box {
		width: 55%!important;
	}
	
	.set_rental_box_2 .r_box ul li a {
		margin-top: 40px;
	}
}


/*20220825追加修正*/
#page-rental_campingcar01 .second_mv,
#page-rental_campingcar01 ul.anchor_link,
#page-rental_campingcar02 .second_mv,
#page-rental_campingcar02 ul.anchor_link,
#page-rental_campingcar03 .second_mv,
#page-rental_campingcar03 ul.anchor_link,
#page-rental_cruiser ul.anchor_link  {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#page-rental_campingcar01 .second_mv .l_box,
#page-rental_campingcar01 .second_mv .r_box,
#page-rental_campingcar02 .second_mv .l_box,
#page-rental_campingcar02 .second_mv .r_box,
#page-rental_campingcar03 .second_mv .l_box,
#page-rental_campingcar03 .second_mv .r_box {
	display: block;
	position: relative;
}

#page-rental_campingcar01 .second_mv .l_box,
#page-rental_campingcar02 .second_mv .l_box,
#page-rental_campingcar03 .second_mv .l_box{
	width: 40%;
	margin-right: 5%;
	margin-top: 80px;
}

#page-rental_campingcar01 .second_mv .l_box img,
#page-rental_campingcar02 .second_mv .l_box img,
#page-rental_campingcar03 .second_mv .l_box img{
	width: 100%;
	margin-bottom: 30px;
}

#page-rental_campingcar01 .second_mv .l_box h2,
#page-rental_campingcar02 .second_mv .l_box h2,
#page-rental_campingcar03 .second_mv .l_box h2{
	text-align: center;
	margin-bottom: 10px;
	
}

#page-rental_campingcar01 .second_mv .r_box,
#page-rental_campingcar02 .second_mv .r_box,
#page-rental_campingcar03 .second_mv .r_box{
	width: 55%;
}

#page-rental_campingcar01 .second_mv .Google_Calendar iframe,
#page-rental_campingcar02 .second_mv .Google_Calendar iframe,
#page-rental_campingcar03 .second_mv .Google_Calendar iframe{
	width: 100%;
	height: 560px;
}


#page-rental_campingcar01 ul.anchor_link,
#page-rental_campingcar02 ul.anchor_link,
#page-rental_campingcar03 ul.anchor_link,
#page-rental_cruiser ul.anchor_link{
	margin-top: 100px;
	justify-content: space-between;
	/*align-items: center;*/
}

#page-rental_campingcar01 ul.anchor_link li,
#page-rental_campingcar02 ul.anchor_link li,
#page-rental_campingcar03 ul.anchor_link li,
#page-rental_cruiser ul.anchor_link li {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	
	text-align: center;
	
	border: 1px solid #004A41;
	padding: 25px;
	
	font-size: 18px;
	line-height: 1.2;
	
	background-image: url("images/bt_open.png");
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 10px;
}

#page-rental_campingcar01 ul.anchor_link li,
#page-rental_campingcar02 ul.anchor_link li,
#page-rental_campingcar03 ul.anchor_link li {
	width: 24.25%;
	margin-right: 1%;
}

#page-rental_cruiser ul.anchor_link li {
	width: 19.2%;
	margin-right: 1%;
}

#page-rental_campingcar01 ul.anchor_link li:last-child,
#page-rental_campingcar02 ul.anchor_link li:last-child,
#page-rental_campingcar02 ul.anchor_link li:last-child,
#page-rental_cruiser  ul.anchor_link li:last-child  {
	margin-right: inherit;
}

#page-rental_campingcar01 ul.anchor_link li a,
#page-rental_campingcar02 ul.anchor_link li a,
#page-rental_campingcar03 ul.anchor_link li a,
#page-rental_cruiser ul.anchor_link li a {
	width: 100%;
	display: block;
	text-decoration: none;

	color: #004A41;
	opacity: 1;
}

#page-rental_campingcar01 ul.anchor_link li a:hover,
#page-rental_campingcar02 ul.anchor_link li a:hover,
#page-rental_campingcar03 ul.anchor_link li a:hover,
#page-rental_cruiser ul.anchor_link li a:hover  {
	opacity: 0.5;
}

#page-rental_campingcar01 #price_rn,
#page-rental_campingcar02 #price_rn,
#page-rental_campingcar03 #price_rn,
#page-rental_cruiser #price_rn {
	background-color: #f2f2f2;
	margin-top: 100px;
	padding: 80px 0;
}

/*transition*/
#page-rental_campingcar01 ul.anchor_link li a,
#page-rental_campingcar02 ul.anchor_link li a,
#page-rental_campingcar03 ul.anchor_link li a,
#page-rental_cruiser ul.anchor_link li a {
	transition: 0.3s;
}


/*#price*/
#price {
	padding: 150px 0;
}

#price h4 {
	margin-top: 60px;
}

#price h4 span,
#price_rn h4 span {
	margin-top: 10px;
	display: block;
	font-size: 15px;
	color: #333;
}

#price table .pc,
#price_rn table .pc{
	display: block;
}

#price table,
#price_rn table{
	width: 100%;
	font-size: 18px;
	background-color: #fff;
}

#price table .t_16,
#price_rn table .t_16{
	width: 16.6%;
}

#price table .t_33,
#price_rn table .t_33{
	width: 33.2%;
}

#price table tr th,
#price table tr td,
#price_rn table tr th,
#price_rn table tr td{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}

#price table tr th,
#price_rn table tr th{
	height: 50px;
	background: #336E67;
	color: #fff;
	font-weight: bold;
}

#price table tr th,
#price table tr td,
#price_rn table tr th,
#price_rn table tr td {
	border-left: 1px solid #D9DDDC;
}

#price table tr th:first-child,
#price table tr td:first-child,
#price_rn table tr th:first-child,
#price_rn table tr td:first-child{
	border-left: none;
}


#price table tr th:nth-child(2),
#price_rn table tr th:nth-child(2) {
	background: #005B52;
}

#price table .tr2,
#price_rn table .tr2 {
	height: 100px;
}

#price table .tr2 span,
#price_rn table .tr2 span {
	display: block;
	font-size: 15px;
}

#price table .tr3,
#price_rn table .tr3 {
	height: 50px;
	background: #F2FBF4;
	border-top: 1px solid #D9DDDC;
}

#price table .tr3 .t_15,
#price_rn table .tr3 .t_15  {
	width: 15%;
}

#price table .tr3 .t_40,
#price_rn table .tr3 .t_40 {
	width: 40%;
}


#price table .tr3 td:nth-child(3),
#price table .tr3 td:nth-child(4),
#price_rn table .tr3 td:nth-child(3),
#price_rn table .tr3 td:nth-child(4) {
	background: #E6F7EA;
}

#price table .tr4,
#price_rn table .tr4 {
	height: 100px;
	border-top: 1px solid #D9DDDC;
	border-bottom: 1px solid #D9DDDC;
}

#price table .price,
#price_rn table .price {
	font-size: 30px;
	color: #840000;
}

#price table.sp,
#price_rn table.sp {
	display: none;
}


#price .price_list li,
#page-about .about_box_1 li,
#page-about .about_box_2 li,
#page-agreement .agreement_box_1 .list_set,
#point .price_list li.list_set,
.cm_point .price_list li.list_set {
	padding: 30px 0 25px;;
	border-bottom: 1px solid #D9DDDC;
	position: relative;
}

#price .price_list li:first-child,
#page-about .about_box_1 li:first-child,
#page-about .about_box_2 li:first-child,
#point .price_list li.list_set:first-child,
.cm_point .price_list li.list_set:first-child{
	border-top: 1px solid #D9DDDC;
}

#price .c_box_3 ul li.list_set,
#price .c_box_4 ul li.list_set,
#price .c_box_5 ul li.list_set,
#page-about .about_box_1 ul li.list_set,
#point .price_list .list_set,
.cm_point .price_list .list_set {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#price .c_box_3 ul li.list_set .l_box,
#page-about .about_box_1 ul li.list_set .l_box,
#point .price_list .list_set .l_box {
	width: 30%;
}

#price .c_box_3 ul li.list_set .r_box,
#page-about .about_box_1 ul li.list_set .r_box,
#point .price_list .list_set .r_box {
	width: 70%;
}
.cm_point .price_list .list_set .l_box {
	width: 30%!important;
	position: inherit!important;
}

.cm_point .price_list .list_set .r_box {
	width: 70%!important;
	position: inherit!important;
}

#price .c_box_4 ul li.list_set .l_box{
	width: 10%;
	color: #B4B4B4;
}

#price .c_box_4 ul li.list_set .c_box{
	width: 60%;	
}

#price .c_box_4 ul li.list_set .r_box{
	width: 30%;	
}

#price .c_box_5 ul li.list_set .l_box{
	width: 30%;	
}

#price .c_box_5 ul li.list_set .c_box{
	width: 20%;	
}

#price .c_box_5 ul li.list_set .r_box{
	width: 50%;	
}

#price .c_box_5 .btn {
	width: 50%;
	margin: 50px auto 0;
	text-align: center;
}

#price .c_box_5 a{
	color: #00A533;
	text-decoration: underline;
	display:inline;
	display: block;
	line-height: 1.4;
}

#price .c_box_5 a:hover{
	opacity: 0.5;
}

#insurance {
	padding-bottom: 150px;
}

#price .insurance,
#insurance .insurance {
	padding: 50px;
	background: #336E67;
	margin-top: 120px;
}

#price .insurance h4,
#price .insurance h5,
#insurance .insurance h4,
#insurance .insurance h5 {
	font-weight: bold;
	text-align: center;
	color: #fff;
}
#price .insurance h4,
#insurance .insurance h4{
	font-size: 30px;
	margin-top: 0px;
}

#price .insurance h5,
#insurance .insurance h5{
	font-size: 18px;
	margin-bottom: 30px;
}

#price .insurance li,
#insurance .insurance li{
	background: #fff;
	padding: 40px 50px;
	margin-bottom: 10px;
}

#price .insurance li h6,
#insurance .insurance li h6{
	font-size: 24px;
	color: #005B52;
	margin-bottom: 5px;
}

#price .insurance .f_c_w,
#insurance .insurance .f_c_w{
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-top: 20px;
	line-height: 1.4;
}


/*main_specifications*/
#main_specifications .spec_list  .list_set {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#main_specifications .spec_list  .list_set  .r_box,
#main_specifications .spec_list  .list_set  .l_box{
	width: 50%;

}

#main_specifications .spec_list li{
	padding: 30px 0 25px;;
	border-bottom: 1px solid #D9DDDC;
	position: relative;
}

#main_specifications .spec_list li:first-child{
	border-top: 1px solid #D9DDDC;
}


/*#rental_btn*/
#rental_btn {
	padding: 100px 0;
	border-top: 1px solid #eee;
	background: #F2F2F2;
}

#rental_btn .rental_btn_list,
#rental_btn .rental_btn_list li{
	position: relative;
}

#rental_btn .rental_btn_list li {
	width: 49%;
	float: left;
	overflow: hidden;

	margin-bottom: 10px;
}

#rental_btn .rental_btn_list li:nth-child(odd){
	margin-right: 2%;
}

#rental_btn .rental_btn_list li:last-child{
	margin-bottom: 0px;
}

#rental_btn .rental_btn_list li a {
	height: 150px;
	display: block;
	color: #fff;
}

#rental_btn .rental_btn_list li a::before{
	content: "";
	width: 50px;
	height: 2px;
	background: #70E695;
	position: absolute;
}

#rental_btn .rental_btn_list li a::after{
	color: #70E695;
	opacity: 0.5;
	
	position: absolute;
	right: 5%;
	top: 20%;
	
	font-size: 100px;
	line-height: 1;	
}


#rental_btn .rental_btn_list li.cc01 a::after{
	content: "01";
}

#rental_btn .rental_btn_list li.cc02 a::after{
	content: "02";
}

#rental_btn .rental_btn_list li.cc03 a::after{
	content: "03";
}

#rental_btn .rental_btn_list li:hover{
	opacity: 0.5;
}

#rental_btn .rental_btn_list li h2 {
	position: absolute;
	top: 22%;
	left: 10%;
	font-size: 12px;
}

#rental_btn .rental_btn_list li h3 {
	position: absolute;
	top: 40%;
	left: 10%;
	font-size: 30px;
	z-index: 1;
	line-height: 1.2;
}

#rental_btn .rental_btn_list li p {
	position: absolute;
	bottom: 20%;
	left: 10%;
	font-size: 18px;
	line-height: 1.2;
	
}

#rental_btn .rental_btn_list li.cc01::after  {
    background: url("images/main_photo_cc_01_0910.jpg") no-repeat center center;
}

#rental_btn .rental_btn_list li.cc02::after  {
    background: url("images/main_photo_cc_02_20240527.jpg") no-repeat center center;
}

#rental_btn .rental_btn_list li.cc03::after  {
    background: url("images/main_photo_cc_03_220825.jpg") no-repeat center center;
}

#rental_btn .rental_btn_list li.cs:after  {
    background: url("images/main_photo_cs_03_3ln.jpg") no-repeat center center;
}

#rental_btn .rental_btn_list li.ccg::after  {
    background: url("images/main_photo_ad_01_0910.jpg") no-repeat center center;
}

#rental_btn .rental_btn_list li.adg::after  {
    background: url("images/main_photo_adg_03.jpg") no-repeat center center;
}


#rental_btn .rental_btn_list li:nth-child(1)::after,
#rental_btn .rental_btn_list li:nth-child(2)::after,
#rental_btn .rental_btn_list li:nth-child(3)::after,
#rental_btn .rental_btn_list li:nth-child(4)::after,
#rental_btn .rental_btn_list li:nth-child(5)::after,
#rental_btn .rental_btn_list li:nth-child(6)::after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    background-size: cover;
    transition: all 2s ease-out;
	z-index: -1;
}

#rental_btn .rental_btn_list li:hover::after{
	transform: scale(1.05);
}


/*クルーザー
============================================================================================*/
#page-rental_cruiser .p_box_1 img,
#page-rental_cruiser .p_box_2 img {
	width: 100%;	
}

#page-rental_cruiser .p_box_1 {
	margin-top: 80px;
}

#page-rental_cruiser .p_box_2 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#page-rental_cruiser .p_box_2 .l_box {
	margin-right: 4%;
}

#page-rental_cruiser .p_box_2 .l_box,
#page-rental_cruiser .p_box_2 .r_box {
	margin-top: 4%;
	width: 48%;
}

#page-rental_cruiser .gallery {
	display: block;
	position: relative;
}

#page-rental_cruiser .gallery ul {
	margin-top: 40px;
}

#page-rental_cruiser .gallery ul li {
	width: 22.75%;
	background: #999;
	float: left;
	margin-right: 3%;
	margin-bottom: 2%;
}

#page-rental_cruiser .gallery ul li:nth-child(4n+4){
	margin-right: 0;
}

#page-rental_cruiser .gallery ul li img {
	width: 100%;
}

#youtube .youtube_w {
	width: 100%;
	margin: auto;
}

#youtube .youtube{
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	z-index: 1;
}

#youtube .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*Google Calendar*/
#page-rental_cruiser .google-calendar iframe {
	width: 100%;
}

#page-rental_cruiser #googleCalendar .box_list_2 {
	margin: 0;
	border-top: none;
    padding-top: 100px;
}

#page-rental_cruiser #googleCalendar .r_box {
	position: inherit;
} 

/*予約お問い合わせ*/
#page-rental_cruiser .cm_reserve {
	border: 4px solid #837244;
	background-color: #fff;
	padding: 40px;
	margin-top: 60px;
}

#page-rental_cruiser .cm_reserve .h2-h3_set {
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: double 3px  #837244;
	line-height: 1.2;
}

#page-rental_cruiser .cm_reserve .h2-h3_set h2 {
	font-size: 30px;
	color: #837244;
	margin-bottom: 15px;
}

#page-rental_cruiser .cm_reserve .h2-h3_set h3 {
	font-size: 18px;
}

#page-rental_cruiser .cm_reserve ul,
#page-rental_cruiser .mj .mj_list{
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#page-rental_cruiser .cm_reserve ul li {
	width: 50%;
	text-align: center;
}

#page-rental_cruiser .cm_reserve ul li:first-child {
	border-right: #837244 1px solid;
}

#page-rental_cruiser .cm_reserve ul li .title {
	color: #837244;
	font-weight: bold;
}

#page-rental_cruiser .cm_reserve ul li .btn {
	font-size: 26px;
	line-height: 1.2;
}

#page-rental_cruiser .cm_reserve ul li .btn a {
	width: 90%;
	padding: 20px 0;
	color: #fff;;
	background-color: #837244;
	display: block;
	filter: none;
	border-radius: 100px;
	margin: 10px auto;
	text-decoration: none;
}

#page-rental_cruiser .cm_reserve ul li .other{
	color: #000;
}

@media(min-width: 768px){
	a.tap[href^="tel:"]{
		pointer-events: none;
	}
}

#page-rental_cruiser .cm_reserve ul li .btn a:hover {
	-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
	transition: 0.3s;
}


/*クルーザー、マリンジェット*/

#page-rental_cruiser .cm_section-box{
	background-image: url("images/cruiser_bg_001.png");
	background-repeat: no-repeat;
	background-position: right 70%;;
	background-size: 95%;
	background-color: #000;
	padding-bottom: 150px;
	color: #fff;
}

#page-rental_cruiser .cm_mv {
	background-image: url("images/cruiser_photo_000.jpg") ;
	background-size: cover;
	background-position: bottom center;

	width: 100%;
	height: 600px;

	position: relative;
}

#page-rental_cruiser .cm_mv .copy{
	width: 65%;
	max-width: 1000px!important;

	position: absolute;
	bottom: -30%;
	right: 2%;
	z-index: 1;    
}

#page-rental_cruiser .cm_mb0{
	padding-bottom: 0px;
}

#page-rental_cruiser .mj .mjmark {
	position: relative;
}

#page-rental_cruiser .mj .mjmark::before {
	position: absolute;
	content: "";
	width: 60%;
	max-width: 768px;
	height: 400px;
	
	background-image: url(images/cruiser_bg_002.png);
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: 0% 0;
	
	bottom: -100px;
	right: -15%;
}

#page-rental_cruiser .mj .mjmark .l_box img.photo{
	width: 100%;
}

#page-rental_cruiser .cm_section-box .h2_set {
	margin-bottom: 100px;
}

#page-rental_cruiser .cm_section-box .h2_set h2{
	color: #837244;
	font-size: 72px;
}

#page-rental_cruiser .cm_section-box .interior {
	margin-top: 100px;
}

#page-rental_cruiser .cm_section-box .interior .flow_l_p {
	margin: 60px 0 80px;
}

#page-rental_cruiser .cm_section-box .price_list li {
	border-bottom: 1px solid #444;
}

#page-rental_cruiser .cm_section-box .price_list li:first-child{
	border-top: 1px solid #444;
}

#page-rental_cruiser .mj .mj_list li.mj_list_l,
#page-rental_cruiser .mj .mj_list li.mj_list_r {
	width: 47%;
}

#page-rental_cruiser .mj .mj_list li.mj_list_l {
	margin-right: 6%;
}

#page-rental_cruiser .mj .mj_list li.mj_list_l .interior,
#page-rental_cruiser .mj .mj_list li.mj_list_r .interior{
	margin-top: 0!important;
}

#page-rental_cruiser .mj .mj_list li.mj_list_l .interior img,
#page-rental_cruiser .mj .mj_list li.mj_list_r .interior img {
	width: 100%;
	margin-bottom: 40px;
}

#page-rental_cruiser .cm_section-box h2.h2_t_1,
#page-rental_cruiser .cm_section-box h4.box_title_1,
#page-rental_cruiser .mj .mj_list li h2,
#page-rental_cruiser .mj .mj_list li h4,
.fcgd {
	color: #837244!important;
}

#page-rental_cruiser .hr {
	border-top: 1px #ccc solid;
	padding-top: 80px;
}


@media screen and (max-width: 767px){
	
	/*予約お問い合わせ*/
	#page-rental_cruiser .cm_reserve ul,
	#page-rental_cruiser .mj ul.mj_list {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}
	
	#page-rental_cruiser .cm_reserve {
		padding: 20px;
	}
	
	#page-rental_cruiser .cm_reserve .h2-h3_set h2 {
		font-size: 22px;
	}
	
	
	#page-rental_cruiser .cm_reserve .h2-h3_set h3 {
		font-size: 16px;
	}

	#page-rental_cruiser .cm_reserve ul li .btn {
		font-size: 21px;
	}
	
	#page-rental_cruiser .cm_reserve ul li {
		width: 100%;
	}
	
	#page-rental_cruiser .mj ul.mj_list li {
		width: 100%!important;
	}
	
	#page-rental_cruiser .cm_reserve ul li:first-child {
		border-right: none;
		border-bottom: #837244 1px solid;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	#page-rental_cruiser .cm_reserve ul li .btn a {
		width: 100%;
	}
	
	
	
	
	/*クルーザー、マリンジェット*/

	#page-rental_cruiser .cm_section-box{
		padding-bottom: 80px;
	}
	
	#page-rental_cruiser .cm_mv {
		height: 300px;
	}
	
	#page-rental_cruiser .cm_mv .copy {
		width: 90%;
		bottom: -28%;
	}
	
	#page-rental_cruiser .cm_section-box .h2_set h2.h2_t_1 {
		font-size: 40px;
	}
	
	#page-rental_cruiser .cm_section-box .h2_set h3.h3_t_1 {
		font-size: 18px;
	}
	
	#page-rental_cruiser .cm_section-box .h2_set {
		margin-bottom: 40px;
	}
	
	#page-rental_cruiser .cm_point h4.box_title_1{
		font-size: 28px;
	}
	
	#page-rental_cruiser .cm_section-box .r_box,
	#page-rental_cruiser .cm_section-box .l_box{
		width: 100%;
		position: relative;
		top: inherit;
		right: inherit;
	}
	
	#page-rental_cruiser .cm_section-box .r_box.photo,
	#page-rental_cruiser .mj .r_box.photo{
		margin: 50px 0 60px;
		min-height: 200px;
		max-height: 360px;
		overflow: hidden;
	}

	#page-rental_cruiser .cm_section-box .set_box,
	#page-rental_cruiser .cm_section-box .interior{
		margin: 60px 0 0;
	}
	
	#page-rental_cruiser .mj .mjmark::before {
		bottom: inherit;
		top: 0;		
	}
	
	#page-rental_cruiser .mj .mj_list li.mj_list_l .interior .flow_l_p,
	#page-rental_cruiser .mj .mj_list li.mj_list_r .interior .flow_l_p {
		margin: 40px 0 40px;
	}
	
	#page-rental_cruiser .mj .mj_list li.mj_list_l .interior .mt90 ,
	#page-rental_cruiser .mj .mj_list li.mj_list_r .interior .mt90 { 
		margin-top: 40px;
	}
	
	#page-rental_cruiser .mj .mj_list li.mj_list_r {
		margin-top: 140px;
	}
	
	#page-rental_cruiser .hr {
    	padding-top: 0;
}
	
	
}



/*予約・お問い合わせ
============================================================================================*/
#page-reservation .box_list_1 {
	border: 5px solid #E4EBEA;	
	margin: 35px 0;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#page-reservation.page .page-box{
	padding: 150px 0 100px;
}

#page-reservation .box_list_1 .l_box,
#page-reservation .box_list_1 .r_box{
	width: 50%;
	text-align:center;
	padding: 30px;
}

#page-reservation .box_list_1 .r_box{
	border-left: 5px solid #E4EBEA;
}

#page-reservation .box_list_1 h4 {
	font-size: 14px;
	margin-bottom: 15px;
	color: #00A533;
}

#page-reservation .box_list_1 .l_box .ftm {
	font-size: 30px;
	color: #005B52;
	line-height: 1;
}

#page-reservation .box_list_1 .r_box .ftm {
	font-size: 18px;
	line-height: 1;
}

#page-reservation .box_list_1 p {
	margin-top: 10px;
}

#page-reservation .box_list_1 p span{
	display: block;
	font-size: 12px;
}

#page-reservation .precautions li{
	position: relative;
	margin-bottom: 5px;
	padding-left: 30px;
}

#page-reservation .precautions li:last-child{
	margin-bottom: 0;
}

#page-reservation .precautions li::before{
	position: absolute;
	display: block;
	
	content: "※";
	left: 0;
}

/*#form*/
#form {
	padding-bottom: 150px;
}

#form .form_box_t,
#form .form_box_b{
	padding: 8%;
	border: 1px solid #D9DDDC;
}

#form .form_box_b {
	border-top: none;
	background: #F2F6F5;
}

#form .form_box_t h4,
#form .form_box_b h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

#form .form_box_t h4 span,
#form .form_box_b h4 span {
	color:#840000;
}

.form_box_t h4 span,
.reserve_b_1 h4 span{
	display:inline!important;
}
.form_box_t span,
.form_box_t .reserve span{
	display: inherit;
}

.form_box_t .radio{
	margin: 15px 0;
}

.reserve_b_1 .rl_box{
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.reserve_b_1 .rl_box li,
.reserve_b_1 .s_box_list{
	width: 40%;
}

.reserve_b_1 .rl_box li {
	margin-right: 20px;
}

.reserve_b_1 .d_box,
.reserve_b_1 .s_box{
	border: 1px solid #ccc;
	width: 100%;
	padding: 0 60px 0 15px;
	height: 55px;
}


.reserve_b_1 .s_box_b textarea {
	width: 100%;
	padding: 10px;
}

.reserve_b_1 .s_box_r input{
	width: 100%;
	height: 55px;
	padding: 10px;
}

.reserve_b_n br {
	display: none;
}

.reserve_b_n span.alert {
	font-weight: normal!important;
	margin: -5px 0 0 1em!important;
}

.submit_box{
	text-align: center;
	margin-top: 60px;
}

.submit_box .s_box_1{
	margin: 20px;
}

.submit_box .s_box_2 .submit,
.submit_box .s_box_2 .wpcf7-submit{
	width: 80%;
	font-size: 18px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	padding: 30px 50px;
	background-color: #111;
	color: #ffffff; 
	line-height: 1em;
	border: none;
	filter: none;
	transition: background-color.3s, filter.4s;
	margin: 0 10%;
}

.submit_box .s_box_2 .submit:hover,
.submit_box .s_box_2 .wpcf7-submit:hover{
	background-color:#005B52;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
}

.reserve_b_1 .bt_pdf {
	text-align: center;
	margin: 25px 0;
}

.reserve_b_1 .bt_pdf a {
	line-height: 1;
	padding: 20px 0;
	display: block;
	background-color: #005B52;
	color: #fff;
	opacity: 1;
	transition: 0.6s;
}

.reserve_b_1 .bt_pdf a:hover{
	text-decoration: none;
	opacity: 0.5;
}

.wpcf7-list-item {
    margin-top: 13px!important;
}

.wpcf7 .ajax-loader {
	margin-top: 15px;
}

.checkbox-906 {
	text-align: center;
}

.wpcf7 .wpcf7-submit:disabled {
	background: #ccc;
}

.wpcf7 .wpcf7-submit:disabled:hover {
	background: #ccc;
	filter: none;
	
}

/* .product_list */
#page-reservation .product_list h5 {
	text-align: center;
	border-top: 1px dotted #ccc;
	margin-top: 15px;
	padding-top: 15px;
	color: #005B52;
	font-size: 18px;
}

#page-reservation .product_list ul {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin-top: 15px;
}

#page-reservation .product_list ul li {
	height: 200px;
	width: 48%;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	
	position: relative;
	border: 1px solid #ccc;
}

#page-reservation .product_list ul li:first-child {
	margin-right: 4%;
}

#page-reservation .product_list ul li.cc01 {
	background-image: url("images/campingcar01_photo_01_0910.jpg");
}

#page-reservation .product_list ul li.cc02 {
	background-image: url("images/campingcar02_photo_01_0308.jpg") ;
}

#page-reservation .product_list ul li p{
	background-color: #fff;
	padding: 10px;
	
	position: absolute;
	width: 100%;
	bottom: 0;
}

#page-reservation .estimate {
	margin-top: 60px;
	font-weight: bold;
	text-align: center;
	color: #840000;
	background-color: #f5e5e5;
	padding: 20px 0;
}

/*20220218_サンクスページ*/
.thanks {
	border: 8px solid #739f9a;
    padding: 4%;
}

.thanks h4 {
	line-height: 1.3;
	margin-bottom: 40px!important;
	text-align:center; 
}

.thanks p span {
	font-size: 110%;	
}

/*ご利用の流れ___________step_box*/
#page-reservation .step_box {
	margin-top: 40px;
}

#page-reservation .step_box .step_list {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;

}

#page-reservation .step_box .step_list li{
	padding: 50px 20px;
	background-color: #005B52;
	border-radius: 10px;
	position: relative;
	
	width: 22.75%;
	margin-right: 3%;
	
	display: table;
}

#page-reservation .step_box .step_list li:last-child {
	margin-right: 0;
}

#page-reservation .step_box .step_list li::before {
	content: "";
	height: 20%;
	width: 20px;
	background-image: url("images/reservation_triangle2.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center right;
	position: absolute;
	right: -5%;
	top: 40%;
	bottom: 40%;
	
}

#page-reservation .step_box .step_list li:last-child::before {
	content: none;
}

#page-reservation .step_box .step_list li p.first {
	color: #70E695;
	font-size: 18px;
	position: absolute;
	top: 20px;
}

#page-reservation .step_box .step_list li p {
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	display:table-cell;
	vertical-align: middle;
}

#page-reservation .h4_t_1 {
	text-align: center;
}

#page-reservation .h4_t_1 h4 {
	color: #005B52;
	margin-bottom: 20px;
	line-height: 1.4;
	padding-bottom: 20px;
	
	border-bottom: 1px dotted #ccc;
}

#page-reservation .h4_t_1 h4 span,
#page-reservation .h4_t_1  p{
	font-size: 18px;
	color: #000;
}

#page-reservation #faq .box_ofs {
	height: 800px;
	
}

@media screen and (max-width: 767px){
	#page-reservation .step_box .step_list {
		display: block;
		display: -webkit-block;
		display: -ms-flexbox;
	}
	
	#page-reservation .step_box .step_list li{
		padding: 15px 20px;
		position: relative;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		display: table;
	}
	
	#page-reservation .step_box .step_list li::before {
		content: "";
		height: 15px;
		width: 10%;
		background-image: url("images/reservation_triangle3.png");
		background-size: contain;
		background-position: center top;
		position: absolute;
		top: inherit;
		bottom: -15px;
		left: 45%;
		right: 45%;
	}
	
	#page-reservation .step_box .step_list li p.first {
		position: relative;
		top: inherit;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#page-reservation .step_box .step_list li p {
		display: block;
		vertical-align: middle;
	}
	
	#page-reservation #faq .box_ofs {
		height: 400px;
	}
	
	#page-reservation #faq .box_ofs h5,
	#page-reservation #form .box_ofs h5{
		font-size: 24px!important;
	}

	#page-reservation .estimate {
		margin-top: 30px;
	}
}



/*#googleCalendar*/
#googleCalendar .box_list_2 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	
	margin: 80px 0 40px;
	border-top: 1px solid #E4EBF2;
    padding-top: 60px;
}

#googleCalendar .box_list_2 .l_box {
	width: 40%;
}

#googleCalendar .box_list_2 .r_box {
	width: 55%;
	margin-left: 5%;
}



/*フォーム用CSS*/
#form .reserve_b_1 .alert{
	color:#840000;
	margin-top: 10px;
	font-weight: bold;
}

#form .google-calendar iframe,
#page-reservation .google-calendar iframe {
	width: 100%;
	height: 600px;
}

#faq .box_ofs,
#form .box_ofs {
	display: block;
	width: 100%;
	height: 400px;
	overflow: scroll;
	border: 5px solid #E4EBEA;
	padding: 30px;
}

#faq .box_ofs h5,
#form .box_ofs h5{
	text-align: center;
	color: #005B52;
	font-size: 30px;
	line-height: 1.2;
	border: 1px solid #005B52;
	margin-bottom: 30px;
	padding: 15px;	
}

#faq .box_ofs p span,
#form .box_ofs p span {
	color: #840000;
	display: initial;
}

#faq .box_ofs.qa h6,
#form .box_ofs.qa h6{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#page-reservation #faq {
	margin-top: 40px!important;
}

/*引き渡し場所　料金
.radio-509 .wpcf7-list-item.first .wpcf7-list-item-label::after {
	content: "  3,000円";
	color: #840000;
	font-weight: bold;
}*/


/*アウトドア一覧
============================================================================================*/
#page-outdoorgoods h4,
#page-outdoorgoods .c_box_3 h4,
#page-outdoorgoods_detail h4{
	font-size: 24px;
	color: #005B52;
	line-height: 1.3;
	margin-bottom: 30px;
}

#page-outdoorgoods .c_box_3 h4{
	margin-top: 100px;
}

#page-outdoorgoods .goods_box,
#page-outdoorgoods_detail .goods_box{
	display: block;
	position: relative;
}

#page-outdoorgoods .goods_box,
#page-outdoorgoods_detail .goods_box{
	margin-top: 40px;
}

#page-outdoorgoods .goods_box,
#page-outdoorgoods_detail .goods_box{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}	

#page-outdoorgoods .goods_box li,
#page-outdoorgoods_detail .goods_box li{
	width: 22.75%;
	float: left;
	margin-right: 3%;
	margin-bottom: 2%;
}

#page-outdoorgoods .goods_box li:nth-child(4n+4),
#page-outdoorgoods_detail .goods_box li:nth-child(4n+4){
	margin-right: 0;
}

#page-outdoorgoods .goods_box li .photo,
#page-outdoorgoods_detail .goods_box li .photo{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 65%; /* 比率 */
}

#page-outdoorgoods .goods_box li .photo img,
#page-outdoorgoods_detail .goods_box li .photo img {
	width: 140%;
	
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	transform: translate(-50%, -50%);
	/*object-fit: cover;*/
	transition: .3s;
}

a.mouse_on:hover .photo img {
	width: 150%!important;
}


#page-outdoorgoods .goods_box li .title,
#page-outdoorgoods_detail .goods_box li .title {
	font-weight: bold;
	margin-top: 10px;
}

#page-outdoorgoods .goods_box li .txt,
#page-outdoorgoods_detail .goods_box li .txt{
	line-height: 1.4;
}

#page-outdoorgoods #rental_btn,
#page-outdoorgoods_detail #rental_btn{
	background: #F2F2F2;
}

#page-outdoorgoods .section-box .sec_inner .c_box_2:last-child{
	margin-top: 100px;	
}

#page-outdoorgoods .sec_inner_box {
	margin-bottom: 100px;
}

#page-outdoorgoods .sec_inner_box .caution{
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.4;
	color: #005B52;
}


#page-outdoorgoods .od_link {
	margin-top: 80px;
}

#page-outdoorgoods .od_link img {
	width: 80%;
	margin: auto;
}

#page-outdoorgoods .od_link .pc{
	display: block;
}

#page-outdoorgoods .od_link .sp{
	display: none;
}

/*1000px以下の場合*/
@media print,screen and (min-width:768px) and (max-width:1000px){	
	#page-outdoorgoods .goods_box li,
	#page-outdoorgoods_detail .goods_box li {
		width: 30%;
		float: left;
		margin-right: 5%;
		margin-bottom: 2%;
	}
	
	#page-outdoorgoods .goods_box li:nth-child(3n+3),
	#page-outdoorgoods_detail li:nth-child(3n+3) {
		margin-right: 0;
	}
	
	#page-outdoorgoods .goods_box li:nth-child(4n+4),
	#page-outdoorgoods_detail .goods_box li:nth-child(4n+4) {
		margin-right: 5%;
	}
}

@media print,screen and (max-width:768px){
	#page-outdoorgoods .od_link .pc{
		display: none;
	}

	#page-outdoorgoods .od_link .sp{
		display: block;
	}
	
	#page-outdoorgoods .od_link img {
		width: 100%;
		margin: auto;
	}
}





/*アウトドア詳細
============================================================================================*/
#page-outdoorgoods_detail .page-box{
	padding-bottom: 0;
}

#page-outdoorgoods_detail .detail_box{
	position: relative;
	display: block;
}

#page-outdoorgoods_detail .detail_box .l_box,
#page-outdoorgoods_detail .detail_box .r_box {
	width: 48%;
	display: block;
}

#page-outdoorgoods_detail .detail_box .l_box {
	float: left;
}

#page-outdoorgoods_detail .detail_box .r_box {
	float: right;
}

#page-outdoorgoods_detail .detail_box .r_box .caption {
	font-size: 12px;
	margin-top: 15px;
}

#page-outdoorgoods_detail .detail_box .l_box h4.title {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	
}

#page-outdoorgoods_detail .detail_box .l_box .category {
	font-size: 12px;
}

#page-outdoorgoods_detail .detail_box .l_box .price {
	font-size: 24px;
	margin: 35px 0;
	font-weight: bold;
	line-height: 1.6;
}

#page-outdoorgoods_detail .detail_box .l_box .spec {
	margin-bottom: 60px;
	padding-bottom: 60px;
	/*border-bottom: 1px solid #D9DDDC;*/
	
}

#page-outdoorgoods_detail .detail_box .l_box .entry-the_content {
	position: relative;
	display: block;
	clear: both;
}

#page-outdoorgoods_detail .detail_box .l_box .entry-the_content p {
	margin: 40px 0;
}

#page-outdoorgoods_detail .detail_box .r_box img,
#page-outdoorgoods_detail .detail_box .l_box .entry-the_content img{
	width: 100%;
	height: auto;
}

#page-outdoorgoods_detail .post_cell{
	padding-top: 0;
}

#page-outdoorgoods_detail .post_cell .c_box_2 {
	margin-top: 80px;
	padding-top: 120px;
	padding-bottom: 150px;
	border-top: 1px solid #D9DDDC;
	
}



/*お知らせ
============================================================================================*/
#page-news .news_box .l_box select,
#page-news_detail .news_box .l_box select,
.reserve_b_1 select,
.reserve_b_1 .s_box_c input,
.reserve_b_1 .s_box_list .wpcf7-textarea{
	width: 100%;
	position: relative;
	-webkit-appearance:none;
	appearance:none;
	border:#ccc 1px solid;
	border-radius:0;
	background:#fff;
	padding: 18px;
	height: 60px;
}

select::-ms-expand {
    display: none;
}

.s_box_b textarea,
.reserve_b_1 input{
	border:#ccc 1px solid;
}

#page-news .news_box .l_box .select_box,
#page-news_detail .news_box .l_box .select_box,
.s_box_a {
	position: relative;
}

#page-news .news_box .l_box .select_box::after,
#page-news_detail .news_box .l_box .select_box::after,
.s_box_a::after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	right:20px;
	top:35%;
	border-bottom:#CCCCCC 2px solid;
	border-right:#CCCCCC 2px solid;
	transform:rotate(45deg)translateY(-30%);
}

#page-news .news_box,
#page-news_detail .news_box{
	width: 100%;
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

#page-news .news_box .l_box,
#page-news_detail .news_box .l_box {
	width: 25%;
	margin-right: 8%;		
}

#page-news .news_box .r_box,
#page-news_detail .news_box .r_box {
	width: 62%;
	display: block;
	position: relative;
}

#page-news .news_box .r_box h4 {
	position: absolute;
	top: -60px;
	right: 0;
	margin: 0;
	
	font-size: 24px;
	color: #005B52;
}

#page-news .news_box .r_box ul li {
	border-bottom: 1px solid #CCC;
	padding: 30px 0;
}

#page-news .news_box .r_box ul li:first-child {
	border-top: 1px solid #CCC;
}

#page-news .news_box .r_box ul li .data_category,
#page-news_detail .news_box .r_box .data_category {
	position: relative;
	display: block;
}

#page-news .news_box .r_box ul li .data,
#page-news .news_box .r_box ul li .category,
#page-news_detail .news_box .r_box .data,
#page-news_detail .news_box .r_box .category {
	float: left;
	line-height: 1;
	display: table-cell;
	vertical-align: middle;
}

#page-news .news_box .r_box ul li .data,
#page-news_detail .news_box .r_box .data {
	font-size: 18px;
	margin-right: 20px;
	margin-top: 3px;	
}

#page-news .news_box .r_box ul li .category,
#page-news_detail .news_box .r_box .category {
	font-size: 12px;
	color: #005B52;
	padding: 6px 20px;
	background: #E5ECEB;
}

#page-news .news_box .r_box ul li h5.title{
	margin: 25px 0 18px;
	font-size: 20px;
	color: #005B52;
	line-height: 1;
}

#page-news .news_box .r_box a:hover,
a.mouse_on:hover {
	text-decoration: none;
}

.pagination {
	    margin: 50px 0 0;
}

.pagination .wp-pagenavi {
	text-align: center;
}

.pagination .wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi a,
.wp-pagenavi span{
	border: none!important;
	margin: 10px!important;
	display: inline-block;
}

.pagination .wp-pagenavi .current {
	background: #336E67;
	color: #fff;
	padding: 10px 20px;
}



/*お知らせ記事詳細
============================================================================================*/
#page-news_detail .news_box .r_box h4.title {
	font-size: 30px;
	margin-bottom: 30px;
	line-height: 1;
	color: #005B52;
}

#page-news_detail .news_box .r_box .entry-the_content {
	display: block;
	position: relative;
	margin-top: 60px;
	width: 100%;
}

#page-news_detail .news_box .r_box .entry-the_content p {
	margin: 40px 0;
}

#page-news_detail .news_box .r_box .entry-the_content p img {
	width: 100%;
	height: auto;
}

#page-news_detail .news_box .r_box .entry-the_content a {
	color: #298be1;
	text-decoration: underline;
}

#page-news_detail .news_box .r_box .pagination{
	width: 100%;
}

#page-news_detail .news_box .r_box .pagination ul.paging{
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	
	border-top: 1px solid #CCC;
	
	margin-top: 40px;
	padding-top: 80px;
}

#page-news_detail .news_box .r_box .pagination ul li{
	width: 30%;
	margin-right: 5%;
	display: table;
}

#page-news_detail .news_box .r_box .pagination ul li:last-child{
	margin-right: 0;
}

#page-news_detail .news_box .r_box .pagination ul li.next{
	text-align: left;
}

#page-news_detail .news_box .r_box .pagination ul li.back{
	text-align: center;
}

#page-news_detail .news_box .r_box .pagination ul li.prev{
	text-align: right;	
}

#page-news_detail .news_box .r_box .pagination ul li a{
	display: table-cell;
	vertical-align: middle;	
	height: 50px;
}

#page-news_detail .news_box .r_box .pagination ul li img {
	height: 50px;
}



/*お知らせ記事詳細
============================================================================================*/
#page-about .about_box_1 h4,
#page-about .about_box_2 h4,
#page-agreement .agreement_box_1 h4{
	margin-bottom: 20px;
	color: #005B52;
}

#page-about .about_box_2 .list_set_c .title {
	margin-bottom: 10px;	
}



/*運営会社/個人情報/特定商取引法に基づく表記
============================================================================================*/
#page-about .about_ist_ul li::marker,
#page-about .list_set_c dt {
	color: #005B52;
}


#page-about p.title {
	font-size: 20px;
}

#page-about .about_ist_ul {
	margin-top: 15px;
}

#page-about .about_ist_ul li {
	border: none!important;
	list-style: auto;
	margin-left: 20px;
	padding: 0 0 0 10px;
}

#page-about .list_set_c dl {
	margin-top: 15px;
}

#page-about .list_set_c dl .about_ist_ul {
	margin-top: 0;
	margin-bottom: 10px;
}

#page-about .list_set_c dt {
	font-weight: bold;
}

#page-about .list_set_c dt.hr {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #bbb;
}

#page-about .list_set_c .tel {
	margin-top: 25px;
	line-height: 1;
	
	padding: 25px;
    background: #f2f2f2;
	
	width: fit-content;
}

#page-about .list_set_c .tel span.ftm{
	font-size: 30px;
    color: #005B52;
    line-height: 1;
	margin-right: 15px;
}



/*キャンピングカーレンタルの貸渡約款
============================================================================================*/

#page-agreement .agreement_box_1 {
	margin-bottom: 90px;
	
}

#page-agreement .agreement_box_1:last-child{
	margin-bottom: 0;
}

#page-agreement .agreement_box_1 h4.a_b_btn{
	border-bottom: 1px solid #D9DDDC;
	padding-bottom: 20px;
	margin-bottom: 0;
}


#page-agreement .agreement_box_1 h5 {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 15px;
}

#page-agreement .agreement_box_1 .number_list li {
	list-style: decimal;
	margin: 0 0 15px 35px;
}

#page-agreement .agreement_box_1 .number_list li:last-child{
	margin-bottom: 0;
}
#page-agreement .agreement_box_1 .number_list li.number_n{
	list-style: none;
	margin: 0 0 15px 0;
}

#page-agreement .next,
#page-about .next{
	background-color: #F2F2F2;
}

#page-agreement .next ul,
#page-about .next ul{
	width: 45vw;
	margin: auto;
	text-align: center;
}

#page-agreement .next ul li a,
#page-about .next ul li a{
	width: 100%;
	padding: 35px 100px;
	display: block;
	line-height: 1.4;
	color: #005B52;
	background-color: #fff;
	background-image: url("images/bt_next_2.png");
	background-position: 95% center ;
	background-size: 60px 50px;
	background-repeat: no-repeat;
	transition: background-color 1s,color 0.5s, background-image 0.5s;
}

#page-agreement .next ul li a:hover,
#page-about .next ul li a:hover{
	background-color: #005B52;
	color: #fff;
	background-image: url("images/bt_next_3.png");
	
	text-decoration: none;
}

/*アコーディオン指定*/
@media screen and (max-width: 767px){
	.agreement_box_1 h4.a_b_btn{
		position: relative;
		padding-right: 40px;
		line-height: 1;
	}
		
	.agreement_box_1 span{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		cursor: pointer;
		
		background-repeat: no-repeat;
		background-position: 96% 34%;
		background-size: 12px;
		
		background-image: url("images/bt_open.png");
			
	}
		
	.bt_c{
		background-image: url("images/bt_close.png");
	}
	
	.agreement_list {
		display: none;
	}
	
	#page-agreement .agreement_box_1 {
		margin-bottom: 23px;
	}	
}
	
@media print,screen and (min-width:768px){
	.agreement_list {
		display: block!important;
	}	
}



/*フッター_下層ページ共通
============================================================================================*/
.page-template .footer_share,
.archive .footer_share,
.single .footer_share{
	position: relative;
	display: block;
	height: 100vh;
}

.page-template .footer_share .sec_inner,
.archive .footer_share .sec_inner,
.single .footer_share .sec_inner{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	

}

.page-template .bg_f_b,
.archive .bg_f_b,
.single .bg_f_b{
	width: 100vw;
	height: 100vh;
	position: absolute;
	
	/*background: rgba(0, 27, 12, 0.67);*/
	/*-webkit-backdrop-filter: blur(10px);*/
    /*backdrop-filter: blur(10px);*/
}

.page-template #mainvisual,
.archive #mainvisual,
.single #mainvisual{
	position: absolute;	
}



/*ローディング画面用CSS
============================================================================================*/
#loading {
	width: 100vw;
	height: 100vh;
	background: #005B52;
	
	position: fixed;
	display: table;
	top:0px;
		
	transition: 0.3s ;
	
	z-index: 9999;
}
	
	
#loading .loading_inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	position: relative;
}
	
#loading .scene_1 {
	position: absolute;
	font-size: min(60px, 5vw);
	letter-spacing: 0.3em;
	color: #fff;
}
	
#loading .scene_1 .br{
		display: none;
}
	
	
@media screen and (max-width: 767px){
	#loading .scene_1 .br{
		display: block;
	}
	
	#loading .scene_1 {
		font-size: 8vw;
	}
}

	
#loading .scene_2{
	position: absolute;
	text-align: center;
	display: none;
}
		
#loading .scene_2 img {
	width: 50%;
}



/*以下PCサイト専用の表示用CSS
============================================================================================*/


/*プリント用CSS
============================================================================================*/
@media print{
	
	#wrapper,
	.section-box,
	#reservation_contact,
	#instagram,
	#index .mainvisual,
	#message,
	#flow,
	#main_specifications,
	#information,
	.page .page-box,
	.page-template .bg_f_b {
		width: 100%;
	}
	
	ul.rental_box_list,
	/*.matterport,*/
	#access .gmap,
	#youtube .youtube_w {
		width: 100%;
	}
	
	
	#message .photo_r{
		width: 50%;
	}
	
	#page-agreement .next ul,
	#page-about .next ul{
		width: 45%;
	}
	
	#index .mainvisual,
	#index .mainvisual .slide,
	.page-template .bg_f_b,
	.page-template #mainvisual,
	.page-template .bg_f_b,
	.page-template .footer_share{
		height: 50vh;
	}
	
	.sec_inner {
		position: relative;
		display: block;
		left: 0;
	}
	
}



/*以下SPサイトの表示用CSS
============================================================================================*/

@media screen and (max-width: 767px){
/*共通 ============================================== */
	
	html{
		min-width: 320px;
	}
	
	#wrapper {
		overflow: hidden;
	}
	
	.tf-img {
		transform: scale(0.6);
	}
	
	/*見出し関連*/
	.sec_inner h2.h2_t_1 {
		font-size: 40px;
		margin-bottom: 15px;
	}

	.sec_inner h3.h3_t_1 {
		font-size: 18px;
	}
	
	.sec_inner {
		width: 90%;
	}
	
	
	/*header用CSS_________________________________________________________*/
	#headerWrap {
		margin-top: 0px;
		
	}
	
	#headerWrap h1 {
		left: 15px;
		top:10px;
		width: auto;
	}
	
	#headerWrap h1 img {
		height: 60px;
		width: auto;
	}
		
	.bt_menu .icon_menu {
		top:25px;
	}
	
	.gn_pc{
		display: none;
	}
	
	.gn_sp {
		display: block;
		width: 100vw;
		height: 80px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 30;
		
		background: rgba(255, 255, 255, 0.8);
		-webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
	}
	
	/*#icon_menu */
	.gn_sp .icon_menu,
	.gn_sp .icon_menu .normal,
	.gn_sp .close{
		left: auto!important;
		right: 30px!important;
		top: 30px!important;
	}
	
	
	.bt_re-co {
		display: none;
	}
	
	.bt_menu .sub {
		width: 100vw;
		padding: 100px 30px 0;
	}
	
	.bt_menu .sub li::before {
		left: -30px;
		width: 20px;
	}
	
	.bt_menu .sub li a {
		margin-left: 0px;
	}
	.bt_menu .sub li:nth-child(7),
	.bt_menu .sub .share {
		left: 0;
	}
		
	.bt_menu .sub .share li {
		width: 100%;
	}

	.bt_menu .sub .share li a::before {
		width: 100%;
		height: 24px;
		background-repeat: no-repeat;
    	background-position: center;
	}

	.bt_menu .sub .share li:nth-child(1) a::before{
		background-size: 24px;
	}

	.bt_menu .sub .share li:nth-child(2) a::before{
		background-size: 24px;
	}

	.bt_menu .sub .share li:nth-child(3) a::before{
		background-size: 25px;
	}
	
	.bt_menu .sub .share li span{
		display: none;
	}
	
	
	/*予約・お問い合わせ用CSS_________________________________________________________*/
	#reservation_contact {
		padding: 80px 0 ;
	}

	#reservation_contact .sec_inner ul li h2{
		font-size: 5vw;
	}

	#reservation_contact .sec_inner ul li h3 {
		font-size: 2.5vw;
	}

	#reservation_contact .sec_inner ul li h2,
	#reservation_contact .sec_inner ul li h3 {
		line-height: 1.1;	
	}
	
	
	/*footer用CSS_________________________________________________________*/
	footer .sec_inner .sec_01 {
		display: inherit;
	}
	
	footer .sec_inner .sec_01 .l_footer  {
		width: 100%;	
	}

	footer .sec_inner .sec_01 .r_footer {
		width: 100%;
		display: inherit;
	}

	footer .sec_inner .sec_01 .r_footer .r_footer_01,
	footer .sec_inner .sec_01 .r_footer .r_footer_02 {
		width: 100%;
	}
	
	footer .sec_inner .b_footer ul {
		text-align: left;
	}
	
	footer .sec_inner .b_footer ul li {
		display: block;
	}
	
	footer .sec_inner .b_footer ul li:last-child {
		text-align: center;
		margin-top: 40px;
	}
	
	/*.footer_share*/
	footer .footer_share .sec_inner {
		padding: 0;
	}

	footer .footer_share h1 {
		font-size: 3.6vh;
	}
	
	footer .footer_share ul {
		padding: inherit;
		display: inherit;
	}

	footer .footer_share ul li{
		margin: 0 0 20px 0;
	}

	footer .footer_share ul li a {
		padding: 20px 40px;;
		display: block;
		width: inherit;
	}


	footer .footer_share ul li a::before{
		top:35%;
		left: inherit;
	}
	/*scrolldown*/
	.scrolldown {
		position: absolute;
		z-index: 20;
		bottom: 0px;
		left: 30px;
	}

	.scrolldown svg{
		width: 10.2px;
		height: 52.9px;
		fill:#fff;
	}

	.scrolldown span{
		position: relative;
		height: 100px;
		width: 1px;
		display: block;
	}
	.scrolldown span:before{
		content:' ';
		position: absolute;
		left: 4px;
		bottom: 0;
		width: 1px;
		background-color: #fff;
		animation: scrollLine 2s ease-in-out infinite;
		opacity:0;
	}

	/*#share */
	#share {
		display: none;
	}

	/*pagetop*/
	.pagetop {
		    display: none!important;
		    opacity: 0!important;
	}


	
	
	/*トップページの表示用CSS
	============================================================================================*/
	/*mainvisual*/	
	#index .mainvisual h1{
	    top: 40%;
	}
	#index .mainvisual h1 img {
		height: 38vh;
	}
	
	#index .mainvisual h2 {
		font-size: 8vw;
		left: inherit;
		right: inherit;
		bottom: 20%;
		color: #fff;
		
		text-align: center;
		width: 100vw;
	}

	#index .mainvisual dl {
		width: 86%;
		display: block;
	}
	#index .mainvisual dl dt{
		width: inherit;
		margin-right: inherit;
		margin-bottom: 10px;
	}

	#index .mainvisual .slide{
		width: 100vw;
	}
	
	#mainvisual {
		width: 100vw;
		height: 100vh;
		display: block;
		position: fixed;
		background: #333;
	}
	
	#index #navi {
		padding: 60px 0 0;
	}
	
	/*message*/
	#message {
		padding: 90px 0 0;
	}

	#message .tf-img {
		width:intrinsic;
		width: -moz-max-content;    /* Firefox/Gecko */
		width: -webkit-max-content; /* Chrome */
		width: max-content;
	}

	#message h3,
	#rentalservice h3{
		margin-bottom: 60px;
	}

	#message h4 {
		margin-bottom: 30px;
		font-size: 22px;
	}

	#message h4,
	#message p,
	#message ul{
		width: 100%;
	}

	#message .photo_r {
		position: relative;
		right: inherit;
		top: inherit;
		width: 100%;
		height: 40vh;
		margin-top: 80px;
	}
	
	/*rentalservice*/
	#rentalservice {
		padding: 90px 0;
	}

	ul.rental_box_list {
		width: 90vw;
	}
	
	.rental_box_list li{
		display: block;
		position: relative;
		/*background: #666;*/
	}

	ul.rental_box_list li.rental_box_set {
		position: relative;
		padding: 20px;
		min-height: 300px;
		height: 65vh;
	}

	ul.rental_box_list li.rental_box_1,
	ul.rental_box_list li.rental_box_2{
		position: relative;
		display: block;
	}

	ul.rental_box_list a:hover {
		text-decoration: none;	
	}

	ul.rental_box_list .rental_box_1 .box,
	ul.rental_box_list .rental_box_2 .box,
	ul.rental_box_list .rental_box_3 .box,
	ul.rental_box_list .rental_box_4 .box{
		width: 100%;
		height: 100%;
		right: inherit;
	}

	ul.rental_box_list .rental_box_1 .box h4,
	ul.rental_box_list .rental_box_2 .box h4{
		font-size: 14px;
	}

	ul.rental_box_list .rental_box_1 .box h4::before,
	ul.rental_box_list .rental_box_2 .box h4::before,
	ul.rental_box_list .rental_box_3 .box h4::before,
	ul.rental_box_list .rental_box_4 .box h4::before{
		content: "";
		width: 100px;
		height: 2px;
		background: #70E695;
		display: block;
		position: absolute;
		top:-20px;
	}

	ul.rental_box_list .rental_box_1 .box h5,
	ul.rental_box_list .rental_box_2 .box h5,
	ul.rental_box_list .rental_box_3 .box h5{
		font-size: 40px;
	}

	ul.rental_box_list .rental_box_1 .box p,
	ul.rental_box_list .rental_box_2 .box p,
	#rentalservice .box p{
		display: none;
	}
	
	
	ul.rental_box_list .box p.ccn {
		display: block!important ;
	}

	ul.rental_box_list li.rental_box_2{
		margin: 2px 0;
		display: block;
		position: relative;
	}
		
	ul.rental_box_list .r_box {
		float: right;
	}

	ul.rental_box_list ul.b_bt,
	#rentalservice ul.rental_box_list ul.b_bt{
		position: absolute;
		bottom: 40px;
	}	
	
	/*#flow*/
	#flow{
		padding: 100px 0;
	}

	#flow .flow_l_p {
		width: 100%;
		position: relative;
		text-align: left;
		top: inherit;
		right: inherit;
		margin-top: 40px;
	}

	#flow ul.flow_list {
		display: block;
		display: -webkit-block;
		display: -ms-block;
		margin-top: 100px;
		position: relative;
		z-index: 10;
	}

	#flow ul.flow_list li{
		width: 100%;
	}

	#flow ul.flow_list li:nth-child(2){
		margin: 100px 0;
	}
	
	/*20220215*/
	#flow ul.links {
		margin-top: 30px;
	}
	
	#flow ul.links a {
		padding: 40px 22%;
		line-height: 1.1;
	}
	
	/*#information*/
	#information {
		width: 100vw;
		padding: 100px 0;
	}

	#information .inf_box_set {
		position: relative;
		display: block;
		display: -webkit-block;
		display: -ms-block;
		margin-top: 70px;
	}

	#information .inf_box_set h4 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	#information .inf_box_set .l_box,
	#information .inf_box_set .r_box{
		width: 100%;
	}

	#information .inf_box_set .r_box{
		margin-left: inherit;
		margin-top: 120px;
	}

	#information .inf_box_set .l_box dl,
	#information .inf_box_set .r_box dl{
		position: relative;
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px #999 solid;
	}
	
	#information .inf_box_set .l_box dl{
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	#information .inf_box_set .l_box dl dt{
		width: 100%;
	}

	#information .inf_box_set .l_box dl dd{
		width: 100%;
	}
	
	#information .inf_box_set .r_box dl dt{
		width: 40%;
	}

	#information .inf_box_set .r_box dl dd{
		width: 60%;
	}

	#information .inf_box_set .r_box dl dd span{
		font-size: 12px;
		display: block;
	}

	#information .inf_box_set ul.b_bt_next {
		margin-top: 80px;
	}
	
	
	/*access*/
	#access .sec_inner{
		padding: 0 0 100px;
	}

	#access .sec_inner h2{
		margin: 60px 0 10px;
		text-align: center;
	}

	#access .sec_inner h3{
		text-align: center;
	}

	.access_box_set {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	.access_box_set .l_box{
		width: 100%;
		margin-right: inherit;
	}

	.access_box_set .r_box{
		width: 100%;
		position: relative;
		margin-top: 40px;
	}
	
	
	/*[共通]下層ページの表示用CSS
	============================================================================================*/
	.page #navi {
		padding: 60px 0 0;
	}


	@media screen and (min-width: 768px) and (max-width: 1099px){
		.page #navi {
			padding: 50px 0 100px 0;
		}
	}

	.page .page-box {
		width: 100vw;
		padding: 95px 0 100px;

	}

	.page .b_m_1 {
		margin: 100px 0 0;
	}

	.page .box_title_1 {
		font-size: 30px;
		color: #005B52;
		line-height: 1.2;
		margin-bottom: 30px;
	}
	
	
	/*レンタル キャンピングカ ー & クルーザー ページ
	============================================================================================*/
	#page-rental_product #rentalservice {
		margin-top: 0;
		padding: 0 0 150px;
	}

	/*#rentalservice*/
	#page-rental_product #rentalservice h6 {
		font-size: 20vw;
		line-height: 1;
		color: #70E695;
		opacity: 0.5;

		position: absolute;
		z-index: -1;
		top: 50px;
		right: 0;
	}

	/*#flow*/
	#page-rental_product #flow ul.box_list_set li.box_list {
		display: -webkit-block;
		display: -ms-block;
		display: block;
	    padding: 30px 0  ;

	}

	#page-rental_product #flow ul.box_list_set li.box_list h4{
		width: 100%;
		position: relative;
	}

	#page-rental_product #flow ul.box_list_set li.box_list h4::before {
		position: relative;
		font-size: 60px;
		top:inherit;
		left: inherit;
		width: 100%;
		display: block;
		text-align: center;
	}
	
	#page-rental_product #flow ul.box_list_set li.box_list a.bt_next::after {
		display: none;
	}
	
	#page-rental_product #flow ul.box_list_set li.box_list .l_box {
		width: 100%;
		margin-right: 10%;
	}

	#page-rental_product #flow ul.box_list_set li.box_list .l_box .b_bt {
		margin-top: 40px;	
	}

	#page-rental_product #flow ul.box_list_set li.box_list .r_box {
		width: 100%;
		margin-top: 60px;
	}

	#page-rental_product #flow ul.box_list_set li.box_list .r_box img {
		width: 100%;
	}

	#page-rental_product #flow .flow_list_1 {
		margin-top: 80px;
	}
	
	/*その他のご予約方法*/
	#page-rental_product #flow .flow_list_1 li .flow_box_1 {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	#page-rental_product #flow .flow_list_1 li h5{
		width: 100%;
		margin-bottom: 15px;
	}

	#page-rental_product #flow .flow_list_1 li .tel{
		font-size: 30px;
		line-height: 1.2;
		width: 100%;
	}

	#page-rental_product #flow .flow_list_1 li .address {
		width: 100%;
	}

	#page-rental_product #flow .flow_list_1 li .info{
		width: 100%;	
		margin-top: 10px;
	}

	#page-rental_product #flow .flow_list_1 .flow_box_2 ul.bt_map li a {
		position: relative;
		top: 0;
		text-align: center;
	}

	#page-rental_product #flow  .flow_box_3,
	#page-rental_product #flow  .flow_box_3 .root,
	#page-rental_product #flow  .flow_box_3 .parking{
		position: relative;
	}

	#page-rental_product #flow  .flow_box_3 .root,
	#page-rental_product #flow  .flow_box_3 .parking{
		width: 100%;
	}
	
	/*20220825追加修正*/
	#page-rental_campingcar01 .second_mv,
	#page-rental_campingcar01 ul.anchor_link,
	#page-rental_campingcar02 .second_mv,
	#page-rental_campingcar02 ul.anchor_link,
	#page-rental_campingcar03 .second_mv,
	#page-rental_campingcar03 ul.anchor_link,
	#page-rental_cruiser ul.anchor_link {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	#page-rental_campingcar01 .second_mv .l_box,
	#page-rental_campingcar01 .second_mv .r_box,
	#page-rental_campingcar02 .second_mv .l_box,
	#page-rental_campingcar02 .second_mv .r_box,
	#page-rental_campingcar03 .second_mv .l_box,
	#page-rental_campingcar03 .second_mv .r_box{
		display: block;
		position: relative;
	}

	#page-rental_campingcar01 .second_mv .l_box,
	#page-rental_campingcar02 .second_mv .l_box,
	#page-rental_campingcar03 .second_mv .l_box {
		width: 100%;
		margin-right: 5%;
	}

	#page-rental_campingcar01 .second_mv .l_box img,
	#page-rental_campingcar02 .second_mv .l_box img,
	#page-rental_campingcar03 .second_mv .l_box img{
		width: 80%;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	#page-rental_campingcar01 .second_mv .r_box,
	#page-rental_campingcar02 .second_mv .r_box,
	#page-rental_campingcar03 .second_mv .r_box{
		width: 100%;
	}

	#page-rental_campingcar01 ul.anchor_link,
	#page-rental_campingcar02 ul.anchor_link,
	#page-rental_campingcar03 ul.anchor_link,
	#page-rental_cruiser ul.anchor_link {
		margin-top: 70px;
	}

	#page-rental_campingcar01 ul.anchor_link li,
	#page-rental_campingcar02 ul.anchor_link li,
	#page-rental_campingcar03 ul.anchor_link li,
	#page-rental_cruiser ul.anchor_link li {
		display: block;
		display: -webkit-block;
		display: -ms-block;

		text-align: left;
		width: 100%;
		margin-bottom: 10px;
		
		background-position: 95% center;
	}

	#page-rental_campingcar01 #price_rn,
	#page-rental_campingcar02 #price_rn,
	#page-rental_campingcar03 #price_rn,
	#page-rental_cruiser #price_rn  {
		margin-top: 80px;
		padding: 80px 0;
	}
	
	/*#price*/
	#price table.pc,
	#price_rn table.pc{
		display: none;
	}
	
	#price table.sp,
	#price_rn table.sp {
		display: block;
	}
	
	#price table tbody,
	#price_rn table tbody {
		display: table;
		width: 100%;
	}
	
	#price table.sp tr th:first-child,
	#price table.sp tr td:first-child,
	#price table.sp tr td,
	#price_rne table.sp tr th:first-child,
	#price_rn table.sp tr td:first-child,
	#price_rn table.sp tr td{
		border-left: 1px solid #D9DDDC;
		border-right:  1px solid #D9DDDC;

	}
	
	#price table.sp tr td.t_50,
	#price_rn table.sp tr td.t_50 {
		width: 50%;		
	}
	
	#price table.sp tr.tbgc,
	#price_rn table.sp tr.tbgc {
		background: #E6F7EA;
	}
	
	#insurance {
		padding-bottom: 80px;
	}
	
	/*各レンタル用品の紹介コンテンツ------0910追加*/
	.rental_pr {
		margin-top: 100px;
	}
	
	/*.set_rental_box_1*/
	.set_rental_box_1 {
		margin-top: 20px;
	}

	.set_rental_box_1 .l_box {
		width: 100%!important;
		float: none;
	}

	.set_rental_box_1 .r_box {
		width: 100%!important;
		float: none!important;
		margin: 0px!important;
	}

	.set_rental_box_1 .r_box h2,
	.set_rental_box_2 .r_box h2 {
		margin-top: 30px;
		margin-bottom: 25px;
		line-height: 1.5;
	}

	/*set_rental_box_2 */
	.set_rental_box_2 {
		margin-top: 100px;
	}

	.set_rental_box_2 .l_box {
		width: 100%!important;
		float: none!important;
	}

	.set_rental_box_2 .r_box {
		width: 100%!important;
		float: none!important;
		margin: 0px!important;
	}

	/*リンク*/
	.set_rental_box_2 .r_box ul li a {
		margin-top: 40px;
		width: 100%;
		background-position: 90% center;
	}

	ul.cr_btn a {
		width: 100%;
		padding: 25px 0;
		font-size: 20px;
		background-size: 8%;
	}

	ul.cr_btn a span {
		display: none;
	}

	ul.cr_btn a:hover {
		background-color: #005B52;
		-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
	}
	
	@media screen and (max-width: 380px){
		ul.cr_btn a {
			background-image: none;
		}
	}

	
	
	/*レンタル キャンピングカー01-03
    ============================================================================================*/
	#page-rental_campingcar01 ul.rental_box_list li.rental_box_set,
	#page-rental_campingcar02 ul.rental_box_list li.rental_box_set,
	#page-rental_campingcar03 ul.rental_box_list li.rental_box_set 	{
		height: 30vh;
		min-height: inherit;
		
	}

    #page-rental_campingcar01 .set_box,
	#page-rental_campingcar02 .set_box,
	#page-rental_campingcar03 .set_box{
        margin: 80px 0 0;
    }

    #page-rental_campingcar01 .set_box .l_box,
	#page-rental_campingcar02 .set_box .l_box,
	#page-rental_campingcar03 .set_box .l_box{
        width: 100%;	
    }

    #page-rental_campingcar01 .set_box .l_box h2,
	#page-rental_campingcar02 .set_box .l_box h2,
	#page-rental_campingcar03 .set_box .l_box h2{
        font-size: 22px;
        margin-bottom: 10px;
    }

    #page-rental_campingcar01 .set_box .r_box,
	#page-rental_campingcar02 .set_box .r_box,
	#page-rental_campingcar03 .set_box .r_box {
        width: 100%;
		margin: 60px auto 0;
        position: relative;
        top: inherit;
        right: inherit;
    }

    #page-rental_campingcar01 .set_box .r_box img,
	#page-rental_campingcar02 .set_box .r_box img,
	#page-rental_campingcar03 .set_box .r_box img{
        width: 100%;
    }

    #page-rental_campingcar01 .set_box .c_box,
	#page-rental_campingcar02 .set_box .c_box,
	#page-rental_campingcar03 .set_box .c_box{
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }

    #page-rental_campingcar01 .set_box .c_box img,
	#page-rental_campingcar02 .set_box .c_box img,
	#page-rental_campingcar03 .set_box .c_box img{
        width: 100%;
    }

    #interior {
        padding: 80px 0;
    }
	
	#interior .flow_l_p {
		margin-top: 40px;
	}

    #interior .matterport {
        margin-top: 60px;
    }
	

    /*#price*/
    #price {
        padding: 100px 0;
    }

    #price h4 {
        margin-top: 80px;
    }

    #price h4 span{
        margin-top: 10px;
        display: block;
        font-size: 15px;
        color: #333;
    }


    #price .c_box_3 ul li.list_set{
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    #price .c_box_3 ul li.list_set .l_box{
        width: 49%;
		margin-right: 2%;
    }

    #price .c_box_3 ul li.list_set .r_box{
        width: 49%;
    }
	
	#price .c_box_3 ul li.list_set .r_box.fwb {
		text-align: right;
	}
	
	#price .c_box_4 ul li.list_set,
	#price .c_box_5 ul li.list_set{
		display: block;
		display: -webkit-block;
        display: -ms-block;
	}
	
    #price .c_box_4 ul li.list_set .l_box,
	#price .c_box_5 ul li.list_set .l_box{
        width: 100%;
    }

    #price .c_box_4 ul li.list_set .c_box,
	#price .c_box_5 ul li.list_set .c_box{
        width: 49%;
		float: left;
    }

    #price .c_box_4 ul li.list_set .r_box{
        width: 49%;	
		float: right;
		text-align: right;
    }
	
	#price .c_box_5 ul li.list_set .r_box{
		width: 49%;	
		float: right;
	}
	
	#price .insurance,
	#insurance .insurance{
		padding: 50px 20px;
	}

    /*main_specifications*/
	#main_specifications {
		padding: 100px 0;
	}
	
	#main_specifications .box_title_1 {
		margin-bottom: 30px;
	}

    #main_specifications .spec_list  .list_set  .r_box,
    #main_specifications .spec_list  .list_set  .l_box{
        width: 49%;
    }
	
	#main_specifications .spec_list  .list_set  .r_box{
		margin-right: 2%;
	}


    /*#rental_btn*/
    #rental_btn {
        padding: 100px 0;
    }

    #rental_btn .rental_btn_list,
    #rental_btn .rental_btn_list li{
        position: relative;
    }

    #rental_btn .rental_btn_list li {
        width: 100%;
        float:none;
        margin-bottom: 10px;
    }
	
	

	
	/*クルーザー
	============================================================================================*/
	#page-rental_cruiser .p_box_1 {
		margin-top: 60px;
	}

	#page-rental_cruiser .p_box_2 {
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	#page-rental_cruiser .p_box_2 .l_box {
		margin-right: inherit;
	}

	#page-rental_cruiser .p_box_2 .l_box,
	#page-rental_cruiser .p_box_2 .r_box {
		width: 100%;
		margin-top: 10px;
	}
	
	#page-rental_cruiser .gallery ul li {
		width: 48%;
		background: #999;
		float: left;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	
	#page-rental_cruiser .gallery ul li:nth-child(2),
	#page-rental_cruiser .gallery ul li:nth-child(4),
	#page-rental_cruiser .gallery ul li:nth-child(6),
	#page-rental_cruiser .gallery ul li:nth-child(8){
		margin-right: 0;
	}
	
	/*予約・お問い合わせ
	============================================================================================*/
	#page-reservation .box_list_1 {
		margin: 35px 0;
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	#page-reservation.page .page-box{
		padding: 100px 0 100px;
	}

	#page-reservation .box_list_1 .l_box,
	#page-reservation .box_list_1 .r_box{
		width: 100%;
		padding: 30px;
	}

	#page-reservation .box_list_1 .r_box{
		border-left: none;
		border-top: 5px solid #E4EBEA;
	}


	/*#form*/
	#form {
		padding-bottom: 100px;
	}

	#form .form_box_t,
	#form .form_box_b{
		padding: 4%;
	}
	
	.reserve_b_1 .rl_box{
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	.reserve_b_1 .rl_box li,
	.reserve_b_1 .s_box_list{
		width: 100%;
	}

	.reserve_b_1 .rl_box li {
		margin-right: 0;
	}
	
	.reserve_b_1 .rl_box li:first-child{
		margin-bottom: 10px;
	}
	.reserve_b_1.mt60 {
		margin-top: 50px!important;
	}
	
	
	/*Google Calendar用CSS*/
	#form .google-calendar iframe,
	#page-reservation .google-calendar iframe{
		height: 500px;
	}
	
	#googleCalendar .box_list_2 {
		display: block;
		display: -webkit-block;
		display: -ms-block;

		margin: 60px 0 40px;
	}
	
	#googleCalendar .box_list_2 .l_box {
		width: 100%;
		margin-bottom: 40px;
	}
	
	#googleCalendar .box_list_2 .l_box h3 {
		margin-bottom: 40px;
	}

	#googleCalendar .box_list_2 .r_box {
		width: 100%;
		margin-left: 0;
	}

	
	
	/*アウトドア一覧
	============================================================================================*/
	#page-outdoorgoods .goods_box li,
	#page-outdoorgoods_detail .goods_box li {
		width: 48%;
		float: left;
		margin-right: 4%;
		margin-bottom: 4%;
	}

	#page-outdoorgoods .goods_box li:nth-child(2n+2),
	#page-outdoorgoods_detail .goods_box li:nth-child(2n+2){
		margin-right: 0;
	}
	
	/*アウトドア詳細
	============================================================================================*/
	#page-outdoorgoods_detail .page-box{
		padding-bottom: 0;
	}

	#page-outdoorgoods_detail .detail_box{
		position: relative;
		display: block;
	}
	
	#page-outdoorgoods_detail .detail_box .l_box,
	#page-outdoorgoods_detail .detail_box .r_box {
		width: 100%;
		display: block;
	}

	#page-outdoorgoods_detail .detail_box .l_box {
		float: none;
	}

	#page-outdoorgoods_detail .detail_box .r_box {
		float: none;
		margin-bottom: 60px;
	}
	
	#page-outdoorgoods_detail .post_cell .c_box_2 {
		margin-top: 60px;
		padding-top: 100px;
		padding-bottom: 80px;
		border-top: 1px solid #D9DDDC;
	}
	
	
	/*お知らせ
	============================================================================================*/
	#page-news .news_box,
	#page-news_detail .news_box{
		width: 100%;
		position: relative;
		display: block;
		display: -webkit-block;
		display: -ms-block;
	}

	#page-news .news_box .l_box,
	#page-news_detail .news_box .l_box {
		width: 100%;
		margin-right: inherit;		
	}

	#page-news .news_box .r_box,
	#page-news_detail .news_box .r_box {
		width: 100%;
		margin-top: 100px;
	}

	#page-news .news_box .r_box h4 {
		right: inherit;
		left: 0;
		margin: 0;
	}

	#page-news .news_box .r_box ul li {
		border-bottom: 1px solid #CCC;
		padding: 30px 0;
	}

	#page-news .news_box .r_box ul li .data,
	#page-news_detail .news_box .r_box .data {
		margin-bottom: 10px;
	}

	#page-news .news_box .r_box ul li .data_category {
		position: relative;
		display: block;
	}
	
	#page-news .news_box .r_box ul li h5.title {
		margin: 15px 0 18px;
	}	
	
	/*運営会社/個人情報/特定商取引法に基づく表記
	============================================================================================*/
	
	#page-about .list_set_c .tel {
		text-align: center;
		width: auto;
	}
	
	#page-about .list_set_c .tel span.ftm{
		display: block;
		margin-bottom: 10px;
	}
	
	
	/*キャンピングカーレンタルの貸渡約款
	============================================================================================*/
	#page-agreement .next ul,
	#page-about .next ul{
		width: 80vw;
	}
}


/*202304追加*/
.fsl {
    font-size: 18px;
}

.fsll {
    font-size: 24px;
}

.table_2023 tr{
    width: 100%;
    display: inline-table;
}

.table_2023 tr:first-child th {
    background-color:#005B52!important;
}

.table_2023 tr td.bga {
	background-color: #F8FDF9!important;
}

.table_2023 tr td.bgb {
	background-color: #EBF8EE!important;	
}

.table_2023 tr td.bga,
.table_2023 tr td.bgb {
    font-weight: bold;
}

.table_2023 tr td span.tax{
    font-size: 14px;
}

.table_2023 tr th,
.table_2023 tr td {
	width: 25%;	
	height: 100px;
	border-bottom: 1px solid #D9DDDC; 
    line-height: 1!important;
}

.table_2023 tr:nth-child(3)  td,
.table_2023 tr:nth-child(5)  td{
    background-color: #F5F9F8;
}

#insurance #scene5 img {
	width: 100%;
	max-width: 860px!important;
}


@media screen and (max-width: 767px){
	#insurance .insurance li{
		padding: 40px 5%;
	}
}

/*202405追加*/
#page-rental_campingcar02 .r360-t_if {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;

	margin-top: 100px;
}

#page-rental_campingcar02 .r360-t_if iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

#page-rental_campingcar02 .banner {
	width: 80%;
	margin: 20px auto 0 ;
}

#page-rental_campingcar02 .banner img {
	width: 100%;
	height: auto;
}

#page-rental_campingcar02 .banner a:hover {
	opacity: 0.5;
}

@media screen and (max-width: 767px){
	#page-rental_campingcar02 .r360-t_if{
		margin-top: 50px;
	}
}