@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 100%;
}

hr{
    margin: 0;
}

img {
    vertical-align: bottom;
}
a {
	transition: .3s;
}
a:hover {
	opacity: .5;
}



/* -----------------------------------------

ページ全体

----------------------------------------- */
/*PC/SP共通*/
header {
	width: 100%;
	background: #75c397;
}
header img {
	width: 150px;
}

.footer_nav {
	margin-bottom: 30px;
}
.footer_nav ul li {
	width: 100%;
	border-bottom: solid 1px #75c397;
}
.footer_nav ul li:first-child {
	border-top: solid 1px #75c397;
}
.footer_nav ul li a {
	color: #75c397;
	font-size: 110%;
	padding: 25px;
	display: block;
	background: url(/images/lp/oraltreatment/arrow.png) center right no-repeat;
	background-size: 30px;
	text-decoration: none;
}
.footer_bottom ul li a {
	text-align: center;
	display: block;
	font-size: 90%;
	margin: 15px 0;
	text-decoration: none;
	color: #797979;
}
#copyright {
	width: 100%;
	text-align: center;
	background: #9ec6af;
	padding: 3px;
	margin-top: 30px;
	box-sizing: border-box;
}
h2 {
	color : #583219;
	font-size: 180%;
	border-bottom: solid 1px #75c397;
	margin-bottom: 20px;
	padding: 20px;
}
h3 {
	color : #797979;
	font-size: 120%;
	margin: 20px 0;
}
.contents {
	width: 95%;
	margin: 0 auto;
}
.cta1 {
	/*background: url(../images/cta_back.png) no-repeat;*/
	background: url(../images/CTA_new.png) no-repeat;
	/*height: 680px;*/
	height: 1600px;
}
.cta1 img {
	position: relative;
	/*top: 465px;
	left: 140px;*/
	top: 614px;
	left: 180px;
}
.cta_tel {
	background: url(../../images/lp/sports/cta_tel.png) no-repeat;
	height: 350px;
}
.cta_tel img {
	position: relative;
	top: 75px;
	left: 11px;
}
.cta_normal {
	background: url(../images/cta_back_normal.png) no-repeat;
	height: 155px;
}
.cta_normal img {
	position: relative;
	top: 18px;
	left: 438px;
}
.movie {
/*	background: url(../images/movie_back.png) no-repeat;*/

	background: url(../images/ydn/191017_movie_back.png) no-repeat;
	height: 663px;
	margin-top: 40px;
}
.movie img {
	position: relative;
	top: 186px;
	left: 19px;
}
.movie video {
	position: relative;
	top: 186px;
	left: 19px;
	border-radius: 20px;
	width: 250px;
}

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

body {
	font-size:16px;
	width:640px;
	margin:0 auto;
}

body,table,input, textarea, select, option {font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN"; line-height: 1.2;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*　141201追加 widht:320px, margin:0 auto;　*/
#content {padding-bottom:0px;width:640px;margin:0 auto;}

/* Android4 Pタグ対策 */	
#content p {background-image:url(https://www.peach-rose.jp/images/1px-transparent.gif);max-height: 100%;}
}



/*SP*/
@media screen and (max-width:960px) {

body {
	font-size:16px;
	width:640px;
	margin:0 auto;
}


body,table,input, textarea, select, option {font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN"; line-height: 1.2;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*　141201追加 widht:320px, margin:0 auto;　*/
#content {padding-bottom:0px;width:640px;margin:0 auto;}

/* Android4 Pタグ対策 */	
#content p {background-image:url(https://www.peach-rose.jp/images/1px-transparent.gif);max-height: 100%;}
}

/* -----------------------------------------

スライドFV

----------------------------------------- */
/*PC/SP共通*/
.bg-slider {
	width: 100vw;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}


/* -----------------------------------------

全成分表示

----------------------------------------- */
.seibun {
	width:100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
	font-size: 120%;
	line-height: 1.5em;
}
.seibun th {
	width: 120px;
	padding: 8px;
	text-align: center;
	vertical-align: top;
	color: #666;
	background-color: #F1EFF0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.seibun td {
	padding: 8px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.seibun td#seibun_01:after {
	content:"適量を清潔な指やガーゼにとり、口腔内にまんべんなく塗布します。余分なものはふき取って下さい。";
}
.seibun td#seibun_02:after {
	content:"グリセリン、水、ヒト脂肪細胞順化培養液エキス、リベチン含有卵黄粉末、シソエキス、乳酸桿菌溶解質、スイゼンジノリ多糖体、プラセンタエキス、ヒドロキシアパタイト、ヒアルロン酸Na、セルロースガム、カルボマー、水酸化K、BG、デキストリン、メチルパラベン";
}
.seibun td#seibun_03:after {
	content:"本品はイヌの口腔内のみ使用し、口腔内以外には使用しないで下さい。傷や腫れ物など、異常がある部位にはご使用にならないで下さい。使用中に腫れなどの異常があらわれた場合は使用を中止して下さい。使用後はキャップをしっかりしめて下さい。極端に高温又は低温の場所、直射日光を避けて保管し、開封後はなるべくお早めにご使用下さい。";
}


/* -----------------------------------------

お問合せ

----------------------------------------- */
.footer-bn ul#footer-bn {
	text-align: center;
	margin: 30px 0;
	font-size: 10px;
	line-height: 12px;
}
.footer-bn ul#footer-bn li {
	margin-bottom: 2px;
}
.footer-bn ul#footer-bn li img {
	margin-bottom: 5px;
}


/* -----------------------------------------

よくあるご質問 【qa】

----------------------------------------- */
/* PC/SP共通 */
	.link_button.pink {
		background: #CC3362;
	}
	.link_button.black {
		background: #111111;
	}
	.product_base_wrapper .product_base .qa {}

	.product_base_wrapper .product_base .qa .item_list {
		margin-bottom: 30px;
	}
	.product_base_wrapper .product_base .qa .item_list ul li a {
		border: solid 1px #75c397;
		color: #75c397;
		font-weight: bold;
		padding: 15px;
		border-radius: 5px;
		cursor: pointer;
		transition: .3s;
		margin: 0 auto 10px auto;
		width: 94%;
		text-decoration: none;
		display: block;
	}
	.product_base_wrapper .product_base .qa .item_list ul li a:hover {
		border: solid 1px #75c397;
		background: #75c397;
		color: #FFFFFF;
	}
	.product_base_wrapper .product_base .qa .item_detail {}
	.product_base_wrapper .product_base .qa .item_detail ul li {
		padding: 16px;
		border-radius: 5px;
		border: solid 1px #dfdfdf;
		background: #f7f7f7;
		margin-bottom: 10px;
	}
	.product_base_wrapper .product_base .qa .item_detail ul li dl dt {
		cursor: pointer;
		font-size: 110%;
		font-weight: bold;
	}
	.product_base_wrapper .product_base .qa .item_detail ul li dl dd {
		display: none;
		margin-top: 10px;
	}
	.product_base_wrapper .product_base .qa .back {
		display: block;
		text-align: right;
		padding: 10px;
		margin-bottom: 30px;
	}
	.product_base_wrapper .product_base .qa a.back {
		color: #797979;
		text-decoration: none;
	}


/* PC */
@media only screen and (min-width:960px){
	.link_button_wrapper {
		text-align: center;
		margin-top: 30px;
	}
	.link_button {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #000;
		color: #FFF;
		transition: .3s;
	}
	.link_button:hover {
		opacity: .7;
	}
	.link_button.s {
		padding: 15px 60px;
		font-size: 11px;
	}
	.product_base_wrapper {
	    margin-top: 20px;
	}
	.product_base_wrapper .product_base {
        margin-bottom: 80px;
    }
	.product_base_wrapper .product_base .img {
		float: left;
		width: 260px;
		margin-top: 8px;
                margin-left: 15px;
	}
	.product_base_wrapper .product_base .item {
		float: right;
		width: 626px;
    margin-right: 15px;
	}
	.product_base_wrapper .product_base .item h3　{
		font-size: 18px;
		padding-bottom: 6px;
	}
}



/* SP */
@media only screen and (max-width:959px){
	.link_button_wrapper {
		text-align: center;
	}
	.link_button {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #000;
		color: #FFF;
		display: block;
		margin: 10px auto;
		width: 90%;
	}
	.link_button.s {
		padding: 15px 12px;
		font-size: 11px;
	}
	.product_base_wrapper .product_base .img {
		text-align: center;
	}
	.product_base_wrapper .product_base {
		margin-bottom: 60px;
	}
	.product_base_wrapper .product_base .item {
    width: 94%;
    margin: 0 auto;
	}
	.product_base_wrapper .product_base .item h3{
		font-size: 18px;
		padding-bottom: 6px;
	}
}