﻿
/* -----------------------------------------------------------
    chinese
-------------------------------------------------------------- */
#chinese .marker-line {
    background: linear-gradient(transparent 70%,#FFEADC 70%,#FFEADC 100%,transparent 100%);
}

#chinese .u-line {
	border-bottom: #d8d8d8 solid 1px;
	margin: 0 0 100px;
}

#chinese .chinese-area .u-title {
	text-align: center;
}

#chinese .chinese-01 .u-title {
	background: url("../img/icon-chinese.svg") no-repeat center top;
	background-size: auto 41px;
	text-align: center;
	padding: 60px 0 0;
	margin: 80px 0 0;
}

#chinese .chinese-area h4 {
	color: #00b050;
	color: #D6864E;
    font-family: 'Noto Sans JP';
    font-size: 2.6rem;
	line-height: 1.5;
	padding: 50px 0 30px 30px;
}

#chinese .chinese-area .box01 {
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right 0 center;
	padding: 0 650px 0 0;
	margin: 0 0 80px;
	min-height: 430px;
}

#chinese .chinese-area .box02 {
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left 0 center;
	padding: 0 0 0 650px;
	margin: 0 0 80px;
	min-height: 430px;
}

#chinese .chinese-01 .box01 {
	background-image: url("../img/bg-chinese-01-pc.jpg");
}

#chinese .chinese-01 .box02 {
	background-image: url("../img/bg-chinese-02-pc.jpg");
}

#chinese .chinese-02 .box01 {
	background-image: url("../img/bg-chinese-03-pc.jpg");
}

#chinese .chinese-02 .box02 {
	background-image: url("../img/bg-chinese-04-pc.jpg");
}

#chinese .chinese-area .box01 div ,
#chinese .chinese-area .box02 div {
	background: url("../img/bg-chinese.jpg") no-repeat top left;
}

#chinese .chinese-area p {
	padding: 0 0 20px 30px;
}

#chinese .chinese-area p span {
	font-weight: bold;
}

#chinese .chinese-area p:last-child {
	padding: 0 0 0 30px;
}

@media screen and (max-width: 768px){
	
	#chinese .u-line {
		margin: 0 0 30px;
	}

	#chinese .chinese-01 .u-title {
		background-size: auto 30px;
		padding: 40px 0 25px;
		margin: 35px 0 0;
	}

	#chinese .chinese-02 .u-title {
		padding: 0 0 25px;
	}

	#chinese .chinese-area h4 {
		font-size: 2rem;
		line-height: 1.5;
		padding: 40px 0 15px 0;
	}

	#chinese .chinese-area .box01 {
		background-position: center top;
		background-size: 100% auto;
		padding: 200px 0 0;
		margin: 0 0 30px;
	}

	#chinese .chinese-area .box02 {
		background-position: center top;
		background-size: 100% auto;
		padding: 200px 0 0;
		margin: 0 0 30px;
	}

	#chinese .chinese-01 .box01 {
		background-image: url("../img/bg-chinese-01-sp.jpg");
	}

	#chinese .chinese-01 .box02 {
		background-image: url("../img/bg-chinese-02-sp.jpg");
	}

	#chinese .chinese-02 .box01 {
		background-image: url("../img/bg-chinese-03-sp.jpg");
	}

	#chinese .chinese-02 .box02 {
		background-image: url("../img/bg-chinese-04-sp.jpg");
	}

	#chinese .chinese-area .box01 div ,
	#chinese .chinese-area .box02 div {
		background:#fff url("../img/bg-chinese.jpg") no-repeat top 20px left 10px;
		background-size: 75px;
		padding: 0 20px;
	}

	#chinese .chinese-area p {
		padding: 0 0 10px 0;
	}

	#chinese .chinese-area p:last-child {
		padding: 0 0 0 ;
	}
}




/* 漢方商品ボタン */
.cmn-reibai-btn.kanpo {
	margin: 0 auto 80px;
}
.cmn-reibai-btn.kanpo a {
	background: #d99e75;
}
.cmn-reibai-btn.kanpo a::before {
    background: url("../img/kanpobtn-thumb.jpg") no-repeat;
	background-size: contain;
}

@media screen and (max-width: 768px){
	
	/* 漢方商品ボタン */
	.cmn-reibai-btn.kanpo {
		margin: 0 auto 40px;
	}
	
}
