@charset "utf-8";

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

/* タイトル */
h3{
	background-image:url(../../img/bg_h3_foreign.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #292929;
	padding:25px 0 25px 15px;
	font-size:1.6rem;
	color:#ffffff;
	font-weight:300;
}
@media only screen and (max-width: 768px) {
h3{	background-size:cover;}
}
.foreign .sereas_item h4{
	padding-bottom:5px;
	border-bottom:2px solid #c8c8c8;
	margin-bottom:10px;
}
.foreign .sereas_item h4 span{
	display:block;
	font-weight:400;
}
.foreign .sereas_item h4 span.sereasname{
	background-position:left top;
	margin-top:5px;
	height:3rem;
}
.foreign .sereas_item h4 span.sereasname.CareFreeCasters{ background-image:url(../../img/sereasname_carefree_g.png);
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:contain;
}


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

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

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

.foreign .sereas_item .detail .btn{
	letter-spacing:-0.4em;
	margin-top:10px;
	text-align:center;
}
.foreign .sereas_item .detail .btn li{
	letter-spacing:normal;
	display:inline-block;
	width:48%;
}
.foreign .sereas_item .detail .btn li:first-of-type{
	margin-right:2%;
}
.foreign .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;
}
.foreign .sereas_item .detail .btn li.black a{
	background:#000000;
}
.foreign .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;
}



/* 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;
	}
	.foreign .sereas_item h4{
		padding-bottom:10px;
		margin-bottom:0;
	}
	.foreign .sereas_item h4 span.sereasname{
		margin-top:10px;
		height:42px;
	}
	.foreign .sereas_item h4 span.sereasname.YUEI_SPANNER{
		font-size:39px;
		letter-spacing:8px;
	}

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

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

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

	.foreign .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{
		float:right;
		margin-top:0;
	}
	#inquiry #form .btn a{
		padding:13px 40px;
		font-size:13px;
		margin-top:20px;
	}

	#footer{
		margin-top:0;
	}
}