@charset "shift_jis";

.contents-wrap{
	color: #4d4d4d
}
.estimate-ttl{
	text-align: center;
}
/* PC */

/*------------------------
cart
------------------------*/
.cartBtnWrap{
	padding-top: 2em
}

#section-cart{
	padding-bottom: 100px
}
#section-cart .inn-1080{
	margin-top: 100px;
	border:#999 1px solid;
	padding: 60px
}

#section-cart .item-wrap{
	margin: 0 auto 8px;
	width:100%;
	max-width: 680px;
	display: flex;
}
#section-cart .item-wrap .box-l{
	width:calc(100% - 50px);
	padding: 5px;
	background: #f2f2f2;
	display: flex;
	align-items: center
}

#conf #section-cart .item-wrap .box-l{
	width:100%;
	padding: 5px;
	background: #f2f2f2;
	display: flex;
	align-items: center
}

#section-cart .item-wrap .box-l-l{
	width:100px;
	    -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);

}
#section-cart .item-wrap .box-l-c{
	width:calc(100% - 200px);
	padding: 0 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
#section-cart .item-wrap .box-l-c .item-name{
	font-size:13px;
	font-weight: bold;
	width:100%
}

#section-cart .item-wrap .box-l-c .rental{
	font-size: 11px;
	padding: 5px 5px;
	text-align: center;
	color:#fff;
	background: #4d4d4d
}
#section-cart .item-wrap .box-l-c .item-value{
	font-size: 20px;
	font-weight: bold;
	margin-left: 10px
}
#section-cart .item-wrap .box-l-c .item-value span{
	font-size: 0.6em;
	font-weight: normal;
	margin-left: 5px
}

#section-cart .item-wrap .box-l-r{
	width:100px;	
	font-size: 1.2rem;
	text-align: center;
}

#section-cart .item-wrap .box-r{
	width:50px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	cursor: pointer
}
#section-cart .item-wrap .box-r .txt{
	width:100%;
	text-align: center;
	margin-bottom: 5px;
	font-size:12px
}
#section-cart .item-wrap .box-r .btn{
	width:20px
}

#section-cart .item-wrap .box-r:hover{
	opacity: 0.6
}

#section-cart .total-value-wrap{
	margin: 20px auto ;
	padding: 15px;
	width:100%;
	max-width: 680px;
	background: #d7f0f9;
	text-align: center;
	font-size:13px;
	font-weight: bold;
}
#section-cart .total-value-wrap .total-value{
	font-size:22px;
	margin: 5px auto 0;
	width:50%;
	padding: 3px;
	background: #fff

}
#section-cart .ex-txt{
	font-size:18px;
	text-align: center
}

#section-cart .btn-wrap{
	display: flex;
	justify-content:center;
	width:60%;
	margin: 0 auto
}
#section-cart .button {
	font-size: 1.8rem;
	width:48%;
	max-width: 370px;
	height: 60px;
	margin-top: 20px;
}
#section-cart .button a{
	display: block;
	width:100%;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	letter-spacing: 0.1em;
	border: #4d4d4d 1px solid;
	border-radius: 8px;
	background:#4d4d4d;
	color: #fff;
	cursor: pointer
	}
#section-cart .button.b a{
	border: #237BD0 1px solid;
	background:#237BD0;
	margin-left: 4%
}
#section-cart .button:hover{opacity: 0.6;}

#section-cart .nocart{
	font-size:18px;
	text-align: center;
	margin: 50px auto 50px
}

#section-cart .notice-txt{
	font-size:0.9em;
	margin-bottom: 20px;
	text-align: center
}

#section-cart .notice-txt a{
	color:#ed1c24
}
/*------------------------
form
------------------------*/
#section-form .inn-1080{
	padding-top: 0
}
	.form-box {
		margin: 0 auto;
		padding: 0 0  80px;
		width:860px;
		text-align: left;

}

	#formCK{
		padding-top: 0
	}
	
	.form-box h3{
		font-size:1.5rem;
		font-weight: normal;
		padding-bottom:5px;
		border-bottom:1px #0085d0 solid;
		margin:30px auto 20px
	}
	.form-box h3 span{
		color:#ed1c24;
		font-size:1.2rem;
		padding-left: 20px
	}
			
	.form-box .form-box2{
		border:#0085d0 1px dashed;
		padding-top: 20px;
		margin-top: 20px

	}
	.form-box dl{
		width:800px;
		margin: 0 auto 5px;
		font-size:1.5rem;
		font-weight: normal;
}
	.form-box .req{position: absolute;
		left:-1.2rem;
		font-size: 1.0rem;
		color:#ed1c24;
		vertical-align: super;}
	
	.form-box dt,.form-box dd{display: inline-block;vertical-align: top;margin-bottom: 15px}
	.form-box dt {width:200px;padding-top:2px; position: relative}

	.form-box input[type="text"]::placeholder {
	  color:#d8d8d8;
	}
	
	.form-box textarea{width: 580px;
		height: 10em;
		line-height: 1.5em;
		background:#f2f2f2;
		border: none;
		border-radius: 3px;
		padding: 2px 5px;
		margin: 0;
		font-size: 1.5rem;
		display:block;
		box-sizing: border-box
		}

	.form-box input[type="text"] {width: 580px;
		line-height: 1.5em;
		background:#f2f2f2;
		border:none;
		border-radius: 3px;
		padding: 5px 10px;
		margin: 0;
		font-size: 1.5rem;
		display:block;
		box-sizing: border-box}

	.form-box input[type="text"].small {width: 200px;}

	.form-box select::-ms-expand {
		display: none;
	}
	.form-box select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 5px 30px 5px 10px;
		font-size: 93%;
		line-height: 1.1em;
		border-radius: 3px;
		border: none;
		background-image: url("../img/icon_arrow.svg");
		background-repeat: no-repeat;
		background-size: 10px 10px;
		background-position: right 10px center;
		background-color: #f2f2f2;
		}

	/* チェックボタン */
	.form-box .checkwrap{
			width:560px;	
		}

	.form-box .checkwrap p{
		width:calc((100% - 40px) / 3);
		display: inline-block}
	.form-box input[type=checkbox] {
		display: none;
	}
	.form-box .check01 {
		box-sizing: border-box;
		cursor: pointer;
		display: inline-block;
		padding: 5px 30px;
		position: relative;
		width: auto;
		font-size:1.5rem
	}
	.form-box .check01::before {
		background: #f2f2f2;
		border: none;
		content: '';
		display: block;
		height: 20px;
		width: 20px;
		left: 5px;
		margin-top: -10px;
		position: absolute;
		top: 50%;

	}
	.form-box .check01::after {
		border-right: 3px solid #237BD0;
		border-bottom: 3px solid #237BD0;
		content: '';
		display: block;
		height: 9px;
		left: 12px;
		margin-top: -8px;
		opacity: 0;
		position: absolute;
		top: 50%;
		transform: rotate(45deg);
		width: 5px;
	}
	.form-box input[type=checkbox]:checked + .check01::after {
		opacity: 1;
	}


	/* ラジオボタン */
	.form-box input[type=radio] {
		display: none;
	}
	.form-box .radio01 {
		box-sizing: border-box;
		cursor: pointer;
		display: inline-block;
		padding: 5px 30px;
		position: relative;
		width: auto;
	}
	.form-box .radio01::before {
		background: #f2f2f2;
		border: none;
		content: '';
		display: block;
		height: 20px;
		width: 20px;
		left: 5px;
		margin-top: -10px;
		position: absolute;
		top: 50%;

	}
	.form-box .radio01::after {
		border-right: 3px solid #237BD0;
		border-bottom: 3px solid #237BD0;
		content: '';
		display: block;
		height: 9px;
		left: 12px;
		margin-top: -8px;
		opacity: 0;
		position: absolute;
		top: 50%;
		transform: rotate(45deg);
		width: 5px;
	}
	.form-box input[type=radio]:checked + .radio01::after {
		opacity: 1;
	}

	/*ラジオボタン　表示非表示*/
	.hidden_box_check .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		display: none;
		transition: 0.3s;
	}

	.hidden_box_check input.targeted:checked ~ .hidden_show {
		height: auto;
		padding-top: 20px;
		opacity: 1;
		display: block
	}


	.form-box button{
		width:60%;
		max-width: 370px;
		font-size: 1.8rem;
		border: #237BD0 1px solid;
		border-radius: 8px;
		background:#237BD0;
		color: #fff;
		padding: 15px 25px
	}


	.form-box .back_btn{margin: 20px 0 5px;}
	.form-box .back_btn a{
		font-size: 1.8rem;
		border-radius: 8px;
		color: #fff;
		padding: 15px 25px;
		background:#ccc;
		border: #ccc 1px solid;
	}


	.form-box button:hover{opacity: 0.6;}

	.form-box .thks_txt{text-align: center}	
	.form-box .thks_txt p {margin: 20px 0}	


	.form-box .note_txt1{
	font-size: 1.5rem;
	font-weight: bold;
	padding: 5px 15px;
	border:1px #4d4d4d solid;
	margin: 40px 0 
}
	.form-box .note_txt1 span{
	color:#0085d0;
	font-size:1.0rem;
	vertical-align: super;
}
	.form-box .note_txt2{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 40px 0 0;
	color:#ed1c24;
}
	.form-box .note_txt3{
	font-size: 1.4rem;
	text-align: center;
	padding:0;
	margin:  0 0 40px;
}

.end_txt{text-align: left;
	width:550px;
	margin: 0 auto;
	padding-top: 50px
}
.end_txt p + p{margin-top: 20px}

.accept_chk{text-align: center;
	margin-bottom: 15px
}
.accept_chk a{color:#237BD0}

/*------------------------
	form conf
------------------------*/
#conf .form-box dd{
	width:580px;
	line-height: 1.5em;
	background:#f2f2f2;
	border: none;
	border-radius: 3px;
	padding:5px 10px;
	margin: 0 0 15px;
	font-size: 1.5rem;
	min-height:calc(1.5em + 10px)
}


/*------------------------
	おすすめ商品
------------------------*/
#section-other h2{
    text-align: center;
    padding-top:50px;
}
#section-other .txt{
	font-size:1.6rem;
	text-align: center;
	margin: 15px 0 45px
}
/* --- .thumb --- */
.thumb ul{
    display: flex;
	flex-wrap: wrap;
    align-items: top;
	padding-bottom: 30px;
}
.thumb li{
	width: 19.2%;
	margin-bottom: 20px;
	margin-right: 1%;
	cursor: pointer
}
.thumb li:nth-child(5n){
	margin-right: 0;
}
.thm_ttl {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0em;
}
.thm_img {
	padding: 10px;
	margin-bottom: 10px;
	background: #fff;
	/*-webkit-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	-moz-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	-ms-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
	filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));*/

    -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
}





/* SP */
@media screen and (max-width:768px) {
	/*------------------------
	cart
	------------------------*/
	#section-cart .inn-1080{
		margin-top: 10vw;
		border:#999 1px solid;
		padding:5vw 2vw;
	}
	#section-cart .item-wrap{
		margin: 0 auto 2vw;
		width:100%;
		max-width: 100%;
		display: flex;
	}
	#section-cart .item-wrap .box-l{
		width:calc(100% - 8vw);
		padding: 5px;
		background: #f2f2f2;
		display: flex;
		align-items: center
	}
	#section-cart .item-wrap .box-l-l{
		width:14vw;
		-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
		box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);

	}
	#section-cart .item-wrap .box-l-c{
		width:calc(100% - 28vw);
		padding: 0 3vw;
		display: flex;
		align-items: center;
		flex-wrap: wrap
	}
	#section-cart .item-wrap .box-l-c .item-name{
		font-size:3vw;
		line-height: 1.4;
		font-weight: bold;
		width:100%
	}

	#section-cart .item-wrap .box-l-c .rental{
		font-size: 2.2vw;
		padding:0vw 1vw;
		text-align: center;
		color:#fff;
		margin-top: 2vw;
		background: #4d4d4d
	}
	#section-cart .item-wrap .box-l-c .item-value{
		font-size: 4vw;
		font-weight: bold;
		margin-left: 0
	}
	#section-cart .item-wrap .box-l-c .item-value span{
		font-size: 0.5em;
		font-weight: normal;
		margin-left: 0
	}
	#section-cart .item-wrap .box-l-r{
		width:14vw;
	}
	#section-cart .item-wrap .box-r{
		width:8vw;
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		cursor: pointer
	}
	#section-cart .item-wrap .box-r .txt{
		width:100%;
		text-align: center;
		margin-bottom: 5px;
		font-size:2.2vw
	}
	#section-cart .item-wrap .box-r .btn{
		width:20px
	}

	#section-cart .item-wrap .box-r:hover{
		opacity: 0.6
	}

	#section-cart .total-value-wrap{
		margin: 5vw auto ;
		padding: 3vw;
		width:100%;
		max-width: 680px;
		background: #d7f0f9;
		text-align: center;
		font-size:3vw;
		font-weight: bold;
	}
	#section-cart .total-value-wrap .total-value{
		font-size:4.5vw;
		margin: 1vw auto 0;
		width:70%;
		padding: 1vw;
		background: #fff

	}
	#section-cart .ex-txt{
		font-size:3.2vw;
		text-align: center
	}
#section-cart .btn-wrap{
	width:100%}
	
	#section-cart .button {
		font-size: 3.3vw;
		max-width: inherit;
		height: 12vw;
		margin-top: 5vw;
	}
	#section-cart .button a{
		display: block;
		width:100%;
		text-align: center;
		text-decoration: none;
		line-height: 12vw;
		letter-spacing: 0.1em;
		border: #4d4d4d 1px solid;
		border-radius: 8px;
		background:#4d4d4d;
		color: #fff;
		cursor: pointer
		}
	#section-cart .button:hover{opacity: 0.6;}

	#section-cart .nocart{
		font-size:3.6vw;
		text-align: center;
		margin: 10vw auto 10vw
	}	
	
/*------------------------
form
------------------------*/

	.form-box {margin: 0 auto;
		width:100%;
		text-align: left;
		font-size: 3vw;
		padding: 5vw 0;
	}
	
	.form-box h3{
		font-size:3vw;
		font-weight: normal;
		padding-bottom:5px;
		border-bottom:1px #0085d0 solid;
		margin:5vw auto 3vw
	}
	.form-box h3 span{
		color:#ed1c24;
		font-size:2.4vw;
		padding-left: 3vw
	}
	
	.form-box .form-box2{
		border:#0085d0 1px dashed;
		padding-top: 3vw;
		margin-top: 5vw

	}
	.form-box dl{
		width:94%;
		margin-bottom: 0px}
	
	.form-box .req{font-size: 0.8em;vertical-align: super;}
	
	.form-box dl{padding-bottom: 3vw;}
	.form-box dt,form dd{vertical-align: top;margin-bottom: 0}
	.form-box dt, form dd{width:100%;}
	
	.form-box textarea{width: 100%;
		height: 5em;
		background:#f2f2f2;
		border: none;
		border-radius: 3px;
		padding: 2vw;
		margin: 0 ;
		font-size: 1em;
		display:block;
		}

	.form-box input[type="text"] {width: 100%;
		background:#f2f2f2;
		border: none;
		border-radius: 3px;
		padding:2vw;
		margin: 0;
		font-size: 1em;
		display:block;}
	.form-box input[type="text"].small {width: 40vw;}


	.form-box select::-ms-expand {
		display: none;
	}
	.form-box select {
		width:40vw;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 3vw 10% 3vw 5%;
		font-size: 1em;
		line-height: 1.1em;
		border-radius: 3px;
		border: none;
		background-image: url("../img/icon_arrow.svg");
		background-repeat: no-repeat;
		background-size: 12px 10px;
		background-position: right 10px center;
		background-color: #f2f2f2;
		box-sizing: border-box
	}
	
	.form-box .checkwrap{
		width:100%;
		display: flex;
		flex-wrap: wrap
		}

	.form-box .checkwrap p{width:calc((100% - 20px) / 2);}

	
	.form-box button{font-size: 3.6vw;
		width:80%;
		min-width:80%;
		border: #237BD0 1px solid;
		border-radius: 8px;
		background:#237BD0;
		color:#fff;
		height: 12vw;
		padding: 2vw 10vw;
		margin: 2vw 0 5vw;}
	
	.form-box button:hover{opacity: 0.6;}
	
	.form-box .back_btn{margin: 0;}
	.form-box .back_btn a{
		font-size: 3.6vw;;
		border-radius: 8px;
		color: #fff;
		padding: 2vw 10vw;
		background:#ccc;
		border: #ccc 1px solid;
	}

	.form-box .thks_txt{padding: 50px 0}
	.form-box .thks_txt p {margin: 20px 0}	
	
	
/*	.form-box .conf button{margin: 5vw 0 5px}
	.form-box .conf  dl{padding-top: 20px; border-top:rgba(35,123,208,0.40) 1px solid}
	.form-box .conf  dl.dlend{border-bottom:rgba(35,123,208,0.40) 1px solid}
	
	.form-box .conf_txt	{width: 100%;}
	.form-box .conf_txt pre {
		font-size:1.2em;
		padding: 0;
		margin: 0;
		white-space: pre-wrap ;
	}	
*/	
	
	.end_txt{text-align: left;
		width:90%;
		margin: 0 auto;
		padding-top: 10vw
	}
	.end_txt p + p{margin-top: 5vw}
	
/*------------------------
	form conf
------------------------*/
#conf .form-box dd{
	width:100%;
	line-height: 1.5em;
	border-radius: 3px;
	padding:5px 10px;
	margin: 0 0 15px;
	min-height:calc(1.5em + 4vw);
	padding:2vw;
	margin: 0;
	font-size: 1em;
}

	
/*------------------------
	おすすめ商品
------------------------*/
#section-other h2{
    padding-top:10vw;
}
#section-other .txt{
	font-size:3.2vw;
	text-align: center;
	margin: 3vw 0 10vw
}
	
.thumb ul{
		justify-content: space-between;
	}
	.thumb li{
		width: 48%;
		margin-right: 0;
	}
	.thumb ul{
		justify-content: space-between;
	}
	.thumb li{
		width: 48%;
		margin-right: 0;
	}
	
	
}