

.sale{
	position:relative;
	top:-1em;
/*	 background:rgba(51,153,255,1);*/
		margin-bottom:1em;
		text-align:center;
background: -moz-linear-gradient(top, rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);
background: linear-gradient(to right,  rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);/*ie*/
}

.sale a{
	color:#fff;
}
.sale a:hover{
	color:#FC0;
}

.canp_style{
	text-align:center;
	position:relative;
	display:inline-block;
	padding:0 2em;
	font-size:1.3em!important;
	/*color:#F90;*/
	margin:1em 0.5em;
	text-shadow:0.1em 0.1em 0.3em #666;
}

.canp_style span{
	font-weight:bold;
	letter-spacing:0.1em;
	font-size:120%;
}
	


h3.mtop{
	margin-top:3em;
}

@media screen and (min-width: 768px){/*pc*/

.sale{
font-size:120%;
}


.fbox{
display:flex;
margin-top:2em;
margin-bottom:2em;
justify-content: center;
/*flex-wrap: wrap;
gap:15px 0;*/
}

.fbox .fim{
/*flex: 0 0 auto;*/
align-self: flex-start;
}

.fbox .fim.imga figure,
.fbox .fim.imgb figure,
.fbox .fim.imgc figure{
margin:auto 0em 0em 0em!important;
}





.fbox dl{
	flex: 0 0 33%;
	margin:0.3%;
}



.fbox figure{
	margin:auto 0.5em 0 0.5em;

}

.fbox figure img{
	width:100%;
	height:auto;
}

.waku{
	padding:2em;
	margin-bottom:2em;
}



}


@media screen and (min-width: 768px) {
.fbox .imga {order:2;}
.fbox .imgb {order:3;}
.fbox .imgc {order:1;}

}

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


.fbox{
display:flex;
margin-top:2em;
margin-bottom:2em;
justify-content : space-around;
flex-wrap: wrap;
gap:15px 0;
}

.fbox .fim.imga{
flex: 0 0 100%;
}
.fbox .fim.imgb{
flex: 0 0 48.3%;
}
.fbox .fim.imgc{
flex: 0 0 51.7%;
}



}



/*.fbox dl{
	padding:5px;
	background:rgba(255,204,204,0.2);
}

.fbox dl dt{
	padding:0.8em 0.5em;
	font-weight:bold;
	text-align:center;
	background:rgba(255,204,204,0.5);
	font-size:110%;
	margin-bottom:0.5em;
	border-radius:10px 10px 0 0;}

.fbox dl dt span{
	display:block;
	font-size:160%;
	color:#F69;
	padding-top:0.2em;
}


.fbox dl dd{
	margin:0;
	padding:0.5em;
}
*/

.topics_data dl{
	display:flex;
	flex-wrap:wrap;
	width:100%_;
	border:1px solid #ccc;
	border-bottom:none;
	margin-bottom:1em;
	
}

.topics_data dt{
	flex:0 1 25%;
	padding:0.5em;
	background:#F1F2EA;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.topics_data dd{
	flex:0 1 75%;
	margin-left:0;
	padding:0.5em;
	border-bottom:1px solid #ccc;
	padding-left:1em;
}

.waku li{
	padding:0.1em 0.1em 0.1em 1.5em;
	text-indent:-1.5em;
	margin-left:1.5em;
}

.waku li.kome::before{
	content:"※ ";
}

ul.list1 li{
	position:relative;
	padding:0.5em 1em 0.5em 1.3em;
}
ul.list1 li::before{
	display:inline-block;
	content:'●';
	font-size:50%;
	/*color:#E7DDD1;*/
	position:absolute;
	top: 1.5em;
	left:0;
}





/*.canp_style::before{
	display:inline-block;
	content:"";
	height:2em;
	width:1px;
	border-left: 2px solid #CC3300;
	transform: rotate(-40deg);
	position:absolute;
	top:0;
	left:0;
	
}

.canp_style::after{
	display:inline-block;
	content:"";
	height:2em;
	width:1px;
	border-left: 2px solid #CC3300;
	transform: rotate(40deg);
	position:absolute;
	top:0;
	right:0;
}
*/

@media screen and (min-width: 768px){/*pc*/
/*
.waku dl{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.waku dt{
	flex:0 0 8em;
border-bottom:1px dotted #E7DDD1;
}
.waku dd{
	flex:1 0 calc(100% - 8em);
}*/
	
}






.icon_ya{
padding-left:1em;
position:relative;
}


.icon_ya::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  -ms-transform:  translateY(-50%) rotate(135deg);
  -webkit-transform: translateY(-50%) rotate(135deg);
		transform: translateY(-50%) rotate(45deg);
		/*background-color:#fff;*/
  position: absolute;
  top: 50%;
  left: 0px;
}



.fim p{
	margin-bottom:0.5em;
	font-weight:600;
	letter-spacing:0.2em;
}

.fim span.imgcomment{
	display:inline-block;
	text-align:left!important;
	padding:0 0.5em;
}

.waku2{
border:2px solid #39C;
background:rgba(51,153,204,0.05);
padding:1.5em;
margin:2em 0 2em;

}



/**/


.prod_data_box{
	padding:1em;
}

.copy_txt{
	font-size:120%;
color:#000;}

.desc_txt{
		font-size:100%;
		line-height:180%;
		margin-bottom:2em;
}



.prod_data{
	padding:1em;
	border:3px solid #CECEBF;
	margin-bottom:2em;
/*	box-shadow:#CECEBF 1px 1px 10px;*/
}

.prod_data figure.icphoto,
.prod_data figure.icphoto{
	width:100px;
	height:100%;
	border-radius:100%;
	float:left;
	margin-right:1em;
}


.prod_data h3{
	font-size:100%;
	text-align:left;
padding:0;
}

.prod_data .name{
	font-size:130%;
	line-height:130%;
	margin-bottom:1em;
}

.prod_data .name:after{
content:"";
display:block;
height:2px;
background: linear-gradient(to right, rgba(17,54,151,1) 0%,rgba(102,54,79,1) 48%,rgba(178,45,0,0) 100%);
margin-top:5px;
}


.prod_data strong{
	font-weight:normal;
}

.prod_data .name span{
	display:inline-block;
}

.prod_data .name span.zaiko{
	display:inline-block;
	font-size:16px;
	line-height:100%;
	color:#C00;
		border-radius:10px;
/*		padding:0.5em 0.5em 0.3em;*/
		margin-left:1em;
	vertical-align:middle;
}



.prod_data .name span.sample{
	display:inline-block;
	font-size:14px;
	line-height:100%;
	color:#900;
	border:1px solid #900;
		border-radius:10px;
		padding:0.5em 0.5em 0.3em;
		margin-left:1em;
	vertical-align:middle;
}

.prod_data .name span.tanburu{
	display:inline-block;
	font-size:14px;
	line-height:100%;
	color:#660;
	border:1px solid #660;
		border-radius:10px;
		padding:0.5em 0.5em 0.3em;
		margin-left:1em;
	vertical-align:middle;
}


.prod_data .name span.newic{
	display:inline-block;
	font-size:14px;
	line-height:100%;
	color:#fff;
		padding:0.5em 0.5em 0.3em;
		margin-left:1em;
 background: linear-gradient(to bottom right, #f39800, #e60012, #c11920);
	font-family:"Times New Roman", Times, serif;
	vertical-align:middle;
}


.prod_data img.mixhari{
	margin:0 auto;
}

/*.prod_data p.ishi_flag{
	text-align:right;
	
}

.prod_data p.ishi_flag br{
	display:none;
}

.prod_data p.ishi_flag img{
	vertical-align:middle;
}
*/


.table_container{
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding-bottom:0.5em;
margin-bottom:1em;
}
.table_container table{
border-top:1px solid #999;
border-collapse:collapse;
border-spacing:0;
width:auto;
border-left:1px solid #999;
border-right:1px solid #999;
}



.table_container table th{
font-weight:normal;
font-size:90%;
text-align:center;
color:#8C6900;
background:#F7F7EE;
border-bottom:1px solid #999;
padding:0.4em 1em;
white-space:nowrap;
}

.table_container table td{
border-bottom:1px solid #999;
padding:0.4em 1em;
white-space:nowrap;
}

/* 1列目 サイズ  */ .table_container table th:nth-of-type(1) {}
/* 2列目 重量　  */ .table_container table th:nth-of-type(2) {text-align:right;}
/* 3列目 必要数  */ .table_container table th:nth-of-type(3) {text-align:right;}
/* 4列目 価格　  */ .table_container table th:nth-of-type(4) {text-align:right;}
/* 5列目 販売単位*/ .table_container table th:nth-of-type(5) {text-align:center;}
/* 8列目 平米価格*/ .table_container table th:nth-of-type(6) {text-align:right;}


/* 1列目 サイズ  */ .table_container table td:nth-of-type(1) {}
/* 2列目 重量　  */ .table_container table td:nth-of-type(2) {text-align:right;padding-right:2em;}
/* 3列目 必要数  */ .table_container table td:nth-of-type(3) {text-align:right;}
/* 4列目 価格　  */ .table_container table td:nth-of-type(4) {text-align:right;padding-left:2em;padding-right:2em;}
/* 5列目 販売単位*/ .table_container table td:nth-of-type(5) {text-align:center;}
/* 8列目 平米価格*/ .table_container table td:nth-of-type(6) {text-align:right;padding-right:2em;}



.table_container table.crazytb td{
	padding:1em 2em;
}

/* 1列目 サイズ  */ .table_container table.crazytb th:nth-of-type(1) {}
/* 2列目 重量　  */ .table_container table.crazytb th:nth-of-type(2) {text-align:center;}
/* 3列目 必要数  */ .table_container table.crazytb th:nth-of-type(3) {text-align:center;}
/* 4列目 価格　  */ .table_container table.crazytb th:nth-of-type(4) {text-align:center;}
/* 5列目     　  */ .table_container table.crazytb th:nth-of-type(5) {text-align:center;}
/* 6列目     　  */ .table_container table.crazytb th:nth-of-type(6) {text-align:center;}
/* 7列目     　  */ .table_container table.crazytb th:nth-of-type(7) {text-align:center;}


/* 1列目 サイズ  */ .table_container table.crazytb td:nth-of-type(1) {}
/* 2列目 重量　  */ .table_container table.crazytb td:nth-of-type(2) {text-align:center;}
/* 3列目 必要数  */ .table_container table.crazytb td:nth-of-type(3) {text-align:center;}
/* 4列目 価格　  */ .table_container table.crazytb td:nth-of-type(4) {text-align:center;}
/* 5列目     　  */ .table_container table.crazytb td:nth-of-type(5) {text-align:center;}
/* 6列目     　  */ .table_container table.crazytb td:nth-of-type(6) {text-align:center;}
/* 7列目     　  */ .table_container table.crazytb td:nth-of-type(7) {text-align:center;}



.table_container table.bricktb td{
	padding:1em 1.5em;
}

/* 1列目 サイズ  */ .table_container table.bricktb th {text-align:center;}
/* 1列目 サイズ  */ .table_container table.bricktb td {text-align:center;}
/* 1列目 サイズ   .table_container table.bricktb td:last-child {text-align:center;padding-right:3em;}*/




.btmmargin{
	margin-bottom:2em;
}

img.dataform{
	margin-right:2em;
	float:left;
}
.prod_data .cyui{
	font-size: 90%;
	margin-bottom: 1em;
}


.prod_data .cyui li{
padding-left:1em;
text-indent:-1.5em;
}

.prod_data .cyui li.ic::before{
	content:"● ";
}

.prod_data .cyui li.warning::before{
	content:url(/css/img/warning.png);
}
.prod_data .cyui li.warning{
	color:#06C;
}
	
.prod_data .cyui li.komeblue{
	color:#06C;
}

.prod_data .cyui li.komeblue::before{
	content:"※ ";
}

.prod_data .cyui li.komered{
	color:#c00;
}

.prod_data .cyui li.komered::before{
	content:"※ ";
}



	
.prod_data .cyui li.kome::before{
	content:"※ ";
}

.prod_data .cyui li.saitama{
color:#36C;
margin-bottom:0.5em;
}
.prod_data .cyui li.saitama span{
	background-color:#36C;
	color:#fff;
	font-size:80%;
	border-radius:5px;
	padding:2px 5px;
	text-align:right;
	margin-right:5px;
	position:relative;
	top:-2px;
}

.prod_data .cyui li.tokoname{
color:#393;
margin-bottom:0.5em;
}

.prod_data .cyui li.tokoname span{
	background-color:#393;
	color:#fff;
	font-size:80%;
	border-radius:5px;
	padding:2px 5px;
	text-align:right;
	margin-right:5px;
	position:relative;
	top:-2px;
}

.prod_data span.tokoname{
	background-color:#393;
	color:#fff;
	font-size:80%;
	border-radius:5px;
	padding:2px 5px;
	text-align:right;
	margin-right:5px;
	float:right;
	display:inline-block;
	}
.prod_data .cyui li.chokuso{
color:#F60;
margin-bottom:0.5em;
}

.prod_data .cyui li.chokuso span{
	background-color:#F90;
	color:#fff;
	font-size:80%;
	border-radius:5px;
	padding:2px 5px;
	text-align:right;
	margin-right:5px;
	position:relative;
	top:-2px;
}

.prod_data .texture{
	width:90%;
	margin:0 auto;
	}
	
	.prod_data .texture figcaption{
		text-align:center;
	}



.contact_bttom{
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.contact_bttom img{
	max-width:100%;
}


.naturestone_cyuui{
	text-align:left;
}

@media only screen and (min-width: 768px) {

.prod_data_box{
	padding:1em 2em;
}

.copy_txt{
		font-size:150%;
		padding-left:1em;
}

.desc_txt{
		font-size:110%;
		line-height:180%;
		padding-left:1em;
}


.prod_data{
	padding:2.5em 3em;
}


.prod_data .name{
	font-size:150%;
	line-height:130%;
	float:left;
}

.prod_data img.mixhari{
	margin:0 1em;
	float:right;
}


/*.prod_data p.ishi_flag{
	text-align:right;
}

.prod_data p.ishi_flag br{
	display:block;
}
*/

.table_container table{
	border-left:none;
	border-right:none;
}

.prod_data .texture{
	width:40%;
	margin:0 auto;
	}

.naturestone_cyuui{
	text-align:center;
}

}


@media only screen and (min-width: 900px) {

.prod_data .name{
	font-size:200%;
	line-height:130%;
	float:left;
}

}

.inner_photo{
/*max-width:1900px;*/
max-width:1170px;
width:100%;
	margin:0 auto 1em;
	padding:1em 0 3em;
}

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

img.dataform{
	margin-right:2em;
	float:none;
}

.inner_photo{
	padding:1em 0 0em;
}

}

.inner_photo header p{
	text-align:center;
	font-size:110%;
}



.photo-container{
	margin-right:26px;
}
