@charset "utf-8";  
/*------------------------------------------------------------ 
    price css
------------------------------------------------------------*/  

#detailHd{
	width:100%;
	height:316px;
	overflow:hidden;
	margin-bottom:70px;
	padding-bottom:5px;
	position:relative;
	background:#D9D970 url(../img/bg-head.png) no-repeat 50% 0;
	background-size:cover;
}

#detailHd:before{
	display:block;
	content:"";
	width:100%;
	height:5px;
	position:absolute;
	bottom:0;
	left:0;
	background:#B9B921 url(../../common/img/bg-bdr.png) repeat-x bottom;
}

#detailHd span{
	display:block;
	width:auto;
	max-width: 960px;
	margin: 0 auto;
	padding:0 10px;
	color:#2F2323;
	line-height:510px;
	font-size:600%;
	letter-spacing:5px;
	font-family: 'Quicksand', sans-serif;
}

.sectionHd{
	width:100%;
	max-width:440px;
	margin:0 auto;
}

.txt{
	color:#615B5B;
	line-height:2;
	font-size:109%;
	margin:20px 0;
}

.txt2{
	color:#615B5B;
	line-height:1.5;
	font-size:109%;
	margin-top:20px;
}

.priceInner{
	width:100%;
	max-width:792px;
	margin:0 auto;
}

#priceTbl{
	width:100%;
	margin-bottom:30px;
}

#priceTbl th{
	width:260px;
	height:45px;
	text-align:center;
	vertical-align:middle;
	border-right:4px solid #fff;
	color:#fff;
	padding:0 5px;
	font-size:134%;
	font-weight:bold;
	background:#3F3535;
}

#priceTbl td{
	height:35px;
	vertical-align:middle;
	text-align:center;
	color:#615B5B;
	padding:0 5px;
	font-weight:bold;
	font-size:109%;
	background:#F3F2CD;
	border-right:4px solid #fff;
	border-top:2px solid #fff;
}

#priceTbl td.dog-name{
	color:#fff;
	background:#CCCC63;
}

#priceImg{
	width:36.6%;
	float:right;
	margin-right:4.4%;
}

#priceMenu{
	width:44.2%;
	float:left;
}

#priceMenu dt{
	width:100%;
	height:45px;
	text-align:center;
	line-height:45px;
	color:#fff;
	font-size:134%;
	font-weight:bold;
	background:#CCCC63;
}

#priceMenu table{ width:100%;}

#priceMenu th{
	height:36px;
	border-bottom:1px solid #fff;
	text-align:left;
	vertical-align:middle;
	padding-left:60px;
	background:#F3F3E6;
	color:#615B5B;
	font-size:109%;
	font-weight:bold;
}

#priceMenu td{
	height:36px;
	border-bottom:1px solid #fff;
	text-align:right;
	vertical-align:middle;
	padding-right:60px;
	background:#F3F3E6;
	color:#615B5B;
	font-size:109%;
	font-weight:bold;
}


/* option */

#option{
	width:auto;
	padding:36px;
	margin-top:-19px;
	background:#F1F0D6;
	overflow:hidden;
}

.option-column1{
	width:48%;
	margin-bottom:20px;
	padding:40px 20px 20px;
	text-align:center;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.option-column1 > dt{
	color:#615B5B;
	font-size:134%;
	font-weight:bold;
	margin-bottom:10px;
}

.option-column1 dd{
	color:#615B5B;
	font-size:109%;
}

.option-column1 div{
	width:100%;
	max-width:246px;
	margin:15px auto;
}

.option-column1 dd dt{
	font-weight:bold;
	font-size:109%;
}

.option-column1 dd dd{
	line-height:1.8;
}

.option-column2{
	clear:both;
	widh:auto;
	padding:15px 60px;
	background:#fff;
	overflow:hidden;
}

.option-column2 p{
	width:57%;
	float:left;
	color:#615B5B;
	font-size:109%;
	line-height:1.8;
	margin-top:30px;
}

.option-column2 div{
	width:31.8%;
	float:right;
}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  



/* TABLET */
@media screen and (max-width: 788px){

#detailHd{
	width:100%;
	height:158px;
	margin-bottom:30px;
}

#detailHd span{
	line-height:255px;
	font-size:300%;
	letter-spacing:5px;
}

#priceTbl th{
	font-size:117%;
	border-right-width:1px;
}

#priceTbl td{ border-width:1px;}

#priceMenu th{ padding-left:20px;}
#priceMenu td{ padding-right:20px;}

}


/* SP */
@media screen and (max-width: 560px){

#detailHd span{
	display:inline;
	padding:5px;
	margin-left:50px;
	font-size:250%;
	background:rgba(255,255,255,0.6);
}


#priceImg{
	width:145px;
	float:none;
	margin:0 auto 30px;
}

#priceMenu{
	width:100%;
	float:none;
}

#priceMenu th{ padding-left:60px;}
#priceMenu td{ padding-right:60px;}


#option{ padding:36px 10px 10px;}

.option-column1{
	width:100%;
	float:none;
}

.option-column2{ padding:20px;}
.option-column2 p,
.option-column2 div{
	width:100%;
	float:none;
}

.option-column2 p{ margin:0 0 10px;}


}