@charset "UTF-8";
/* placeholder color */


/**********************************************************************************************

　Product

**********************************************************************************************/
#PageID_Product .main-img {
	background-image: url("../images/product/main.jpg");
	background-position: center center;
}

#PageID_Product .main-img .top_kv_logo {
	color: #333;
	filter: drop-shadow(3px 3px 5px #ccc);
}
@media (max-width: 750px){
	#PageID_Product .main-img .top_kv_logo {
		color: white;
		filter: drop-shadow(3px 3px 5px #333);}}

.product-box01 {background-image: url("../images/common/bg_wabe-purple2.gif");position:relative;}
.parade-box { padding: 30px 0;}
.product-parade {
	width: 32%;
	display: inline-block;
	padding-bottom: 30px;
}
@media (max-width: 750px){
	.product-parade {
		width: 100%;
		display: block;
		padding-bottom: 30px;
		}}
.product-parade h4 { text-align: center; border-top: 3px double #333; font-size: 1.8rem;padding: 5px 0; margin: 0 10px;}
.product-parade div {padding: 10px;}
.product-parade p {padding: 10px;}

@media (max-width: 750px){
	.product-parade h4 { font-size: 2.7rem;}}

.product-detail {
	position:relative;
	background-color: white;
}
@media (max-width: 750px){.product-detail {padding-top: 30px;}}
#l-menu {
	display: inline-block;
	width: 27%;
	border-radius: 30px;
	background: #f2e9f2;
	margin-top: 50px;
	margin-right: 8%;
	padding-bottom: 30px;
}
@media (max-width: 750px){
	#l-menu {
		display: block;
		width: 100%;
		border-radius: 0px;
		background: #f2e9f2;
		margin-top: 50px;
		margin-right: 0;
		padding-bottom: 0;
	}}
#l-menu h4 {
	background-image: url("../images/common/bg_wabe-purple.gif");
	color: white;
	border-radius: 30px 30px 0 0 ;
	text-align: center;
	padding: 7px}
#l-menu .l-menu-title {
	background-color: #be90be;
	text-align: center;
	color: white;
	padding: 0;
 border-top:1px solid white;}
#l-menu .l-menu-title ol {background: #f2e9f2;}
#l-menu .l-menu-title ol li {padding: 4px 10px; border-top:1px solid white;font-size: 90%;text-align: left; color: #333;}

#l-menu ol {display: none;}

#pc_l { display:block;}
@media (max-width: 750px){#pc_l { display:none;}}
	#sp_l { display:none;}
@media (max-width: 750px){
	#sp_l { display:block;}

	#sp_l div ul li ol li span,
	#sp_l  div ul li ol li span {
		display:block;
		font-size:88%;
		color:white;
		background-color:#eecbce;
		}}



#r-main {
	display: inline-block;
	width: 63%;
}
@media (max-width: 750px){
	#r-main {
		display: block;
		width: 100%;
	}}


/**********************************************************************************************

　Product　detail

**********************************************************************************************/

h4.pname {clear: both;font-size: 150%;}

.soryo {padding-bottom: 50px;}

.product-comment {padding: 15px; text-align: justify;}
.product-price {padding: 15px; display: flex;}

.price {flex-basis: 50%;}
.price h5 {font-weight: bolder;color: red; font-size: 180%; margin: 0 7px; border-bottom: 3px double red; }
.price h5 span {font-size: 70%; color: #333; vertical-align: bottom; font-weight: normal;}
.price dl {font-size: 1.5rem; padding: 7px;}
.price dl dt,
.price dl dd{display: inline-block; width: 33%;border-top:1px dotted gray;padding: 7px 0;}
.price dl dd {width: 63%;}

.cart_btn {padding: 7px;text-align: center;}
.cation {background-image: url("../images/common/bg_wabe-purple.gif"); font-weight: bolder;color: white; padding: 7px;text-align: center;}


@media (max-width: 900px){.product-price {display: block;}}
@media (max-width: 1100px){.price h5 {font-size: 120%;}}
@media (max-width: 750px){.price h5 {font-size: 180%;}}
@media (max-width: 750px){.price {width: auto;}}
		
.buyer {display: flex; padding: 10px;}
.buyer dt,
.buyer dd {padding: 10px;}
@media (max-width: 750px){.buyer {display: block;}}
@media (max-width: 750px){.buyer dt {width: auto;}}
/**********************************************************************************************

　Product　detail table

**********************************************************************************************/
#PageID_Product table {width: 95%; margin:0 0 30px 5%; }
#PageID_Product table td {padding: 7px; text-align: center; vertical-align:middle; }
#PageID_Product table td span {font-size: 1.2rem;}
#PageID_Product table tbody td{background-color: white;}
#PageID_Product table tbody td.l{background-color:#f2e9f2; font-weight: bolder; width: 350px; }
#PageID_Product table thead td{background-color:#f2e9f2; font-weight: bolder; }
#PageID_Product table thead tr.chiiki td{background-image: url("../images/common/bg_wabe-purple.gif"); font-weight: bolder;color: white; }

@media (max-width: 750px){#PageID_Product table td {padding: 2px;font-size: 1.5rem;}}
@media (max-width: 750px){#PageID_Product table tbody td.l{width: auto; }}
@media (max-width: 750px){#PageID_Product table td span {font-size: 0.8rem;}}

#PageID_Product .table-foot{text-align: right; font-size: 80%; margin-bottom: 30px;}
@media (max-width: 750px){#PageID_Product .table-foot{font-size: 0.8rem;}}