@charset "utf-8;"

/* 960pxでスマホとPCスタイル変更 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

@media print,
screen and (min-width: 960px) {

#item_cart_btn{
	float:left;
	margin-top:20px;
	width:550px;
	height:auto;
	overflow: visible;
	background:#dddddd;
	border-radius: 1em;
}

#item_cart_btn:hover{
	background:#ddd7d7;
	border-radius: 1em;
	overflow: visible;
}

#custom_shop{
	float:left;
	width:900px;
	margin-left:30px;
	margin-right:30px;
}

#custom_shop_left{
	float:left;
	width:300px;
	height:auto;
	border:3px solid #000;
}

#custom_shop_right{
	float:left;
	margin:0 0 0 44px;
	width:550px;
	height:auto;
}

.select_parts{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}

.select_color{
	margin:5px 0 0 0;
}

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 2em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/* グリル用クラス */
.head_silver{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_silver.jpg?20190418) no-repeat;
}

.head_white{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_white.jpg) no-repeat;
}

.head_black{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_black.jpg) no-repeat;
}

.head_green{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_green.jpg) no-repeat;
}

.head_pink{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_pink.jpg) no-repeat;
}

.head_blue{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_blue.jpg) no-repeat;
}

.head_yellow{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_yellow.jpg) no-repeat;
}

.head_orange{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_orange.jpg) no-repeat;
}

.head_turquiz{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_turquiz.jpg) no-repeat;
}

.head_gold{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_gold.jpg) no-repeat;
}

.head_red{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_red.jpg) no-repeat;
}

.head_purple{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_purple.jpg) no-repeat;
}

.head_gunmetal{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_gunmetal.jpg) no-repeat;
}

.head_satinchrome{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_satinchrome.jpg) no-repeat;
}
	
.head_satingold{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_satingold.jpg) no-repeat;
}
	
.head_rosegold{
	float:left;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_rosegold.jpg) no-repeat;
}

/* ボディ用クラス */
.body_white{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_white.jpg) no-repeat;
}

.body_black{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_black.jpg) no-repeat;
}

.body_green{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_green.jpg) no-repeat;
}

.body_pink{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_pink.jpg) no-repeat;
}

.body_blue{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_blue.jpg) no-repeat;
}

.body_yellow{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_yellow.jpg) no-repeat;
}

.body_orange{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_orange.jpg) no-repeat;
}

.body_turquiz{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_turquiz.jpg) no-repeat;
}

.body_gold{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_gold.jpg) no-repeat;
}

.body_darkwood{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_darkwood.jpg) no-repeat;
}

.body_lightwood{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_lightwood.jpg) no-repeat;
}

.body_red{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_red.jpg) no-repeat;
}

.body_purple{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_purple.jpg) no-repeat;
}

.body_standard{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_standard.jpg) no-repeat;
}
	
.body_satinchrome{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_satinchrome.jpg) no-repeat;
}
	
.body_satingold{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_satingold.jpg) no-repeat;
}
	
.body_rosegold{
	float:left;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_rosegold.jpg) no-repeat;
}

}
/* PC用製品ページここまで */


/* モニター幅960px以下 */
@media only screen and (max-width:960px){

#custom_shop{
	width:90%;
	margin:5%;
}

#custom_shop_left{
	width:100%;
	height:auto;
}

#custom_shop_right{
	width:100%;
	height:auto;
	margin-top:50px;
}

#item_cart_btn{
	margin-top:20px;
	width:100%;
	height:auto;
	overflow: hidden;
	background:#dddddd;
	border-radius: 1em;
}

/* shop-proが生成するカートウィジェットにインラインでwidth:500pxが
   直接指定されているため、!importantで上書きしてスマホ幅に追従させる */
#item_cart_btn .cartjs-box{
	width: 100% !important;
	margin: 20px 0 !important;
	box-sizing: border-box !important;
}

/* さらに内側のcartjs-cart-inにもwidth:50%と壊れたmargin指定があるため上書き */
#item_cart_btn .cartjs-cart-in{
	width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.select_parts{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}

.select_color{
	margin:5px 0 0 0;
}

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 1em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

/* グリル用クラス（モバイル） */
.head_silver{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_silver.jpg?20190418) no-repeat;
}

.head_white{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_white.jpg) no-repeat;
}

.head_black{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_black.jpg) no-repeat;
}

.head_green{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_green.jpg) no-repeat;
}

.head_pink{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_pink.jpg) no-repeat;
}

.head_blue{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_blue.jpg) no-repeat;
}

.head_yellow{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_yellow.jpg) no-repeat;
}

.head_orange{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_orange.jpg) no-repeat;
}

.head_turquiz{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_turquiz.jpg) no-repeat;
}

.head_gold{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_gold.jpg) no-repeat;
}

.head_red{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_red.jpg) no-repeat;
}

.head_purple{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_purple.jpg) no-repeat;
}

.head_gunmetal{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_gunmetal.jpg) no-repeat;
}

.head_satinchrome{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_satinchrome.jpg) no-repeat;
}

.head_satingold{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_satingold.jpg) no-repeat;
}

.head_rosegold{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:170px;
	background:url(../../img/custom_shop/head_rosegold.jpg) no-repeat;
}

/* ボディ用クラス（モバイル） */
.body_white{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_white.jpg) no-repeat;
}

.body_black{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_black.jpg) no-repeat;
}

.body_green{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_green.jpg) no-repeat;
}

.body_pink{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_pink.jpg) no-repeat;
}

.body_blue{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_blue.jpg) no-repeat;
}

.body_yellow{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_yellow.jpg) no-repeat;
}

.body_orange{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_orange.jpg) no-repeat;
}

.body_turquiz{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_turquiz.jpg) no-repeat;
}

.body_gold{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_gold.jpg) no-repeat;
}

.body_darkwood{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_darkwood.jpg) no-repeat;
}

.body_lightwood{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_lightwood.jpg) no-repeat;
}

.body_red{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_red.jpg) no-repeat;
}

.body_purple{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_purple.jpg) no-repeat;
}

.body_standard{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_standard.jpg) no-repeat;
}

.body_satinchrome{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_satinchrome.jpg) no-repeat;
}

.body_satingold{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_satingold.jpg) no-repeat;
}

.body_rosegold{
	float:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:430px;
	background:url(../../img/custom_shop/body_rosegold.jpg) no-repeat;
}

}