@charset "utf-8";

/* --------- common --------- */
.nobr{line-height: normal !important;}

/* --------- denture --------- */
#denture {margin-bottom: 60px;}
#denture section {margin-bottom: 20px;}
.denture_sub, .denture_type{padding-bottom: 20px;}
.denture_sub section, .denture_type section{padding-top: 20px;}
#denture h3{
	background: none;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	padding: .5em 0 .25em 0;
	text-align: center;
	font-weight: bold;
}
#denture h4{
	border-top: 1px #604846 solid;
	border-bottom: 1px #604846 solid;
	background-color: #f5f5f5;
	font-size: 16px;
	line-height: 2.3em;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 0 0 0 28px;
	margin: 0 0 18px 0;
	text-align: left;
	color: #000;
}
#denture h5{
	color: #777;
	background-color:#FFF;
	border-bottom: dashed 2px #CCC;
	line-height:40px;
	margin-bottom:15px;
	text-align: center;
}
.intro{
	display: inline;
	font-weight: bold;
	text-align: center;
}

/* --------- denture_type --------- */
.denture_type_intro{
	text-align: center;
	background-color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	color: #1e90ff;
	border: 2px #add8e6 solid;
	border-radius: 10px;
	padding: 10px;
	margin: 20px 0;
	line-height: 1.8em;
}
.point{
	width: 90%;
	margin: auto;
	background-color: #5e8396;
	color: #FFF;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 10px !important;
}
.denture_type ul{
	margin: auto;
}
.denture_type ul li{
	font-size: 0.9em;
	text-align: left;
}
.float-left-img2{ float: none; margin:auto; display:block; max-width:95%; width:100%;}
.float-right-img2{ float: none; margin:auto; display:block; max-width:95%; width:100%;}
.up_denture .btn2{font-size: 1em; text-align: center; margin-top: 15px;}
.h5 {
	padding: 0.4em 0.5em;
	border-bottom: solid 3px #d7d7d7;
	margin-bottom:20px;
	font-weight:bold;
	color: #666;
	display: block;
}
.denture-price h4{
	display: block;
	width: 100%;
	font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.2rem;
	font-weight: normal;
	color: #666;
	padding: 0.4em 0.5em;
	letter-spacing: 1rem;
	text-indent: 1rem;
	margin: 0;
}
.price-box{
	border: solid 3px #d7d7d7;
	border-radius: 30px;
	padding: 0.5rem 1rem 1rem;
}
.price-box dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 1rem;
	font-size: 0.9rem;
}
.price-box dt,
.price-box dd{
	border-bottom: 1px #d7d7d7 dashed;
	padding: 0.2rem 0;
}
.price-box dt{
	width: 40%;
	text-align: left;
}
.price-box dd{
	width: 60%;
	text-align: right;
}
.denture-price .w-lg-10{
	font-size: 3rem;
	font-weight: bold;
	color: #999;
	padding: 1rem 0;
}
.border-0{border: none !important;}
.price-att a{
	color: #1e6dff;
	transition: 0.3s;
}
.price-att a:hover{
	color: #1e90ff;
}
.example{
	font-size: 1rem;
	display: inline-block;
	padding-bottom: 0;
	border-bottom: 1px #999 solid;
}
.w-100{width: 100%;}

/* ■■■■■■■■■ SP用 ■■■■■■■■■ */
@media screen and (max-width : 959px) {

	/* --------- common --------- */
	.main{padding-left: 0; padding-right: 0;}
	.denture_sub, .denture_type, .commitment, .sp-box{padding-left: 1em; padding-right: 1em;}
	.denture_sub img, .denture_type img, .commitment img{width: 100%; margin-bottom: 20px;}

	/* --------- denture_type --------- */
	.flex_box img{width: 80%; height: 80%; margin-bottom: 0;}
	.denture_type ul li{font-size: 1em;}
	#denture h5{
		border-top: dashed 2px #CCC;
		margin-top: 20px;
		text-align: center;
	}
	.price-box dl{padding: 0;}
	.border-sp-0{border: none !important;}
	.flex_box ul{
		margin-bottom: 2rem;
	}
	.example{
		display: block;
		text-align: center;
		width: 100%;
	}
}



/* ■■■■■■■■■ PC用 ■■■■■■■■■ */
@media screen and (min-width : 960px) {
	
	/* --------- common --------- */
	.float-left-img2{
		float: left;
		margin-right: 20px;
		margin-bottom:30px;
		margin-top:30px;
		display: block;
		max-width: 200px;
		width: 100%;
	}
	.float-right-img2{
		float: right;
		margin-left: 20px;
		display: block;
		max-width: 200px;
		width: 100%;
	}

	/* --------- denture_type --------- */
	.flex_box{display: flex; justify-content: space-between;}
	.flex_box > div{width: calc(50% - 12px);}
	
	.denture-price{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.w-lg-10{width: 10%;}
	.w-lg-45{width: 45%;}
	.price-att{padding-left: 1rem;}
}