@charset "UTF-8";

/* PCレイアウト */
.c-ttl__02 small{
	color: #bebebd;
}

#c-sec__01-01{
	margin:0 auto 78px;
}

#c-sec__01-02{
	max-width:900px;
	margin:0 auto 67px;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:0 60px;
}
#c-sec__01-02 .goods-toothpaste__ttl{
	position:relative;
	min-height:110px;
	padding-top:60px;
	padding-left:100px;
	padding-right:100px;
}
#c-sec__01-02 .goods-toothpaste__ttl img{
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#c-sec__01-02 .goods-toothpaste__item p{
	font-size:1.6rem;
	line-height:1.75em;
}
#c-sec__01-02 .goods-toothpaste__item p sup{
	line-height:1em;
	vertical-align:0.24em;
}
#c-sec__01-02 .goods-toothpaste__item:nth-child(3) .goods-toothpaste__ttl{
	padding-top:50px;
}

#c-sec__01-03{
	max-width:1000px;
	margin:0 auto 80px;
}
#c-sec__01-03 .medicinal-toothpaste__ttl{
	font-size:2.6rem;
	line-height:1.2;
	font-weight:700;
}
.toothpaste{
	position:relative;
	width:83.5%;
	max-width:835px;
	margin:0 auto 16px;
	text-align:left;
}
.toothpaste:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:100%;
	margin:110px auto 0;
	margin-left:40px;
	width:20px;
	padding:142px 0 0;
	background:url("../img/01/toothpaste-scroll.png") no-repeat center;
	background-size:100% auto;
}
.toothpaste-table{
	
}
.scroll-head{
	position:relative;
	width:100%;
	margin:0;
	overflow:hidden;
}
.scroll-head:before{
	content:'';
	display:block;
	position:relative;
	padding:111px 0 0;
	z-index:1;
}
.scroll-head img{
	position:absolute;
	top:0;
	left:0;
	width:820px;
	max-width:none;
	margin:0 auto;
	margin-left:0;
	z-index:2;
}
.scroll-table{
	height:439px;
	margin:0 auto;
	margin-left:0;
	overflow-x:auto;
	overflow-y:auto;
}
.scroll-detail{
	position:relative;
	width:820px;
	z-index:2;
}
.scroll-detail p{
	position:relative;
	z-index:1;
}
#c-sec__01-03 .medicinal-toothpaste__boxtable{
	width:83.5%;
	max-width:835px;
}

#c-sec__01-04{
	max-width:820px;
	margin-bottom:56px;
}

#c-sec__01-04 p:last-child{
	margin-top:2.4rem;
}

#c-sec__01-04 .goods-desc__link:before {
    content: "";
	top:-5px;
	display:block;
	width:25px;
	padding-top:25px;
	background:url(../img/02/icon-arrow.png) no-repeat center;
	background-size:100% auto;
}

#c-sec__01-05{
	max-width:820px;
	margin-bottom:105px;
}

#c-sec__01-05 p{
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro';
}

#c-sec__01-05 p:last-child{
	margin-top:2.4rem;
}

#c-sec__01-05 .goods-desc__link:before {
    content: "";
	top:-5px;
	display:block;
	width:25px;
	padding-top:25px;
	background:url(../img/02/icon-arrow.png) no-repeat center;
	background-size:100% auto;
}

#graybox{
	padding:25px 0 35px;
	background-color:#f5f5f5;
}
#graybox .c-ttl__06{
	font-size:2.6rem;
	text-align:center;
}
#graybox .linklist{
	max-width:770px;
	margin:0 auto;
}
#graybox .linklist li{
	font-size:1.5rem;
	line-height:1.6666666667;
}
#graybox .linklist li + li{
	margin-top:15px;
}
#graybox .linklist a{
	position:relative;
	padding-left:35px;
	display:inline-block;
}
#graybox .linklist a:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	width:25px;
	padding-top:25px;
	background:url(../img/04/icon-arrow.png) no-repeat center;
	background-size:100% auto;
}

/* SPレイアウト */
@media print, screen and (max-width: 867px) {

.toothpaste:before{
	margin-left:5.9436%;
}

}

/* SPレイアウト */
@media print, screen and (max-width: 834px) {

#c-sec__01-02 .goods-toothpaste__ttl{
	min-height:0;
	margin-bottom:0;
	padding:1.4706em 0;
	padding-left:16.5055%;
	padding-right:16.5055%;
	line-height:1.7648em;
}
#c-sec__01-02 .goods-toothpaste__ttl img{
	top:50%;
	width:3.2353em;
	margin-top:-1.6177em;
	/* 605.86px */
}
#c-sec__01-02 .goods-toothpaste__item:nth-child(3) .goods-toothpaste__ttl{
	padding-top:0.5883em;
	padding-bottom:0.5883em;
}
#c-sec__01-02 .goods-toothpaste__item:nth-child(1) .goods-toothpaste__ttl img,
#c-sec__01-02 .goods-toothpaste__item:nth-child(5) .goods-toothpaste__ttl img{
	width:3.8236em;
}

#c-sec__01-03 .medicinal-toothpaste__ttl{
	font-size:1.8rem;
}

#c-sec__01-04 .goods-desc__link:before {
	top:0px;
	width:15px;
	padding-top:15px;
}

#c-sec__01-05 .goods-desc__link:before {
	top:0px;
	width:15px;
	padding-top:15px;
}

#graybox{
	margin-bottom:62px;
	padding:32px 1.5rem 48px;
	box-sizing:border-box;
}
#graybox .c-ttl__06{
	font-size:1.8rem;
}

}

/* SPレイアウト */
@media print, screen and (max-width: 640px) {

#c-sec__01-02{
	grid-template-columns:1fr;
}
#c-sec__01-02 .goods-toothpaste__item{
	margin-bottom:2rem;
}

}