#top{margin-top:10px;}

.gray_area{
	width: 1200px;
	margin:auto;
	background:#f2f2f2;
	padding:35px 30px 50px;
	overflow:auto;
	border-radius: 12px;
	margin: 20px auto 90px;
}
.gray_area h3{
	margin: 0 auto 30px;
	font-weight: bold;
	font-size: 24px;
}

#main_img{
	float:left;
	position: relative;
}
#mainimage{
	width:625px;
	height:475px;
}

#ArrowPrevBt{
	position: absolute;
	left: 0;
	top: 40%;
}
#ArrowNextBt{
	position: absolute;
	right: 0;
	top: 40%;
}

#s_imgArea{
	width:625px;
	display:flex;
}


.detail_right{
	float:right;
	width:475px;
}

.price-box{
	background:#fff;
	border-top: 6px solid #E60016;
	padding: 0px 20px 0px;
	margin-bottom: 20px;
}
.price-box p{
	border-bottom: 2px solid #d0d0d0;
	padding-bottom: 12px;
	text-align: right;
	font-size: 18px;
}
#price_red{
	 font-weight:bold;
	 font-size: 60px;
	 margin: 0 12px;
	 color:red;
	 font-family: "Roboto", sans-serif;
	 position: relative;
	 top: 9px;
}
#price_gray{
	 font-family: "Oswald", sans-serif;
	 font-weight:bold;
	 font-size:40px;
}

.price_black{
	font-weight:bold;
	font-size:30px;
	margin: 0 12px;
	font-family: "Roboto", sans-serif;
	position: relative;
	top: 3px;
}

.price-txt{
	color:#747474;
	font-size: 13px!important;
	border-bottom: 11px solid #fff!important;
	text-align: left!important;
	margin-top: 18px;
}


.info-list{
	display: flex;
	flex-wrap: wrap;
}
.info-list li{
	background: #fff;
	margin: 0 14px 20px 0;
	text-align: center;
	padding: 10px 0px;
	font-size: 14px;
	width: 108px;
}
.info-list li:nth-child(4){
	margin: 0 0px 20px 0;
}

.info-list .w145{
	width:145px;
}

.info-list li span{
	color: #E60016;
	font-weight: bold;
}
.info-list li hr{
	color:#e0e0df;
}

#contact-btn{
	float: left;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	width: 230px;
	padding: 25px 0;
	border-radius: 60px;
	transition: opacity 0.3s ease-in-out;
	height: 80px;
	background: linear-gradient(90deg, #e60012 0%, #f08a00 100%);
}

#contact-btn:hover{opacity:0.7;}

.tel{
	float: right;
	width: 230px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	background: #E60016;
	border-radius: 10px;
	padding: 6px 0 0;
}
.tel span{
	color: #151515;
	font-size: 26px;
	width: 100%;
	display: block;
	background: #fff;
	border-radius: 0 0 10px 10px;
	margin-top: 6px;
	padding: 5px 0px;
	font-family: "Roboto", sans-serif;
}

.SubTT{
	width: 1000px;
	margin:auto;
	font-size: 24px;
	background: #FFE6DD;
	border-radius: 8px;
	font-weight: bold;
	position: relative;
	padding: 15px 20px 15px 44px;
}

.SubTT::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(/common/images/dot.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#info-table{
	width: 1000px;
	margin:30px auto 50px;
}
#info-table table{
	border-bottom:1px solid #d0d0d0;
}
#info-table tr{
	
}
#info-table th{
	border-top:1px solid #d0d0d0;
	font-weight: normal;
	padding: 22px 0;
	background: #ededed;
	width: 180px;
}
#info-table td{
	border-top:1px solid #d0d0d0;
	padding: 20px;
	width: 390px;
}

.bb{border-bottom:1px solid #d0d0d0;}
.br{border-right:1px solid #d0d0d0;}

#soubi{
	width: 1000px;
	margin: 30px auto 90px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	justify-content: left;
}
#soubi li{
	text-align:center;
	width: 220px;
	padding: 12px 0;
	border: 2px solid #cbcbcb;
	border-radius: 50px;
}


#contact_message{
	background: #E60016;
	color: #FFF;
	font-size: 20px;
	position: relative;
	text-align: center;
	padding: 30px 0;
	margin: 20px auto 0;
	width: 1000px;
	border-radius: 16px 16px 0 0;
}
#contact_message::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #E60016;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin: 0 0 0 -12px;
    z-index: 3;
    font-weight: bold;
}

.SubTT2{
	width: 960px;
	margin: 40px auto 50px;
	font-weight: normal;
	font-size: 24px;
	background: #212121;
	padding: 20px 0;
	color:#fff;
	text-align:center;
	border-radius: 8px;
}

#contact_ds{
	background:#f7f7f7;
	width:1000px;
	margin: 0 auto 300px;
	border-radius:16px;
}






/*******************************************
         スマホ
*********************************************/
@media (max-width : 768px) {

	.SubTT{width:90%;}
	.SubTT2{width:90%;}

	.gray_area{width: 90%;padding:0;margin: 20px auto 0;}
	.gray_area h3 {margin: 0 auto 30px;width: 90%;padding: 20px 0 0;font-size: 16px;}
	#main_img {float: none;}
	#mainimage {width:100%; height:auto;}
	#s_imgArea {width:100%;flex-wrap: wrap;height: auto;}
	#ArrowPrevBt{top: 29%;}
	#ArrowNextBt{top: 29%;}
	.detail_right {float:none; width:100%;}
	.price-box {padding:0;}
	.price-box p {font-size:14px;}
	#price_red {font-size:36px;}
	.price_black {font-size:22px; margin: 0 8px;}
	.info-list {padding: 10px 0 0 15px;}
	#contact-btn {float: none;width: 75%;display:block;margin: 0px auto 20px;padding: 15px 0;font-size: 16px;height: 60px;line-height: 30px;}
	.tel {float: none;display:block;width: 75%;margin: 0 auto 40px;font-size: 12px;}
	.tel span{font-size: 22px;}

	.SubTT {font-size:18px;}
	#info-table {width: 100%;margin-left: 5%;}
	#info-table th {display:block;width: 39%;float: left;font-size: 14px;padding: 10px 5px;border-left: 1px solid #d0d0d0;}
	#info-table td {display:block;width: 51%;padding: 0;float: left;font-size: 14px;padding: 10px;}
	.sp_br{border-right: 1px solid #d0d0d0;}
	.sp_bb{border-bottom: 1px solid #d0d0d0;}


	#soubi {width: 90%;justify-content: left;margin: 30px auto 60px;}
	#soubi li {font-size: 14px; padding: 6px 12px; width:auto;}

	.SubTT2 {font-size: 16px;text-align: left;padding: 15px 5%;width: 90%;display: block;margin: 35px auto 0;}
	#contact_message {width: 92%;font-size: 16px;padding: 20px 5%;}

	#contact_ds{width:100%;margin: 0 auto 0px;}


}