body { overflow-x: hidden; }
html{ overflow-x: hidden; }
.cleaner_main { text-align: center; }

.cleaner_info .cleaner_copy { text-align: center;}
.cleaner_info .prd_cleaner, .cleaner_info .prd_tube, .cleaner_info .prd_gel { max-width: 80%; margin: -40px auto 0; text-align: center;}
.cleaner_info .prd_benefit { text-align: center; padding: 0 3%;}
.cleaner_info .prod_disc { width: 94%; margin: 20px auto 0;}

.info_body h2, .info_last h2 { text-align: center; font-size: 28px; margin-bottom: 0;}
.info_last h2 { line-height: 1.1; margin-bottom: 5px;}
.info_body h3, .info_last h3 { text-align: center; font-weight: 300; margin-top: 5px;}
.info_body h3 span { font-size: 11px; }
.info_body .btn, .info_last .btn { display: block; max-width: 335px; height: 60px; margin: 0 auto 20px; border: 1px solid #ddd; line-height: 60px; text-align: center; text-decoration: none; font-size: 18px; padding: 0; transition: 0.5s;}
.info_body .btn:hover, .info_last .btn:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.info_body .btn_blue, .info_last .btn_blue { background: #c2a284; border: none !important;}
.info_body .prod_disc span, .info_last .prod_disc span { font-size: 14px; font-weight: bold; margin-top: 15px; display: inline-block; text-indent: -7px; padding-left: 3%; line-height: 18px;}
.prod_disc .gel_disc_link, .gel_prod .gel_disc_link { text-align: center; font-size: 18px; display: block; margin-top: 10px;}
.info_body .tube_button, .info_last .tube_button { max-width: 335px; height: 60px; margin: 10px auto 50px; border: 5px solid #999; line-height: 50px; text-align: center; color: #555; font-size: 22px; font-weight: bold; padding: 0; background: #f2f2f2;}
.info_body .gel_notice, .info_last .gel_notice { border: 2px solid #ff0000; background: #fff5f5; margin: 3%; padding: 5%; text-align: left !important; display: inline-block;}
.info_body .gel_notice span, .info_last .gel_notice span { font-size: 12px; font-weight: bold; line-height: 18px; display: inherit; margin-top: 15px;}
.cleaner_btn { margin-top: 15px; margin-bottom: 30px;}
.cleaner_btn .btn_cart { margin-bottom: 10px !important; }
.cleaner_schedule { margin-top: 50px;}
.cleaner_schedule:before, .polyrism_info:before, .design_concept:before, .dentist_voice:before { 
	content:"";
	display:block;
	height:25px;
	width:100%;
		background: #0097fd; /* Old browsers */
		background: -moz-linear-gradient(left, #0097fd 0%, #ff4572 50%, #ff8500 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #0097fd 0%,#ff4572 50%,#ff8500 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #0097fd 0%,#ff4572 50%,#ff8500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097fd', endColorstr='#ff8500',GradientType=1 ); /* IE6-9 */
}
.cleaner_schedule h3 img{ max-width: 440px; width: 80%; margin: 40px auto 10px;}
.cleaner_schedule h4, .polyrism_info h4 { font-size: 18px; margin-top: 0; margin-bottom: 40px;}
.cleaner_schedule h3, .polyrism_info h3, .design_concept h3 { margin-bottom: 0;}
.cleaner_schedule .schedule1 { 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 5%, #f3f7ff 6%, #f3f7ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 5%,#f3f7ff 6%,#f3f7ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 5%,#f3f7ff 6%,#f3f7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f7ff',GradientType=0 ); /* IE6-9 */
}
.cleaner_schedule .schedule2 { background: #fefeee;}
.cleaner_schedule .schedule3 { background: #fff8e5;}
.cleaner_schedule .schedule4 { background: #fbf1ea;}
.cleaner_schedule .schedule5 { background: #f7f0fe;}
.cleaner_schedule .schedule6 { background: #f3f7ff;}

.polyrism_info { margin-top: 60px;}
.polyrism_info h3 img{ max-width: 515px; width: 90%; margin: 40px auto 0;}
.polyrism_info p { padding: 0 7%; }
.polyrism_pics { max-width: 100%; margin: 0 auto; text-align: center; padding: 0 3% 25px;}
.polyrism_pics_arrow { width: 60%; margin: 20px auto;}

.polyrism_pics {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 5%, #e1f7fa 6%, #b9f1f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 5%,#e1f7fa 6%,#b9f1f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 5%,#e1f7fa 6%,#b9f1f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9f1f9',GradientType=0 ); /* IE6-9 */
}

.design_concept { margin: 60px auto 0; text-align: center; }
.design_concept h4 { font-size: 18px; margin-top: 0; margin-bottom: 30px;}
.design_concept h3 img{ max-width: 647px; width: 90%; margin: 40px auto 10px;}
.design_content { background: url( /template/default/img/sp/dental/cleaner/bg_design_sp.jpg ) no-repeat top center; width: 100%; text-align: center; padding: 0 30px 50px;}
.design_wrap { max-width: 1200px; margin: 0 auto;}
.design_card { background-color: rgba(255,255,255,0.95); padding: 35px 5%; font-size: 18px; text-align: center; margin-top: 10px;}
.design_card { 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,0.5);
	box-shadow: 0px 0px 10px 0px rgba(204,204,204,0.5);
}
.design_card p { text-align: left;}
.design_card p span { 
	font-size: 30px;
	line-height: 43px;
	color: #f94677;
}

.cleaner_voice { margin: 0 auto; text-align: center;}

.dental_faq{ background: #fdfbf4; padding-bottom: 40px;}
.dental_faq .ttl{ text-align: center; padding: 50px 0 20px 0; font-size: 32px;}
.dental_faq .ttl img{ width: 50%;}
.dental_faq .tgl{ width: 94%; margin:0 auto;}
.dental_faq dl{ background: #fff; margin-bottom: 10px; margin-bottom: 20px;}

.dental_faq dl {
width:100%;
height:100%;
border-left:2px solid #0097fd;
border-right:2px solid #ff8500;
}

.dental_faq dl:before,
.dental_faq dl:after {
content:"";
display:block;
height:2px;
width:100%;
	background: #0097fd; /* Old browsers */
	background: -moz-linear-gradient(left, #0097fd 0%, #ff4572 50%, #ff8500 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0097fd 0%,#ff4572 50%,#ff8500 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0097fd 0%,#ff4572 50%,#ff8500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097fd', endColorstr='#ff8500',GradientType=1 ); /* IE6-9 */
}

.dental_faq dt { padding: 15px 40px 15px 50px; position: relative; text-align: left;}
.dental_faq dt:before{
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 16px;
    left: 10px;
}
.dental_faq .dental_q1:before { content: ""; background: url(/template/default/img/sp/dental/cleaner/q1.png) no-repeat; background-size: 30px auto;;}
.dental_faq .dental_q2:before { content: ""; background: url(/template/default/img/sp/dental/cleaner/q2.png) no-repeat; background-size: 30px auto;}
.dental_faq .dental_q3:before { content: ""; background: url(/template/default/img/sp/dental/cleaner/q3.png) no-repeat; background-size: 30px auto;}
.dental_faq .dental_q4:before { content: ""; background: url(/template/default/img/sp/dental/cleaner/q4.png) no-repeat; background-size: 30px auto;}
.dental_faq .dental_q5:before { content: ""; background: url(/template/default/img/sp/dental/cleaner/q5.png) no-repeat; background-size: 30px auto;}

.dental_faq dd:before{
	content: "";
    background: url(/template/default/img/sp/dental/cleaner/a.png) no-repeat;
    background-size: 20px auto;
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    top: 8px;
    left: 15px;
}
.dental_faq dt:after{
    content: "";
    display: inline-block;
    width: 15px;
    background: url(/template/default/img/sp/qusomelift/qls/smp/icon01.png) no-repeat;
    height: 15px;
    background-size: 15px auto;
    position: absolute;
    top: 38%;
    right: 14px;
}
.dental_faq .selecion dt:after{
    content: "";
    display: inline-block;
    width: 15px;
    background: url(/template/default/img/sp/qusomelift/qls/smp/icon02.png) no-repeat;
    height: 15px;
    background-size: 15px auto;
    position: absolute;
    top: 38%;
    right: 14px;
}
.dental_faq dd{ padding: 2px 10px 10px 50px; position: relative; display: none; text-align: left;}


.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 800ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.cleaner_prod, .tube_prod, .gel_prod { padding: 0 10%; margin: 50px auto;}
.cleaner_prod h2, .tube_prod h2, .gel_prod h2 { font-size: 20px;}
.banner_bottom { margin: 30px auto; }
.cleaner_last_text { text-align: center;}
.dentist_banner { margin-bottom: 30px;}
.dentist_banner a:hover { opacity : 80%;}
.dentist_wrap { max-width: 890px; margin: 30px auto 60px; padding: 0 20px;}
.dentist_wrap h3 { font-size: 22px; text-align: center;}
.dentist_box { max-width: 800px; margin: 0 auto;}
.author_block { border: 1px solid #ddd; padding: 35px; font-size: 12px; margin: 30px auto;}
.author_title { display: block; font-size: 15px; font-weight: bold; margin: 10px 0; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.author_txt span { font-size: 12px;  font-weight: normal; color: #777; margin-right: 10px;}
.author_txt li { line-height: 1.8;}
@media only screen and (max-width: 767px){
	.cleaner_info .prd_tube { max-width: 200px !important;}
}
@media only screen and (min-width: 768px){
	#cleaner { font-size: 16px;}
	.cleaner_main { background: url( /template/default/img/sp/dental/cleaner/bg_main.jpg ) no-repeat top center; }
	.cleaner-color { background: #e10505;}
	.tube-color { background: #0052ed;}
	.gel-color { background: #f69d0d;}
	.cleaner_info .prd_cleaner { margin: 0 auto;}
	.cleaner_info .prd_cleaner img { max-width: 400px; margin-top: 10px;}
	.cleaner_info .prd_tube, .cleaner_info .prd_gel { margin: 0; max-width: 100%;}
	.cleaner_info .prd_gel img { max-width: 400px; margin: 0 auto; display: inherit;}
	.cleaner_info .prd_benefit { margin: 70px auto 0; width: 85%;}
	.cleaner_info .prd_benefit div { padding-left: 0; padding-right: 0;}
	.info_body { max-width:1000px; margin: 0 auto; position: relative; padding: 0 100px 0 15px; z-index: 2;}
	.polyrism_info p { max-width: 740px; margin: 0 auto;}
	.polyrism_pics_arrow { width: inherit; margin: 10px auto 30px;}
	.polyrism_disc { max-width: 1100px; margin: 0 auto;}
	.dental_faq .tgl{ max-width: 700px; margin:0 auto;}
	.cleaner_schedule h3 img { max-width: 624px;}
	.polyrism_info h3 img { max-width: 690px;}
	.cleaner_schedule h4, .polyrism_info h4, .design_concept h4 { font-size: 24px; }
	.design_concept h4 { margin-bottom: 20px;}
	.cleaner_voice { width: 100%;}
	.design_content { background: url( /template/default/img/sp/dental/cleaner/bg_design.jpg ) no-repeat top center; width: 100%; text-align: center; margin: 0 auto; padding: 30px 30px 70px 30px; }
	.design_card { font-size: 24px; margin-top: 25px; padding: 55px 5%;}
	.design_card p { margin-top: 0;}
	.design_card p span { 
		font-size: 32px;
		line-height: 43px;
		background: -webkit-linear-gradient(left, #0097fd 0%,#ff4572 50%,#ff8500 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	 }
	.design_card img { width: 50%; padding: 0 0 30px 50px; float: right;}
	.dental_faq dl { font-size: 20px;}
	.dental_faq dl:hover { }
	.dental_faq dt { padding: 15px 40px 15px 60px;}
	.dental_faq dt::after { top: 48%;}
	.dental_faq dt::before { width: 40px; top: 20px;}
	.dental_faq .dental_q1::before { background-size: 40px auto;}
	.dental_faq .dental_q2::before { background-size: 40px auto;}
	.dental_faq .dental_q3::before { background-size: 40px auto;}
	.dental_faq .dental_q4::before { background-size: 40px auto;}
	.dental_faq .dental_q5::before { background-size: 40px auto;}
	.info_last { max-width:1000px; margin: 0 auto; text-align: center;}
	.cleaner_btn div { padding-left: 8px; padding-right: 8px;}
	.info_last .tube_button { min-height: 60px; font-size: 18px;}
	.cleaner_last_text { margin-top: 40px;}
	.dentist_wrap h3 { font-size: 29px;}
	.dentist_banner { margin-top: 37px; margin-bottom: 0;}
	
.edge--bottom {
  position: relative;
  z-index: 1;
}
.edge--bottom:after {
  background: inherit;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom:after {
  bottom: 0;
  -webkit-transform: skewY(-4deg);
          transform: skewY(-4deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.angle_block {
  margin: 0;
  padding: 10px 0 0;
  text-align: center;
  color: #fff;
  font-size: 26px;
}

.angle_block p span {
  font-size: 36px;
  line-height: 1.2;
  margin-top: 10px;
  display: inherit;
}

.cleaner_prod, .tube_prod, .gel_prod { padding: 0 5%; margin: 50px auto;}
.dental_flex { display: flex;}
.dental_flexbox { display: flex; flex-direction: column; }
.cleaner_btn { margin-top: auto;}
	
	}
	
	
	
/*ハミガキ粉予約販売ページ*/
.pretube_main_sp { margin-top: -5%;}
.pretube_obi { padding-bottom: 1px;}
.info_pretube { margin-top: -8%;}
.pretube_main_box { position: relative;}
.btn_pretube_teiki { text-align: center; font-size: 16px !important; border: 1px solid #1882e7 !important; background: #fff; color: #1882e7 !important; font-weight: bold; margin-top: 5px !important;}
.info_pretube .btn { display: block; max-width: 335px; height: 60px; margin: 20px auto 40px; border: 1px solid #ddd; line-height: 60px; text-align: center; color: #fff; text-decoration: none; font-size: 18px; padding: 0; transition: 0.5s;}
.pretube_warning { max-width: 700px; margin: -30px 10px 20px 10px; border: 3px solid #F00; padding: 0 20px;}
.pretube_warning span { font-weight: bold; font-size: 22px;}
 
@media only screen and (min-width: 768px){
	.pretube_main_sp { margin-top: 0;}
	.pretube_obi  { padding-bottom: 0;}
	.pretube_obi:before {
		content:"";
		display:block;
		height:300px;
		width:100%;
			background: #0097fd; /* Old browsers */
			background: -moz-linear-gradient(left, #0097fd 0%, #ff4572 50%, #ff8500 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #0097fd 0%,#ff4572 50%,#ff8500 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #0097fd 0%,#ff4572 50%,#ff8500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097fd', endColorstr='#ff8500',GradientType=1 ); /* IE6-9 */
	
	}
	.pretube_obi { position: relative; margin-top: 30px;}
	.pretube_obi_img {
		width: 931px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.pretube_copy { max-width: 750px; margin: 0 auto; max-height: 170px;}
	.pretube_copy div { margin: 0; padding: 0;}
	.pretube_copy img { margin-top: 15px;}
	.info_pretube { background: url( /template/default/img/sp/dental/pretube/bg_tube.png ) repeat-x top center; width: 100%; position: relative; z-index: 2;}
	.info_pretube_main { margin: 0 auto; max-width: 1000px;}
	.pretube_main_img { margin-left: 40px; display: block;}
	.info_pretube .btn:hover, .info_last .btn:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
	.pretube_main_btn { position: absolute; bottom: 45px; right: 110px; width: 335px;}
	.pretube_main_btn .btn { margin-bottom: 10px;}
	
	.pretube_main_bottom { max-width: 960px; margin: 0 auto;}
	.pretube_warning { max-width: 700px; margin: 40px auto; border: 3px solid #F00; padding: 0 20px;}
}
@media only screen and (max-width: 767px){
	.pretube_main_btn { position: absolute; width: 80%; 
		top: 70%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);}
	.pretube_main_btn .btn { margin-bottom: 10px; width: 100%;}
	.btn_pretube_teiki { font-size: 13px !important;}

}