@charset "UTF-8";
/* ====================================================================
	Chinese
==================================================================== */

.wrpContents sup {
	font-size: .5em;
}

.wrpContents .wrpBlk1Col img {
	width: auto;
}

.wrpContents .modSprite {
	display: block;
	width: 100%;
	font-size: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.wrpContents .wrpBlk1Col {
	width: 100%;
}

.wrpContents .wrpBlk1Col .innerKv {
	width: 1024px;
	margin: 0 auto;
}

.wrpContents .wrpBlk1Col .innerBtm {
	width: 1024px;
	margin: 0 auto;
}

/* フロートテンプレ */
.wrpContents .wrpCont .wrpL {
	float: left;
}
.wrpContents .wrpCont .wrpR {
	float: right;
}
.wrpContents .wrpCont .txt {
	line-height: 2.0;
}

@media only screen and (max-width: 767px) {
	.wrpContents .wrpBlk1Col img {
		width: 100%;
	}

	.wrpContents .wrpCont .wrpL,
	.wrpContents .wrpCont .wrpR {
		float: none;
	}

	.wrpContents .wrpBlk1Col .inner,
	.wrpContents .wrpBlk1Col .innerKv,
	.wrpContents .wrpBlk1Col .innerBtm {
		width: 100%;

	}

	.wrpContents .wrpBlk1Col .inner{
		padding: 40px 30px;
		width: auto;
	}

	.wrpContents .wrpBlk1Col .innerBtm{
		padding: 0 20px;
		box-sizing: border-box;
		
	}

}

/* --------------------------------------------------------------------
	title
-------------------------------------------------------------------- */
.wrpContents .title {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	background: #f2f2f2;
	border-bottom: 1px solid #d5d5d5;
	line-height: 1;
}

.wrpContents .title span {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 21px 0 23px;
}

.wrpContents .title::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	height: 6px;
	background-color: #e30019;
}

.wrpContents .titleModal{
	position: static;
    border-bottom: 2px solid #E30019;
    padding-bottom: 12px;
    margin-bottom: 30px !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-align: center;
	background-color: #fff;
}

.acne .modEcModal .titleModal{
	border-bottom-color: #F30088;
}

@media only screen and (max-width: 767px) {
	.wrpContents .title {
		margin-bottom: 36px;
	}

	.wrpContents .title span {
		padding: 20px;
	}

	.wrpContents .titleModal{
		padding-bottom: 17px !important;
        font-size: 20px !important;
	}
}


/* --------------------------------------------------------------------
	mainImg
-------------------------------------------------------------------- */
.wrpContents .mainImg {
	margin-bottom: 56px;
}

.wrpContents .mainImg img {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.wrpContents .mainImg .inner {
		padding: 0;
	}
	.wrpContents .mainImg {
		margin: 52px 0 30px;
	}
	.wrpContents .modTxtCaption {
		text-align: left;
		margin-top: 10px;
	}
}

/* --------------------------------------------------------------------
	itemList
-------------------------------------------------------------------- */

.wrpContents .lineupBox {
	margin-bottom: 45px;
}

.wrpContents .lineupBox .title img {
	vertical-align: top;
}

.wrpContents .itemList {
	margin: 0 36px 56px;
}

.wrpContents .itemList li .btn a {
	display: block;
}

/* ハイチオールシリーズ */
.wrpContents .lineupHc .itemList {
	display: flex;
	justify-content: space-between;
}

.wrpContents .lineupHc .itemList li {
	width: 23.2%;
}


@media only screen and (max-width: 767px) {
	.wrpContents .itemList {
		margin: 0 0 40px;
	}

	.wrpContents .itemList li .btn a {
		display: block;
		width: 100%;
		height: auto;
	}

	/* ハイチオールシリーズ */
	.wrpContents .lineupHc .itemList {
		display: block;
	}

	.wrpContents .lineupHc .itemList li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 28px;
	}

	.wrpContents .lineupHc .itemList li:last-child {
		margin-bottom: 0;
	}

	.wrpContents .lineupHc .itemList li .txt {
		margin-top: 5px;
	}
}

/* --------------------------------------------------------------------
	.hcLead
-------------------------------------------------------------------- */
.wrpContents .hcLead {
	padding-bottom: 60px;
}

.wrpContents .hcLead .title::before {
	width: 380px;
}

.wrpContents .hcLead .img {
	margin-bottom: 4px;
}

.wrpContents .hcLead .leadHc {
	margin-top: 48px;
}

.wrpContents .hcLead .wrpCont {
	width: 685px;
	margin: 60px auto 0;
}

.wrpContents .hcLead .wrpCont .wrpL {
	position: relative;
	top: 30px;
	opacity: 0;
}

.wrpContents .hcLead .wrpCont .wrpR {
	position: relative;
	top: 30px;
	opacity: 0;
	width: 310px;
}

.wrpContents .hcLead .txtLead {
	text-align: center;
}

.wrpContents .hcLead .inner .txt {
	margin-top: 30px;
}

/* pageAnchor */
.wrpContents .pageAnchor {
	margin-top: 50px;
	padding: 45px 0;
	background-color: #f2f2f2;
}

.wrpContents .anchorList {
	display: flex;
	justify-content: space-between;
	width: 850px;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	.wrpContents .hcLead .title::before {
		width: 100%;
	}

	.wrpContents .hcLead .txtLead {
		width: 100%;
	}

	.wrpContents .hcLead .leadHc {
		margin-top: 48px;
	}

	.wrpContents .hcLead .wrpCont {
		width: 100%;
		margin: 40px auto 0;
	}

	.wrpContents .hcLead .wrpCont .wrpL .image {
		padding: 0 20px;
	}

	.wrpContents .hcLead .wrpCont .wrpR {
		width: 100%;
	}

	.wrpContents .hcLead .inner .txt {
		margin-top: 40px;
	}

	/* pageAnchor */
	.wrpContents .pageAnchor {
		margin: 40px -20px 0;
		padding: 20px;
		box-sizing: border-box;
	}

	.wrpContents .anchorList {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.wrpContents .anchorList li {
		width: 100%;
		margin-bottom: 20px;
	}

	.wrpContents .anchorList li:last-child {
		margin-bottom: 0;
	}

	.wrpContents .anchorList li a {
		display: block;
	}
}

/* --------------------------------------------------------------------
	.blkProducts
-------------------------------------------------------------------- */
.wrpContents .blkProducts {
	padding-bottom: 60px;
}

.wrpContents .blkProducts .title::before {
	width: 380px;
}

.wrpContents .blkProducts .pdtList li {
	margin-bottom: 48px;
	padding: 0 0 30px;
	background-image: url(/hythiol/common/images/global/line_dotted01.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.wrpContents .blkProducts .pdtList li:last-child {
	margin-bottom: 50px;
	padding-bottom: 0;
	background-image: none;
}

.wrpContents .blkProducts .pdtList .wrpCont .wrpL {
	position: relative;
	top: 30px;
	width: 340px;
	opacity: 0;
}

.wrpContents .blkProducts .pdtList .wrpCont .wrpR {
	width: 582px;
}

.wrpContents .blkProducts .pdtList .name {
	margin-bottom: 16px;
}

.wrpContents .blkProducts .pdtList .lead {
	margin-bottom: 20px;
}

.wrpContents .blkProducts .pdtList .description {
	padding: 32px 0;
	background-color: #f2f2f2;
	text-align: center;
}

.wrpContents .blkProducts .pdtList .modBtnLink{
	margin-top: 32px;
	height: 64px;
}
.wrpContents .blkProducts .pdtList .modBtnLink a,
.wrpContents .blkProducts .pdtList .btnLinkInr{
	width: 100%;
}
.wrpContents .blkProducts .pdtList .btnLinkInr{
	border-radius: 100px;
	font-size: 20px;
}
.wrpContents .modBtnLink .btnLinkInr .txt{
	padding: 0 48px;
	font-weight: normal;
}

/* ハイチオールホワイティアプレミア */
.wrpContents .blkProducts .pdtList .hcwp .wrpL {
	margin-top: 153px;
}

.wrpContents .blkProducts .pdtList .hcwp .item {
	width: 294px;
	margin: 0 auto;
}

/* ハイチオールホワイティア */
.wrpContents .blkProducts .pdtList .hcw .wrpL {
	margin-top: 153px;
}

.wrpContents .blkProducts .pdtList .hcw .item {
	width: 294px;
	margin: 0 auto;
}

/* ハイチオールプラス */
.wrpContents .blkProducts .pdtList .hc2 .wrpL {
	margin-top: 85px;
}

.wrpContents .blkProducts .pdtList .hc2 .item {
	position: relative;
	width: 300px;
	margin: 0 auto;
}

.wrpContents .blkProducts .pdtList .hc2 .item img {
	position: relative;
	z-index: 1;
}

/* new +2用 */
.wrpContents .blkProducts .pdtList .hc2 .item.new::before {
	display: block;
	content: '';
	position: absolute;
	top: -11px;
	left: -36px;
	width: 68px;
	height: 68px;
	background: url(/hythiol/common/images/icn_new_cplus2.png) no-repeat 0 0;
	background-size: cover;
	transition: all 250ms;
}

/* 他製品 */
.wrpContents .blkProducts .otherProducts .title {
	margin-bottom: 0;
}

.wrpContents .blkProducts .otherProducts .title::before {
	display: none;
}

.wrpContents .blkProducts .otherProducts .otherProductsBody {
	padding: 20px 0 15px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,249,252,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,249,252,1) 100%);
}

.wrpContents .blkProducts .otherProducts .wrpCont {
	width: 670px;
	margin: 0 auto;
}

.blkProducts .otherProducts .wrpCont .wrpL {
	position: static;
	width: 170px;
}

.wrpContents .blkProducts .otherProducts .wrpCont .wrpR {
	width: 426px;
}

.wrpContents .blkProducts .otherProducts .name {
	margin-top: 19px;
}

.wrpContents .blkProducts .otherProducts .btn {
	margin-top: 22px;
}

.wrpContents .blkProducts .otherProducts .note {
	margin-top: 5px;
	font-size: 12px;
}

.wrpContents .blkProducts .otherProducts .btn a {
	display: block;
	width: 190px;
	height: 35px;
	text-indent: -9999px;
}

/* cn */
.ch_cn .blkProducts .otherProducts .btn a {
	background-image: url(/hythiol/cn/images/btn_products_other.png);
}

.ch_cn .blkProducts .otherProducts .btn a:hover {
	background-image: url(/hythiol/cn/images/btn_products_other_on.png);
}

.ch_cn .blkProducts .hc2 .name {
	margin-bottom: 20px;
}

.ch_cn .blkProducts .hc2 .note {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1;
}

/* tw */
.ch_tw .blkProducts .otherProducts .btn a {
	background-image: url(/hythiol/tw/images/btn_products_other.png);
}

.ch_tw .blkProducts .otherProducts .btn a:hover {
	background-image: url(/hythiol/tw/images/btn_products_other_on.png);
}

.ch_tw .wrpContents .blkProducts .otherProducts .item figcaption {
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
	letter-spacing: 3px;
}

.ch_tw .blkProducts .hc2 .name {
	margin-bottom: 20px;
}

.ch_tw .blkProducts .hc2 .note {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1;
}


/* en */
.en .blkProducts .otherProducts .btn a {
	width: 230px;
	background-image: url(/hythiol/en/images/btn_products_other.png);
}

.en .blkProducts .otherProducts .btn a:hover {
	opacity: 0.7;
}

.en .blkProducts .otherProducts .item figcaption {
	margin-top: 5px;
	font-size: 12px;
}

.en .blkProducts .hc2 .name {
	margin-bottom: 20px;
}

.en .blkProducts .hc2 .note {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1;
}

.en.wrpContents .blkQuality .inner .txt {
	margin-bottom: 56px;
}


@media only screen and (max-width: 767px) {
	.wrpContents .blkProducts {
		padding-bottom: 50px;
	}

	.wrpContents .blkProducts .title::before {
		width: 100%;
	}

	.wrpContents .blkProducts .pdtList {
		margin-bottom: 50px;
	}

	.wrpContents .blkProducts .pdtList li {
		margin-bottom: 40px;
		padding: 0 20px 30px;
		background-image: url(/hythiol/common/images/global/line_dotted01.png);
	}

	.wrpContents .blkProducts .pdtList .wrpCont .wrpL {
		width: 100%;
	}

	.wrpContents .blkProducts .pdtList .wrpCont .wrpR {
		width: 100%;
	}

	.wrpContents .blkProducts .pdtList .name {
		margin: 0 0 16px;
	}

	.wrpContents .blkProducts .pdtList .lead {
		margin: 0 0 20px;
	}

	.wrpContents .blkProducts .pdtList .description {
		margin: 0 -20px;
		padding: 12px 10px;
		box-sizing: border-box;
	}

	/* ハイチオールホワイティアプレミア */
	.wrpContents .blkProducts .pdtList .hcwp .wrpL {
		margin-top: 0;
	}

	.wrpContents .blkProducts .pdtList .hcwp .name {
		width: 78%;
	}

	.wrpContents.en .blkProducts .pdtList .hcwp .name {
		width: 79.3%;
	}

	.wrpContents .blkProducts .pdtList .hcwp .lead {
		width: 100%;
	}

	.wrpContents .blkProducts .pdtList .hcwp .item {
		width: 58.13%;
	}

	/* ハイチオールホワイティア */
	.wrpContents .blkProducts .pdtList .hcw .wrpL {
		margin-top: 0;
	}

	.wrpContents .blkProducts .pdtList .hcw .name {
		width: 50.66%;
	}

	.wrpContents.en .blkProducts .pdtList .hcw .name {
		width: 64.7%;
	}

	.wrpContents .blkProducts .pdtList .hcw .lead {
		width: 100%;
	}

	.wrpContents .blkProducts .pdtList .hcw .item {
		width: 58.13%;
	}

	/* ハイチオールプラス2 */
	.wrpContents .blkProducts .pdtList .hc2 .wrpL {
		margin-top: 0;
	}

	.wrpContents .blkProducts .pdtList .hc2 .name {
		width: 84.78%;
	}

	.wrpContents .blkProducts .pdtList .hc2 .name {
		width: 97.3%;
	}

	.wrpContents .blkProducts .pdtList .hc2 .lead {
		width: 100%;
	}

	.wrpContents .blkProducts .pdtList .hc2 .item {
		width: 59.19%;
	}

	/* new +2用 */
	.wrpContents .blkProducts .pdtList .hc2 .item.new::before {
		top: -2%;
		left: -10.4%;
		width: 20.123%;
		height: 17.123%;
		background-size: contain;
	}

	/* 他製品 */
	.wrpContents .blkProducts .otherProducts {
		width: 100%;
		border-bottom: 1px solid #e8e9ed;
	}

	.wrpContents .blkProducts .otherProducts .title::before {
		display: none;
	}

	.wrpContents .blkProducts .otherProducts .otherProductsBody {
		padding: 25px 0 20px;
	}

	.wrpContents .blkProducts .otherProducts .wrpCont {
		width: 100%;
	}

	.blkProducts .otherProducts .wrpCont .wrpL {
		position: static;
		width: 100%;
		padding-bottom: 18px;
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,249,252,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,249,252,1) 100%);
	}

	.wrpContents .blkProducts .otherProducts .wrpCont .wrpR {
		width: 100%;
		padding: 30px 25px 0;
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,249,252,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,249,252,1) 100%);
		box-sizing: border-box;
	}

	.wrpContents .blkProducts .otherProducts .name {
		margin-top: 0;
		width: 86.4%;
	}

	.wrpContents .blkProducts .otherProducts .btn {
		margin-top: 8px;
	}

	.wrpContents .blkProducts .otherProducts .note {
		margin-top: 4px;
	}

	.wrpContents .blkProducts .otherProducts .btn a {
		width: 50.66%;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.wrpContents .blkProducts .otherProducts .item {
		width: 51.73%;
		margin: 0 auto;
	}

	.wrpContents .blkProducts .otherProducts .item figcaption {
		margin-top: 10px;
	}
}


/* --------------------------------------------------------------------
	.blkMechanism
-------------------------------------------------------------------- */
.wrpContents .blkMechanism {
	padding-bottom: 70px;
}

.wrpContents .blkMechanism .title::before {
	width: 350px;
}

.wrpContents .blkMechanism .leadTxt {
	margin-bottom: 47px;
}

.wrpContents .blkMechanism .leadTxt p {
	text-align: center;
	line-height: 1;
}

.wrpContents .blkMechanism .leadTxt .lead {
	margin-bottom: 26px;
}

.wrpContents .blkMechanism .listClm3 {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}
.wrpContents .blkMechanism .listClm3 li {
	width: 296px;
	padding-top: 23px;
	border-top: 1px solid #666;
	text-align: center;
}
.wrpContents .blkMechanism .listClm3 li:last-child {
	margin-right: 0;
}
.wrpContents .blkMechanism .listClm3 li .wrpCont .wrpL {
	width: 115px;
	text-align: right;
}
.wrpContents .blkMechanism .listClm3 li .wrpCont .wrpR {
	width: 170px;
	padding-top: 25px;
}
.wrpContents .blkMechanism .listClm3 li .txt {
	font-size: 13px;
	text-align: left;
	line-height: 1.6 !important;
}
.wrpContents .blkMechanism .listClm3 li .sttl {
	margin-bottom: 7px;
	font-size: 20px;
	font-weight: bold;
}

.wrpContents .blkMechanism .listClm3 li .image {
	margin-top: 55px;
	padding: 0 27px;
}

.wrpContents .blkMechanism .listClm3 li:last-child .image {
	margin-top: 8px;
}

.wrpContents .blkMechanism .listClm3 li .image .txtEx {
	font-size: 18px;
	text-align: right;
	margin-top: 8px;
}

@media only screen and (max-width: 767px) {
	.wrpContents .blkMechanism {
		padding-bottom: 80px;
	}

	.wrpContents .blkMechanism .title::before {
		width: 100%;
	}

	.wrpContents .blkMechanism .leadTxt {
		margin-bottom: 40px;
	}

	.wrpContents .blkMechanism .leadTxt .lead {
		width: 100%;
		margin-bottom: 18px;
	}

	.wrpContents .blkMechanism .leadTxt .txt {
		width: 85.37%;
		margin: 0 auto;
	}

	.wrpContents .blkMechanism .listClm3 {
		display: block;
		margin-top: 40px;
	}

	.wrpContents .blkMechanism .listClm3 li {
		width: 100%;
		margin-top: 40px;
		padding-top: 23px;
	}
	.wrpContents .blkMechanism .listClm3 li:last-child {
		margin-right: 0;
	}
	.wrpContents .blkMechanism .listClm3 li .wrpCont {
		display: flex;
		justify-content: space-between;
	}

	.wrpContents .blkMechanism .listClm3 li .wrpCont .wrpL {
		width: 35.82%;
	}
	.wrpContents .blkMechanism .listClm3 li .wrpCont .wrpR {
		width: 52.53%;
		padding-top: 25px;
	}

	.wrpContents .blkMechanism .listClm3 li .sttl {
		margin-bottom: 15px;
	}
	
	.wrpContents .blkMechanism .listClm3 li .image .txtEx {
		font-size: 11px;
	}
}


/* --------------------------------------------------------------------
	blkQuality
-------------------------------------------------------------------- */
.wrpContents .blkQuality {
	padding-bottom: 70px;
}

.wrpContents .blkQuality .title {
	margin-bottom: 57px;
}

.wrpContents .blkQuality .title::before {
	width: 270px;
}

.wrpContents .blkQuality .inner {
	position: relative;
}

.wrpContents .blkQuality .inner .lead {
	margin: 15px 0 35px;
}

.wrpContents .blkQuality .inner .txt {
	margin-bottom: 95px;
	font-size: 15px;
	line-height: 2.0;
}

.wrpContents .blkQuality .inner .caution {
	font-size: 12px;
}

.wrpContents .blkQuality .inner .image {
	position: absolute;
	top: 0;
	right: 40px;
	width: 504px;
}

@media only screen and (max-width: 767px) {
	.wrpContents .blkQuality {
		padding-bottom: 0;
	}

	.wrpContents .blkQuality .title {
		margin-bottom: 40px;
	}

	.wrpContents .blkQuality .title::before {
		width: 100%;
	}

	.wrpContents .blkQuality .inner {
		position: relative;
	}

	.wrpContents .blkQuality .inner .lead {
		width: 82.98%;
		margin: 0 0 22px;
	}

	.wrpContents .blkQuality .inner .txt {
		margin-bottom: 42px;
		font-size: 14px;
	}

	.wrpContents .blkQuality .inner .caution {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 0 20px;
	}

	.wrpContents .blkQuality .inner .image {
		position: static;
		width: 100%;
		padding-bottom: 60px;
	}
}


/* --------------------------------------------------------------------
	modEcModal
-------------------------------------------------------------------- */
.modEcModal.notModal{
	display: block;
	position: static;
	background: none;
}

.modEcModal.notModal .inner{
	transform: none;
	position: static;
	width: auto;
	padding: 0;
}

.modEcModal.notModal .inner li{
	margin: 0;
	padding: 0;
	background: none;
}

.modEcModal.notModal .inner li + li{
	margin-top: 15px;
}

/* .sectionProducts
-------------------------------------------------------------------------*/

.sectionProducts{
	width: 1024px;
	margin: 0 auto;
}

.wrpContents .sectionProducts .products {
	padding-bottom: 30px;
	margin-bottom: 60px;
	border-bottom: 1px solid #E5E5E5;
}

.wrpContents .sectionProducts .productsHBC .products {
	padding-bottom: 0;
	border-bottom: none;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .ctsBody {
	width: 585px;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image {
	width: 440px;
	padding: 0 70px;
	box-sizing: border-box;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image figure {
	position: relative;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image figure img {
	position: relative;
	z-index: 1;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image a:hover figure::before {
	opacity: 0.7;
}

/* new +2用 */
.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image.newPlus2 figure::before {
	display: block;
	content: '';
	position: absolute;
	top: -20px;
	left: -26px;
	width: 80px;
	height: 80px;
	background: url(/hythiol/common/images/icn_new_cplus2.png) no-repeat 0 0;
	background-size: cover;
	transition: all 250ms;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image figcaption {
	text-align: center;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image a:hover figcaption {
	color: #000;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .capacity,
.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .type {
	display: inline-block;
	margin-top: 28px;
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .capacity {
	font-size: 12px;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .capacity .num {
	font-size: 20px;
	font-weight: 600;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .type {
	margin-left: 10px;
	font-size: 12px;
	line-height: 1;
}

.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .type.mlNone{
	margin-left: 0;
}


.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .type .txtType {
	font-size: 10px;
}
.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .txtMedicine {
	padding: 2px 8px;
	white-space: nowrap;
}

.modH2Icon .item {
	padding-left: 28px;
	font-size: 18px;
}

.wrpContents .sectionProducts .productsItem {
	margin-bottom: 15px;
	color: #E30019;
	font-size: 28px;
	font-weight: 600;
}

.wrpContents .sectionProducts .productsItem.acne {
	color: #F30088;
}

.wrpContents .sectionProducts .ProductsCatch {
	margin-bottom: 3px;
	font-size: 20px;
	font-weight: 600;
}

.wrpContents .sectionProducts .checkBox dl {
	display: flex;
	align-items: center;
	border: 1px solid #E5E5E5;
}

.wrpContents .sectionProducts .checkBox dt {
	width: 143px;
	text-align: center;
}

.wrpContents .sectionProducts .checkBox dd {
	width: 441px;
	border-left: 1px solid #E5E5E5;
}

.wrpContents .sectionProducts .checkBox dt .txt {
	display: block;
	font-size: 15px;
	font-weight: 600;
}

.wrpContents .sectionProducts .checkBox .checkList {
	padding: 25px 38px;
}

.wrpContents .sectionProducts .checkBox .checkList li {
	position: relative;
	margin-bottom: 2px;
	padding-left: 30px;
	font-size: 14px;
	line-height: 1.9;
}

.wrpContents .sectionProducts .checkBox .checkList li::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url(/hythiol/common/images/icn_check.png) no-repeat 0 0;
	background-size: 16px auto;
}


.wrpContents .sectionProducts .checkBox .checkList.acne li::before {
	background: url(/hythiol/common/images/icn_check_acne.png) no-repeat 0 0;
	background-size: 16px auto;
}


.wrpContents .sectionProducts .checkBox .checkList li:last-child {
	margin-bottom: 0;
}

.wrpContents .sectionProducts .modBtnLink {
	margin-top: 30px;
}

.wrpContents .sectionProducts .modBtnLink .btnLinkInr {
	width: 280px;
}

.wrpContents .sectionProducts .modBtnLink .btnLinkSoon {
	background: lightgrey;
	border: none;
}

.wrpContents .sectionProducts .modBtnLink .btnLinkInr .txt {
	padding: 0 40px;
}

.wrpContents .sectionProducts .modBtnLink .btnLinkInr .txt.enLink,
.wrpContents .sectionProducts .modBtnLink .btnLinkInr .txt.enEcLink{
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

.wrpContents .sectionProducts .modBtnLink .btnLinkInr .txt.enLink {
	padding: 0 39px 0 17px;
}

.wrpContents .sectionProducts .modBtnLink .btnLinkInr .txt.enEcLink {
	padding: 0 70px 0 40px;
}

.wrpContents .sectionProducts .modBtnLink .btnLinkInr .iconCart {
	position: absolute;
}

.wrpContents .sectionProducts .productsHBC .text .modTxtNormal,
.wrpContents .sectionProducts .productsHCW .text .modTxtNormal {
	margin-bottom: 10px;
}

.wrpContents .sectionProducts .modBtnLinkWrap {
	display: flex;
	justify-content: space-between;
}

.wrpContents .sectionProducts .modBtnLinkWrap .modBtnLink {
	width: 280px;
	height: 56px;
	margin: 30px 0;
}

.wrpContents .sectionProducts .modBtnLinkWrap .btnBlankWrap {
	width: 280px;
	height: 56px;
	margin: 30px 0;
}
.wrpContents .sectionProducts .modBtnLinkWrap .btnBlankWrap .btnBlank{
	background-color: #fff;
	border: 1px solid #E5E5E5;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

/* soon */
.wrpContents .sectionProducts .soonAnnotation {
	font-size: 12px;
	width: 280px;
	text-align: left;
	margin-top: 5px;
}

@media screen and (max-width: 767px) {

	/* soon */
	.wrpContents .sectionProducts .soonAnnotation {
		width: 100%;
		margin-top: 10px;
	}

	.sectionProducts{
		width: 100%;
	}

	.sectionProducts .productsInner{
		padding: 0 20px;
	}

	.wrpContents .sectionProducts .products {
		padding-bottom: 30px;
		margin-bottom: 60px;
		border-bottom: 1px solid #E5E5E5;
	}

	.wrpContents .sectionProducts .productsHBC .products {
		border-bottom: none;
	}

	.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .ctsBody {
		width: 100%;
	}

	.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image {
		width: 100%;
		padding: 0;
	}

	.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image img{
		box-sizing: border-box;
		padding: 0 48px;
	}

	.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image a:hover figure::before {
		opacity: 1;
	}

	/* new +2用 */
	.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image.newPlus2 figure::before {
		top: -7%;
		left: -8.4%;
		width: 27.2%;
		height: 28.5%;
		background-size: contain;
	}

	.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .capacity,
	.wrpContents .sectionProducts .modCtsBox.sizeL .ctsInr .image .type {
		margin-top: 15px;
	}

	.modH2Icon .item {
		display: block;
		padding-left: 0;
		font-size: 13px;
	}

	.wrpContents .sectionProducts .productsItem {
		font-size: 20px;
	}
	.wrpContents .sectionProducts .ProductsCatch {
		font-size: 16px;
	}

	.wrpContents .sectionProducts .checkBox dl {
		display: block;
		margin-top: 32px;
	}

	.wrpContents .sectionProducts .checkBox dt {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #E5E5E5;
	}

	.wrpContents .sectionProducts .checkBox dt .txt {
		display: block;
		padding: 15px 10px;
	}

	.wrpContents .sectionProducts .checkBox dd {
		width: 100%;
		border-left: 0;
	}

	.wrpContents .sectionProducts .checkBox .checkList {
		padding: 15px 25px;
	}

	.wrpContents .sectionProducts .checkBox .checkList li {
		padding-left: 28px;
	}

	.wrpContents .sectionProducts .checkBox .checkList li::before {
		width: 14px;
		height: 14px;
		background: url(/hythiol/common/images/icn_check.png) no-repeat 0 0;
		background-size: 14px auto;
	}

	.wrpContents .sectionProducts .checkBox .checkList.acne li::before {
		background: url(/hythiol/common/images/icn_check_acne.png) no-repeat 0 0;
		background-size: 14px auto;
	}

	.wrpContents .sectionProducts .modBtnLink {
		margin-top: 20px;
	}

	.wrpContents .sectionProducts .modBtnLink a {
		width: 100%;
	}

	.wrpContents .sectionProducts .modBtnLink .btnLinkInr {
		width: 100%;
	}

	.wrpContents .sectionProducts .modBtnLinkWrap {
		display: block;
	}

	.wrpContents .sectionProducts .modBtnLinkWrap .modBtnLink {
		width: 100%;
		margin: 30px 0;
	}

	.wrpContents .sectionProducts .modBtnLinkWrap .btnBlankWrap {
		width: 100%;
		margin: 30px 0;
	}
	.wrpContents .sectionProducts .modBtnLinkWrap .btnBlankWrap .btnBlank{
		background-color: #fff;
		border: 1px solid #E5E5E5;
		width: 100%;
		height: 100%;
		margin-bottom: 10px;
	}
	.wrpContents .sectionProducts .modBtnLinkWrap .btnBlankWrap .btnBlank a span{
		display: inline-block;
		position: relative;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
		width: 100%;
		padding: 0;
		font-weight: 600;
		box-sizing: border-box;
		text-align: center;
	}
	.wrpContents .sectionProducts .modBtnLinkWrap .btnBlankWrap .toAmazonCaps{
		text-align: center;
	}

}


/* .sectionOtherProduct
-------------------------------------------------------------------------*/

.wrpContents .sectionOtherProduct .bnrList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrpContents .sectionOtherProduct .bnrList li {
	width: 497px;
	height: 130px;
	box-sizing: border-box;
	border: 1px solid #E5E5E5;
}

.wrpContents .sectionOtherProduct .bnrList li a {
	display: table;
	width: 100%;
	height: 100%;
}

.wrpContents .sectionOtherProduct .bnrList .image,
.wrpContents .sectionOtherProduct .bnrList .txt {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.wrpContents .sectionOtherProduct .bnrList .image {
	text-align: center;
}

.wrpContents .sectionOtherProduct .bnrList .image img {
	width: 178px;
}

.wrpContents .sectionOtherProduct .bnrList .txt {
	font-size: 18px;
	font-weight: 600;
}

.wrpContents .sectionOtherProduct .bnrList i {
	bottom: 15px;
	right: 15px;
}

@media screen and (max-width: 767px) {

	.wrpContents .sectionOtherProduct .bnrList li {
		width: 100%;
		height: 110px;
		margin-bottom: 20px;
	}

	.wrpContents .sectionOtherProduct .bnrList li:last-child {
		margin-bottom: 0;
	}

	.wrpContents .sectionOtherProduct .bnrList li a {
		display: table;
		width: 100%;
		height: 100%;
	}

	.wrpContents .sectionOtherProduct .bnrList .txt {
		font-size: 15px;
	}

}