@charset "UTF-8";

html {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	animation: loading 1s;
}

@keyframes loading {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

img {
	width: 100%;
	pointer-events: none;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 700px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}

body {
	width: 100%;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	background: url(../img/background.jpg);
	background-attachment: fixed;
	background-size: contain;
}

header {
	max-width: 700px;
	margin: 0 auto;
}

h1 img {
	width: 70px;
	margin: 0 auto;
}

.win_top {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	padding: 2%;
}

#fv {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
}

.fv_txt {
	position: absolute;
	top: 20%;
	left: 3%;
	width: 60%;
}

.ribbon {
	max-width: 700px;
	margin: 0 auto;
	background-image: radial-gradient(circle, rgba(255, 242, 58, 1) 3%, rgba(224, 162, 8, 1) 77%, rgba(165, 118, 0, 1) 97%);
	padding: 17px 0;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	position: relative;
}

.shine_left {
	position: absolute;
	mix-blend-mode: screen;
	width: 30%;
	top: 5%;
	left: 0;
}

.shine_right {
	position: absolute;
	mix-blend-mode: screen;
	width: 30%;
	top: 5%;
	right: 0;
	transform: scale(-1, 1);

}


p.ribbon_txt {
	/* color:#d9398f; */
	/* color:radial-gradient(circle,#d71110  3%, #9a0000 77%, #d71110 97%); */
	background: -webkit-linear-gradient(0deg, #d71110, #9a0000);
	color: #d71110;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 33px;
	text-align: center;
	font-weight: bold;
	z-index: 1;
}

@media screen and (max-width: 700px) {
	p.ribbon_txt {
		font-size: 23px;
	}
}

.ribbon_mini {
	font-size: 17px;
	text-align: center;
	margin: 8px 0 0 0;
}

@media screen and (max-width: 700px) {
	.ribbon_mini {
		font-size: 19px;
	}
}


p.ribbon_mini {
	color: #575757;
	font-size: 17px;
	text-align: center;
	margin: 8px 0 0 0;
}

@media screen and (max-width: 700px) {
	p.ribbon_mini {
		font-size: 13px;
	}
}

.ofa_zone {
	max-width: 700px;
	margin: 0 auto;
	background: url(../img/pink_back.jpg)no-repeat;
	background-size: cover;
	padding: 1% 0 5% 0;
}

.ofa_txt {
	width: 100%;
	padding: 3% 6% 0 6%;
}

.ofa_btn {
	width: 80%;
	margin: 5% 10%;
	animation: poyopoyo 1.5s ease-out infinite;
}

.ofa_set {
	width: 90%;
	background-color: #fff6f6;
	margin: 0 auto;
}

.ofa_set img {
	width: 100%;
	padding: 6% 4% 4% !important;
}

.newopen_obi {
	width: 100%;
}

.ba_zone {
	width: 90%;
	margin: 0 auto;
}

.check_txt {
	width: 80%;
	margin: 0 auto;
}

.pink {
	background: #c0267f;
	padding: 15px 0;
}

.pink p {
	font-size: 2em;
	color: #fff700;
	text-align: center;
}

.white {
	background: #fff;
	padding: 15px 0;
}

@media screen and (max-width: 700px) {
	.white {
		padding: 10px 0;
	}
}

.white p {
	font-size: 2.5em;
	color: #c0267f;
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 700px) {

	.pink p,
	.white p {
		font-size: 1.2em;
	}
}

.btn {
	bottom: 11%;
	position: absolute;
	z-index: 1;
	animation: poyopoyo 1.5s ease-out infinite;
}

.btn img {
	width: 90%;
}

#content {
	max-width: 700px;
	margin: 0 auto;
}

#medical_point {
	max-width: 700px;
	margin: 0 auto;
	background: #fff;
	padding: 0 0 5% 0;
}

.point_box {
	width: 100%;
	margin: 5% 0;
	padding: 5%;
}

.title_column {
	display: flex;
	margin: 0 0 3% 0;
}

.title_child_1 {
	flex: 1;
}

.title_child_3 {
	flex: 5;
}

.title_child_3 p {
	font-size: 2em;
	font-weight: bold;
	text-align: left;
}

@media screen and (max-width: 700px) {
	.title_child_3 p {
		font-size: 1.5em;
	}
}

p.medical_txt {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -1px;
	text-align: left;
	margin: 3% 0;
}

@media screen and (max-width: 700px) {
	p.medical_txt {
		font-size: 15px;
		line-height: 21px;
	}
}

.remarks {
	font-size: 15px;
	text-align: left;
}

/* 注釈追加 */

dl {
	/* display: flex;
	flex-wrap: wrap; */
	width: 100%;
	background-color: rgba(237, 226, 212, 0.4);
	text-align: left;
	padding: 6% 4% 2%;
	font-size: 14px;
	margin: 5% auto 10%;
}

dt {
	padding-bottom: 6px;
	margin-bottom: 3px;
}

dd {
	padding-bottom: 20px;
	padding-left: 18px;
	margin-bottom: 3px;
}

.space {
	display: block;
	margin: 5% 0 0 0;
}

.midasi_middle {
	display: block;
	font-weight: bold;
	color: #807329;
	font-size: 1.53em;
	margin: 0 0 15px 0;
}

.step_box {
	width: 90%;
	margin: 0 5%;
	background: #ffe9e9;
	padding: 1% 0;
}

.step_title {
	font-size: 1.5em;
	font-weight: bold;
	display: block;
	margin: 0 0 5% 0;
	color: #ff7272;
}

@media screen and (max-width: 700px) {
	.step_title {
		font-size: 1.2em;
		margin: 0 0 20px 0;
	}
}

.step_box img {
	width: 80%;
}

p.step_txt {
	width: 80%;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: -1px;
	text-align: left;
	margin: 3% 10% 0 10%;
}

@media screen and (max-width: 700px) {
	p.step_txt {
		font-size: 15px;
		line-height: 21px;
	}
}

#ope {
	max-width: 700px;
	margin: 0 auto;
	background: #fff;
	padding: 0 0 8% 0;
}

#ope h3 {
	font-size: 2em;
	text-align: center;
	margin: 0 0 15px 0;
	font-weight: bold;
}

@media screen and (max-width: 700px) {
	#ope h3 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
}

.ope_box {
	width: 90%;
	margin: 0 5%;
	background: #ece1d2;
	padding: 5% 0;
}

.ope_box img {
	width: 80%;
}

#qa {
	max-width: 700px;
	margin: 0 auto;
	padding: 5% 0;
}

#qa h3 {
	font-size: 2em;
	text-align: center;
	margin: 0 0 30px 0;
	font-weight: bold;
}

@media screen and (max-width: 700px) {
	#qa h3 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
}

/**アコーディオンメニュー****/
.acd_menu {
	width: 90%;
	margin: 0 5%;
}

.acd-check {
	display: none;
}

.acd-label {
	border: 1px solid #807329;
	background: #fff;
	display: block;
	margin-bottom: 1px;
	height: 50px;
	overflow: hidden;
	padding: 12px 0 0 0;
}

@media screen and (max-width: 700px) {
	.acd-label {
		height: auto;
		padding: 10px 0;
	}
}

.acd-label p {
	font-size: 15px;
	line-height: 21px;
}

@media screen and (max-width: 700px) {
	.acd-label p {
		font-size: 13px;
		line-height: 18px;

	}
}

.acd-content {
	background: #ece1d2;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	transition: .5s;
	visibility: hidden;
}

.acd-content p {
	font-size: 15px;
	line-height: 21px;
	text-align: left;
}

@media screen and (max-width: 700px) {
	.acd-content p {
		font-size: 13px;
		line-height: 18px;
	}
}

.acd-check:checked+.acd-label+.acd-content {
	height: 100%;
	opacity: 1;
	padding: 10px;
	visibility: visible;
}

#salon {
	max-width: 700px;
	margin: 0 auto;
	background: #ffe9e9;
	padding: 5% 0;
}

#salon h3 {
	color: #807329;
	font-size: 2em;
	text-align: center;
	margin: 0 0 25px 0;
	font-weight: bold;
}

@media screen and (max-width: 700px) {
	#salon h3 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
}

.salon_box {
	width: 80%;
	margin: 0 auto;
}

p.salon_name {
	font-size: 1.3em;
	margin: 0 0 10px 0;
	font-weight: bold;
}

/**テーブルメニュー****/
table {
	width: 100%;
	margin: 20px auto;
}

.tbl-r02 th {
	background: #fff;
	border: solid 2px #ffe9e9;
	color: #000;
	padding: 10px;
	width: 30%;
}

.tbl-r02 td {
	border: solid 2px #ffe9e9;
	padding: 10px;
	background: #fff;
	width: 70%;
	text-align: left;
}

#privacy {
	max-width: 700px;
	margin: 0 auto;
	background: #fff;
	padding: 3% 0 5% 0;
}

@media screen and (max-width: 700px) {
	#privacy {
		padding: 8% 0;
	}
}

#privacy h3 {
	color: #000;
	font-size: 13px;
	text-align: center;
	margin: 0 0 25px 0;
	font-weight: bold;
}

@media screen and (max-width: 700px) {
	#privacy h3 {
		letter-spacing: -1px;
	}
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px)) !important;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px)) !important;
	display: inline-block;
	border-radius: 50%;
	margin: 0 1%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}

.swiper-slide img {
	width: 90%;
	margin: 0 auto;
}

.kousin {
	width: 90%;
	margin: 0 auto;
	height: 150px;
	overflow: auto;
	padding: 5px;
	color: #000;
	line-height: 1.5em;
	border: solid 1px #807329;
}

.kousin p {
	font-size: 10px;
	line-height: 21px;
	text-align: left;
}

#uneihojin {
	max-width: 700px;
	margin: 0 auto;
	padding: 2% 0 3% 0;
}

p.uneihojin {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.box {
	width: 90%;
	margin: 0 auto;
}

p.moromoro {
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 10px;
	line-height: 21px;
}

footer {
	width: 100%;
	margin: 0 auto;
	background: #000;
	padding: 15px 0;
}

@media screen and (max-width: 700px) {
	footer {
		margin: 0 0 47% 0;
	}
}

footer p {
	color: #fff;
	text-align: center;
	font-size: 13px;
}

.float_zone {
	position: fixed;
	right: -3%;
	bottom: 2%;
	padding: 10px 0 5px 0;
	z-index: 99999;

}

@media screen and (max-width: 700px) {
	.float_zone {
		padding: 15px 0;
		bottom: -1%;
		background: url(../img/background.jpg)no-repeat;
		background-size: cover;
		border-top: solid 1px #807329;
	}
}

.float_double {
	max-width: 700px;
}

.float_main p {
	color: #807329;
	font-weight: bold;
	font-size: 25px;
}

.float_main img {
	width: 70%;
	margin: 10px 0 0 0;
	animation: poyopoyo 1.5s ease-out infinite;
	opacity: 1;
}

@media screen and (max-width: 700px) {
	.float_main img {
		width: 90%;
		margin: 0 6% 0 4%;
	}
}

@keyframes poyopoyo {

	0%,
	40%,
	60%,
	80% {
		transform: scale(1.0);
	}

	50%,
	70% {
		transform: scale(0.95);
	}
}

.cam {
	font-size: 1em;
	padding: 0 15px;
}

@media screen and (max-width: 700px) {
	.cam {
		display: block;
	}

	.swiper-pagination-bullet {
		width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
		height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)) !important;
		display: inline-block;
		border-radius: 50%;
		margin: 0 1%;
		background: var(--swiper-pagination-bullet-inactive-color, #000);
		opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
	}
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.slick-dots {
	display: block;
}

.swiper-pagination {
	position: relative !important;
	;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	margin-top: 3%;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	z-index: 1;
	background-color: #fff6f6;
	margin: 0 auto;
	padding: 5% 0 !important;
}

.pink_txt {
	font-weight: bold;
	color: #c0267f;
	border-bottom: solid 1px #c0267f;
}

/* 拡大 */
.zoomIn {
	animation-name: zoomInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes zoomInAnime {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

p.bico_miadsi {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #fff;
	padding: 0 0 10px 0;
}

p.bico {
	font-size: 10px;
	line-height: 17px;
	text-align: left;
	margin: 10px 0 30px 0;
}