@charset "utf-8";

/* スキー料金 一斉リンク無効コード */
/* a.RentIav{
    pointer-events: none;
    filter: brightness(47%) contrast(141%) grayscale(100%) opacity(75%);
}
a.RentIav_Bnr{
    display: none;
} */


/*=============================================================================
   Base
=============================================================================*/

header,
nav,
main,
article,
section,
aside,
footer {
	display: block;
}

body {
	min-width: 1280px;
	margin: 0 auto;
	background: #f5e8d6;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #111;
}.

body * {
	color: #111;
  }

p,
table {
	color: #111;
}

h1 {
	margin: 0;
	line-height: 0;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

table {
	width: 100%;
	border-collapse: collapse;
	word-wrap: break-word;
	vertical-align: middle;
}

thead th,
thead td {
	padding: 17px 35px;
	background: #dcdcd1;
	border-top: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-bottom: 3px solid #ad292c;
	font-weight: normal;
}

th {
	padding: 17px 35px;
	background: #ececec;
	border: 1px solid #c5c5c5;
	font-weight: normal;
}

td {
	padding: 17px 35px;
	background: #fff;
	border: 1px solid #c5c5c5;
}

ul {
	list-style: none;
}

a:link,
a:visited {
	text-decoration: underline;
	color: #ad292c;
}

a:hover,
a:active,
a:focus {
	text-decoration: underline;
	outline: 0;
}


/*=============================================================================
   Header
=============================================================================*/

/* index_slider
-----------------------------------------------------------------------------*/

.fluid_container {
	height: 550px;
}

#camera_wrap_full {
	height: 550px;
}

.camera_overlayer {
	opacity: .1;
}


/* index_header
-----------------------------------------------------------------------------*/

.index_in {
	max-width: 1100px;
	height: 65px;
	margin: 0 auto;
	position: relative;
}

.index_plan {
	position: absolute;
	z-index: 500;
	top: 0;
	right: 0;
}

.index_tel {
	position: absolute;
	z-index: 499;
	top: 0;
	right: 215px;
}


/* index_nav
-----------------------------------------------------------------------------*/

#menu {
	width: 100%;
	position: absolute;
	z-index: 3000;
}

#menu_box {
	margin: 0px;
	padding: 20px 0 0 70px;
	position: relative;
	z-index: 10000;
}


/* header
-----------------------------------------------------------------------------*/

.in {
	width: 1280px;
	height: 539px;
	margin: 0 auto;
	position: relative;
}

.logo {
	position: absolute;
	top: 40px;
	left: 20px;
	z-index: 500;
}

.hd {
	position: absolute;
	top: 122px;
	left: 50px;
	z-index: 499;
}

.plan {
	position: absolute;
	z-index: 500;
	top: 7px;
	right: 0;
}

.tel {
	position: absolute;
	z-index: 499;
	top: 7px;
	right: 215px;
}


/* nav
-----------------------------------------------------------------------------*/

.menu-box {
	width: 205px;
	position: absolute;
	top: 75px;
	right: 129px;
	z-index: 499;
}

.nav {
	width: 180px;
	height: 450px;
	position: relative;
	z-index: 51;
}

.nav ul {
	width: 180px;
	margin: 0;
	padding :0;
}

.nav li {
	margin: 0 0 3px 0;
	list-style: none;
	line-height: 16px;
}

.mi a {
	display: block;
	width: 146px;
	height: 20px;
	margin: 0 0 0 11px;
	padding: 0 0 0 3px;
	overflow: hidden;
	position: relative;
}

#nav01 {
	background: url(../common/bace/menu01-on.png) no-repeat;
}

#nav02 {
	margin-top: 7px;
	background: url(../common/bace/menu02-on.png) no-repeat;
}

#nav03 {
	margin-top: 7px;
	background: url(../common/bace/menu03-on.png) no-repeat;
}

#nav04 {
	margin-top: 7px;
	background: url(../common/bace/menu04-on.png) no-repeat;
}

#nav05 {
	margin-top: 7px;
	background: url(../common/bace/menu05-on.png) no-repeat;
}
#nav09 {
	margin-top: 7px;
	background: url(../common/bace/menu09-on.png) no-repeat;
}
html *:before,
html *:after {
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
html i, html em,
html b, html strong,
html span {
  -webkit-transition: none;
  transition: none;
}


.nav .mi a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 20px;
	border-bottom: 2px solid #ad292c;
}

.nav .mi a:hover:before {
  width: 146px;
}

.m-menu {
	position: absolute;
	z-index: 499;
	width: 64px;
	top: 342px;
	right: 65px;
}

.m-menu ul {
	margin: 0;
	padding: 0;
}

.m-menu li {
	margin: 0 0 3px 0;
	list-style: none;
}

#nav06 {
	background: url(../common/bace/menu06-on.png) no-repeat;
}

#nav07 {
	margin-top: 7px;
	background: url(../common/bace/menu07-on.png) no-repeat;
}

#nav08{
	margin-top: 7px;
	background: url(../common/bace/qa-on.png) no-repeat;
}


/*=============================================================================
   Layout
=============================================================================*/

main {
	width: 1260px;
	margin: 0 auto;
}

main p {
	margin-left: 5px;
}

.contents {
	width: 1180px;
	margin: 0 auto;
}

.contents:after {
	content: "";
	display: block;
	clear: both;
}

.contents_main {
	float: left;
	width: 818px;
	margin-top: 33px;
}

.contents_side {
	float: right;
	width: 324px;
}


.facebook {
	margin-top: 50px;
}
.qr{
	text-align:center;
	margin-top:30px;

}
.qr p{
	font-size:13px;
}
.qr a{
	text-decoration:none;
}
.qr a:hover{
	opacity:.8;
}
.qr p:hover{
	opacity:.8;
}
.bottom_area {
	clear: both;
	padding: 120px 0 45px;
}

.bottom_area:after {
	content: "";
	display: block;
	clear: both;
}

.bottom_area2 {
	clear: both;
	padding: 0 0 45px;
}

.bottom_area2:after {
	content: "";
	display: block;
	clear: both;
}

.page_top {
	float: right;
	width: 63px;
	margin: -50px 130px 0 0;
}

.sub_midashi {
	margin: 60px 0 15px 5px;
}

.sub_midashi2 {
	margin: 5px 0 20px 5px;
}


/*=============================================================================
   Footer
=============================================================================*/

footer {
	width: 100%;
	min-height: 120px;
	margin: 0 auto;
}

.footer_inner {
	width: 600px;
	margin: 0 auto;
}

.footer_inner img {
	vertical-align: bottom;
}

.copyright {
	width: auto;
	background: #000;
	margin-top:-5px;
	padding: 0 1rem;
}

.copyright:after {
	content: "";
	display: block;
	clear: both;
}

.copyright p {
	display: inline-block;
	margin: 10px 0 6px;
	color: #fff;
}

.copyright_inner {
	max-width: 1100px;
	margin: 0 auto;
}

.copyright a {
	text-decoration: none;
	color: #fff;
}

.copyright a:hover {
	text-decoration: underline;
}

.copyright img {
	margin: 3px 10px 0 0;
	vertical-align: top;
}

.copyright small {
	font-family: Verdana, Geneva, sans-serif;
}

/*=============================================================================
   Page
=============================================================================*/
/*=============================================================================
   Other
=============================================================================*/

/* float
-----------------------------------------------------------------------------*/

.clear:after {
	content: "";
	display: block;
	clear: both;
}

.float_clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}


/* margin
-----------------------------------------------------------------------------*/

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt80 {
	margin-top: 80px;
}

.mt90 {
	margin-top: 90px;
}

.mt110 {
	margin-top: 110px;
}

.mt120 {
	margin-top: 120px;
}


/* padding
-----------------------------------------------------------------------------*/

.pt10 {
	margin-top: 10px;
}

.pt50 {
	padding-top: 50px;
}

.pt70 {
	padding-top: 70px;
}

.pt80 {
	padding-top: 80px;
}


.price_sim_text{margin:0 0 1rem 0; background:rgba(255,255,255,0.50); padding:1.5rem 2rem; border-left:#ad292c 3px solid;}
.price_sim_text h3{margin:0 0 5px 0; color:#ad292c;}
.price_sim_text p{margin:0;}

.simulation .item{text-align: left; padding-left: 2rem}
.simulation .check{cursor: pointer; position: relative; padding-left:2rem;}
.simulation .check::before,
.simulation .check::before,
.simulation .check::before{
content:'';
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 13px;
height: 13px;
border: 1px solid #333;
    z-index: 100;
}


.simulation .check_hp{cursor: pointer; position: relative; padding-left:2rem;}
.simulation .check_hp::before,
.simulation .check_hp::before,
.simulation .check_hp::before{
content:'';
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 13px;
height: 13px;
border: 1px solid #333;
    z-index: 100;
}





.simulation .check.checked::after,
.simulation .check.checked::after,
.simulation .check.checked::after{
content:'';
position: absolute;
left: 1px;
top: 47%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background-image: url(../img/check.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 12px;
    z-index: 100;
}


.simulation .check_hp.checked::after,
.simulation .check_hp.checked::after,
.simulation .check_hp.checked::after{
content:'';
position: absolute;
left: 1px;
top: 47%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background-image: url(../img/check.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 12px;
    z-index: 100;
}



.simulation .btn{
cursor: pointer;
display: block;
margin-top: 10px;
}

.calc_result{ background:rgba(255,255,255,0.50); padding: 2rem;}
.calc_result h3{text-align: left; font-size:1.25rem; text-align: center; color:#ad292c;}
.calc_result input{width:300px;}
.calc_result .price_wrap{width:400px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.calc_result .price_wrap .result{font-size:2rem; width:100px;  text-align:right; background:none; border: none;}
.calc_result .price_wrap .result_hp{font-size:2rem; width:100px;  text-align:right; background:none; border: none;}
.calc_result .price_wrap .btn{margin: 0;}
.calc_result p{margin-left: 0!important; text-align: center;}


.rental_form table{font-size:0.8rem;}



.rental_form .accordion {
	font-size: 1rem;
	width: 100%;
	margin: 4rem auto;
	border:#736d65 2px solid;

  }
  
  .rental_form .accordion__item{border-bottom:#736d65 1px solid; }
  .accordion__item:last-child{border-bottom:none; }

  
  .rental_form .accordion-header,
  .rental_form .accordion-body {
	background: white;
	
  }
  
  .rental_form .accordion-header {
	padding: 1.5em 1.5em;
	background: #f2ece5;
	text-transform: uppercase;
	color: #2f2f2f;
	text-align: center;
	cursor: pointer;
	font-size: 1.2em;
	letter-spacing: .1em;
	transition: all .3s;
  }
 
  
  .rental_form .accordion-header:hover {
	background: #cacaca;
	position: relative;
	z-index: 5;
  }
  
  .rental_form .accordion-body {
	background: #fcfcfc;
	color: #3f3c3c;
	display: none;
  }
  
  .rental_form .accordion-body__contents {
padding:0 1.5rem 1.5rem 1.5rem;
  }
  
  .rental_form .accordion__item.active:last-child .accordion-header {
	border-radius: none;
  }
  
  .rental_form .accordion:first-child > .accordion__item > .accordion-header {
	border-bottom: 1px solid transparent;
  }
  
  .rental_form .accordion__item > .accordion-header:after {
	font-family: 'Ionicons';
	content: "\f123";
	font-size: 1.2em;
	float: right;
	position: relative;
	top: -2px;
	transition: .3s all;
	transform: rotate(0deg);
	z-index: 1000;
  }
  
  .rental_form .accordion__item.active > .accordion-header:after {
	transform: rotate(-180deg);
  }
  
  .rental_form .accordion__item.active .accordion-header {
	background: #ad292c;
	color:#fff;
  }
  
  .rental_form .accordion__item .accordion__item .accordion-header {
	background: #f1f1f1;
	color: black;
  }



.price_normal .accordion {
	font-size: 1rem;
	width: 100%;
	margin: 4rem auto;
	border:#736d65 2px solid;

  }
  
  .price_normal .accordion__item{border-bottom:#736d65 1px solid; }
  .price_normal .accordion__item:last-child{border-bottom:none; }

  
  .price_normal .accordion-header,
  .price_normal .accordion-body {
	background:none;
	
  }
  
  .price_normal .accordion-header {
	padding: 1.5em 1.5em;
	background: #f2ece5;
	text-transform: uppercase;
	color: #2f2f2f;
	text-align: center;
	cursor: pointer;
	font-size: 1.2em;
	letter-spacing: .1em;
	transition: all .3s;
  }
 
  
  .price_normal .accordion-header:hover {
	background: #cacaca;
	position: relative;
	z-index: 5;
  }
  
  .price_normal .accordion-body {
	color: #3f3c3c;
	display: none;
	padding:1rem;
  }
  
  .price_normal .accordion-body__contents {
	padding: 1.5em 1.5em;
	font-size: .85em;
  }
  
  .price_normal .accordion__item.active:last-child .accordion-header {
	border-radius: none;
  }
  
  .price_normal .accordion:first-child > .accordion__item > .accordion-header {
	border-bottom: 1px solid transparent;
  }
  
  .price_normal .accordion__item > .accordion-header:after {
	font-family: 'Ionicons';
	content: "\f123";
	font-size: 1.2em;
	float: right;
	position: relative;
	top: -2px;
	transition: .3s all;
	transform: rotate(0deg);
	z-index: 1000;
  }
  
  .price_normal .accordion__item.active > .accordion-header:after {
	transform: rotate(-180deg);
  }
  
  .price_normal .accordion__item.active .accordion-header {
	background: #ad292c;
	color:#fff;
  }
  
  .price_normal .accordion__item .accordion__item .accordion-header {
	background: #f1f1f1;
	color: black;
  }

    
.rental_form{max-width:1100px; margin:0 auto; padding: 1rem; min-height:80vh;}
.rental_form h2{font-size:1.5rem; text-align: left; background:url("../../common/img/midashi_icon.png") no-repeat left 10px center/30px,linear-gradient(to bottom, #f7f7f7 0%,#e6e6e7 100%) ; padding:1.5rem 1.5rem 1rem 3.5rem; border-bottom:#ad292c 3px solid;}
.rental_form .notice_box{margin:2rem 0 0 0;}

.sp_on{display: none;}
.pc_on{display: inline;}

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

	.sp_on{display: inline;}	
	.pc_on{display: none;}

	#rental .index_in,.footer_inner,.copyright{display: none;}
	.accordion-header span{width:90%; display: inline-block;}

	.rental_form .accordion-body__contents {padding:inherit; }
	.rental_form .accordion__item > .accordion-header:after {top: 14px;}
		  

	
	}


	.post_page_frame{}
	.post_page_frame iframe {
		padding:0;
		width:100%;
		overflow:hidden;
		border:none;
	}


/*-----------------*/

/* =========================
  common
========================= */

.mt_10{margin-top: 10px;}
.mt_15{margin-top: 15px;}
.mt_20{margin-top: 20px;}
.mt_25{margin-top: 25px;}
.mt_30{margin-top: 30px;}
.mt_40{margin-top: 40px;}
.mt_50{margin-top: 50px;}
.mt_60{margin-top: 60px;}
.mt_70{margin-top: 70px;}
.mt_80{margin-top: 80px;}

/* margin-bottom */
.mb_10{margin-bottom: 10px;}
.mb_15{margin-bottom: 15px;}
.mb_20{margin-bottom: 20px;}
.mb_25{margin-bottom: 25px;}
.mb_30{margin-bottom: 30px;}
.mb_35{margin-bottom: 35px;}
.mb_40{margin-bottom: 40px;}
.mb_45{margin-bottom: 45px;}
.mb_50{margin-bottom: 50px;}
.mb_55{margin-bottom: 55px;}
.mb_60{margin-bottom: 60px;}
.mb_70{margin-bottom: 70px;}
.mb_80{margin-bottom: 80px;}
.mb_90{margin-bottom: 90px;}
.mb_100{margin-bottom: 100px;}
.mb_120{margin-bottom: 120px;}

/* padding-bottom */
.pb_10{padding-bottom: 10px; display: inline-block;}
.pb_15{padding-bottom: 15px;}
.pb_20{padding-bottom: 20px;}
.pb_25{padding-bottom: 25px;}
.pb_30{padding-bottom: 30px;}
.pb_35{padding-bottom: 35px;}
.pb_40{padding-bottom: 40px;}
.pb_45{padding-bottom: 45px;}
.pb_50{padding-bottom: 50px;}
.pb_55{padding-bottom: 55px;}
.pb_60{padding-bottom: 60px;}
.pb_80{padding-bottom: 80px;}

/**/
.w_10{width: 10%;}
.w_15{width: 15%;}
.w_20{width: 20%;}
.w_25{width: 25%;}
.w_30{width: 30%;}
.w_40{width: 40%;}
.w_45{width: 45%;}
.w_48{width: 48%;}
.w_50{width: 50%;}
.w_55{width: 55%;}
.w_60{width: 60%;}
.w_70{width: 70%;}
.w_80{width: 80%;}
.w_90{width: 90%;}
.w_100{width: 100%;}






/*== アコーディオンボタン ==============*/
details,
.details{
    background: rgba(255,255,255,0.8);
}
details summary,
.details .summary{
  position: relative;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
  color: #ad292c;
  font-weight: bold;
  background: #f0f9f6;
    background: linear-gradient(to bottom right, #ffffff 0%, #ffffff 30%, #e7e7e8 100%);
  transition: 0.2s;
  z-index: 2;
}

.details .summary{
  cursor: default;
}
details summary::-webkit-details-marker {
  display: none; /* 矢印を消す */
}

/* アイコン */
details summary:after {
  content: '＋';
  position: absolute;
  font-size: 30px;
  transition: .5s;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(90deg);
}
details[open] summary:after {
  content: '－';
  transform: translateY(-50%) rotate(0deg);
}

details[open] table.DetailsCont {
  animation: fadeIn 0.8s ease;
  z-index: 1;
}

@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-20px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

/* ios reset */
input[type="submit"], input[type="button"] { -webkit-appearance: none; }

.form_wrap{padding:1rem; margin:0 0 2rem 0; background:#fff;}
.form_box{display: none; opacity: 0; transition: .5s; padding:0; animation: show 0.5s linear 0s;} 
.form_box.open{display: block; opacity: 1; padding:2rem 0 0 0;}
.form_box h3{background: linear-gradient(to bottom right, #ffffff 0%, #ffffff 30%, #e7e7e8 100%); color:#ad292c; margin:0; padding:0.5rem 1rem; font-size:14px!important;}
.form_box option{padding:0.5rem;}

@keyframes show{
    from{
        opacity: 0; transform: translateY(-20px);
    }
    to{
        opacity: 1;
    }
}


.form_btn{display:inline-block; width:100%; cursor: pointer;  transition: .5s; padding:1rem 3rem!important; background:url(../images/open_icon.svg) no-repeat right 10px center / 20px, #f0f0f0; color:#000; border:#cacaca 1px solid; font-size:15px;}

.form_btn.on{background:url(../images/close_icon.svg) no-repeat right 10px center / 20px, #ad292c ; color:#fff;  }
.form_btn_wrap{text-align: center; margin:0 auto 2rem auto; width:300px; position: relative;}

.rental_submit{ background: #ad292c; color:#fff; border: none; font-size:21px; padding: 0.8rem; width:50%; margin:0 auto; display: block; cursor: pointer; transition: 1.0s ;}  

.rental_submit:hover {background:#d82c2e;}

.list_select{display: none;}

/* 基本のセレクトボックスのカスタマイズ */
.select {
	background: #f4f4f5;
	height: 40px;
	width: auto;
	border-radius: 5px;
	position: relative;
	z-index: 1;
  }
  
  .select::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	z-index: -1;
  }

  /* 基本のセレクトボックスのカスタマイズ */
.select_list {
	background: #f4f4f5;
	height: 40px;
	width: 100px;
	border-radius: 5px;
	position: relative;
	z-index: 1;
  }
  
  .select_list::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	z-index: -1;
  }
  

.list_box{display:flex; flex-wrap: wrap; justify-content:flex-start;}
.list_box .item{margin:0 1.5rem 0 0; display:flex; flex-wrap: wrap; justify-content:flex-start; align-items: center;}
.list_box .item input{margin:0 1rem;}
.list_box .item input:first-child{margin:0 1rem 0 0;}

.list_box .item2{margin:0 1.5rem 0 0; display:flex; flex-wrap: wrap; justify-content:flex-start; align-items: center;}
.list_box .item2 input{margin:0 1rem;}
.list_box .item2 .select_list{margin:0 1rem;}

.list_box .rental_set{width: 100%; margin:0 0 1rem 0;}
.list_box .rental_set:last-child{width: 100%; margin:0;}
.list_box.rental_type { margin: 0 0 1rem 0;}
.list_box.rental_type h4{font-size:15px!important; margin:0 0 1rem 0;}

.confirm_box{display:flex; flex-wrap: wrap; justify-content:center; margin:0 0 2rem 0;}
.confirm_box .item{margin:0 1.5rem 0 0; display:flex; flex-wrap: wrap; justify-content:flex-start; align-items: center;}
.confirm_box .item input{margin:0 1rem;}
.confirm_box .item input:first-child{margin:0 1rem 0 0;}

.price_wrap{margin:1rem 0 0 0; text-align: right;}
.price_wrap p{margin:0;}
.price_wrap input{padding:0; border: none; background:none; text-align: right; font-size:2rem; line-height: 1; color: #ad292c; width:80%;}

.price_section{display:flex; flex-wrap: wrap; justify-content:flex-end; align-items: center;}
.price_title{font-size:0.8rem; display:block; width:100%;}


.price_float{position: fixed; width:210px;  bottom:55px; right:10px; padding:0 1rem 1rem 1rem; background:#f3ede5; z-index: 100; border:#756f66 2px solid; border-radius: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.price_float.price_wrap input{}

.g-recaptcha{margin:1rem auto; display: block; max-width: 300px;}    

#rentalform table {font-size:15px;}
#rentalform table th{min-width:200px; background:#fff2f2;}
#rentalform table td{padding: 1rem;}
#rentalform td .input{width:100%; padding:1rem; border-radius: 0; border:#cacaca 1px solid; font-size:15px;}
#rentalform td .input_date{width:30%; padding:1rem; border-radius: 0; border:#cacaca 1px solid; font-size:15px;}
#rentalform td .input_size{width:80px; padding:0.5rem; border-radius: 0; border:#cacaca 1px solid; font-size:15px;}
#rentalform  select {
	/* 初期化 */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	color: #333;
	font-size: 14px;
	width: 100%;
	height: 100%;
	padding: 0 10px;
  }
#rentalform .form_name{background:#ad292c; color:#fff;}
#rentalform .form_notice{margin:0.5rem 0 0 0; display:block; font-size:0.8rem;} 



#rentalform .check{position: relative;}
/* チェックボックスデザイン */
#rentalform input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
  }
 
#rentalform [type="checkbox"]::before,
  input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
  }
 
#rentalform input[type="checkbox"]::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #cacaca;
    width: 20px;/*チェックボックスの横幅*/
    height: 20px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: 0;
  }
 
#rentalform input[type="checkbox"]::after {
    border-bottom: 3px solid #ad292c;/*チェックの太さ*/
    border-left: 3px solid #ad292c;/*チェックの太さ*/
    opacity: 0;/*チェック前は非表示*/
    height:8px;/*チェックの高さ*/
    width: 15px;/*チェックの横幅*/
    transform: rotate(-45deg);
    top: 0;/*チェック時の位置調整*/
    left: 3px;/*チェック時の位置調整*/
  }
 
#rentalform input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }

  /* ラジオボタンデザイン */
#rentalform input[type="radio"] {
    cursor: pointer;
    padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
  }
 
#rentalform input[type="radio"]::before,
#rentalform input[type="radio"]::after {
    content: "";
    display: block; 
    position: absolute;
  }
 
#rentalform input[type="radio"]::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #cacaca;
    width: 20px;/*チェックボックスの横幅*/
    height: 20px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: 0;
  }
 
#rentalform input[type="radio"]::after {
    border-bottom: 3px solid #ad292c;/*チェックの太さ*/
    border-left: 3px solid #ad292c;/*チェックの太さ*/
    opacity: 0;/*チェック前は非表示*/
    height:8px;/*チェックの高さ*/
    width: 15px;/*チェックの横幅*/
    transform: rotate(-45deg);
    top: 0;/*チェック時の位置調整*/
    left: 3px;/*チェック時の位置調整*/
  }
 
#rentalform input[type="radio"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }







.spinner-container {
	display: flex;
	justify-content: flex-start;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
  }
  
  .spinner {
	width: auto;
	padding: 0;
	text-align: center;
	border: none;
	background: none;
	outline: none;
	font-size: 18px;
  }
  
  .spinner::-webkit-inner-spin-button,
  .spinner::-webkit-outer-spin-button {
	-webkit-appearance: none;
  }
  
  .spinner-sub{
	display: block;
	width:24px;
	height:24px;
	border-radius: 50%;
	cursor: pointer;
	background:url(../images/min_icon.svg) no-repeat center center / 50%, #ebebeb; 
  }
  .spinner-add {
	display: block;
	width:24px;
	height:24px;
	border-radius: 50%;
	cursor: pointer;
	background:url(../images/plus_icon.svg) no-repeat center center / 50%, #ebebeb; 
  }
  
  .disabled {
	opacity: 0.3;
	cursor: inherit;
  }

.result_day_discount{font-size:1.4rem!important;}
#discount{display: none;}



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

	#rentalform table {font-size:15px; border-bottom: #cacaca 1px solid;}
	#rentalform table th{width:auto; display: block; border-bottom: none;}
	#rentalform table td{width:auto; display: block; padding: 0.8rem;}
	#rentalform table td:last-child{border-bottom: none;}
	#rentalform .select p{margin:0;}
	#rentalform  select {padding: 0 30px 0 10px;}
	#rentalform td .input_date{width:50%; padding:1rem; border-radius: 0; border:#cacaca 1px solid; font-size:15px;}


h1 img{width:50%; height: auto;}

.price_float{width:100%; bottom:0; right:0; padding:0 1rem 1rem 1rem; border-radius: 0; border:none;}
.price_wrap input{border: none; background:none; text-align: right; font-size:1.6rem; color: #ad292c;}
.price_wrap p{font-size: 0.8rem;}

.result_day_discount{font-size:1.2rem!important;}


.list_box{display:block;}
.list_box .item{margin:0 1.5rem 0 0; padding:0.5rem 0; display:block; flex-wrap: wrap; justify-content:flex-start; align-items: center; width: auto; text-align: left;}
.list_box .item2{margin:0 1.5rem 0 0; padding:0.5rem 0; display:flex; flex-wrap: wrap; justify-content:flex-start; align-items: center;}

.name input{width: 99%;}

.spinner {width: 5rem;}
.spinner-sub{width:32px;height:32px;}
.spinner-add {width:32px;height:32px;}

}