@charset "UTF-8";


/* タイトル画像 */
.top img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

	
	

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

	
/* 製品紹介 */
/* 見出し */
/* コピー見出し */
.p_tittle img 	{
	width:5%;
	padding-bottom: 15px;
	}
.p_tittle h3 	{
	color: #111111;
	font-size: 22px;
	text-align: center;
letter-spacing: 0.1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #111111;
}
.p_tittle h4 	{
	width:190px;
	color: #111111;
	font-size: 18px;
	text-align: center;
letter-spacing: 0.1em;
	padding-bottom: 0px;
	background: linear-gradient(transparent 50%, #FFFF66 50%);
}

.p_tittle h5 {
	margin-top: 50px;
	width:270px;
	color: #111111;
	font-size: 18px;
	text-align: center;
letter-spacing: 0.1em;
	padding-bottom: 0px;
	background: linear-gradient(transparent 50%, #FFFF66 50%);
}
.p_tittle p	{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
	color: #111111;
	letter-spacing: 0.1em;
}
		
/* ########### 359px以下 ########### */
@media (max-width: 359px) {
/* BOX1-1とBOX1-2を縦に並べる設定 */
.box1:after	{content: "";
	display: block;
	clear: both}

.box1-1	{
	margin-bottom: 0px;
	}

.box1-2	{
	margin-bottom: 20px;
}

/* 電話・メールで問い合わせ/ごあいさつ */
.tel_con	{
   
}

.tel_con h4	{
	padding-top: 3px;
		padding-bottom: 10px;
	line-height: 1.2;
	font-weight:bold;
	font-size: 17px;
	color: #111111;
	letter-spacing: 0.1em	}

.tel_con h5	a{
	text-decoration:none;
	font-size: 22px;
	color: #BD302E;
	letter-spacing: 0.1em}
	
.tel_con h5 a:hover	{
	color:#F37B7D;
	text-decoration:none;
	}
	
.tel_con p	{
	padding-top:5px;
	font-size: 12px;
	color: #666666}
	
.tel_con i	{margin-left: 10px}

#tel_con_p {
	font-size: 13px;
	text-align:left;
	color: #111111;
	line-height: 1.4;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-top: 3px;
}

/* パンくず */
.pan	{
	font-size: 10px;
	color: #111111;
	text-align: right;
	letter-spacing: 0.05em}
	
/* ボックスの左右 */
.box1
{
	padding-left: 10px;
	padding-right: 10px;
	}
.box12
{
	padding-left: 5px;
	padding-right: 5px;
	}
	
/* ボックスの上下 */
.box1	{
	margin-top: 0px;
	margin-bottom: 25px;
	}

.box12	{
	margin-top: 5px;
	margin-bottom: 25px;
	}

}

/* ########### 360px以上 ########### */
@media (min-width: 360px) {

/* BOX1-1とBOX1-2を縦に並べる設定 */
.box1:after	{content: "";
	display: block;
	clear: both}

.box1-1	{
	margin-bottom: 0px;
	}

.box1-2	{
	margin-bottom: 20px;
}


/* 電話・メールで問い合わせ/ごあいさつ */
.tel_con	{
   
}

.tel_con h4	{
	padding-top: 3px;
		padding-bottom: 10px;
	line-height: 1.2;
	font-weight:bold;
	font-size: 20px;
	color: #111111;
	letter-spacing: 0.1em	}

.tel_con h5	a{
	text-decoration:none;
	font-size: 24px;
	color: #BD302E;
	letter-spacing: 0.1em}
	
.tel_con h5 a:hover	{
	color:#F37B7D;
	text-decoration:none;
	}
	
.tel_con p	{
	padding-top:5px;
	font-size: 13px;
	color: #666666}
	
.tel_con i	{margin-left: 10px}

#tel_con_p {
	font-size: 14px;
	color: #111111;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-top: 3px;
}

/* パンくず */
.pan	{
	font-size: 10px;
	color: #111111;
	text-align: right;
	letter-spacing: 0.05em}
	
/* ボックスの左右 */
.box1
{
	padding-left: 20px;
	padding-right: 20px;
	}
.box12
{
	padding-left: 5px;
	padding-right: 5px;
	}
	
/* ボックスの上下 */
.box12	{
	margin-top: 5px;
	margin-bottom: 25px;
	}

}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ボックスの上下 */
.box18	{
	margin-top: 25px;
	margin-bottom: 15px;
	}
	
}

/* ########### 600px以上 ########### */
@media (min-width: 600px) {
	

	

/* ボックスの上下 */
.box18	{
	margin-top: 25px;
	margin-bottom: 15px;
	}
	
}
/* ########### 768px以下 ########### */
@media (max-width: 768px) {

	

/* ボックスの左右 */
.box20
	{padding-left: 10px;
	padding-right: 10px}


/* ボックスの上下 */
.box11	{
	margin-bottom: 50px;
	}
/* 詳細説明 */
.setumei{margin-top: 40px;}
.setumei h6 {
	margin-top: 18px;
	width:100%;
	color: #111111;
	font-size: 18px;
	text-align: left;
letter-spacing: 0.1em;
	padding-bottom: 0px;
	border-bottom: solid 3px black;
}
.setumei p	{
	text-align: left;
	padding-top: 15px;
	font-size: 14px;
	color: #111111;
	letter-spacing: 0.1em;
}
.setumei a	{
	text-align: left;
	margin-top: 10px;
	font-size: 15px;
	color: #BD302E;
	letter-spacing: 0.1em;
	font-weight:bold;
	display:inline-block
}
.setumei a:hover { color:  #2E4164;
}		
}
/* ########### 769px以上 ########### */
@media (min-width: 769px) {
/* 詳細説明 */
.setumei{}
.setumei h6 {
	margin-top: 50px;
	width:100%;
	color: #111111;
	font-size: 18px;
	text-align: left;
letter-spacing: 0.1em;
	padding-bottom: 0px;
	border-bottom: solid 3px black;
}
.setumei p	{
	text-align: left;
	padding-top: 20px;
	font-size: 16px;
	color: #111111;
	letter-spacing: 0.1em;
}
.setumei a	{
	text-align: left;
	margin-top: 10px;
	font-size: 16px;
	color: #BD302E;
	letter-spacing: 0.1em;
	font-weight:bold;
	display:inline-block
}
.setumei a:hover { color:  #2E4164;
}

	
/* 電話・メールで問い合わせ/ごあいさつ */
.tel_con	{
   
}

.tel_con h4	{
	padding-top: 3px;
		padding-bottom: 20px;

	font-weight:bold;
	font-size: 22px;
	color: #111111;
	letter-spacing: 0.1em	}

.tel_con h5	a{
	text-decoration:none;
	font-size: 26px;
	color: #BD302E;
	letter-spacing: 0.1em}
	
.tel_con h5 a:hover	{
	color:#F37B7D;
	text-decoration:none;
	}
	
.tel_con p	{
	padding-top:5px;
	font-size: 13px;
	color: #666666}
	
.tel_con i	{margin-left: 10px}

#tel_con_p {
	font-size: 14px;
	color: #111111;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 0.1em;
	padding-top: 3px;
}

/* パンくず */
.pan	{
	font-size: 12px;
	color: #111111;
	text-align: right;
	letter-spacing: 0.1em}
	
/* ボックスの左右 */
.box1, .box12
{
	padding-left: 40px;
	padding-right: 40px;
	}
	
/* ボックスの上下 */
.box12	{
	margin-top: 5px;
	margin-bottom: 50px;
	}

	
/* BOX1-1とBOX1-2を横に並べる設定 */
.box1:after	{content: "";
	display: block;
	clear: both}

.box1-1	{float: left;
	width: 30%;
	padding-right: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.box1-2	{float: left;
	width: 70%;
	padding-left: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 50px;
}



.box18	{
	margin-top: 50px;
	margin-bottom: 30px;
	}
	

	}
	
/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
/* ボックスの左右 */
.box1-1{
	width: 30%;
	}
.box1-2{
	width: 70%;
	}
/* 全体の横幅を固定 */
.box1, .box2, .box12, .boxD, .box18
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}


}