@charset "UTF-8";
/*
font-family: "ten-mincho-text", serif;
*/

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

iframe { display:block; width:100%; height:60vw; border: none; margin: 0 auto;}
body {font-size:2.5vw; background: #fff; font-family: "kozuka-mincho-pro", serif; font-weight: 400; font-style: normal; color: #000; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719084607705869.png) bottom center no-repeat; background-size: 100% auto;}
h1,h2,h3,h4  {}

.loading { opacity: 1; z-index: 100; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: #F9F7F1; transition: all 1s; }
.loading.ready {opacity: 0; z-index: -100;}
.loading h1 { font-family: "ten-mincho-text", serif; font-weight: normal; font-size: 140%; letter-spacing: 1.5em; text-indent: 1.5em; animation: animationZoom2 10s ease-in-out infinite;}
@keyframes animationZoom2{ 0% {transform: scale(1); opacity: .4;} 100% {transform: scale(1.6); opacity: .9;}}

.header {position: fixed; z-index: 20; top: 0; opacity: 1; left: 0; padding: 0; box-sizing: border-box; width: 100%; overflow: hidden;}
/*
.header.active { top: 0; opacity: 1;}
*/
.header .main { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 12.4vw; margin: 0 auto; }
.header .main .logo { display: flex; justify-content: flex-start; align-items: center; width: 25vw; height: 12.4vw; font-size: 100%;}
.header .main h1 { font-size: 2vw; padding: 0 1vw;}
.btnCell { position: fixed; top: 30vw; right: 0; z-index: 30;}
#spMenu {border-radius: 10px 0 0 0; display: flex; justify-content: center; align-items: center; width: 10vw; height: 15vw; transition: all 1s; padding: 0; align-items: center; margin: 0 0vw 0 0; background: rgba(239,80,129,0.7);}
#spMenu .menu-trigger { position: relative; width: 16vw; height: 15vw; display: block; justify-content: center; align-items: center; flex-direction: column; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
.menu-trigger,.menu-trigger p { display: block; transition: all .4s; box-sizing: border-box; }
.menu-trigger.down p { position: absolute; left: 0; width: 100%; height: 1px; background: #fff; font-size: 0.1em; }
.menu-trigger .line { width: 5.1vw; height: 5.1vw; position: relative; margin: 2.2vw auto 0.5vw;}
.menu-trigger .line p { position: absolute; left: 0; width: 5.1vw; height: 1px; background: #fff; font-size: 0.1em; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); }
.menu-trigger .line p:nth-of-type(1) { top: 1.0vw; }
.menu-trigger .line p:nth-of-type(2) { top: 3.1vw; }
.menu-trigger .line p:nth-of-type(3) { top: 4.9vw; }
.menu-trigger.active .line p:nth-of-type(1) { transform: translateY(1.2vw) rotate(-45deg); background: #fff; }
.menu-trigger.active .line p:nth-of-type(2) { opacity: 0; }
.menu-trigger.active .line p:nth-of-type(3) { transform: translateY(-1.05vw) rotate(45deg); background: #fff; top: 3.2vw;}
.menu-trigger .menu_txt { height: auto; background: none; font-size: 100%; box-shadow: none; color: #fff; text-align: center; margin: 0 auto;}
.spnavi { display: block; position: fixed; top: 0; right: -100vw; z-index: 29; background: rgba(0,0,0,.8); width: 100vw; height: 100%; padding: 9vw 16vw 0 2vw; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; }
.spnavi.active { right: 0;}
.spnavi a { color: #fff; display: block; padding: 1.4vh 0; border-bottom: dotted 1px rgba(255,255,255,.2); }
.spnavi a p { margin: 0; font-size: 130%;}

.btnCell .reserve { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 10vw; height: 15vw; transition: all 1s; padding: 0; align-items: center; margin: 0 0vw 0 0; background: rgba(217,145,65,0.7); border-top: 1px dotted #fff; border-bottom: 1px dotted #fff;}
.btnCell .reserve img { display: block; width: 5.1vw; margin: 0 auto 1vw;}
.btnCell .reserve p { height: auto; background: none; font-size: 70%; box-shadow: none; color: #fff; text-align: center; margin: 0 auto;}
.btnCell .contact { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 10vw; height: 15vw; transition: all 1s; padding: 0; align-items: center; margin: 0 0vw 0 0; background: rgba(239,135,80,0.7); border-radius: 0 0 0 10px;}
.btnCell .contact img { display: block; width: 5.1vw; margin: 0 auto 1vw;}
.btnCell .contact p { height: auto; background: none; font-size: 70%; box-shadow: none; color: #fff; text-align: center; margin: 0 auto;}


.footer {position: relative; z-index: 3; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719091748879836.png) top center no-repeat; display: block; width: 100%; margin: 0 auto; padding: 16vw 5.4vw 7vw;}
.footer .box { position: relative; background: rgba(255,255,255,0.7); z-index: 5; border-radius: 20px; padding: 6vw 3.75vw;}
.footer .flower { position: absolute; top: -8vw; right: 0; width: 100%; z-index: 4;}
.footer .flcell { display: flex; justify-content: space-between; flex-direction: column; width: 100%; margin: 0 auto;}
.footer .flcell .fleft { width: 100%;}
.footer .flcell .fleft .f_img, .footer .flcell .fleft a { display: block; width: 70%; margin: 1vw auto;}
.footer .flcell .fright { width: 100%;}
.footer .flcell .fright .f_tel { font-size: 300%; margin-bottom: 2vw;}
.footer .flcell .fright .f_txt { font-size: 120%; line-height: 2.23;}

.maincont { margin: 4vw auto 0; display: block; overflow: hidden; min-height: 80vh;}

a.btn { position: relative; display: block; width: max-content; background: #000000; color: #fff; padding: .3vw 4vw .3vw 2vw; text-align: center; border-radius: 30px; font-size: 100%;}
a.btn p { margin-bottom: 0; font-size: 150%;}
a.btn::after { display: block; content: ""; position: absolute; right: 1.5vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230720094223420504.png) no-repeat; background-size: 100% 100%; width: 0.7vw; height: 1.4vw; }


.hbox { text-align: center; margin-bottom: 5vw; color: #6F3F3E;}
.hbox h2 {font-size: 250%; letter-spacing: 0vw; margin-bottom: .3vw; padding: 2vw 0; color: #fff; background: linear-gradient(#F8719B, #EF5081);}
.hbox h3 {font-size: 230%; letter-spacing: 0vw; margin-bottom: .3vw;}
.hbox h2.h2_mens { background: linear-gradient(#1F0707, #695959);}
.hbox p {font-size: 150%; width: max-content; text-align: center; margin: 0 auto; letter-spacing: 0vw;}
.hbox.hbox_line h3 {font-size: 230%; letter-spacing: 0vw; padding-bottom: 1vw; background: linear-gradient(transparent 80%, #EF5081 0%); display: inline;}
.hbox.hbox_line h3.h3_mens { background: linear-gradient(transparent 80%, #020001 0%); display: inline; color: #000; line-height: 1.6;}
.hbox.hbox_line p {font-size: 150%; width: max-content; text-align: center; margin: 2vw auto 0; color: #6F3F3E;}
.section h4 {font-size: 200%; text-align: center; color: #1E140B; margin: 0 auto 3vw;}
.section p { text-align: left; margin: 0 auto 3vw; font-size: 150%; line-height: 1.5;}

.section {position: relative; display: block; margin: 10vw auto; text-align: center; width: 95vw; }
.section.section_tp01 { margin: 2vw auto 10vw;}
.section.concept { width: 80vw; margin: 6vw auto;}
.pagettl + .section {margin: 8vw auto 12vw;}

.indexnewsCell .webgene-blog { position: relative; z-index: 8; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.indexnewsCell .webgene-blog .flcell { display: block; width: 100%; height: auto; width: 48.5%; margin: 0 3% 4vw 0; border: none;}
.indexnewsCell .webgene-blog .flcell:nth-of-type(2n) {margin-right: 0;}
.indexnewsCell .webgene-blog .flcell .fleft { width: 100%;}
.indexnewsCell .webgene-blog .flcell .fleft a {display: block; width: 100%; height: 25vw; overflow: hidden;}
.indexnewsCell .webgene-blog .flcell .fleft a img { width: 100%; height: 100%; object-fit: cover;}
.indexnewsCell .webgene-blog .flcell .fright { width: 100%; padding: 1vw; box-sizing: border-box; text-align: center;}
.indexnewsCell .webgene-blog .flcell .fright a p { font-size: 130%; color: #000; margin-bottom: 1.0vw; font-weight: bold; text-align: center;}
.indexnewsCell .webgene-blog .flcell .fright h2 {font-size: 130%; color: #000; font-weight: normal; letter-spacing: 0; text-indent: 0; text-align: center;}

.gallery .webgene-blog { position: relative; z-index: 8; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.gallery .webgene-blog .flcell { display: block; width: 100%; height: auto; width: 48.5%; margin: 0 3% 4vw 0; border: none;}
.gallery .webgene-blog .flcell:nth-of-type(2n) {margin-right: 0;}
.gallery .webgene-blog .flcell .fleft { width: 100%;}
.gallery .webgene-blog .flcell .fleft a {display: block; width: 100%; height: 25vw; overflow: hidden;}
.gallery .webgene-blog .flcell .fleft a img { width: 100%; height: 100%; object-fit: cover;}

.newslist .webgene-blog { position: relative; z-index: 8; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 5vw;}
.newslist .webgene-blog .flcell { display: block; width: 100%; height: auto; width: 48.5%; margin: 0 3% 5vw 0; border: none;}
.newslist .webgene-blog .flcell:nth-of-type(2n) {margin-right: 0;}
.newslist .webgene-blog .flcell .fleft { width: 100%;}
.newslist .webgene-blog .flcell .fleft a {display: block; width: 100%; height: 25vw; overflow: hidden;}
.newslist .webgene-blog .flcell .fleft a img { width: 100%; height: 100%; object-fit: cover;}
.newslist .webgene-blog .flcell .fright { width: 100%; padding: 1vw; box-sizing: border-box; text-align: center;}
.newslist .webgene-blog .flcell .fright a p { font-size: 130%; color: #000; margin-bottom: 1.0vw; font-weight: bold; text-align: center;}
.newslist .webgene-blog .flcell .fright h2 {font-size: 130%; color: #000; font-weight: normal; letter-spacing: 0; text-indent: 0; text-align: center;}

.newsdetail .webgene-blog { display: block; width: 70vw; text-align: left; margin: 0 auto; }
.newsdetail .webgene-blog header { display: block; text-align: center; margin: 0 auto 1vw;}
.newsdetail .webgene-blog header h2 {font-size: 180%; margin-bottom: 1vw;}
.newsdetail .webgene-blog header p {font-size: 140%; text-align: center; margin-bottom: 0;}
.newsdetail .webgene-blog article { line-height: 2.1; font-size: 130%;}
.newsdetail .webgene-blog article img {padding-bottom: 1.5vw;}
.newsdetail .webgene-blog article p {padding-bottom: 5vw; line-height: 2.1; font-size: 130%;}

.kv { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: 75vw; overflow: hidden; padding-bottom: 20vw;}
.kv .img { position: absolute; top: 20.2vw; width: 100%; z-index: 5;}
.kv .txt { position: absolute; z-index: 7; left: 7vw; top: 12.8vw; width: max-content; height: max-content;}
.kv .txt h1,.kv .txt h2 { width: max-content; color: #fff; font-size: 250%; margin-bottom: 0vw; background: #EF5081; padding: 1vw 0 1vw 2vw;}
.kv .txt h1:nth-of-type(2) ,.kv .txt h2:nth-of-type(2) { margin: 1vw 0 0 3vw;}
.kv .txt02 { position: absolute; z-index: 7; left: 5.6vw; top: 34.7vw; width: max-content;}
.kv .txt02 p { width: max-content; color: #000000; font-weight: bold; font-size: 90%; letter-spacing: 0.05rem; background: rgba(255,255,255,1.0); padding: 0.3vw 0.3vw 0.3vw 1.5vw; margin-bottom: 1vw;}
.kv .bg { position: absolute; z-index: 1; width: 100%; height: 52.7vw;}
.kv .bg { position: absolute; z-index: 1; width: 100%; height: 100%;}
.kv .bg img { width: 100%; height: 100%; object-fit: cover; mask-image: url("https://sakurasaku-beauty.com/system_panel/uploads/images/kv_mask.png") no-repeat center center; mask-size: 100% auto; -webkit-mask: url('https://sakurasaku-beauty.com/system_panel/uploads/images/mask.png') repeat center center / 100% 100%; overflow: hidden;}
.kvCell { position: relative; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230720082736887007.jpg) top center no-repeat; background-size: 100% auto;}
.kvCell .pnkbox { position: relative; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/under_pnk_btm.png) center 101% no-repeat, #fef4f3; background-size: 100% auto, 100% auto, 100%; padding: 0vw 0 2vw;}
.kvCell .pnkbox::before { display: block; content: ""; position: absolute; left: 0; top: -6.15vw; width: 100%; height: 6.25vw; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/pnkbox_top.png) no-repeat; background-size: 100% 100%; }

.index_flcell { display: flex; justify-content: space-between; align-items: center; flex-direction: column;}
.index_flcell .fleft { width: 100%;}
.index_flcell .fleft img { width: 85%; margin: 0 auto 2vw;}
.index_flcell .fright { width: 100%;}
.index_flcell .fright h2,.index_flcell .fright h3 { width: max-content; color: #fff; font-size: 250%; margin-bottom: 0vw; background: #EF5081; padding: 1vw 0 1vw 2vw; text-align: left;}
.index_flcell .fright h2:nth-of-type(1) ,.index_flcell .fright h3:nth-of-type(1) { padding: 1vw 2vw 1vw 2vw;}
.index_flcell .fright h2:nth-of-type(2),.index_flcell .fright h3:nth-of-type(2) { margin: 1vw 0 3vw 3vw;}
.index_flcell .fright .txt { margin: 0vw 0 3vw 4vw; font-size: 130%; line-height: 2.1;}
.index_flcell .fright .txt_L { line-height: 2.1; font-size: 150%; font-weight: bold; margin: 0 0 0vw;}

.index_menu { display: flex; justify-content: space-between; flex-direction: column;}
.index_menu .box { width: 100%; background: #fff; padding: 2vw 2vw 4vw; box-shadow: 0 3px 6px rgba(0,0,0,0.16); margin-bottom: 5vw;}
.index_menu .box:last-of-type { margin-bottom: 0;}
.index_menu .box .txt { font-size: 130%; line-height: 2.1; margin: 1vw 2vw 2vw; text-align: left;}

.btn_index { position: relative; display: block; margin: 0 auto; padding: 1vw 0; width: 50.3vw; color: #fff;}
.btn_index p { color: #fff; font-size: 180%; text-align: center; margin-bottom: 0;}
.btn_index .txt_s { font-size: 130%;}
.btn_index::after { display: block; content: ""; position: absolute; right: 3.5vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719134949892061.png) no-repeat; background-size: 100% 100%; width: 1.6vw; height: 4.0vw; }
.btn_01 { background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230720091024919645.png) no-repeat center; background-size: 100% 100%;}
.btn_02 { background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230720091024813754.png) no-repeat center; background-size: 100% 100%;}


.ttlCell { position: relative;}
.ttlCell .img { position: absolute; top: 8.2vw; width: 100%; z-index: 5;}
.ttlCell .box { text-align: center;}
.ttlCell .box .lead { font-size: 170%; line-height: 1.88; margin: 0 auto 7.4vw;}
.pnk_ttl { background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/pnk_ttl.png) bottom center no-repeat, #fff4f4; background-size: 100% auto, 100%; padding-bottom: 10vw;}
.mens_ttl { background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719232224174375.png) bottom center no-repeat, #F4F4F4; background-size: 100% auto, 100%; padding-bottom: 10vw;}
.concept_ttl { background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230720095632105784.png) bottom center no-repeat; background: 100% auto, 100%; padding-bottom: 10vw;}
.pagettl { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 50.8vw; overflow: hidden; background: none; margin-bottom: 12.7vw;}
.pagettl .txt { position: absolute; z-index: 6; width: 80%; height: auto; text-align: center; color: #000000;}
.pagettl .txt h1,.pagettl .txt h2 { font-size: 250%; letter-spacing: .1vw; text-indent: .1vw;}
.pagettl .txt h1 strong,.pagettl .txt h2 strong {color: #000000; background: rgba(255,255,255,0.75);}
.pagettl .txt p { font-size: 180%; letter-spacing: .1vw; text-indent: .1vw;}
.pagettl .txt p strong {color: #000000; background: rgba(255,255,255,0.75);}
.pagettl .bg { position: absolute; z-index: 1; width: 100%; height: 100%;}
.pagettl .bg img { width: 100%; height: 100%; object-fit: cover; mask-image: url("https://sakurasaku-beauty.com/system_panel/uploads/images/mask.png") no-repeat center center; mask-size: 100% auto; -webkit-mask: url('https://sakurasaku-beauty.com/system_panel/uploads/images/mask.png') repeat center center / 100% 100%; overflow: hidden;}
.mens_ttl .pagettl .txt h2, .mens_ttl .pagettl .txt p { color: #fff;}

.under_pnk { position: relative; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/under_pnk_top.png) top center no-repeat, url(https://sakurasaku-beauty.com/system_panel/uploads/images/under_pnk_btm.png) center 100.1% no-repeat, #fef4f3; background-size: 100% auto, 100% auto, 100%; padding: 2vw 0 2vw;}
.greeting { background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230720112027211983.png) bottom center no-repeat; background-size: 100% auto; padding: 2vw 0 2vw;}
.img_flower { position: relative;}
.img_flower::after { position: absolute; display: block; content: ""; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719140610939124.png) no-repeat; background-size: 100%; width: 32vw; height: 32vw; bottom: -15vw; right: 0; z-index: 5;}
.img_flower02 { position: relative;}
.img_flower02::before { position: absolute; display: block; content: ""; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719141721262578.png) no-repeat; background-size: 100%; width: 40.8vw; height: 43.1vw; top: -20vw; left: 0; z-index: 5;}

.txt_lead p { text-align: center; line-height: 2.1; font-size: 150%; margin: 0 auto 6vw;}
.lead { text-align: center; line-height: 2.1; font-size: 170%; font-weight: bold; margin: 0 auto 6vw;}
.section .lead { text-align: left; line-height: 2.1; font-size: 130%; font-weight: bold; margin: 0 auto 10vw;}
.bg_gry { background: #F4F4F4; border-radius: 10px; padding: 3vw 5vw; width: 100%; margin: 0 auto; font-size: 130%; line-height: 2.1;}
.bg_pnk { background: #FFF4F4; border-radius: 10px; padding: 3vw 5vw; width: 100%; margin: 0 auto; font-size: 130%; line-height: 2.1; max-width: 100%;}

.btn_pnk_L { position: relative; display: block; margin: 0 auto; background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719132059565693.png) no-repeat center; background-size: 100% 100%; padding: 3vw 0; width: 80vw; color: #fff;}
.btn_pnk_L p { color: #fff; font-size: 250%; text-align: center; margin-bottom: 0;}
.btn_pnk_L .txt_s { font-size: 150%;}
.btn_pnk_L::after { display: block; content: ""; position: absolute; right: 3.5vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719134949892061.png) no-repeat; background-size: 100% 100%; width: 1.6vw; height: 4.0vw; }

.concept .flcell { display: flex; justify-content: space-between; align-items: center; flex-direction: column;}
.concept .flcell .fleft { width: 100%; margin-bottom: 5vw;}
.concept .flcell .fleft img { display: block; width: 80%; margin: 0 auto;}
.concept .flcell .fright { width: 100%;}
.concept .flcell.rev .fright { width: 100%;}
.concept .flcell .fright h3 { width: max-content; color: #fff; font-size: 200%; margin-bottom: 0vw; background: #EF5081; padding: 0.5vw 2vw 0.5vw 2vw; text-align: left;}
.concept .flcell .fright h3:nth-of-type(1) { padding: 1vw 2vw 1vw 2vw; margin-left: -3vw;}
.concept .flcell .fright h3:nth-of-type(2) { margin: 1vw 0 3vw 0vw;}
.concept .flcell .fright .txt { margin: 0vw 0 3vw 0vw; font-size: 130%; line-height: 2.1;}
.concept .flcell.rev .fright .txt { margin: 0vw 0vw 3vw 0vw;}
.concept .flcell .fright .award { position: relative; color: #fff; background: linear-gradient(#1F0707, #695959); padding: 1.5vw 1.5vw 1.5vw 8.5vw; margin: 0 0vw 0 2vw; border-radius: 10px;}
.concept .flcell .fright .award img { position: absolute; width: 15vw; top: 50%; left: -8vw; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.concept .flcell .fright .award p { font-size: 120%; font-weight: bold; line-height: 1.5; margin: 0;}

.faq { position: relative; z-index: 8; border-top: 1px dotted #B2B2B2; background: #fff;}
.faq .faq_Q { position: relative; display: flex; align-items: center; border-bottom: 1px dotted #B2B2B2; padding: 1.5vw 3vw 1.5vw 1vw; transition: all 1s;}
.faq .faq_Q::after { display: block; content: ""; position: absolute; right: 1.5vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230720115607514407.png) no-repeat; background-size: 100% 100%; width: 2.8vw; height: 1.3vw;}
.faq .faq_Q.open::after { transform:rotateX(180deg);}
.faq .faq_Q img { width: 7vw;}
.faq .faq_Q p { margin: 0 2vw; font-size: 150%; font-weight: bold;}
.faq .faq_A { display: none;}
.faq .faq_A p { font-size: 130%; line-height: 2.1; margin: 2vw 2.5vw 0vw; padding-bottom: 2vw; width: calc(100% - 5vw);}

.linkCell { display: flex; flex-wrap: wrap; width: 95vw; margin: 0 auto; position: relative; z-index: 21;}
.linkCell a { position: relative; width: 48.5%; margin: 0 3% 3vw 0; display: flex; justify-content: center; padding: 1.5vw 0; color: #fff; font-size: 110%;}
.linkCell a::after { display: block; content: ""; position: absolute; right: 1.5vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719152338217352.png) no-repeat; background-size: 100% 100%; width: 2.2vw; height: 1.3vw; opacity: 0.7;}
.linkCell a:nth-of-type(2n) { margin: 0 0% 3vw 0;}

.link_pnk {background: linear-gradient(to bottom right, #F8719B, #EF5081);}
.link_blk {background: linear-gradient(to bottom right, #5B5E5F, #212121);}

.pointCell { display: flex; align-items: flex-start; flex-direction: column; flex-wrap: wrap; width: 100%; margin: 0 auto; position: relative; z-index: 10;}
.pointCell .box { position: relative; width: 100%; margin: 0 0% 3vw 0; display: block; padding: 2.5vw 4.5vw; color: #1E140B; font-size: 135%; border: dashed 1px #707070; background: #FFF4F4; border-radius: 15px;}
.pointCell .box .flcell { display: flex; justify-content: space-between; align-items: center;}
.pointCell .box .flcell img { width: 6%;}
.pointCell .box .flcell p { width: 85%; line-height: 1.2; font-size: 120%; font-weight: bold; text-align: left; margin-bottom: 0;}
.pointCell .box .txt_s {  line-height: 1.5; font-size: 110%; font-weight: normal; text-align: left; margin-top: 2vw;}

.twoCell { display: flex; align-items: flex-start; flex-direction: column; flex-wrap: wrap; width: 100%; margin: 0 auto; position: relative; z-index: 10;}
.twoCell .box { position: relative; width: 100%; margin: 0 3% 5vw 0; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; color: #000000;}

.threeCell { display: flex; align-items: flex-start; flex-direction: column; flex-wrap: wrap; width: 100%; margin: 0 auto; position: relative; z-index: 10;}
.threeCell .box { position: relative; width: 100%; margin: 0 0% 5vw 0; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; color: #000000;}
.threeCell .box img { margin-bottom: 3vw;}
.threeCell .box p { line-height: 1.38; font-size: 150%; margin: 1vw auto 0;}
.threeCell .box .ttl { width: 100%; text-align: center; color: #fff; font-size: 180%; font-weight: bold; padding: 1.5vw 0; margin: 0; background: linear-gradient(#F8719B, #EF5081);}
.threeCell .box .arrow { display: block; width: 1.2vw; margin: 1vw auto 0;}
.threeCell .box .txt_l { font-size: 180%; font-weight: bold;}

.fourCell { display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; margin: 0 auto; position: relative; z-index: 10;}
.fourCell .box { position: relative; width: 48.5%; margin: 0 3% 5vw 0; display: flex; justify-content: center; flex-direction: column; color: #000000;}
.fourCell .box:nth-of-type(2n) { margin: 0 0% 5vw 0;}
.fourCell p { margin: 1vw 0 0; text-align: left;}

.table { display: flex; border-top: 1px solid #f1a0ae; border-left: 1px solid #f1a0ae; margin-bottom: 1.5vw;}
.table .box01 { width: 35%; border-right: 1px solid #f1a0ae;}
.table .box02 { width: 25%; border-right: 1px solid #f1a0ae;}
.table .box03 { width: 20%; border-right: 1px solid #f1a0ae;}
.table .box04 { width: 20%; border-right: 1px solid #f1a0ae;}
.table .box_th { display: flex; justify-content: center; align-items: center; width: 100%; height: 10vw; background: rgba(241, 160, 174, 0.3); border-bottom: 1px solid #f1a0ae;}
.table .box_th p { text-align: center; font-size: 70%; line-height: 1.5; margin: 0;}
.table .box_td { display: flex; justify-content: center; align-items: center; width: 100%; height: 10vw; background: #fff; border-bottom: 1px solid #f1a0ae;}
.table .box_td p { text-align: center; font-size: 70%; line-height: 1.5; margin: 0;}
.table .box02 .box_th { height: 5vw;}
.table .box02 .minibox { display: flex;}
.table .box02 .minibox .box_s { width: 33.333333%; border-right: 1px solid #f1a0ae;}
.table .box02 .minibox .box_s:nth-of-type(3) { border-right: none;}

.table02 { display: flex; border-top: 1px solid #f1a0ae; border-left: 1px solid #f1a0ae; margin-bottom: 1.5vw;}
.table02 .box01 { width: 40%; border-right: 1px solid #f1a0ae;}
.table02 .box02 { width: 60%; border-right: 1px solid #f1a0ae;}
.table02 .box_th { display: flex; justify-content: center; align-items: center; width: 100%; height: 5vw; background: rgba(241, 160, 174, 0.3); border-bottom: 1px solid #f1a0ae;}
.table02 .box_th p { text-align: center; font-size: 120%; line-height: 1.5; margin: 0;}
.table02 .box_td { display: flex; justify-content: center; align-items: center; width: 100%; height: 5vw; background: #fff; border-bottom: 1px solid #f1a0ae;}
.table02 .box_td p { text-align: center; font-size: 120%; line-height: 1.5; margin: 0;}
.table02 .box01 .minibox { display: flex;}
.table02 .box01 .minibox .box_s { width: 50%; border-right: 1px solid #f1a0ae;}
.table02 .box01 .minibox .box_s:nth-of-type(2) { border-right: none;}
.table02 .box02 .minibox { display: flex;}
.table02 .box02 .minibox .box_s { width: 33.333333%; border-right: 1px solid #f1a0ae;}
.table02 .box02 .minibox .box_s:nth-of-type(3) { border-right: none;}

.table03 { display: flex; border-top: 1px solid #f1a0ae; border-left: 1px solid #f1a0ae; margin-bottom: 1.5vw;}
.table03 .box01 { width: 50%; border-right: 1px solid #f1a0ae;}
.table03 .box02 { width: 25%; border-right: 1px solid #f1a0ae;}
.table03 .box03 { width: 25%; border-right: 1px solid #f1a0ae;}
.table03 .box_th { display: flex; justify-content: center; align-items: center; width: 100%; height: 10vw; background: rgba(241, 160, 174, 0.3); border-bottom: 1px solid #f1a0ae;}
.table03 .box_th p { text-align: center; font-size: 120%; line-height: 1.5; margin: 0;}
.table03 .box_td { display: flex; justify-content: center; align-items: center; width: 100%; height: 10vw; background: #fff; border-bottom: 1px solid #f1a0ae;}
.table03 .box_td02 { display: flex; justify-content: center; align-items: center; width: 100%; height: 20vw; background: #fff; border-bottom: 1px solid #f1a0ae;}
.table03 .box_td03 { display: flex; justify-content: center; align-items: center; width: 100%; height: 60vw; background: #fff; border-bottom: 1px solid #f1a0ae;}
.table03 .box_td p,.table03 .box_td02 p,.table03 .box_td03 p { text-align: center; font-size: 120%; line-height: 1.5; margin: 0;}
.table03 .box01 .minibox { display: flex;}
.table03 .box01 .minibox .box_s { width: 50%; border-right: 1px solid #f1a0ae;}
.table03 .box01 .minibox .box_s:nth-of-type(2) { border-right: none;}

.under_flcell { position: relative; z-index: 8; display: flex; justify-content: space-between; flex-direction: column-reverse;}
.under_flcell .fleft { width: 100%;}
.under_flcell .fleft p { text-align: left; font-size: 130%; line-height: 2.1; margin: 0;}
.under_flcell .fright { width: 100%; margin-bottom: 2vw;}
.under_flcell .fright p { text-align: left; font-size: 130%; line-height: 2.1; margin: 0;}
.under_flcell .ttl { width: max-content; text-align: left; color: #fff; font-size: 150%; font-weight: bold; padding: 0.3vw 1vw; margin: 0 0 1vw; background: linear-gradient(#F8719B, #EF5081);}


.price { margin-bottom: 5vw;}
.price .flcell { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; height: auto; margin: 0 auto; border-top: dotted 1px #B2B2B2; margin-bottom: 0vw;}
.price .flcell:nth-last-of-type(1) { border-bottom: dotted 1px #B2B2B2;}
.price .flcell .fleft { width: 60%; text-align: left; padding: 2vw 1vw;}
.price .flcell .fright { width: 40%; padding: 2vw 1vw; box-sizing: border-box; display: block;}
.price .flcell .fright p {text-align: right;}
.price .flcell p { margin-bottom: 0;}
.price .txt_detail { text-align: left; font-size: 130%; line-height: 1.5; margin-top: 3vw;}

.attention { background: #FFF4F4; border-radius: 15px; padding: 5vw;}
.attention p { line-height: 1.38; font-size: 120%; margin: 0vw auto 0;}

.flow { position: relative; z-index: 15;}
.flow .box { position: relative; background: #FFF4F4; padding: 3.5vw 3.5vw; margin-bottom: 12vw;}
.flow.flow_mens .box { background: #F4F4F4;}
.flow .box::after { display: block; content: ""; position: absolute; bottom: -7.125vw; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: url(https://sakurasaku-beauty.com/system_panel/uploads/images/20230719162711142876.png) no-repeat; background-size: 100% 100%; width: 6.0vw; height: 2.6vw;}
.flow .box:last-of-type::after { display: none;}
.flow .box .flcell { display: flex; justify-content: space-between; align-items: center; flex-direction: column;}
.flow .box .flcell .fleft { width: 100%; text-align: left; padding: 2vw 2vw 4vw;}
.flow .box .flcell .fright { width: 100%;}
.flow .box .flcell .fright p { text-align: left; font-size: 130%; line-height: 1.5; margin-bottom: 0;}
.flow .box .flcell .fright .ttl { text-align: left; font-size: 160%; font-weight: bold; line-height: 1; margin-bottom: 2vw;}
.flow .box .flcell .full { width: 100%; text-align: left; padding: 1vw;}
.flow .box .flcell .full p { text-align: left; font-size: 130%; line-height: 1.5; margin-bottom: 0;}
.flow .box .flcell .full .ttl { text-align: left; font-size: 160%; line-height: 1; margin-bottom: 2vw;}

.mens_list { display: flex; flex-wrap: wrap; flex-direction: column;}
.mens_list .box { width: 100%; background: #fff; box-shadow: 0 0 14px rgba(0,0,0,0.16); margin: 0 3% 3vw 0; padding: 2.0vw 2.0vw 4.0vw 2.0vw;}
.mens_list .box:last-of-type { margin: 0 0% 0vw 0;}
.mens_list .box .img { margin-bottom: 3vw;}
.mens_list .box .flcell { display: flex; justify-content: space-between; align-items: center;}
.mens_list .box .flcell .fleft { width: 10%;}
.mens_list .box .flcell .fright { width: 85%;}
.mens_list .box .flcell .fright p { line-height: 1.2; font-size: 170%; font-weight: bold; text-align: left; margin-bottom: 0;}



.salon img { display: block; width: 80%; margin: 0 auto 10vw;}
.salon .flcell { display: flex; justify-content: flex-start; align-items: top; width: 100%; height: auto; margin: 0 auto; border-top: dotted 1px #B2B2B2;}
.salon .flcell:nth-last-of-type(1) { border-bottom: dotted 1px #B2B2B2;}
.salon .flcell .fleft { width: 30%; text-align: left; padding: 2vw 1vw;}
.salon .flcell .fright { width: 70%; padding: 2vw 1vw; box-sizing: border-box; display: block;}
.salon .flcell .fright p {text-align: left;}
.salon .flcell p { margin: 0; font-size: 130%;}

.txtlist .flcell { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: auto; margin: 0 auto; border-top: solid 1px #E0E0E0;}
.txtlist .flcell:nth-last-of-type(1) { border-bottom: solid 1px #E0E0E0;}
.txtlist .flcell .fleft { width: 30%; text-align: left;}
.txtlist .flcell .fright { width: 70%; padding: 1vw; box-sizing: border-box; display: block;}
.txtlist .flcell .fright p {text-align: left;}

.btnbox { display: flex; justify-content: space-around; align-items: center; width: max-content; margin-right: auto; margin-left: auto;}
.btnbox .btn { margin: 0 2vw!important; font-size: 130%;}
.largep { font-size: 140%;}

.tal {text-align: left!important;}
.tac {text-align: center!important;}
.tar {text-align: right!important;}

.mb1 {margin-bottom: 2vw!important;}
.mb3 {margin-bottom: 6vw!important;}
.mb5 {margin-bottom: 10vw!important;}


.notice {opacity: 0; transition:all .6s; background:rgba(0,0,0,.3); position: fixed; z-index:-40; display:flex; justify-content:center; align-items:center; width:100%; height: 100%; }
.notice.active {opacity: 1; transition:all .6s; z-index: 30;}
.notice .attention { width: 90%; height:80vw; padding:2vw; box-sizing: border-box;}
.notice .attention .txt { overflow-y:scroll; padding:2vw; height: 80%; margin-bottom:2vw; background:#fff; }
.notice .attention .btn {margin-left: auto; margin-right: auto;}

.ladysmenu { z-index:-27;opacity: 0; transition:all .6s; background:rgba(239,80,129,0.8); position: fixed; top:50vh; left:0; right:0; margin:0 auto; display:block; width:75vw; height: auto; padding: 2vw; border-radius: 2vw; }
.ladysmenu.active {opacity: 1; transition:all .6s; z-index:27;}
.ladysmenu a {margin: 0 0 3vw; display: block; width: 100%; padding-bottom: 3vw; border-bottom: dotted 1px #fff;}
.ladysmenu a p {color: #fff; font-size: 130%;}

  
.webgene-pagination { width: 100%;}
.webgene-pagination ul { list-style: none; display: flex; justify-content: center; font-size: 150%;}
.webgene-pagination ul li { margin: 0 1vw; position: relative;}
.webgene-pagination ul li.prev { padding-left: 2rem;}
.webgene-pagination ul li.prev::after { display: block; content: "<<"; position: absolute; left: 0vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.webgene-pagination ul li.next { padding-right: 2rem;}
.webgene-pagination ul li.next::after { display: block; content: ">>"; position: absolute; right: 0vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.table-default { width: 100%;}
.table-default caption { margin-bottom: 0.5em; text-align: center; font-size: 20px; font-size: 2rem;}
.table-default td,.table-default th { border: 1px solid #f1a0ae;}
.table-default th { background: rgba(241, 160, 174, 0.3); color: #675a42;}
.table-default td { background: transparent;} 

.haabRepro_img_zindex {
    z-index: 6;
}
}