@charset "utf-8";

/* 製品の特長
-------------------------------------------------- */
/* パンくず */
#crumb{
	background:#000000;
}
#crumb ul li,
#crumb ul li a,
#crumb ul li a::after{
	color:#ffffff;
}

/* タイトル */
h3{
	background-image:url(../jpg/bg_h3_characteristic.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	padding:25px 0 25px 15px;
	font-size:1.6rem;
	color:#ffffff;
	font-weight:300;
}
.characteristic .sereas_item h4{
	padding-bottom:5px;
	border-bottom:2px solid #c8c8c8;
	margin-bottom:10px;
}
.characteristic .sereas_item h4 span{
	display:block;
	font-weight:400;
}
.characteristic .sereas_item h4 span.sereasname{
	background-position:left top;
	margin-top:5px;
	height:2.4rem;
}
.characteristic .sereas_item h4 span.sereasname.LIGHTSTAR{ background-image:url(../png/sereasname_lightstar_g.png); }
.characteristic .sereas_item h4 span.sereasname.HEAVYSTAR{ background-image:url(../png/sereasname_heavystar_g.png); }
.characteristic .sereas_item h4 span.sereasname.OFFICESTAR{ background-image:url(../png/sereasname_officestar_g.png); }
.characteristic .sereas_item h4 span.sereasname.SHORTSTAR{ background-image:url(../png/sereasname_shortstar_g.png); }
.characteristic .sereas_item h4 span.sereasname.LOCKSTAR{ background-image:url(../png/sereasname_lockstar_g.png); }
.characteristic .sereas_item h4 span.sereasname.SMOOSTAR{ background-image:url(../sereasname_smoostar_g.html); }
.characteristic .sereas_item h4 span.sereasname.SILENTSTAR{ background-image:url(../png/sereasname_silentstar_g.png); }
.characteristic .sereas_item h4 span.sereasname.LEADSTAR{	background-image:url(../png/sereasname_leadstar_g.png); }
.characteristic .sereas_item h4 span.sereasname.STAINLESTAR{ background-image:url(../png/sereasname_stainlestar_g.png); }
.characteristic .sereas_item h4 span.sereasname.YUEI_SPANNER{
	font-size:2.7rem;
/*	color:#d90013;*/
	color:#969696;
	letter-spacing:5px;
	font-weight:500;
}

.characteristic.cn_page .sereas_item h4 span.sereasname.LIGHTSTAR{ background-image:url(../png/sereasname_lightstar_g-2.png); }
.characteristic.cn_page .sereas_item h4 span.sereasname.HEAVYSTAR{ background-image:url(../png/sereasname_heavystar_g-2.png); }
.characteristic.cn_page .sereas_item h4 span.sereasname.OFFICESTAR{ background-image:url(../png/sereasname_officestar_g-2.png); }
.characteristic.cn_page .sereas_item h4 span.sereasname.SHORTSTAR{ background-image:url(../png/sereasname_shortstar_g-2.png); }
.characteristic.cn_page .sereas_item h4 span.sereasname.LOCKSTAR{ background-image:url(../png/sereasname_lockstar_g-2.png); }
.characteristic.cn_page .sereas_item h4 span.sereasname.SILENTSTAR{ background-image:url(../png/sereasname_silentstar_g-2.png); }
.characteristic.cn_page .sereas_item h4 span.sereasname.LEADSTAR{	background-image:url(../png/sereasname_leadstar_g-2.png); }
.characteristic.cn_page .sereas_item h4 span.sereasname.STAINLESTAR{ background-image:url(../png/sereasname_stainlestar_g-2.png); }




.characteristic a.sereas_item_anc{
	padding-top:91px;
	margin-top:-91px;
}
.characteristic .sereas_item{
	margin-bottom:50px;
}

/* 写真 */
.characteristic .sereas_item .photo{
	text-align:center;
}
.characteristic .sereas_item .photo img{
	max-width:200px;
}

/* 詳細 */
.characteristic .sereas_item .detail p.text{
	margin-top:10px;
	line-height:125%;
}

.characteristic .sereas_item .detail .btn{
	letter-spacing:-0.4em;
	margin-top:10px;
	text-align:center;
}
.characteristic .sereas_item .detail .btn li{
	letter-spacing:normal;
	display:inline-block;
	width:48%;
}
.characteristic .sereas_item .detail .btn li:first-of-type{
	margin-right:2%;
}
.characteristic .sereas_item .detail .btn li a{
	display:block;
	padding:10px 0;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#ffffff;
}
.characteristic .sereas_item .detail .btn li.black a{
	background:#000000;
}
.characteristic .sereas_item .detail .btn li.red a{
	background:#d90013;
}

/* お問い合わせ */
#inquiry{
	padding:30px 15px;
}
#inquiry h4{
	font-weight:300;
	text-align:center;
	margin-bottom:20px;
}
#inquiry h4 span{
	display:inline-block;
	border-bottom:2px solid #d90013;
	padding-bottom:5px;
	font-size:1.8rem;
	line-height:125%;
}
#inquiry .itembox{
	background:#f5f5f5;
	padding:20px;
	text-align:center;
}
#inquiry .itembox h5{
	font-weight:500;
	margin-bottom:15px;
}
#inquiry .itembox p span{
	display:block;
	text-align:center;
	line-height:135%;
}
#inquiry .itembox .btn a{
	display:inline-block;
	background:#d90013;
	color:#ffffff;
	padding:10px;
	width:58%;
	margin-top:15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* お電話によるお問い合わせ */
#inquiry #tel .btn a{
	font-size:1.8rem;
}

/* メールによるお問い合わせ */
#inquiry #form{
	margin-top:10px;
}
#inquiry #form .btn a{
	position:relative;
}
#inquiry #form .btn a::before{
	content:'';
	width:0.5rem;
	height:0.5rem;
	border:0;
	border-top:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.25rem;
}

/* バナーエリア */
#foot_banner_area{
	background:#f5f5f5;
}


/* 製品の特長　アンカーリンクエリア
++++++++++++++++++++++++++++++++++++++++++++++ */	
#contents.characteristic .characteristic-area{
	background-color: #000000;
}

#contents.characteristic .characteristic-area .follow-list{
	padding: 10px;
}

#contents.characteristic .characteristic-area ul.list{
	margin: 0 auto;
	letter-spacing: -0.4em;
}
	
#contents.characteristic .characteristic-area ul.list li{	
	width: 49%;
	margin-right: 2%;
	letter-spacing: normal;
	display: inline-block;
	margin-bottom: 15px;
}
	
#contents.characteristic .characteristic-area ul.list li a{
	padding: 15px 0;
	display: block;
	border: 1px solid #d90013;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	
#contents.characteristic .characteristic-area ul.list li a span{	
	height: 14px;
	display: block;
	background-position: center top;
}

#contents.characteristic .characteristic-area ul.list li:nth-child(2n){
	margin-right: 0;
}
#contents.characteristic .characteristic-area ul.list li .LIGHTSTAR{ background-image:url(../png/sereasname_lightstar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .MIDDLESTAR{ background-image:url(../png/sereasname_middlestar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .HEAVYSTAR{ background-image:url(../png/sereasname_heavystar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .OFFICESTAR{ background-image:url(../png/sereasname_officestar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .SHORTSTAR{ background-image:url(../png/sereasname_shortstar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .LOCKSTAR{ background-image:url(../png/sereasname_lockstar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .SMOOSTAR{ background-image:url(../png/sereasname_smoostar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .SILENTSTAR{ background-image:url(../png/sereasname_silentstar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .LEADSTAR{ background-image:url(../png/sereasname_leadstar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .STAINLESTAR{ background-image:url(../png/sereasname_stainlestar_s_w.png); }
#contents.characteristic .characteristic-area ul.list li .OTHERS{ background-image:url(../png/sereasname_others_s_w.png); }

#contents.characteristic .sereas_item{
	padding-top: 100px;
    margin-top: -90px;
}


#contents.characteristic.cn_page .characteristic-area ul.list li .LIGHTSTAR{ background-image:url(../png/sereasname_lightstar_s_w-2.png); }
#contents.characteristic.cn_page .characteristic-area ul.list li .HEAVYSTAR{ background-image:url(../png/sereasname_heavystar_s_w-2.png); }
#contents.characteristic.cn_page .characteristic-area ul.list li .OFFICESTAR{ background-image:url(../png/sereasname_officestar_s_w-2.png); }
#contents.characteristic.cn_page .characteristic-area ul.list li .SHORTSTAR{ background-image:url(../png/sereasname_shortstar_s_w-2.png); }
/*#contents.characteristic.cn_page .characteristic-area ul.list li .LOCKSTAR{ background-image:url(/cn/products/img/sereasname_lockstar_s_w.png); }*/
#contents.characteristic.cn_page .characteristic-area ul.list li .SILENTSTAR{ background-image:url(../png/sereasname_silentstar_s_w-2.png); }
#contents.characteristic.cn_page .characteristic-area ul.list li .LEADSTAR{ background-image:url(../png/sereasname_leadstar_s_w-2.png); }
#contents.characteristic.cn_page .characteristic-area ul.list li .STAINLESTAR{ background-image:url(../png/sereasname_stainlestar_s_w-2.png); }
#contents.characteristic.cn_page .characteristic-area ul.list li .OTHERS{ background-image:url(../png/sereasname_others_s_w-2.png); }


/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {


	/* タイトル
	++++++++++++++++++++++++++++++++++++++++++++++ */
	h3{
		width:100%;
		height:130px;
		line-height:130px;
		font-size:36px;
		color:#ffffff;
		padding:0;
	}
	h3 span{
		display:block;
		max-width:1024px;
		margin:0 auto;
	}
	.characteristic .sereas_item h4{
		padding-bottom:10px;
		margin-bottom:0;
	}
	.characteristic .sereas_item h4 span.sereasname{
		margin-top:10px;
		height:34px;
	}
	.characteristic .sereas_item h4 span.sereasname.YUEI_SPANNER{
		font-size:39px;
		letter-spacing:8px;
	}

	.characteristic a.sereas_item_anc{
		padding-top:140px;
		margin-top:-70px;
	}
	.characteristic .sereas_item{
		max-width:786px;
		margin:0 auto 70px auto;
	}

	/* 写真 */
	.characteristic .sereas_item .photo{
		float:right;
		margin-top:calc(-54px - 1em);
	}
	.characteristic .sereas_item .photo img{
		max-width:inherit;
	}

	/* 詳細 */
	.characteristic .sereas_item .detail{
		float:left;
		max-width:536px;
	}
	.characteristic .sereas_item .detail p.text{
		margin-top:20px;
		line-height:160%;
	}

	.characteristic .sereas_item .detail .btn{
		letter-spacing:-0.4em;
		margin-top:20px;
		text-align:left;
		width:380px;
	}


	/* お問い合わせ
	++++++++++++++++++++++++++++++++++++++++++++++ */
	#inquiry{
		padding:70px 10px;
	}
	#inquiry .inquiry-inner{
		max-width:750px;
		margin:30px auto 0 auto;
		text-align:center;
	}
	#inquiry h4{
		margin-bottom:50px;
	}
	#inquiry h4 span{
		padding-bottom:8px;
		font-size:24px;
	}
	#inquiry .itembox{
		padding:0;
		background:transparent;
	}
	#inquiry .itembox h4{
		margin-bottom:20px;
	}
	#inquiry .itembox p span{
		display:inline;
	}
	#inquiry .itembox .btn a{
		width:auto;
	}

	/* お電話によるお問い合わせ */
	#inquiry #tel{
		float:left;
	}
	#inquiry #tel p{
		font-size:13px;
	}
	#inquiry #tel p::before{
		content:'06-4791-3586';
		font-size:30px;
		color:#d90013;
		display:block;
		margin-bottom:20px;
	}
	#inquiry #tel.en p::before{
		content:'+81-6-4791-3585';
	}
	#inquiry #tel .btn a{
		display:none;
	}

	/* メールによるお問い合わせ */
	#inquiry #form{
		margin-top:0;
	}
	#inquiry #form .btn a{
		padding:13px 40px;
		font-size:13px;
		margin-top:20px;
	}

	#footer{
		margin-top:0;
	}
	
	/* 製品の特長　アンカーリンクエリア
	++++++++++++++++++++++++++++++++++++++++++++++ */	
	#contents.characteristic .characteristic-area ul.list{
		max-width: 1024px;
		padding: 20px 0;
		text-align: center;	
		display: flex;	
		flex-wrap: wrap;	
	}
	
	#contents.characteristic .characteristic-area ul.list li{	
		width: 18%;
		margin-right: 1.5%;
	}

	#contents.characteristic .characteristic-area ul.list li:nth-child(2n){
		margin-right: 1.5%;
	}
	
/*
	#contents.characteristic .characteristic-area  ul.list li:nth-child(6n) {
		margin-right: 0;
	}
*/
}