@charset "UTF-8";

/* PinkLLA（ピンクーラ）css */
/********** 共通 **********/
.pinklla {
	font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", sans-serif;

}

.pink {
	color: #FA6D96;
	font-weight: bold;
}

.yellow_bkg {
	background: #FEF6EB;
}

.pink_bkg {
	background: #FFF0F5;
}

.pinklla .pc {
	display: block;
}

.pinklla .sp {
	display: none;
}

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

	.pinklla .sp {
		display: block;
	}
}

.pinklla section {
	padding: 5% 0;
}

.pinklla .title {
	text-align: center;
	margin-bottom: 4%;
}

.pinklla .title h2 {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 2% 0 1.5%;
	line-height: 1.3;
}

.pinklla .title p {
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 3px;
	color: #FA6D96;
}

.white_pink_bkg {
	background-color: #ffffff;
	background-image: linear-gradient(to bottom, #ffffff 0%, #FFF0F5 100%);
}

@media screen and (min-width: 769px) {
	.m-breadcrumb ul {
		width: 960px;
		font-size: 1.2rem;
	}
}

/********** /共通 **********/

/********** fv **********/

.pinklla section.fv {
	padding: 0;
	text-align: center;
}

/********** /fv **********/

/********** link **********/
.pinklla .link {
	background-color: #fff;
	padding: 0;
}

.pinklla .link ul {
	display: flex;
	justify-content: space-between;
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
	padding: 1.5% 0;
}

.pinklla .link ul li {
	width: calc(100% / 6);
	margin: 0;
	text-align: center;
}

.pinklla .link ul li img {
	border-radius: 5px;
}

/********** /link **********/

/********** link01 **********/
.pinklla .link01 {
	padding: 0;
	text-align: center;
}

.pinklla .link01 figure {
	width: 90%;
	max-width: 640px;
	margin: 0 auto;
	display: block;
}

/********** /link01 **********/

/********** link02 **********/
.pinklla .link02 {
	padding: 0;
	text-align: center;
	background-color: #FEEEF4;
}

.pinklla .link02 figure {
	width: 90%;
	max-width: 640px;
	margin: 0 auto;
	display: block;
}

/********** /link02 **********/

/********** link03 **********/
.pinklla .link03 {
	padding: 0;
	text-align: center;
}

.pinklla .link03.pinkbkg {
	background-color: #FFF1F4;
}

.pinklla .link03 figure {
	width: 90%;
	max-width: 640px;
	margin: 0 auto;
	display: block;
}

/********** /link03 **********/

/********** link04 **********/
.pinklla .link04 {
	padding: 0;
	text-align: center;
	background-color: #E7185D;
}

.pinklla .link04 figure {
	width: 90%;
	max-width: 640px;
	margin: 0 auto;
	display: block;
}

/********** /link04 **********/

/********** link05 **********/
.pinklla .link05 {
	padding: 5%;
	text-align: center;
}

.pinklla .link05 figure {
	width: 90%;
	max-width: 640px;
	margin: 0 auto;
	display: block;
}

.pinklla .link05 .faq-container {
	max-width: 640px;
	margin: 2% auto 0;
}

.pinklla .link05 .faq-item {
	margin-bottom: 16px;
}

.pinklla .link05 .faq-question {
	background-color: #e81661;
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	padding: 16px 40px;
	border-radius: 50px;
	cursor: pointer;
	position: relative;
	list-style: none;
	transition: opacity 0.3s ease;
}

.pinklla .link05 .faq-question::-webkit-details-marker {
	display: none;
}

.pinklla .link05 .faq-question:hover {
	opacity: 0.9;
}

.pinklla .link05 .faq-question::after {
	content: "＋";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: bold;
}

.pinklla .link05 details[open] .faq-question::after {
	content: "－";
}

.pinklla .link05 .faq-answer {
	padding: 20px 10px;
	font-size: 1.4em;
	line-height: 1.8;
	color: #333;
	font-weight: bold;
	text-align: left;
}

.pinklla .link05 .faq-answer p {
	margin: 0 0 16px 0;
}

.pinklla .link05 .faq-answer p:last-child {
	margin-bottom: 0;
}

.text-pink {
	color: #e81661;
	font-weight: bold;
}

#clinic-list-1 {
	padding: 0 2rem;
}

#clinic-list-1 [data-cl-map] {
	--max-width: 580 !important;
	max-width: 600px;
	margin: 0 auto;
}

@media screen and (max-width:640px) {
	.pinklla .link05 .faq-question {
		font-size: 1.3em;
	}

	.pinklla .link05 .faq-answer {
		font-size: 1em;
	}
}

/********** /link05 **********/

@media screen and (max-width:640px) {
	.pinklla .link ul {
		flex-wrap: wrap;
	}

	.pinklla .link ul li {
		width: 33%;
		margin: 1% 0 0;
	}

	.pinklla .link ul li:nth-child(1),
	.pinklla .link ul li:nth-child(2) {
        width: 49.6%;
		margin: 0;
	}
}

/********** coupon **********/
.pinklla .coupon {
	background-color: #F783AD;
	padding: 1%;
}

.pinklla .coupon figure {
	max-width: 640px;
	margin: 0 auto;
	display: block;
	width: 90%;
}

/********** /coupon **********/

/********** cta **********/
.pinklla .cta figure {
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	display: block;
}

.pinklla .cta figure.cta_btn {
	width: 90%;
	max-width: 500px;
}

/********** /cta **********/

.fixed-box {
	width: 100%;
	max-width: 800px;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

.l-page-wrap a {
	text-decoration: none;
	transition: opacity 0.2s;
	-webkit-user-select: none;
	user-select: none;
}

.m-floatcta,
#float_cta {
	display: none !important;
}