@charset "utf-8";

/* ==================================================================

home_rental.css

===================================================================== */

/* 
index
---------------------------------------------------------------------- */

.index_box{
	margin:10px;
	padding:0;
}

p.p_rental{
	color:#444;
	line-height:1.6em;
}

ul.ul_rental_btn{
	margin:0;
	padding:0;
	width:100%;
	display:block;
	box-sizing:border-box;
}

ul.ul_rental_btn li{
	margin:0 2% 10px 0;
	padding:0;
	width:49%;
	border:1px solid #ccc;
	display:block;
	box-sizing:border-box;
	float:left;
}

ul.ul_rental_btn li:nth-child(2n){
	margin:0 0 10px 0;
}

ul.ul_rental_btn li a{
	margin:0;
	padding:4px;
	width:100%;
	height:100%;
	text-decoration:none;
	background-image:url(../common/arrow_gray1.png);
	background-position:96% 50%;
	background-repeat:no-repeat;
	background-size:9px 14px;
	display:table;
	table-layout:fixed;
	box-sizing:border-box;
	vertical-align:middle;
}

ul.ul_rental_btn li a span{
	margin:0;
	padding:0;
	width:37px;
	height:37px;
	display:table-cell;
	box-sizing:border-box;
	vertical-align:middle;
}

ul.ul_rental_btn li a span img{
	margin:0;
	width:37px;
	height:37px;
}

ul.ul_rental_btn li a p{
	margin:0;
	padding:2px 0 0 10px;
	width:100%;
	font-size:1.3rem;
	color:#555;
	line-height:1.3em;
	display:table-cell;
	box-sizing:border-box;
	vertical-align:middle;
}

ul.ul_rental_btn li.btn_free{
	width:49%;
	border:1px solid #a36;
	background-color:#CF5C99;
	display:block;
	box-sizing:border-box;
	float:left;
}

ul.ul_rental_btn li.btn_free a{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration:none;
	text-align:center;
	background-color:#CF5C99;
	background-image:url(../common/bg_bnr_rental2.png);
	background-repeat:repeat;
	background-size:10px 10px;
	display:table;
	table-layout:fixed;
	box-sizing:border-box;
	vertical-align:middle;
}

ul.ul_rental_btn li.btn_free a img{
	margin:0;
	width:130px;
	height:44px;
}

/* 
list
---------------------------------------------------------------------- */

ul.ul_rental_list{
	margin:0;
	padding:0;
	width:100%;
	display:block;
	box-sizing:border-box;
}

ul.ul_rental_list li{
	margin:0;
	padding:20px 10px 25px;
	background-color:#fff7f7;
	border-bottom:1px dotted #ccc;
	width:100%;
	display:block;
	box-sizing:border-box;
}

ul.ul_rental_list li:nth-child(2n){
	background-color:#fff;
}

ul.ul_rental_list li:first-child{
	border-top:1px dotted #ccc;
}

ul.ul_rental_list li .text_box{
	margin:0;
	padding:0;
	width:100%;
	display:block;
	box-sizing:border-box;
}

ul.ul_rental_list li .text_box img.img_list_photo{
	margin:0 0 0 10px;
	padding:0;
	width:100px;
	float:right;
}

ul.ul_rental_list li .price_box{
	margin:0;
	padding:10px;
	width:100%;
	color:#444;
	line-height:1.6em;
	background-color:#ffe7e7;
	display:block;
	box-sizing:border-box;
}

ul.ul_rental_list li:nth-child(2n) .price_box{
	background-color:#fee;
}

ul.ul_rental_list li .price_box .price{
	color:#f33;
	font-weight:bold;
}

ul.ul_rental_list li .btn_detail{
	margin:0;
	padding:8px 0 0 0;
	width:100%;
	height:30px;
	color:#fff;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	background-color:#f99;
	background-image:url(../common/arrow_white1.png);
	background-position:96% 50%;
	background-repeat:no-repeat;
	background-size:6px 10px;
	-webkit-border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;
	display:block;
	box-sizing:border-box;
}

.agreement_box{
	margin:0;
	padding:0;
	display:block;
	box-sizing:border-box;
}

.agreement_box .btn_free2{
	margin:0;
	padding:10px 0 0;
	width:49%;
	height:35px;
	color:#e67;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border:1px solid #e67;
	background-image:url(../home/common/btn_free_bg.png);
	background-repeat:repeat;
	background-size:1px 35px;
	display:block;
	box-sizing:border-box;
	float:left;
}

.agreement_box input[type="checkbox"]:checked + label.btn_free2 {
	margin:0;
	padding:10px 0 0;
	width:49%;
	height:35px;
	color:#fff;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border:1px solid #e67;
	background-color:#e67;
	background-image: none;
	display:block;
	box-sizing:border-box;
	float:left;
}

.agreement_box .btn_free2_off{
	margin:0;
	padding:10px 0 0;
	width:49%;
	height:35px;
	color:#ddd;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border:1px solid #ddd;
	background-color:#fff;
	background-image: none;
	display:block;
	box-sizing:border-box;
	float:left;
}

.agreement_box .btn_agreement{
	margin:0;
	padding:10px 0 0;
	width:49%;
	height:35px;
	color:#e93;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border:1px solid #e93;
	background-image:url(../home/common/btn_agreement_bg.png);
	background-repeat:repeat;
	background-size:1px 35px;
	display:block;
	box-sizing:border-box;
	float:right;
}

.agreement_box input[type="checkbox"]:checked + label.btn_agreement {
	margin:0;
	padding:10px 0 0;
	width:49%;
	height:35px;
	color:#fff;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border:1px solid #e93;
	background-color:#e93;
	background-image: none;
	display:block;
	box-sizing:border-box;
	float:right;
}

/*アイコン類*/

.span_free{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#fff;
	line-height:1em;
	background-color:#d16;
	border:1px solid #d16;
	display:inline-block;
	box-sizing:border-box;
}

.icon01{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#680;
	line-height:1em;
	background-color:#fff;
	border:1px solid #680;
	display:inline-block;
	box-sizing:border-box;
}

.icon02{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#FF9326;
	line-height:1em;
	background-color:#fff;
	border:1px solid #FF9326;
	display:inline-block;
	box-sizing:border-box;
}

.icon03{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#8B6DC9;
	line-height:1em;
	background-color:#fff;
	border:1px solid #8B6DC9;
	display:inline-block;
	box-sizing:border-box;
}

.icon04{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#008C8C;
	line-height:1em;
	background-color:#fff;
	border:1px solid #008C8C;
	display:inline-block;
	box-sizing:border-box;
}

.icon05{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#5F79BE;
	line-height:1em;
	background-color:#fff;
	border:1px solid #5F79BE;
	display:inline-block;
	box-sizing:border-box;
}

.icon06{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#1295C7;
	line-height:1em;
	background-color:#fff;
	border:1px solid #1295C7;
	display:inline-block;
	box-sizing:border-box;
}

.icon07{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#FF7373;
	line-height:1em;
	background-color:#fff;
	border:1px solid #FF7373;
	display:inline-block;
	box-sizing:border-box;
}

.icon08{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#D0811F;
	line-height:1em;
	background-color:#fff;
	border:1px solid #D0811F;
	display:inline-block;
	box-sizing:border-box;
}

.icon09{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#E6AC00;
	line-height:1em;
	background-color:#fff;
	border:1px solid #E6AC00;
	display:inline-block;
	box-sizing:border-box;
}

.icon10{
	margin:0 5px 0 0;
	padding:1px 5px 1px;
	font-size:1rem;
	color:#0D66A8;
	line-height:1em;
	background-color:#fff;
	border:1px solid #0D66A8;
	display:inline-block;
	box-sizing:border-box;
}

/*プロに依頼*/

.pro_box h3{
	margin:0;
	padding:13px 0 0 70px;
	width:100%;
	height:58px;
	font-size:1.5rem;
	color:#f66;
	line-height:1.2em;
	border-top: 3px solid #f66;
	text-align:left;
	overflow:visible;
	box-sizing:border-box;
	position:relative;
}


.pro_box .ill{
	margin:0 0 -63px;
	padding:0;
	width:51px;
	height:63px;
	position: relative;
	top:-63px;
	left:10px;
}

.pro_box .ill img{
	width:51px;
	height:63px;
}


/* 
detail
---------------------------------------------------------------------- */

/*タイトル部分*/

.detail_title_box{
	margin:15px 10px 15px;
	padding:10px 15px;
	background-color:#f7f7f7;
	-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
	position:relative;
	display:block;
}

.detail_title_box h3:after{
    content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -7px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #f7f7f7 transparent transparent transparent;
}

/*メインスライダー*/

.slide_wrap {
	margin:0 10px;
}

.slide_all {
	width: 100%;
	margin: 0 0 50px;
	padding:0;
	position: relative;
}

.bxslider{
	margin:0;
	width:100%;
	background-color:transparent;
	overflow:visible;
}

.bxslider li{
	width:100%;
}


.bxslider img{
	margin-bottom:10px;
	width:100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #873 !important;  /*ページャーの色の変更*/
}
 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f66 !important;  /**ページャーの色（フーバー、アクティブ）の変更*/
}

/*詳細情報エリア*/

.detail_main_box{
	margin:10px 10px 50px;
	padding:0;
	background-color:#fff;
	position:relative;
	display:block;
}

.detail_main_box .price_box{
	margin:0;
	padding:10px;
	width:100%;
	color:#444;
	line-height:1.6em;
	background-color:#ffe7e7;
	display:block;
	box-sizing:border-box;
}

.detail_main_box .price_box .price{
	color:#f33;
	font-weight:bold;
}

.detail_main_box h4.h4_kinou{
	margin:20px 0 0;
	padding:6px 0 0 10px;
	width:100%;
	height:25px;
	color:#fff;
	line-height:1.1em;
	background-color:#f66;
	box-sizing:border-box;
}

.detail_main_box .kinou_box{
	margin:0;
	padding:10px 0 0 10px;
	width:100%;
	background-color:#f7f7f7;
	box-sizing:border-box;
}

.detail_main_box .kinou_box ul.ul_kinou{
	margin:0;
	padding:0;
}

.detail_main_box .kinou_box ul.ul_kinou li{
	margin:0 10px 10px 0;
	padding:0;
	width:45px;
	display:inline-block;
}

.detail_main_box .kinou_box ul.ul_kinou li img{
	width:100%;
}

.detail_main_box p.p_mark{
	margin:10px 0 15px;
	padding:0;
	text-align:center;
}

.detail_main_box p.p_mark a{
	margin:0;
	padding:4px 0 2px 22px;
	color:#049;
	line-height:1em;
	text-decoration:underline;
	background-image:url(../common/icon_chui_orange.png);
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:17px 17px;
	display:inline-block;
}

/*フリー入力エリア*/

.free_box{
	margin:15px 0;
	padding:15px 15px 10px;
	border:1px solid #ddd;
}

.free_box h4{
	margin:0 0 5px 0;
	padding:0 0 5px 15px;
	color:#444;
	line-height:1.2em;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
	text-align:left;
	background-image:url(../common/icon_pink.png);
	background-position:0 3px;
	background-repeat:no-repeat;
	background-size:10px 10px;
}

.free_box p{
	margin:0;
	padding:0;
	color:#777;
	line-height:1.6em;
}

/*タグエリア*/

.tag_box{
	margin:15px 0;
	padding:15px 5px 12px 15px;
	background-color:#fff7f7;
}

.tag_box h4{
	margin:0 0 5px 0;
	padding:0;
	color:#f66;
	line-height:1.1em;
	font-weight:bold;
}

.tag_box ul.ul_tag{
	margin:0;
	padding:0;
}

.tag_box ul.ul_tag li{
	margin:0 10px 3px 0;
	padding:0;
	display:inline-block;
}

.tag_box ul.ul_tag li a{
	margin:0;
	padding:0;
	font-size:1.3rem;
	color:#444;
	line-height:1em;
	text-decoration:underline;
}

/*関連商品　スライダー*/

.product_box{
	margin:0;
	padding:15px 0 30px;
	background-color:#f7f7f7;
	position:relative;
}

.product_box .product_box_inner{
	margin:0 20px;
	padding:0;
	position:relative;
}

.product_box .product_box_inner a{
	margin:0;
	padding:0;
	font-size:1.1rem;
	color:#149;
	line-height:1.3em;
	text-decoration:underline;
	display:block;
}

.product_box .product_box_inner a img{
	margin:0 0 5px;
	border:1px solid #ddd;
	box-sizing:border-box;
}

.slider-prev{
	width:22px;
	height:50px;
	position: absolute;
	top:17px;
	right:-20px;
}

.slider-prev a{
	width:22px;
	height:50px;
	background-image:url(../common/arrow_next_gray2.png);
	background-position:50% 60%;
	background-repeat:no-repeat;
	background-size:9px 14px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	box-sizing:border-box;
}

.slider-next{
	width:22px;
	height:50px;
	position: absolute;
	top:17px;
	left:-20px;
}

.slider-next a{
	width:22px;
	height:50px;
	background-image:url(../common/arrow_back_gray2.png);
	background-position:50% 60%;
	background-repeat:no-repeat;
	background-size:9px 14px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	box-sizing:border-box;
}

/*他にもこんな商品があります　スライダー*/

h3.h3_other{
	margin:0;
	padding:18px 0 0 70px;
	width:100%;
	height:60px;
	font-size:1.5rem;
	color:#ea0;
	line-height:1.2em;
	border-top: 3px solid #ea0;
	text-align:left;
	overflow:visible;
	box-sizing:border-box;
	position:relative;
}


.ill_other{
	margin:0 0 -68px;
	padding:0;
	width:53px;
	height:64px;
	position: relative;
	top:-68px;
	left:10px;
}

.ill_other img{
	width:53px;
	height:64px;
}

.other_box{
	margin:0;
	padding:15px 0px;
	background-color:#ffd;
	position:relative;
}

.other_box .other_box_inner{
	margin:0 20px;
	padding:0;
	position:relative;
}

.other_box .other_box_inner a{
	margin:0;
	padding:0;
	font-size:1.1rem;
	color:#149;
	line-height:1.3em;
	text-decoration:underline;
	display:block;
}

.other_box .other_box_inner a img{
	margin:0 0 5px;
	border:1px solid #ddd;
	box-sizing:border-box;
}

.slider-prev2{
	width:22px;
	height:50px;
	position: absolute;
	top:17px;
	right:-20px;
}

.slider-prev2 a{
	width:22px;
	height:50px;
	background-image:url(../common/arrow_next_gray2.png);
	background-position:50% 60%;
	background-repeat:no-repeat;
	background-size:9px 14px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	box-sizing:border-box;
}

.slider-next2{
	width:22px;
	height:50px;
	position: absolute;
	top:17px;
	left:-20px;
}

.slider-next2 a{
	width:22px;
	height:50px;
	background-image:url(../common/arrow_back_gray2.png);
	background-position:50% 60%;
	background-repeat:no-repeat;
	background-size:9px 14px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	box-sizing:border-box;
}

/* 
step
---------------------------------------------------------------------- */

/*申し込みの流れ*/

.flow_box{
	margin:0;
	padding:10px 10px 15px 10px;
	background-color:#f7f7f7;
	position:relative;
}

.flow_box h4.h4_flow{
	margin:0 0 5px;
	padding:0;
	color:#444;
	line-height:1.1;
	font-family:'Noto Sans Japanese','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', serif;
	font-weight:300;
	text-align:center;
}

.flow_box .flow_wrapper{
	margin:0;
	padding:0;
	width:100%;
	display:table;
}


.flow_box .flow_wrapper span{
	margin:0;
	padding:0 3px;
	height:32px;
	font-size:1.1rem;
	color:#777;
	background-color:#fff;
	border:1px solid #ccc;
	border-right:none;
	line-height:1.25em;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	box-sizing:inherit;
	-webkit-box-sizing:inherit;
}

.flow_box .flow_wrapper span.span_now{
	margin:0;
	padding:0;
	height:32px;
	font-size:1.1rem;
	color:#fff;
	background-color:#f78;
	border:1px solid #f78 !important;
	border-right:none;
	line-height:1.25em;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	box-sizing:inherit;
	-webkit-box-sizing:inherit;
}

.flow_box .flow_wrapper span:last-child{
	border-right:1px solid #ccc;
}


.flow_box .flow_wrapper span.span_triangle{
	margin:0 0 2px 0;
	padding:0;
	width:7px;
	height:34px;
	background-color: transparent;
	border:none;
	text-align:left;
	vertical-align:middle;
	display:table-cell;
	box-sizing:inherit;
	-webkit-box-sizing:inherit;
}

.flow_box .flow_wrapper img{
	margin:0;
	width:7px;
	height:34px;
	box-sizing:inherit;
	-webkit-box-sizing:inherit;
}

ul.ul_cart{
	margin:10px 0 0 0;
	padding:0;
}

ul.ul_cart li{
	margin:0;
	padding:15px 10px;
	background-color:#fff;
	border-bottom:1px dotted #ccc;
}

ul.ul_cart li:first-child{
	border-top:1px dotted #ccc;
}

ul.ul_cart li .cart_wrapper{
	margin:0;
	padding:0;
	display:table;
	border-collapse: collapse;
}


ul.ul_cart li .cart_left_box{
	width:115px;
	text-align:left;
	display:table-cell;
	box-sizing:border-box;
}

ul.ul_cart li .cart_left_box img{
	width:100px;
}

ul.ul_cart li .cart_right_box{
	margin:0;
	padding:0;
	display:table-cell;
	box-sizing:border-box;
}

ul.ul_cart li .cart_right_box h5{
	margin:0;
	height:45px;
	font-size:1.4rem;
	color:#444;
	line-height:1.4em;
	font-weight:normal;
	box-sizing:border-box;
}

ul.ul_cart li .cart_right_box ul.ul_agreement2{
	margin:0;
	padding:0;
	height:22px;
	width:100%;
	display:table;
	table-layout:fixed;
	border-collapse: separate;
	border-spacing: 2px 0;
}

ul.ul_cart li ul.ul_agreement2 li.li_free2{
	margin:0;
	padding:0;
	height:22px;
	width:50%;
	font-size:1.2rem;
	color:#e67;
	line-height:1em;
	background-color:#fff;
	border:1px solid #e67;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	box-sizing:border-box;
}

ul.ul_cart li ul.ul_agreement2 li.li_free2_on{
	margin:0;
	padding:0;
	height:22px;
	width:50%;
	font-size:1.2rem;
	color:#fff;
	line-height:1em;
	background-color:#e67;
	border:1px solid #e67;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	box-sizing:border-box;
}

ul.ul_cart li ul.ul_agreement2 li.li_free2_off{
	margin:0;
	padding:0;
	height:22px;
	width:50%;
	font-size:1.2rem;
	color:#ddd;
	line-height:1em;
	background-color:#fff;
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	box-sizing:border-box;
}

ul.ul_cart li ul.ul_agreement2 li.li_agreement2{
	margin:0;
	padding:0;
	height:22px;
	width:50%;
	font-size:1.2rem;
	color:#e93;
	line-height:1em;
	background-color:#fff;
	border:1px solid #e93;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	box-sizing:border-box;
}

ul.ul_cart li ul.ul_agreement2 li.li_agreement2_on{
	margin:0;
	padding:0;
	height:22px;
	width:50%;
	font-size:1.2rem;
	color:#fff;
	line-height:1em;
	background-color:#e93;
	border:1px solid #e93;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	box-sizing:border-box;
}

ul.ul_cart li a{
	margin:10px 0 0 0;
	padding:11px 0 0;
	width:100%;
	height:35px;
	color:#689;
	line-height:1em;
	text-decoration:none;
	background-color:#f7f7f7;
	background-image:url(../common/icon_cancel.png);
	background-position:96% 50%;
	background-repeat:no-repeat;
	background-size:11px 11px;
	text-align:center;
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/* 
change
---------------------------------------------------------------------- */

strong.strong_copy{
	font-weight:bold;
	color:#f66;
}

.card_box{
	margin:0;
	padding:0;
}

.card_box img{
	width:100%;
}

/* 
mark
---------------------------------------------------------------------- */

.mark_box{
	margin:0 15px;
	padding:0;
}

h4.h4_mark{
	margin:0;
	padding:0;
	font-size:1.4rem;
	line-height:1.2em;
	color:#c30;
}

.mark_wrap{
	margin:0 0 15px;
	padding:5px 0 15px;
	border-bottom:1px dotted #ccc;
}

.mark_wrap_no{
	margin:0;
	padding:5px 0 5px;
	border-bottom: none;
}

.mark_img{
	margin:0 0 0 10px;
	padding:0;
	width:45px;
	float:right;
}

.mark_img img{
	width:100%;
}