@charset "utf-8";
/* CSS Document */
* {
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 0;
}
/* スムーズスクロール */
html {
	scroll-behavior: smooth;
}
/* /スムーズスクロール */





body {
	line-height: 2em;
	font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "sans-serif";
}
/* a */
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #ff0080;
}
/* /a */






/* h */
h1 {
	font-size: 1em;
	font-weight: normal;
	padding: 0 4px;
}
h2 {
	border-bottom: 2px solid #000;
	font-size: 1.4em;
	font-weight: normal;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	width: 300px;
}
h2 a {
	color: #000;
}
h3 {
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
}
/* /h */







/* ---------- マーカーペン ---------- */
.marker {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fedee7));
	background: -webkit-linear-gradient(transparent 70%, #fedee7 70%);
	background: linear-gradient(transparent 70%, #fedee7 70%);
}
/* ---------- /マーカーペン ---------- */











/* ファーストビュー */
#view1 {
	text-align: center;
	margin: auto;
	width: 100%;
	max-width: 1000px;
}
#view1 img {
	width: 100%;
}
#yose-r {
	padding-right: 4px;
	text-align: right;
	line-height: 0;
}
/* /ファーストビュー */





/* 点滅 */
#blink {
	text-align: center;
	font-size: min(7vw, 50px);
	font-weight: bold;
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
}
#blink span {
	color: #f86d8f;
}
@-webkit-keyframes blink {
 0% {
 opacity: 0;
}
100% {
 opacity: 1;
}
}
@keyframes blink {
 0% {
 opacity: 0;
}
100% {
 opacity: 1;
}
}
/* /点滅 */












/* 良い所 */
#ii {
	margin: auto;
	text-align: center;
}
#ii table {
	margin: auto;
}
#ii table td {
	font-size: 1.4em;
	text-align: left;
}
#ii div img {
	width: 100%;
	max-width: 750px;
}
/* /良い所 */







/* 手術との比較 */
#hikaku {
	padding: 4px;
	margin: auto;
	text-align: center;
}
#hikaku table {
	margin: auto;
	border-collapse: collapse;
}
#hikaku table th {
	font-weight: normal;
	font-size: 1.2em;
	border: solid 1px #ddd;
	background: #eee;
	padding: 4px;
}
#hikaku table td {
	font-size: 1em;
	text-align: left;
	border: solid 1px #ddd;
	padding: 4px;
}
#hikaku table td:nth-child(2) {
	white-space: nowrap;
}
/* /手術との比較 */









/* どこで買える？ */
#dokode {
	padding: 4px;
	text-align: center;
	width: 100%;
}
#dokode img:hover {
	opacity: 0.5;
}
/* /どこで買える？ */





/*  壁  */
#kabe {
	margin: auto;
	width: 100%;
	max-width: 750px;
}
#kabe img {
	width: 100%;
}
/*  /壁  */






/* ---------- あなたは ---------- */
#anataha {
	width: 100%;
	margin: auto;
	padding: 60px 0;
	text-align: center;
	font-size: min(6.2vw, 46px);
	line-height: 2em;
	background: #f9f9f9;
	letter-spacing: 0.2em;
}
#anataha b {
	font-size: min(6.6vw, 64px);
}
/* ---------- /あなたは ---------- */



/* ---------- 実は ---------- */
#zituha {
	margin: auto;
	width: 100%;
	max-width: 1000px;
}
#zituha img {
	width: 100%;
}
/* ---------- /実は ---------- */




/* ---------- 新常識 ---------- */
#jsk {
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 60px 0;
	font-size: min(6vw, 50px);
	line-height: 2em;
	background: #f9f9f9;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#jsk img {
	width: 100%;
	max-width: 750px;
}
#jsk p {
	display: inline;
	padding: 8px 16px;
	background: #1bbfe6;
	color: #fff;
}
#jsk span {
	font-size: min(7vw, 66px);
}
#jsk #ktk {
	font-size: min(12vw, 80px);
	line-height: 1.6em;
}
/* ---------- /新常識 ---------- */









/* ---------- 注文box ---------- */

#order-box {
	padding: 10px;
	margin: auto;
	width: 100%;
	max-width: 1000px;
	text-align: center;
}
.motto {
	width: 100%;
	max-width: 600px;
}
.grid {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid div {
	border: 2px solid #ddd;
	padding: 10px;
}
.grid div img {
	width: 300px;
	max-width: 100%;
}
/* .jp用 */
.grid div img.cartin {
	width: 220px;
}
.grid div img.ord {
	width: 220px;
}
.grid div form:hover {
	opacity: 0.5;
}
.grid b {
	font-size: 1.4em;
	font-weight: normal;
}
.grid span {
	color: #ff0000;
	line-height: 3em;
}
/* ---------- /注文box ---------- */













/* ---------- 使い方 ---------- */
#siyoho {
	width: 100%;
	margin: 20px auto;
	padding: 4px;
	max-width: 750px;
}
#siyoho img {
	width: 130px;
	float: left;
	margin: 4px 4px 10px 0;
}
#siyoho hr {
	clear: both;
	margin: 10px 0 6px 0;
	border: none;
	border-bottom: 1px solid #ddd;
}
/* ---------- /使い方 ---------- */






/* ---------- 変化 ---------- */
#henka {
	width: 100%;
	margin: auto;
	padding: 4px;
	max-width: 500px;
}
#henka table {
	width: 100%;
	table-layout: fixed;
}
#henka td {
	text-align: center;
	line-height: 1em;
}
#henka td img {
	width: 100%;
}
/* ---------- /変化 ---------- */








/* こんな方にオススメ */
#osusume {
	margin: auto;
}
#osusume table {
	margin: auto;
}
#osusume table td {
	font-size: 1.4em;
	text-align: left;
}
/* /こんな方にオススメ */





/* ---------- 背景斜め ---------- */

.naname {
	width: 100%;
	max-width: 750px;
	margin: auto;
}
.naname div:nth-child(odd), .naname div:nth-child(even) {
	padding: 50px 4px 10px 10px;
}
.naname div:nth-child(odd) {
	background: #fff;
}
.naname div:nth-child(even) {
	position: relative;
	z-index: 0;
}
.naname div:nth-child(even)::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	transform: skewY(4deg);
	transform-origin: bottom left;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #d3f2fa;
}
/* ---------- /背景斜め ---------- */






/* ---------- 注文はこちら ---------- */
.kochira {
	text-align: center;
}
.kochira img:hover {
	opacity: 0.5;
}
/* ---------- /注文はこちら ---------- */










/* ---------- 割合 ---------- */

#wariai {
	margin: auto;
}
#wariai table {
	margin: auto;
}
#wariai table img {
	width: 100px;
	margin-right: 10px;
}
/* ---------- /割合 ---------- */






/* ----------　セルフチェック　---------- */
#selfc {
	margin: 50px auto;
	padding: 4px;
	background: #f9f9f9;
}
#selfc table {
	margin: auto;
}
.self-item {
	margin: 0 10px 20px 10px;
	margin-left: 10px;
}
.self-item label {
	padding: 5px;
	cursor : pointer;
	line-height: 2rem;
}
.self-item label:hover {
	background: #fff;
}
.self-inner {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	background: #fff;
}
/*クリックで中身表示*/
.self-item input:checked ~ .self-inner {
	height: auto;
	opacity: 1;
}
.self-inner p {
	padding: 10px;
	line-height: 2rem;
}
.self-item label b {
	text-decoration: underline;
	font-weight: normal;
}
.self-inner b {
	color: #ff0000;
	font-weight: normal;
}
/* ----------　セルフチェック　ここまで　---------- */








/* ---------- お悩み ---------- */

#onayami {
	width: 100%;
	max-width: 700px;
	margin: 30px auto;
	padding: 10px;
	line-height: 2rem;
}
/* ---------- /お悩み ---------- */






/* ---------- 自然にムケる過程 ---------- */
#katei {
	margin: auto;
	text-align: center;
}
#katei table {
	margin: auto;
	text-align: left;
}
#katei table#mukekata {
	margin: 0 auto 20px auto;
}
#katei table#mukekata td {
	border-bottom: 1px solid #ccc;
	padding: 20px;
}
#katei table#mukekata img {
	width: 90px;
	margin-right: 6px;
	float: left;
}
#katei table#mukekata img#anime {
	width: 100%;
	max-width: 750px;
}
#katei hr {
	clear: both;
	border: none;
}
#katei table#ana img {
	width: 150px;
	margin-right: 6px;
	float: left;
}
#katei table#ana td {
	padding: 20px 0;
}
#katei b {
	color: #ff0000;
	font-size: 1.2rem;
}
/* ---------- /自然にムケる過程 ---------- */











/* ---------- teigi-list ---------- */

.teigi-list {
	width: 100%;
	max-width: 750px;
	margin: 30px auto;
	padding: 10px;
}
.teigi-list dl {
	margin: auto;
}
.teigi-list dd {
	padding: 10px;
	background: #f9f9f9;
	margin-bottom: 40px;
}
.teigi-list dt span {
	color: #fcb300;
}
/* ---------- /teigi-list ---------- */








/* ---------- 画像の幅 ---------- */

img#denpyo {
	width: 200px;
}
img#patent {
	width: 130px;
}
img#adrs {
	width: 71px;
}
/* ---------- 画像の幅 ---------- */



























/* ---------------------------------------- 
footer
 ---------------------------------------- */
#footer {
	width: 100%;
	background: #f8f9fa;
	color: #999;
	padding: 100px 0;
	text-align: center;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color: #ff0080;
}
/* ---------- 下固定ボタン ---------- */
#sita-bott {
	position: fixed;
	right: 2px;
	bottom: 0;
}
#sita-bott td {
	padding: 0;
}

/* ---------- /下固定ボタン ---------- */




/* ---------------------------------------- 
/footer
---------------------------------------- */