@charset "utf-8";
/*iclickシステム用のcss*/
/*フォント*/

.fsize_10{
	font-size:10px;
}
.fsize_11{
	font-size:11px;
}
.fsize_12{
	font-size:12px;
}
.fsize_14{
	font-size:14px;
}
.fsize_18{
	font-size:18px;
}
.fsize_20{
	font-size:20px;
}
.theme-fbold{
	font-weight: bold;
}
.theme-red{
	color:red;
}
.theme-white{
	color:#fff;
}	
/*フレックス設定(中央に揃える)*/
.flex-center{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center;
}
/*フレックス設定(両端ぞろえ)*/
.flex-between{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center;
	justify-content:space-between;
}
/*フレックス設定(横並びのみ)*/
.flex{
	display:flex;		
	justify-content:center;
	flex-wrap:wrap;
}
/*フレックス設定(等間隔に揃える)*/	
.flex_around{
	display:flex;		
	justify-content:space-around;
	flex-wrap:wrap;
}
.align-center{
	align-items: center;
}	
/*フレックス設定(中心に揃える)*/
.flex2{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	align-items:center;
	align-content:center;
}
/*フレックス設定(等間隔に揃える)*/
.flex3{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;	
	align-items:center;
	align-content:center;
}
/*フレックス設定(等間隔に揃える)*/
.flex4{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;	
}
/*フレックス設定(中央ぞろえ)*/
.justify{
	justify-content:center;		
}
/*フレックス設定(均等)*/
.around{
	justify-content:space-around;		
}
/*共通部分ここから
------------------------*/
.button_dl{
	background:#f97171;
	color:#fff;
	border-radius:5px;
	padding:10px;
	font-size:20px;
	font-weight:bold;
	text-decoration: none;
}
.pointer{
	cursor: pointer;	
}
.page-control{
	margin-bottom: 6px;
}
.page-control-bottom{
	margin-top: 6px;	
}
.page-control-bottom a{
	text-decoration: none;
	
}
.span1{
	display: inline-block;
}
/*共通部分ここまで
------------------------*/

/*システムトップページ*/
.top_button{
	margin:0 auto;
	width:800px;
	height:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.top_button button{
	background:none;
	padding:6px 10px;
	width:200px;
	height:200px;
	border:1px solid #eee;	
	cursor: pointer;
}
.top_button button i{
	color:#666 !important;		
}
.top_button button p{
	color:#666 !important;		
}

/*2d,3d入力画面*/
.f_color_red{
	color:red;
}
.f_color_blue{
	color:#007bff;
}	
	
/*バーチャルステージング入力画面ここから
--------------------------------------------------------------------*/
.content_margin{
	margin:50px 0;	
}
.check_box1{
	margin-left:20px;
}
.img_box{
	width: 310px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	text-align: center;
	margin: 4px 20px 20px 20px;
}
.preview_img_box{
	width:200px;
	height:100px;
	background:#888;
	background-size: cover;
}
.v_button{
	font-size:18px;
	text-decoration: none;
	padding:10px 20px;
	background:#ff5777;	
	color:#fff;
	border:none;
	border-radius: 5px;
}
.chack_area{
	margin-top:50px;
	text-align:center;
}
.describe_noki{
	display: block;
	margin-left: auto;
	width: fit-content;
	font-size: 14px;
	color:#333;
}
.madori_description{
	margin: 20px auto 0;
    color: red;
    width: 100%;
    font-size: 22px;
    text-align: center;
}

/*1オーダーごとの区切り線*/	
.input-area-border{
	border-top: 1px solid #999;
	margin: 20px 0;
}

/*---バーチャル入力画面のドラッグアンドドロップ---*/	
.dragdrop img {
	margin: 0 5px 5px 0;
	max-width: 300px;
	vertical-align: bottom;
}

.drop_area {
	width: 200px;
	margin: 0 20px;
	padding:15px;
	background: #00B0D9;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	text-align: center;
}

.drop_space {
	width: 200px;
	margin: 0 20px;
	padding:10px;
	background: #00B0D9;
	color: #fff;
	display: block;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
	height: 50px;
	line-height: 50px;
}

/*---バーチャル入力画面の画像light時のサンプル---*/	
/*外枠*/	
.a-sample{
	margin-bottom:40px;
}
/*商品説明1*/
.a-sample-desc{
	text-align: left;
	font-size: 16px;
	font-weight:bold;
}
/*商品説明2*/
.a-sample-desc2{
	width:100%;
	height: auto;
	background: #ededed;
	box-sizing: border-box;
	padding: 10px;
}
/*商品説明2の文字*/
.a-sample-desc2 p{
	text-align: left;
}
/*サンプル画像エリア*/
.a-sample-ba{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
/*Before,Afterの文字*/
.ba_title{
	font-weight:bold;
	font-size: 18px;
	padding: 0;
	margin: 0;
	text-align: left;
}
/*サンプル画像*/
.a-sample-area{
	position: relative;
}
.a-sample-img{
	width:270px;
}
.yazirusi1{
	display: inline-block;
	border-style: solid;
	border-width: 25px 0 25px 24px;
	border-color: transparent transparent transparent #FF5777;
}


/*---家具消し、画像light時のフォーム---*/
.drop_area {
	width: 200px;
	margin: 0 20px;
	background: #00B0D9;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	text-align: center;
}
.drop_space {
	width: 200px;
	margin: 0 20px;
	background: #00B0D9;
	color: #fff;
	display: block;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
	height: 50px;
	line-height: 50px;
}
.preview-area{
	position:relative;
}
.pre_view img{
	margin: 0 5px 5px 0;
	max-width: 300px;
	vertical-align: bottom;
}
.form_no {
	width: 220px;
	display: flex;
	align-items: center;
}
.form_no2 {
	width: 220px;
	display: flex;
	align-items: center;
}
.form_no3 {
	width: 220px;
	display: flex;
	align-items: center;
}
.flex_around{
	margin-top: 20px;
	margin-bottom: 10px;
}
#add{
	display: block;
	margin: 20px auto 20px;
}
.kagu_upload_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin:20px 0px;
	width:100%;
}
.kagu_upload_img{
	width: auto;
	height: 150px;
	margin-top: -10px;
}
.kagu_upload_flex_child{
	margin: 6px;
	position:relative;
}
.form_title{
	width:100%;
	text-align:left;
	margin:20px 0 0;
	font-size:24px;
	color:#444;
	font-weight:bold;
}
.preview-area2{
	position:relative;
	width:200px;
}
.preview2{
	width: 100%;
}	
.zoom_icon2{
	width: 26px;
	position: absolute;
	right: 22px;
	bottom: 22px;
}
.zoom_icon{
	width: 26px;
	position: absolute;
	right: 2px;
	bottom:2px;
}
.img_box2{
	width: 160px;
}	

/*---詳細選択部分---*/	
.option_area{
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    width: 690px;
    margin: 0 auto;
	padding: 10px;
}
.option_area_title{
	width: 690px;
    margin: 30px auto 0;
}
.option_radio_area{
    margin: 10px auto;
}

/*---家具置き、画像消しおき---*/	
.area input:checked + label {
	outline:3px solid #ff879e;
	outline-offset: 1px;
}

.area input:checked ~ .kagu_upload_img{
	outline:3px solid #ff879e;
	outline-offset: 1px;
}

.style-img-box{
	position:relative;
}
.kagu_style_flex{
	display: flex;
	flex-wrap: wrap;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 30px;
}
.kagu_style_img{
	width: 300px;		
}
.kagu_style_flex_child{
	margin: 5px 50px 5px;
}
/*バーチャルステージング入力画面ここまで
--------------------------------------------------------------------*/

/*案件一覧画面
--------------------------------------------------------------------*/
.date_p{
	font-size:11px;
	margin: 0;
	height:11px;		
}
/*物件一覧画面
--------------------------------------------------------------------*/
.count_p{
	height:12px;
	margin:0;
	color:#333;
}
.arrow{
	width:30px;
	height:30px;
	-webkit-mask-image: url("../images/b_arrow.png");
	mask-image: url("../images/b_arrow.png");
	-webkit-mask-size: contain;	
	background-color: #aaa;
}
.batsu{
	width:30px;
	height:30px;
	outline:2px solid #fff;
	-webkit-mask-image: url("../images/batsu.png");
	mask-image: url("../images/batsu.png");
	-webkit-mask-size: contain;	
	background-color: #fff;
}
.batsu2{
	width:30px;
	height:30px;
	outline:2px solid #fff;
	-webkit-mask-image: url("../images/batsu.png");
	mask-image: url("../images/batsu.png");
	-webkit-mask-size: contain;	
	background-color: rgb(61, 61, 61);
}
.active2 .arrow{
	width:30px;
	height:30px;
	outline:2px solid #fff;
	-webkit-mask-image: url("../images/b_arrow.png");
	mask-image: url("../images/b_arrow.png");
	-webkit-mask-size: contain;	
	background-color: #fff;
}
/*アコーディオンの装飾
--------------------------------------------------------------------*/
/*アコーディオン内の右側の線*/
.detail td:last-child{
	border-right:4px solid #0072ff;
}
.detail-1{
	border-left:4px solid #0072ff!important;
	border-top:4px solid #0072ff!important;
	border-right:4px solid #0072ff!important;
}
.detail-2{
	border-left:4px solid #0072ff!important;
}

/*コンタクトページ （contact.php）
--------------------------------------------------------------------*/

/*必須表示*/
.need {
	padding: 0.3rem 0.5rem;
	font-size: 0.7rem;
	color: #FFFFFF;
	background-color: #007bb3;
	margin: 0 0 0 2rem;
}
.dash_hr{
	margin-bottom:20px;
}