@charset "UTF-8";

/* default
----------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none;}
body {padding: 0;margin: 0;color: #000;font-size: 3.5vw;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;-webkit-text-size-adjust: 100%;font-style: normal;line-height: 1.8;}
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; line-height:1.8;}
blockquote, q { quotes: none; }
strong, b { font-weight: bold; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; }
img, iframe {max-width: 100%;}
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a {color: #333333;text-decoration: none;display: block;-moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);-o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);-webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
/*a:hover { opacity: 0.6; }*/


.clearfix:after { content: ''; display: block; clear: both; }
.pc { display: none; }

.box-shadow {box-shadow: 5px 2px 12px 5px rgb(185 185 185 / 50%);}

/* header
----------------------------------------------- */
header{position: absolute;top: 0;left: 0;z-index: 10;}
header h1 {width: 37vw;display: none;}

/* footer
----------------------------------------------- */
.copyright {color: #333;text-align: center;}

/* cv
----------------------------------------------- */
.cvbtn{margin: 10% auto; width: 90%;}
.cvbtn:hover{opacity: 0.6;}

/* hero
----------------------------------------------- */
.hero{position: relative;}
.hero .cv-box{bottom: 8vw;}

/*voice sp
----------------------------------------------- */
#voice{background: #fdebf0;padding-bottom: 6%;}
img.in{width: 90%;margin: 6% auto;}

/*more-list sp
----------------------------------------------- */
.more-list {margin: 0 auto;}
.more-list dl {margin: 0 auto 4%;}
.bt_more_list {display: block;position: absolute;width: 14%;left: 1%;top: auto; bottom:0%;}
.more-list dt {position: relative;padding: 6% 7% 6% 20%;cursor: pointer;line-height: 1.5;font-size:4.2vw;text-indent: -1.8em;font-feature-settings: "palt";letter-spacing: .02em;background:linear-gradient(#ffa5bd,#f9789b,#ff4b7c);color: #FFF;font-weight: bold;text-align: center;width: 90%;margin: 8% auto 2%;border-radius: 16px;}
.more-list dt span{font-size: 4vw;color: #c5aeb1;line-height: 1;font-family: 'montserrat';font-weight: 400;margin-right: 3%;}
.more-list dt:before, .more-list dt:after {content: '';background: #FFF;position: absolute;top: 0;right: 0;}
.more-list dt:before {width: 18px;height: 2px;top: calc(50% - 0px);right: 16px;}
.more-list dt:after {width: 2px;height: 18px;top: calc(50% - 11px);right: 24px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.more-list dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.more-list dd {display: none;}
.more-list dd p {text-align: center;font-feature-settings: "palt";font-weight: 400;letter-spacing: .02em;font-size: 3.3vw;}
.more-list dd p:last-child {margin-bottom: 0;}
.more-list dd p span {color: #e66285;}
.more-list dd p span.bold { display: block; font-weight: bold; color: #28282d;}
.more-list dd img {margin: 6vw auto 3vw;width: 90%;}

/* style
----------------------------------------------- */
#style{ margin-bottom: 15%;}
#style ul {display: -webkit-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;align-items:flex-start;justify-content: space-evenly;width: 90%;margin: 6% auto;}

#style ul li{width: 32%;position: relative;}
#style ul li .rank_label{position: absolute;z-index: 2;top: 0;left: 1%;width: 16%;max-width: 35px;}
#style ul li img{width: 100%;margin: 10px auto 20px;}
#style ul li p{text-align: center;line-height: 1.5;margin: 6% auto 18%;font-size: 3vw;font-weight: bold;}
#style ul li p span.style_pink{color: #e66285;}

#style .more-list ul li span.style_tag{position: absolute; background: #E91E63; color: #FFF; padding: 0% 2%; top: 0;font-size: 3vw;}
#style .more-list ul li img{ border: solid 1px #e8e8e8;}

.more-list dd p.style-ttl{ width: 90%; margin: 8% auto; color: #E91E63;font-weight: bold;font-size: 5vw; border-bottom: solid 2px;padding-bottom: 2%;}

/* graph
----------------------------------------------- */
.graph{position: relative;margin: 0 auto;}
.graph .graph-in{position: absolute;top: 0vw; left: 10%; width: 80%;}
.graph .scroll{margin-bottom: 2vw;top: 25vw;}
.scroll-hint img{width: 175%;max-width: 700px;}

/* qa
----------------------------------------------- */
#qa{padding: 8% 0 0;}
.qa-list {margin: 0 auto;}
.qa-list dl {margin: 0 auto 4%;}
.qa-list dt {position: relative;padding: 3% 12% 3% 10%;cursor: pointer;line-height: 1.5;font-size: 3.6vw;width: 90%;text-indent: -1.8em;font-feature-settings: "palt";letter-spacing: .02em;margin: 6% auto 0;background: #e4e4e4;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
.qa-list dt span{font-size: 4vw;color: #ff71a1;line-height: 1;font-family: 'tk-garamond-premier-pro-n4';font-weight: 400;margin-right: 3%;}
.qa-list dt:before, .qa-list dt:after {content: '';background: #979797;position: absolute;top: 0;right: 0;}
.qa-list dt:before {width: 16px;height: 1px;top: calc(50% - 0px);right: 12px;}
.qa-list dt:after {width: 1px;height: 16px;top: calc(50% - 11px);right: 20px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.qa-list dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.qa-list dd {display: none;width: 90%;margin: 4% auto;}
.qa-list dd p {text-align: justify;font-feature-settings: "palt";font-weight: 400;letter-spacing: .02em;font-size: 3.3vw;margin: 4vw 0;}
.qa-list dd p:last-child {margin-bottom: 0;}
.qa-list dd p span {font-weight: bold;}
.qa-list dd p span.bold { display: block; font-weight: bold; color: #28282d;}
.qa-list dd img { margin: 0 auto 3vw; width: 100%;}

/* tokuten
----------------------------------------------- */
#tokuten{ padding-bottom: 8vw;}
#tokuten table {width: 90%;box-sizing: border-box;margin: 0 auto;border-collapse:collapse;}
#tokuten table th,#tokuten table td {border: 1px solid #ccc;border-spacing: 0;margin: 0;padding: 4% 0%;width: 50%;box-sizing: border-box;align-content: center;line-height: 1.5;font-weight: bold;text-align: center;font-size: 3.2vw;}
#tokuten table span.pink{ color: #ff3c7e;}

/* last
----------------------------------------------- */
#last { margin-bottom: 8%; }

/* container
----------------------------------------------- */
.container {padding-bottom: 24vw;background: #fff;}

/* footer-fix
----------------------------------------------- */
.footer-fixed {width: 100%;position: fixed;left: 0;bottom: 0;z-index: 10;}
.footer-fixed-items {width: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;}
.footer-fixed-items li {width: 100%;margin: 0 auto}
.footer-fixed-items img {width: 100%;}

footer .info{padding: 6vw 0;}
footer .info img.logo{ width: 40%; margin: 8% auto;}
footer .info img.tel{ width: 80%; margin: 0 auto 2%;}
footer .info p{ text-align: center; font-size: 4vw;}
footer .info p.time{ margin-bottom: 6%;}

.thanks-top {background: #ffebf2;padding: 25vw 0 12vw;margin-bottom: 6%;}
.thanks-midashi {width: 100%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;line-height: 1;text-align: center;}
.thanks-midashi .jp {font-size: 4vw;display: block;}
.thanks-midashi .en {margin-bottom: 4px;color: #ff3b7e;font-size: 8vw;letter-spacing: 5px;display: block;font-family: 'montserrat';}
.thanks-in {padding: 0 5%;min-height: 64vh;}
.thanks-in p {line-height: 1.6;}
.thanks-in a {background: #ff4383;margin: 10% auto 0;text-align: center;color: #fff;padding: 5% 0;font-size: 4vw;font-weight: bold;border-radius: 70px;position: relative;}
.thanks-in a::after{content: "\f105";font-family: 'icon';position: absolute;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);right: 8%;}

/* salon
----------------------------------------------- */
#salon{padding: 8% 0 0;}
#salon .area{width: 90%;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;margin: 6% auto;font-size: 7vw;text-align: center;background: #ffdfea;padding: 2%;}
.salon-list {margin: 0 auto;}
.salon-list dl {margin: 0 auto;}
.salon-list dt {position: relative;padding: 4% 12% 4% 0;cursor: pointer;line-height: 1.5;font-size: 5.5vw;width: 90%;font-feature-settings: "palt";letter-spacing: .02em;margin: 0 auto;font-weight: bold;color: #7a7171;border-bottom: solid 1px #e1e1e1;}
.salon-list dt small{font-size: 3.8vw;font-feature-settings: "palt";display: block;}
.salon-list dt span{font-size: 4vw;color: #ff71a1;line-height: 1;font-family: 'tk-garamond-premier-pro-n4';font-weight: 400;margin-right: 3%;}
.salon-list dt:before, .salon-list dt:after {content: '';background: #979797;position: absolute;top: 0;right: 0;}
.salon-list dt:before {width: 16px;height: 1px;top: calc(50% - 0px);right: 12px;}
.salon-list dt:after {width: 1px;height: 16px;top: calc(50% - 11px);right: 20px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.salon-list dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.salon-list dd {display: none;width: 90%;margin: 2% auto 4%;}
.salon-list dd p {text-align: justify;font-feature-settings: "palt";letter-spacing: .02em;font-size: 3vw;margin: 0;}
.salon-list dd p:last-child {margin-bottom: 0;}
.salon-list dd p span {font-weight: bold;font-size: 4.2vw;}
.salon-list dd p span.bold { display: block; font-weight: bold; color: #28282d;}
.salon-list dd img { margin: 0 auto 3vw; width: 100%;}
.salon-list b{ color: #ff4c89;}
.salon-list a{color: #ffffff;font-weight: bold;display: inline-block;background: #ff367a;padding: 0 2%;border-radius: 90px;margin-bottom: 1%;line-height: 2;}
.salon-list a, .salon-list a:link, .salon-list a:visited, .salon-list a:hover, .salon-list a:active{color: #fff;}
.salon-list dd .accshow{ margin-bottom: 6%; padding-top: 3%;}
.salon-list dd .accshow img{ width: 40%; display: inline-block; vertical-align: top;}
.salon-list dd .accshow .txt{display: inline-block; width: 58%;}
.salon-list dd ul{display: flex;}
ul.btnlist li{width: 90%;margin: 0 auto 4%;}
ul.btnlist li a{background: #948387;color: #FFF;text-align: center;padding: 4%;font-weight: bold;border-radius: 100px;}


/* modal
----------------------------------------------- */
#modal-grade,#modal-color,#modal-size {display:none;}

/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {

/* default
----------------------------------------------- */
body {font-size: 16px;background-attachment: fixed;
    background-image: url(../images/body_bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;}
.pc { display: block; }
.sp { display: none; }

/* header
----------------------------------------------- */
header{width: 760px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
header h1 {width: 280px;}

/* footer
----------------------------------------------- */
.copyright {font-size: 26px;margin-bottom: 40px;}

/* hero
----------------------------------------------- */
.hero .cv-box{bottom: 50px;}

/*more-list pc
----------------------------------------------- */
.more-list {margin: 0 auto 50px;width: 90%;}
.more-list dl {margin: 0 auto 14px;}
.more-list dt {padding: 32px 20px;font-size: 22px;text-indent: 0;width: 100%;margin: 20px auto 10px;}
.more-list dt span{font-size: 20px;margin-right: 15px;}
.more-list dd {padding: 0;font-size: 14px;}
.more-list dd p {font-size: 20px;margin-top: 30px;display: block;width: 100%;}
.more-list dd img {margin: 40px auto 30px;width: auto;}

/* style
----------------------------------------------- */
#style .more-list ul {width: 100%;}
#style .more-list ul li{width: 24%;}
#style .more-list ul li p{font-size: 12px;}
#style .more-list ul li span.style_tag{font-size: 14px;}
#style ul li p{font-size: 16px;}

.more-list dd p.style-ttl{font-size: 24px;width: 100%;}

/* graph
----------------------------------------------- */
.graph .graph-in{top: -220px;}
.graph .scroll{margin-bottom: 2vw;top: 420px;}
.scroll-hint img{width: 1030px;max-width: 1500px;}

/* qa
----------------------------------------------- */
.qa-list {margin: 60px auto 50px;}
.qa-list dl {margin: 0 auto;}
.qa-list dt {padding: 14px 20px;font-size: 20px;text-indent: 0;margin: 20px auto;}
.qa-list dt span{font-size: 20px;margin-right: 15px;}
.qa-list dd {margin: 20px auto 0;}
.qa-list dd p {font-size: 18px;margin: 20px 0;}
.qa-list dd img { margin: 0 auto 30px; width: auto;}

/* tokuten
----------------------------------------------- */
#tokuten{ padding-bottom: 40px;}
#tokuten table{width: 100%;}
#tokuten table th, #tokuten table td{font-size: 18px;padding: 20px 0;}

/* last
----------------------------------------------- */
#last { margin-bottom: 60px; }

/* container
----------------------------------------------- */
.container {width: 760px;margin:0 auto;padding-bottom: 121px;}

/* footer-fix
----------------------------------------------- */
.footer-fixed {width: 760px;position: fixed;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);bottom: 0;}
.footer-fixed-items li:nth-child(2){background: #27a742;}
.footer-fixed-items li img{width: 760px;}
.footer-fixed-items li:first-child img{margin: auto;}
.footer-fixed-items li:nth-child(2) img{margin: auto;}

footer .info{padding: 40px 0;}
footer .info p{font-size: 24px;}

/* contact
----------------------------------------------- */
.salon .title{font-size:60px;}
.salon .title small{font-size:18px;}
.salon{margin: 0px auto;padding: 80px 30px 0;}
.info table{margin-bottom: 30px;}
.info th{width:25%;}
.info th, .salon .info td{padding:20px 20px;font-size: 17px;}
.access-items{margin-top: 20px;}
.access-items li{font-size: 20px;width: 49%;}
.access-items a{padding: 19px 0 23px;border-radius: 36px;}
.access-items .map::before{top: 50%;left: 80px;font-size: 26px;}
.access-items .route::before{top: 50%;left: 80px;font-size: 26px;}
.salon .title{padding-bottom:20px;margin-bottom: 10px;}
.salon .title .ttl {font-size: 24px;padding-bottom: 0;}
.salon .title .ttl:before {width: 960px;top: 28%;left: 0;}
.salon .title .ttl b {font-size: 36px;}
.salon .title .ttl small {letter-spacing: 5px;}
.salon iframe{height:300px;}

.thanks-top {padding: 140px 0 80px;margin-bottom: 50px;}
.thanks-midashi .jp {font-size: 18px;}
.thanks-midashi .en {font-size: 60px;margin-bottom: 10px;}
.thanks-in {padding: 30px 60px 200px;min-height: auto;}
.thanks-in a {padding: 20px;width: 400px;margin: 60px auto 0;font-size: 18px;}
.thanks-container{padding-bottom: 0;}

/* salon
----------------------------------------------- */
#salon .area{font-size: 28px; margin: 40px auto 20px;}
.salon-list {margin: 0 auto;}
.salon-list dl {margin: 0 auto;}
.salon-list dt {padding: 20px 46px 20px 0;font-size: 24px;text-indent: 0;margin: 0 auto;}
.salon-list dt small{font-size: 18px;display: inline-block;margin: 0 0 0 6px;}
.salon-list dt span{font-size: 20px;margin-right: 15px;}
.salon-list dd {margin: 0 auto;}
.salon-list dd p {font-size: 18px;margin: 0;}
.salon-list dd img { margin: 0 auto 30px; width: auto;}
.salon-list dd p span{ font-size: 26px;}
.salon-list dd .accshow{margin-bottom: 20px;}
.salon-list a{line-height: 1.8;}

ul.btnlist li a{font-size: 24px;}}

.modaal-content-container img { width: 960px; margin: 0 auto; }

/* retina用
----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

.cv {background: url("../images/cv@2x.jpg") no-repeat center top;background-size: contain;}
.cv-back {background: url("../images/cv-back@2x.jpg") no-repeat center top;background-size: contain;}
.top-voice {background: url("../images/voice-bg@2x.jpg") repeat center; background-size: contain; }

}


/* animetion
----------------------------------------------- */
.yureru-updown {
	animation: yureru-updown 2s infinite;
}
@keyframes yureru-updown {
	0% {
		transform: translate(0px, 4px);
	}
	5% {
		transform: translate(0px, -4px);
	}
	10% {
		transform: translate(0px, 4px);
	}
	15% {
		transform: translate(0px, -4px);
	}
	20% {
		transform: translate(0px, 4px);
	}
	25% {
		transform: translate(0px, -4px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}

.anim-box.slide-skew.is-animated {
  animation: slide-skew 0.5s cubic-bezier(0.5, 1, 0.5, 1) 1 forwards;
}

@keyframes slide-skew {
  0% {
	transform: translate(-500px,60px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  20%,100% {
    opacity: 1;
  }
}

/* custom
----------------------------------------------- */

/* header__nav
----------------------------------------------- */
.header__nav {
	position:fixed;
	top: 0!important;
	left: 0!important;
	right: 0!important;
	margin: auto;
	z-index: 999!important;
	display: flex!important;
	width: 100%;
	padding: 8px 0!important;
	background: rgba(255,98,149,0.7);
	white-space: nowrap;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	transform: translateY(-100%);
	transition: all 0.3s ease 0s;
}
.is-in .header__nav {
	transform: translateX(0);
	opacity: 1;
}
.header__nav::-webkit-scrollbar {
	display: none;
}
.header__nav__list--wrap {
	margin: auto;
}
.header__nav__list {
	display: flex!important;
	margin: 0 auto;
	padding: 0 12px;
	list-style-type: none;
	justify-content: start;
	width: 100%;
}
.header__nav__list li {
	display: block!important;
	margin: 0 4px!important;
	background-color: #fff!important;
	border-radius: 0.4rem;
	font-size: 0.8rem!important;
	line-height: 0.3rem!important;
	font-weight: bold;
	border: 1px solid #ff6295;
}
.header__nav__list li:hover {
	background-color: #fff2f6!important;
}
.header__nav__list li a {
	padding: 1rem 0.8rem!important;
	transition: .2s;
	display: flex;
	align-items: center;
	color: #ff6295;
	text-decoration: none;
	justify-content: center;
}
.header__nav__list li:hover a {
	color: #ff9bbb!important;
}
@media only screen and (min-width:750px) {
.header__nav {
	padding: 12px 0!important;
}
.header__nav__list li {
	font-size: 1rem!important;
	line-height: 0.5rem!important;
}
}

/* footer_btn
----------------------------------------------- */
.footer_btn_wrap{
	position: fixed;
	z-index: 999;
	max-width: none;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 12px 10px;
	text-align: center;
	opacity: 0;
	transition: .5s;
	visibility: hidden;
	background: url("../images/footer_btn.webp")no-repeat right -28px center,rgba(255,247,249,0.9);
	background-size: contain,auto;
}
.footer_btn_text{
	font-size: 15px;
	line-height: 18px;
	margin: 0 0 4px;
	padding-right: 10%;
	font-weight: bold;
}
ul.footer_btn{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	list-style: none;
	letter-spacing: 0!important;
	padding: 0!important;
	margin: 0!important;
	opacity: 1!important;
}
.footer_btn04{
	position: relative;
	z-index: 1;
	max-width: 760px;
	width: 88%;
	border-radius: 8px;
	box-sizing: border-box;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
	overflow: hidden;
}
.footer_btn04 a{
	display: block;
	max-width: none;
	width: 100%;
	text-align: center;
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	padding: 14px 0 14px 7px;
	box-sizing: border-box;
}
.footer_btn04 a::before{
	content: "";
	position: absolute;
	z-index: 2;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: rotate(45deg);
	left: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.footer_btn04 a{
	background: linear-gradient(#08d381,#06c679,#00a864);
	border: 1px solid #08d381;
	opacity: 1!important;
}
.footer_btn04 a{
	color: #fff;
	text-decoration: none;
}
.footer_btn a:hover
.footer_btn04 a:hover{
	opacity: 1!important;
}
.is-active{
	opacity: 1!important;
	visibility: visible;
}
.color_pink{
	color: #ff6287!important;
}
.footer_btn_easy{
	background: #fff;
	padding: 2px 8px;
	border-radius: 20px;
	color: #ff4c76;
	font-size: 10px;
	line-height: 13px;
	vertical-align: top;
	margin: 0 4px 0 0;
}
a.footer_btn04_a:hover{
	opacity: 1!important;
}
@media only screen and (min-width:750px) {
.footer_btn_wrap{
	max-width: 800px;
	padding: 12px 16px;;
	bottom: 4px;
	border-radius: 12px;
}
.footer_btn_text{
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 8px;
}
.footer_btn01,
.footer_btn02{
	max-width: none;
	width: 44%;
}
.footer_btn01{
	margin-right: 8px;
}
.footer_btn01 a,
.footer_btn02 a,
.footer_btn04 a{
	font-size: 22px;
	line-height: 22px;
	padding: 16px 0 16px 6px;
}
.footer_btn01 a::before,
.footer_btn02 a::before,
.footer_btn04 a::before{
	width: 6px;
	height: 6px;
	left: 6px;
}
.footer_btn02{
	margin-right: 0;
}
}

.cta_btn_double_wrap{
	width: 93.684211%;
	margin: 1% auto 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.cta_btn_double1,
.cta_btn_double2{
	width: 49.438202%;
}
.cta_btn_double1 a,
.cta_btn_double2 a{
	display: block;
	padding: 44.034091% 0 0;
	transition: .2s;
	cursor: pointer;
}
.cta_btn_double1 a:hover,
.cta_btn_double2 a:hover{
	 opacity: 0.7;
}
.cta_btn_double1 a{
	background: url("../image/cta_btn_double1.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double2 a{
	background: url("../image/cta_btn_double2.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double1_20240913,
.cta_btn_double2_20240913{
	width: 49.438202%;
}
.cta_btn_double1_20240913 a,
.cta_btn_double2_20240913 a{
	display: block;
	padding: 33.5227272% 0 0;
	transition: .2s;
	cursor: pointer;
}
.cta_btn_double1_20240913 a:hover,
.cta_btn_double2_20240913 a:hover{
	 opacity: 0.7;
}
.cta_btn_double1_20240913 a{
	background: url("../image/cta_btn_double1_20240913.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double2_20240913 a{
	background: url("../image/cta_btn_double2_20240913.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double1_20240920,
.cta_btn_double2_20240920{
	width: 49.438202%;
}
.cta_btn_double1_20240920 a,
.cta_btn_double2_20240920 a{
	display: block;
	padding: 33.5227272% 0 0;
	transition: .2s;
	cursor: pointer;
}
.cta_btn_double1_20240920 a:hover,
.cta_btn_double2_20240920 a:hover{
	 opacity: 0.7;
}
.cta_btn_double1_20240920 a{
	background: url("../image/cta_btn_double1_20240920.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double2_20240920 a{
	background: url("../image/cta_btn_double2_20240920.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double1_20241129,
.cta_btn_double2_20241129{
	width: 49.438202%;
}
.cta_btn_double1_20241129 a,
.cta_btn_double2_20241129 a{
	display: block;
	padding: 40.625% 0 0;
	transition: .2s;
	cursor: pointer;
}
.cta_btn_double1_20241129 a:hover,
.cta_btn_double2_20241129 a:hover{
	 opacity: 0.7;
}
.cta_btn_double1_20241129 a{
	background: url("../image/cta_btn_double1_20241129.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double2_20241129 a{
	background: url("../image/cta_btn_double2_20241129.webp")no-repeat center center;
	background-size: cover;
}

.trial_flow3_wrap{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 12% 0 5%;
	display: block;
}
.trial_flow3_box{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	border: none;
	border-top: 4px solid #e9f4ff;
	padding: 7% 0 14%;
	margin: 0 auto;
}
.trial_flow3_tit{
	width: 35%;
	background:linear-gradient(#3e78b4,#265593);
	color: #fff;
	position: absolute;
	z-index: 2;
	text-align: center;
	font-size: 3.8vw!important;
	line-height: 5vw!important;
	font-weight: bold;
	top: -13%;
	left: 0;
	right: 0;
	margin: 0 0 0 4%;
	padding: 1.3% 0 1.2%;
	border-radius: 6px;
}
.trial_flow3_tit_pink{
	background:linear-gradient(#ff9dbc,#ff76a1)!important;
}
.trial_flow3_number{
	font-family: 'Libre Baskerville', "Times New Roman", Times, "serif";
	font-size: 2.5vw!important;
	vertical-align: middle;
	color: #fbfe90;
	margin: 0 4% 0 0;
}
.trial_flow3_tit_white{
	background:#fff!important;
	color:#4c4045!important;
	border:2px solid #ff9dbc!important;
}
.trial_flow3_number_black{
	font-family: 'Libre Baskerville', "Times New Roman", Times, "serif";
	font-size: 2.5vw!important;
	vertical-align: middle;
	color: #4c4045;
	margin: 0 4% 0 0;
}
.trial_flow3_big{
	font-size: 4.8vw!important;
	line-height: 5vw!important;
	vertical-align: middle;
	margin: 0 0 0 2%;
}
.trial_flow3_pic{
	height: 23vw;
    object-fit: cover;
    width: 40%;
	margin: 0 0 0 4%;
}
.trial_flow3_text{
	width: 49%;
	text-align: left;
	font-size: 3.6vw!important;
	line-height: 5.8vw!important;
	letter-spacing: 0.05em!important;
	font-weight: normal!important;
	margin: 0 4% 0 3%;
}
.trial_flow3_text br{
	display: none;
}
.trial_flow3_arrow{
    padding-bottom: 8%;
}
.trial_flow3_arrow::after{
    content: "";
    position: static;
    top: auto;
	margin: 2% auto 0;
    transform: rotate(90deg);
    border: 10px solid transparent;
    border-left: 15px solid #275694;
}
.trial_flow3_arrow_pink{
    padding-bottom: 8%;
}
.trial_flow3_arrow_pink::after{
    content: "";
    position: static;
    top: auto;
	margin: 2% auto 0;
    transform: rotate(90deg);
    border: 10px solid transparent;
    border-left: 15px solid #ff9dbc;
}
@media only screen and (min-width: 750px) {
.trial_flow3_wrap{
	padding: 5% 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.trial_flow3_box{
	width: 30%;
	display: block;
	border: 4px solid #e9f4ff;
	padding: 4% 0 2.3%;
}
.trial_flow3_pic{
	height: 14vw;
    width: 84%;
	margin: 0 auto;
}
.trial_flow3_tit{
	width: 65%;
	font-size: 1.9vw!important;
	line-height: 2.9vw!important;
	top: -9%;
	padding: 2% 0;
	margin: 0 0 0 4%;
}
.trial_flow3_number{
	font-size: 1vw!important;
	margin: 0 4% 0 0;
}
.trial_flow3_number_black{
	font-size: 1vw!important;
	margin: 0 4% 0 0;
}
.trial_flow3_big{
	font-size: 2vw!important;
	line-height: 3vw!important;
	margin: 0 0 0 2%;
}
.trial_flow3_text{
	width: 100%;
	text-align: center;
	font-size: 1.9vw!important;
	line-height: 2.9vw!important;
	margin: 4% 0 0;
}
.trial_flow3_text br{
	display: block;
}
.trial_flow3_arrow::after{
    top: 50%;
	position: absolute;
    right: -13%;
	bottom: auto;
	left: auto;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #275694;
}
.trial_flow3_arrow_pink::after{
    top: 50%;
	position: absolute;
    right: -13%;
	bottom: auto;
	left: auto;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #ff9dbc;
}
}
@media only screen and (min-width: 1000px) {
.trial_flow3_tit{
	font-size: 18px!important;
	line-height: 28px!important;
}
.trial_flow3_number{
	font-size: 11px!important;
}
.trial_flow3_number_black{
	font-size: 11px!important;
}
.trial_flow3_big{
	font-size: 18px!important;
	line-height: 32px!important;
}
.trial_flow3_text{
	font-size: 16px!important;
	line-height: 26px!important;
}
.trial_flow3_pic{
	height: 142px;
}
}

.tel_btn_wrap2024apr{
	position: relative;
	display: block;
	max-width: 680px;
	width: 94%;
	margin: 0 auto 4%;
	text-align: center;
}
.tel_btn_wrap2024apr_read{
	display: block;
	width: 100%;
	font-size: 3.5vw;
	line-height: 5.5vw;
	font-weight: bold;
	padding: 4px 6px;
	border: 4px solid #e6e6e6;
	border-radius: 6px;
}
.tel_btn_wrap2024apr_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
.tel_btn_wrap2024apr_tel1{
	width: 45%!important;
}
.tel_btn_wrap2024apr_tel2{
	width: 45%!important;
}
.tel_btn_wrap2024apr_tel1 a,
.tel_btn_wrap2024apr_tel2 a{
	position: relative!important;
	display: block;
	font-weight: 600;
	width: 100%!important;
	height: fit-content!important;
	white-space: nowrap;
	font-size: 5.4vw;
	line-height: 6.6vw;
	text-decoration: none;
	padding: 4px 0!important;
	box-sizing: border-box;
}
.tel_btn_wrap2024apr_tel1 a .tel_num_big{
	position: relative;
	color: #4c4045!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.tel_btn_wrap2024apr_tel2 a .tel_num_big{
	color: #4c4045!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.tel_read_big{
	font-size: 2.4vw;
	line-height: 3.8vw;
	color: #4c4045!important;
}
.tel_sub_big{
	font-size: 2.2vw;
	line-height: 3.6vw;
	color: #4c4045!important;
}
.tel_btn_wrap2024aug_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin: 2% auto 0;
}
.tel_btn_wrap2024aug_tel1{
	width: 49.5%!important;
	background: linear-gradient(#fff3f7,#ffcadb);
	border: 1px solid #a5a5a5;
	border-radius: 8px!important;
	padding: 1% 0;
}
.tel_btn_wrap2024aug_tel2{
	width: 49.5%!important;
	background: linear-gradient(#fff,#e0e0e0);
	border: 1px solid #a5a5a5;
	border-radius: 8px!important;
	padding: 1% 0;
}
.tel_btn_wrap2024aug_tel1 a,
.tel_btn_wrap2024aug_tel2 a{
	position: relative!important;
	display: block;
	font-weight: 600;
	width: 100%!important;
	height: fit-content!important;
	white-space: nowrap;
	font-size: 3vw;
	line-height: 3.8vw;
	text-decoration: none;
	padding: 2px 0!important;
	box-sizing: border-box;
	color: #4c4045!important;
}
.tel_btn_wrap2024aug_tel1 a{
	color: #4c4045!important;
}
.tel_btn_wrap2024aug_tel1 a .tel_num_big{
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.tel_btn_wrap2024aug_tel2 a .tel_num_big{
	color: #4c4045!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.tel_read_big2{
	font-size: 2.2vw;
	line-height: 3.8vw;
}
.tel_sub_big2{
	font-size: 2.2vw;
	line-height: 3.6vw;
}
.tel_read_big3{
	font-size: 3.1vw;
	line-height: 3.8vw;
}
@media only screen and (min-width: 768px) {
.tel_btn_wrap2024apr{
	position: relative;
	display: block;
	max-width: 680px;
	width: 94%;
	margin: 0 auto 4%;
	text-align: center;
}
.tel_btn_wrap2024apr_read{
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding: 6px 6px;
	border: 4px solid #e6e6e6;
	border-radius: 6px;
}
.tel_btn_wrap2024apr_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
.tel_btn_wrap2024apr_tel1{
	width: 40%!important;
}
.tel_btn_wrap2024apr_tel2{
	width: 36%!important;
}
.tel_btn_wrap2024apr_tel1 a,
.tel_btn_wrap2024apr_tel2 a{
	position: relative!important;
	display: block;
	font-weight: 600;
	width: 100%!important;
	height: fit-content!important;
	white-space: nowrap;
	font-size: 32px;
	line-height: 42px;
	text-decoration: none;
	padding: 4px 0;
	box-sizing: border-box;
}
.tel_btn_wrap2024apr_tel1 a .tel_num_big{
	position: relative;
	color: #fe6796!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.tel_btn_wrap2024apr_tel2 a .tel_num_big{
	color: #4c4045!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.tel_read_big{
	font-size: 15px;
	line-height: 20px;
	color: #4c4045!important;
}
.tel_sub_big{
	font-size: 13px;
	line-height: 18px;
	color: #4c4045!important;
}
.tel_btn_wrap2024aug_inner{
	width: 90%;
}
.tel_btn_wrap2024aug_tel1{
	width: 49.5%!important;
}
.tel_btn_wrap2024aug_tel2{
	width: 49.5%!important;
}
.tel_btn_wrap2024aug_tel1 a,
.tel_btn_wrap2024aug_tel2 a{
	font-size: 20px;
	line-height: 24px;
}
.tel_read_big2{
	font-size: 13px;
	line-height: 20px;
}
.tel_read_big3{
	font-size: 18px;
	line-height: 24px;
}
.tel_sub_big2{
	font-size: 13px;
	line-height: 18px;
}
}
/************************************
****** wigg_chart
************************************/
.wigg_chart_wrap{
	max-width: 750px;
	margin: 0 auto;
	background: #ffe7d5;
	padding: 0 0 8%;
}
.wigg_chart table{
	width: 100%;
	table-layout: fixed;
	border-spacing: 2px 2px;
    border-collapse: separate ;
}
.wigg_chart_scroll{
	overflow-x: scroll;
	height: 480px;
}
.wigg_chart{
	width: 96%;
	margin: 1% auto;
}
.wigg_chart table th{
	padding: 6px 0;
	vertical-align: top;
	width: 48px!important;
	background: #fff;
	font-size: 3vw!important;
	line-height: 4vw!important;
}
.wigg_chart table th span{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-orientation: upright;
    display: block; 
    white-space: nowrap;
	margin: 0 auto;
	letter-spacing: 0;
}
.wigg_chart table td{
	padding: 1.5% 4px!important;
	vertical-align: top;
	background: #fff4e7;
	font-size: 3vw;
	line-height: 4vw;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.wigg_chart table td.shop1{
	width: 25%;
	padding: 8% 4px!important;
	background: #fb6c93;
	color: #fff;
}
.wigg_chart table td.shop2{
	padding: 8% 4px!important;
	background: #fff;
}
.wigg_chart table td.first{
	width: 25%;
	background: #fff9f3;
}
.wigg_chart table td img{
	max-width: 56px;
	width: 70%;
	margin: 0 auto 4px;
}
.wigg_chart table td.center{
	text-align: center;
}
.wigg_chart_txt_l{
	font-size: 4.3vw;
}
.wigg_chart_txt_m{
	font-size: 3.8vw;
}
.wigg_chart_blank{
	background: none!important;
}
.wigg_chart_pic{
	width: 100%;
	height: 0;
	padding: 120% 0 0;
	margin: 0 0 5%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (min-width: 750px) {
.wigg_chart table th{
	font-size: 14px!important;
	line-height: 22px!important;
}
.wigg_chart table td{
	font-size: 13px;
	line-height: 20px;
}
.wigg_chart_txt_l{
	font-size: 18px;
}
.wigg_chart_txt_m{
	font-size: 15px;
}
}

.cta_footer_double_wrap{
	width: 100%!important;
	background: rgba(255,247,249,0.9)!important;
	background-size: auto!important;
}
.cta_footer_double_text{
	padding-right: 0!important;
	text-align: center!important;
	margin-left: auto!important;
	margin-right: auto!important;
	font-size: 4.6vw!important;
	line-height: 5.8vw!important;
}
.cta_footer_double_inner{
	max-width: 712px;
	width: 94.933333%;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.cta_btn_double1_20241204,
.cta_btn_double2_20241204{
	width: 49.438202%;
}
.cta_btn_double1_20241204 a,
.cta_btn_double2_20241204 a{
	display: block;
	padding: 32.954545% 0 0;
	transition: .2s;
	cursor: pointer;
}
.cta_btn_double1_20241204 a{
	background: url("../images/cta_btn_double1_20241204.webp")no-repeat center center;
	background-size: cover;
}
.cta_btn_double2_20241204 a{
	background: url("../images/cta_btn_double2_20241204.webp")no-repeat center center;
	background-size: cover;
}
ul.cta2024dec_btn{
	width: 94%;
	max-width: 750px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	list-style: none;
	letter-spacing: 0!important;
	padding: 0!important;
	margin: 0 auto!important;
}
.cta2024dec_btn01,
.cta2024dec_btn02{
	position: relative;
	z-index: 1;
	width: 49.5%;
	border-radius: 8px;
	box-sizing: border-box;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
	overflow: hidden;
}
.cta2024dec_btn01 a,
.cta2024dec_btn02 a{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 3.9vw;
	line-height: 5.9vw;
	font-weight: bold;
	padding: 14px 0 14px 7px;
	box-sizing: border-box;
	color: #fff!important;
	text-decoration: none;
}
.cta2024dec_btn01 a::before,
.cta2024dec_btn02 a::before{
	content: "";
	position: absolute;
	z-index: 2;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	transform: rotate(45deg);
	left: 6px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.cta2024dec_btn01 a{
	background: linear-gradient(#08d381,#06c679,#00a864);
	border: 1px solid #08d381;
}
.cta2024dec_btn01 a:hover{
	background: linear-gradient(#1ced99,#08d381,#06c679);
}
.cta2024dec_btn02 a{
	background: linear-gradient(#f67a97,#e96786,#de5777);
	border: 1px solid #f97a98;
}
.cta2024dec_btn02 a:hover{
	background: linear-gradient(#ff92ac,#f67a97,#e96786);
}
@media only screen and (min-width:750px) {
.cta_footer_double_text{
	font-size: 28px!important;
	line-height: 32px!important;
}
.cta2024dec_btn01 a,
.cta2024dec_btn02 a{
	font-size: 28px;
	line-height: 38px;
	padding: 24px 0 24px 6px;
}
.cta2024dec_btn01 a::before,
.cta2024dec_btn02 a::before{
	width: 12px;
	height: 12px;
	left: 12px;
}
}


.tenpo_wrap{
	max-width: 750px;
	width: 94%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 20px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.shoplist_tit_en{
	text-align: center;
	font-size: 24px;
	line-height: 32px;
}
.shoplist_tit{
	text-align: center;
}
.shoplist_prefecture{
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	padding: 1% 0;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
}
.shoplist_prefecture span{
	background: #fff;
	padding: 0 2%;
}
.shoplist_prefecture::after{
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 1px;
	background: #e3e3e3;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
input {
  display: none;
}
label.shoplist_label {
  display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border: 0 none!important;
	outline: none!important;
	color :#4c4045!important;
	background: #f4f1f2;
  position: relative;
  cursor: pointer;
}
.shoplist_label_postal{
	display: none;
}
input:checked ~ label .shoplist_label_postal {
  display: inline-block;
	margin-right: 6px;
}
.shoplist_wrap {
  margin-bottom: 12px;
}
.shoplist_content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.shoplist_pic_main{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 90px;
	height: 90px;
	object-fit: cover;
	overflow: hidden;
}
input:checked ~ label .shoplist_pic_main {
  display: none;
}
.shoplist_label_tit{
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 90px;
	padding-top: 12px;
	padding-left: 100px;
	transition: 0;
}
input:hover ~ label .shoplist_label_tit {
}
input:checked ~ label .shoplist_label_tit {
  height: auto;
	transition: 0.3s;
	color: #4c4045!important;
	white-space: normal!important;
}
input:checked:hover ~ label .shoplist_label_tit {
}
.shoplist_label_tit::after{
	content: "";
	position: absolute;
	z-index: 2;
	width: 30%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: linear-gradient(90deg,rgba(244,241,242,0),rgba(244,241,242,0.95)90%);
}
input:checked ~ label .shoplist_label_tit {
	width: 100%;
	padding: 4% 4% 0;
}
input:checked ~ label .shoplist_label_tit::after {
	background: none;
}
.shoplist_label_name{
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.icon {
  display: block;
  position: absolute;
	z-index: 2;
  right: 4%;
  top: 0;
	bottom: 0;
	margin: auto;
  width: 6%;
	height: 0;
	padding-top: 6%;
	background: url("../image/shop/shoplist_icon_off.webp")no-repeat center center;
	background-size: cover;
	transition: .2s;
}
input:hover ~ label .icon {
  background: url("../image/shop/shoplist_icon_on.webp")no-repeat center center;
	background-size: cover;
}
.shoplist_content {
  background: #f4f1f2;
	padding: 0 4% 0;
	transition: 0!important;
}
input:checked ~ .shoplist_content {
  max-height: none;
  opacity: 1;
  visibility: visible;
	padding: 0 4% 24px;
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 5%;
	box-shadow: 0 2px 0 0 rgba(234,210,217,0.8);
}
input:checked ~ label .icon {
  transform: rotate(135deg);
}
.shoplist_image{
	max-width: 280px;
	border-radius: 6px;
	overflow: hidden;
	margin: 2% 0;
}
@media screen and (min-width: 750px) {
.icon {
  width: 4.5%;
	padding-top: 4.5%;
}
}