@charset "UTF-8";


/*======================================商品ごと（PC、スマホ共有）======================================*/

/*.appeal_title {
	background:#c73638;
	color:#FFF;
}*/

/*======================================商品ごと（PC、スマホ共有）（エンド）======================================*/




/*======================================PC用======================================*/

.info_imagearea {
	background-image:url(/kpi/guide/img/hajimete/hajimete.jpg);
	background-size:auto;
	background-repeat:no-repeat;
	background-position:left;
	width:528px;
	height:370px;
	float:left;
}

.info_textarea {
	width:400px;
	height:200px;
	float:left;
}




h2 {
	font-size:xx-large;
	font-weight:bold;
}


h3 {
	font-size:larger;
	font-weight:normal;
	line-height:200%;
}





/*商品オプション*/
.option_listarea {
	width:900px;
	margin:0 auto;
}

.option_maintitle {
	font-size:xx-large;
	font-weight:bold;
	text-align:left;
	
}

.option_listarea_l1 {
	margin-top:25px;
	width:370px;
	height:198px;
	text-align:left;
	float:left;
}
.option_listarea_l2 {
	margin-top:60px;
	width:370px;
	height:368px;
	text-align:left;
	float:left;
}
.option_listarea_l3 {
	margin-top:45px;
	width:370px;
	height:335px;
	text-align:left;
	float:left;
}

.option_listarea_r {
	width:530px;
	text-align:left;
	float:left;
}
.option_listarea_r2 {
	width:500px;
	text-align:left;
	float:left;
}


.option_listtitle {
	font-size:xx-large;
	font-weight:bold;
}

.option_listimage01 {
	margin-top:25px;
	background-image:url(/kpi/guide/img/hajimete/option_list01.jpg);
	background-size:auto;
	background-repeat:no-repeat;
	background-position:center bottom;
	width:530px;
	height:177px;
}

.option_listimage02 {
	margin-top:60px;
	background-image:url(/kpi/guide/img/hajimete/option_list02.jpg);
	background-size:auto;
	background-repeat:no-repeat;
	background-position:center center;
	width:530px;
	height:348px;
}

.option_listimage03 {
	margin-top:45px;
	background-image:url(/kpi/guide/img/hajimete/option_list03.jpg);
	background-size:auto;
	background-repeat:no-repeat;
	background-position:center center;
	width:530px;
	height:315px;
}



/*======================================PC用（エンド）======================================*/



/*======================================スマホ用======================================*/




/*スマホ対応 */
@media screen and (max-width: 768px) {
	
	.info_imagearea {
		background-image:url(/kpi/guide/img/hajimete/hajimete.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left;
		width:300px;
		height:200px;
		float:left;
	}
	
	.info_textarea {
		width:300px;
		height:220px;
		float:left;
	}
	
	
	
	
	h2 {
		font-size:x-large;
		font-weight:bold;
	}
	
	
	h3 {
		font-size:12px;
		font-weight:normal;
		line-height:150%;
	}
	
	
	/*商品オプション*/
	.option_listarea {
		width:300px;
		margin:0 auto;
	}
	
	.option_maintitle {
		font-size:x-large;
		font-weight:bold;
		text-align:left;
	}
	
	.option_listarea_l1 {
		width:300px;
		height:auto;
		text-align:left;
		float:left;
	}
	.option_listarea_l2 {
		width:300px;
		height:auto;
		text-align:left;
		float:left;
	}
	.option_listarea_l3 {
		width:300px;
		height:auto;
		text-align:left;
		float:left;
	}
	
	.option_listarea_r {
		width:300px;
		text-align:left;
		float:left;
	}
	.option_listarea_r2 {
		width:300px;
		text-align:left;
		float:left;
	}	
	
	.option_listtitle {
		font-size:x-large;
		font-weight:bold;
	}
	
	.option_listimage01 {
		background-image:url(/kpi/guide/img/hajimete/option_list01_sp.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:top;
		width:300px;
		height:100px;
	}
	
	.option_listimage02 {
		background-image:url(/kpi/guide/img/hajimete/option_list02_sp.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:top;
		width:300px;
		height:250px;
	}
	
	.option_listimage03 {
		background-image:url(/kpi/guide/img/hajimete/option_list03_sp.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:top;
		width:300px;
		height:200px;
	}
		
	
	
	
	
	
	
	
	
}



/*======================================スマホ用（エンド）======================================*/