@charset "utf-8";
/* CSS Document */
body#body {font-size: 4vw;}
main {margin-block-start: var(--h-size);}
.pc_view,
.pc_view_dib {display: none;}
.sp_view {display: block;}
.sp_view_dib {display: inline-block;}
.left {float: none;}
.right {float: none;}
.sp_left {text-align: left !important;}
.sp_center {text-align: center;}
.flex {display: block;}
.in_flex {display: flex;}
.table {display: block;}
.table dt,.table dd {display: block;}
.d025s,.d05s,.d075s,.d1s,.d125s,.d15s,.d175s,.d2s {transition-delay: 0s !important;}
.middle_inner {inline-size: 96%;}
.lower_inner {inline-size: 96%;}
.left_side,.right_side{inline-size:100%;}
:root { --h-size: 3.65em;}
/*header*/
/* top */
#header .reserve_link {inset: 0.5em 0.5em auto auto;}
#header .site_name {margin: 0.2em auto 0 0.4em;text-shadow: 0 0 10px #fff;font-size: 1.800em;inline-size: fit-content;}
#header #menu_btn {inset: 0.75em 0.95em auto auto;inline-size: 2.95em;aspect-ratio: 1.35/1;}
#header #menu_btn .bar {block-size: 1px;}
#header #menu_btn .bar:nth-of-type(2) {inset: 27% 0 auto 0;}
#header #menu_btn.active .bar:first-of-type {transform: rotate(-12deg);}
#header #menu_btn.active .bar:nth-of-type(2) {transform: rotate(12deg);}
#header #menu_btn [class^="text"] {font-size: 0.733em;}
#header .hide_menu {padding: 4em 1em 2em 1em;background-position: right 27% top}
#header .hide_menu .menu_side {padding-inline: 0;}
#header .hide_menu .menu_side .ul [class^="list"],
#header .hide_menu .menu_side .ul .list1 {inline-size: 100%;}
#header .hide_menu .menu_side .ul .list3 {margin-block-start: 3em;}

#fv .slide_side .fv_text1 {inset: 2.125em auto auto 3.75%;font-size: 2.275em;line-height: 1.625;text-shadow: 0 0 0.5em #fff;filter: drop-shadow(0 0 0.5em #fff);}
#fv .slide_side .fv_text2 {inset: 1.05em 0.15em auto auto;font-size: 2em;margin-block: 0;}
#fv .slide_side .fv_text3 {inset: auto auto 46.65% -0.7625%;}
#fv .slide_side .fv_text3 .text_img {inline-size: min(240px,3.5em);}
#fv .slide_side {inline-size: 100%;}
#fv .img_side {inline-size: 100%;}

#top_about {padding-block: 1em 2.5em;inline-size: 96%;margin-inline: auto;}
#top_shop_link [class^="side"] {inline-size: 100%;padding-block: 4em 2.25em;}
#top_shop_link [class^="side"] .link_box {inline-size: 100%;}
#top_shop_link [class^="side"] .link_box .more1 {inline-size: 80%;margin: 1em auto;}
#top_shop_link [class^="side"] .p_2 {inline-size: 96%;}
#top_shop_link .side_est .img {filter: drop-shadow(0 0 2em #ffceb4);}
#top_shop_link .side_kimono .img {filter: drop-shadow(0 0 2em #222);}
#top_review {background-size: 216%;}
#top_review .middle_inner {inline-size: 100%;}
#top_review .middle_inner::before {inline-size: 100%;border-radius: 1em;}
#top_review .swiper-slide {transform: translateX(1.875em);}
#top_review .swiper-slide .p_1 {aspect-ratio: 46 / 24.75;}
#top_news .list_side .ul .list dl .dt {font-size: 1em;inline-size: 6em;}
#top_news .list_side .ul .list dl .dd {font-size: 1em;}
#top_news .ttl_side {inline-size: 100%;text-align: center;}
#top_news .list_side {inline-size: 100%;}
#in_slide .list {margin-inline-end: 1em;width: 61.125%;}
#in_slide .list img {border-radius: 2em;}
#top_instagram {padding-block: 4.75em 3em;}
#top_instagram .middle_inner {padding-inline: 0;}
#top_instagram .insta_est {padding-block-end: 2em;inline-size: 100%;}
#top_instagram .insta_est::after {block-size: 4px;inline-size: 100%;inset: 100% 0 auto 0;}
#top_instagram .insta_rin {padding-block-end: 2em;inline-size: 100%;}
#top_online_shop {padding-block: 2em 4em;}
#top_online_shop .text_side {inline-size: 100%;}
#top_online_shop .img_side {inline-size: 100%;}
#top_online_shop .img_side .item {inset: auto auto -2em 1em;}
#top_salon {padding-block: 4.5em 7em;background-size: 200%;}
#top_salon .box {padding: 2em 1.25em 2em 1.25em;}
#top_salon .box::before {border-radius: 1.25em;}
#top_salon .box .date_side {inline-size: 100%;}
#top_salon .box .date_side dl .dt {inline-size: 6.75em;}
#top_salon .box .img_side {inline-size: min(460px,96%);margin-block-start: 3em;margin-inline: auto;}
#top_link .link_reserve {padding-inline-end: 0;inline-size: 100%;padding-block-end: 4em;}
#top_link .item1 {display: none;}
#top_link .link_reserve::after {block-size: 2px;inline-size: 100%;background-color: #d4cebc;inset: auto 0 0 0;}
#top_link .link_reserve .more1 {inline-size: 83%;padding: 0.5em 5em 0.65em 0.875em;}
#top_link .link_contact {padding-inline-start: 0;padding-block-end: 1.75em;inline-size: 100%;}
#top_link .link_contact .in_link .more1 {inline-size: 83%;letter-spacing: 0.05em;margin-inline: auto;padding: 0.35em 0.5em 0.25em 0.85em;}
#top_link .link_contact .in_link .more1.tel {margin-block-end: 3.5em;}
#top_link .link_contact .in_link .more1 .text {inset: 110% 0 auto 0;line-height: 1.35em;}
#top_link {padding-block: 2.25em 0;}
#footer .ttl_side {padding-inline-start: 0;inline-size: 96%;margin-inline: auto;}
#footer .ttl_side .address {font-size: 0.95em;}
#footer .menu_side {inline-size: 100%;margin-block-start: 3em;}
#footer .menu_side .ul1 .list1,
#footer .menu_side .ul1 .list2,
#footer .menu_side .ul1 .list3 {inline-size: 100%;padding-inline-end: 0;margin-block-end: 1em;}
#footer .menu_side .ul1 .list2 {margin-block-end: 2em;}
#footer .menu_side .ul2 {inline-size: 100%;}
#footer .menu_side [class^="ul"] [class^="list"] .span a {font-size: 1.125em;}
#footer .menu_side [class^="ul"] [class^="list"] .span a {font-size: 1.125em;}
#footer .menu_side .ul1 [class^="list"] [class^="in_ul"] .in_list a {font-size: 0.95em;}

#fv .slide_side .pa_text {inset: 2.125em auto auto 3.75%;font-size: 2.275em;line-height: 1.625;text-shadow: 0 0 0.5em #fff;filter: drop-shadow(0 0 0.5em #fff);}
#fv .img_side .pa_text {inset: 2.125em auto auto 3.75%;font-size: 2.275em;line-height: 1.625;text-shadow: 0 0 0.5em #fff;filter: drop-shadow(0 0 0.5em #fff);}

#top_about2 {padding-block: 1.5em 1.5em;}
#top_about2 .p_1 {font-size: 1.056em;inline-size: 96%;}
#top_service .ttl1 {margin-block-end: 1em;}
#top_service [class^="column"] .img_side {inline-size: min(860px,100%);}
#top_service [class^="column"] .img_side .img {border-radius: 0;}
#top_service [class^="column"] .text_side {inline-size: 96%;margin-block-start: 2em;margin-inline: auto;}
#top_service .column2 .text_side {padding-inline-start: 0%;}
#top_service [class^="column"] .text_side .more1 {padding: 0.65em 0 0.75em 0.875em;inline-size: 100%;letter-spacing: 0;}
#top_reason .box {padding: 2em 1em 1em 1em;margin-block-end: 3.75em;}
#top_reason .box::before {border-radius: 1em;}
#top_reason .box .ol .list .dl {padding-inline-start: 2em;}
#top_reason .link_box {inline-size: 96%;margin-inline: auto;}
#top_reason .link_box .more1 {inline-size: 100%;}
#top_reason .link_box .more1.left {margin-block-end: 2em;}
#top_scene {padding-block: 1.25em 2em;}
#top_scene [class^="column"] [class^="side_"] {inline-size: min(561px,100%);margin-inline: auto;display: block;margin-block-end: 4em;}
#top_service [class^="column"] .text_side .ttl2 {font-size: 1.5em;}
#top_service [class^="column"] .text_side .p_1 {font-size: 1.125em;}
#top_reason {background: url(../img/est_sacra/reason_bg1_sp.jpg), linear-gradient(to bottom, #eee 0%, #eee 70%, #fff, #fcf4f3 85%, #fcf4f3 90%, #fff);background-size: 100%;background-position: center top;background-repeat: no-repeat ,no-repeat;}
#top_scene .p_4 {font-size: 1.125em;margin-block-start: 0.35em;}
#top_link .link_contact .in_link .more1 .fa-line,
#top_link .link_contact .in_link .more1 .fa-envelope,
#top_link .link_contact .in_link .more1 .fa-circle-phone,
#top_link .link_contact .in_link .more1 .fa-circle-question {font-size: clamp(40px,10.667vw,2.5em);vertical-align: middle;}
#footer .ttl_side .side_link .link_line i {margin-block-start: 0;font-size: clamp(40px,10.667vw,2.5em);}
#footer .menu_side [class^="ul"] [class^="list"] .span {margin-block-end: 0.65em;}
#top_instagram .insta_est .more1 {inline-size: 80%;}
#top_instagram .insta_rin .more1 {inline-size: 80%;}
#top_instagram .insta_est .more1 i,
#top_instagram .insta_rin .more1 i {position: absolute;inset: 50% 0.75em auto auto;transform: translateY(-50%);}
#top_online_shop .more1 {margin-inline: auto;}
#fv .img_side img {margin-inline: auto;}
#menu .page_ttl1 {font-size: 2.25em;margin-block: 0 0.9em;}
#menu .p_1 {line-height: 1.875em;inline-size: 96%;}
#menu [class^="column"] .item {margin-block-end: 3.2em;inline-size: min(160px,39%);}
#menu [class^="column"] .top .img {inline-size: min(600px,100%);margin-inline: auto;border-radius: 0 !important;}
#menu [class^="column"] .top .text_side {inline-size: 100%;}
#menu .column1 {padding-block-start: 1.25em;background-size: 200%;}
#menu [class^="column"] .top .text_side .text {font-size: 1.125em;line-height: 1.65em;}
#menu [class^="column"] .bottom {margin-block: 1.25em 1.5em;}
#menu [class^="column"] .top .text_side .ttl2 {font-size: 1.5em;line-height: 1.875em;text-align: center;}
#menu [class^="column"] .bottom .list .dl .dt {font-size: 1.15em;letter-spacing: 0.025em;}
#menu [class^="column"] .bottom .list .dl .dd {line-height: 1.875em;}
#menu [class^="column"] .caution {margin-block: 0;text-indent: -1em;padding-inline-start: 1em;text-align: left !important;display: block;margin-inline: 0;}
#menu [class^="column"] .caution2 {margin-block: 0;letter-spacing: 0.035em;text-align: left;text-indent: -1em;padding-inline-start: 1em;}
#first .column [class^="side_"] {inline-size: min(600px,100%);margin-inline: auto;}
#first .column [class^="side_"] .dl .dd {block-size: auto;margin-block-end: 1em;}
#first .column [class^="side_"] .img {border-radius: 0 !important;}
#first .column .side_left {margin-block-end: 3em;}
#first .strong {font-size: 1.25em;line-height: 1.875em;padding-block: 3.5em 3em;padding-inline-start: 0;}
#first .strong:before {inset: 3em 0 auto 0;}
#top_about3 {padding-block: 1.65em 2.35em;}
#fv.rin .slide_side .pa_text {inset: auto auto 46.65% -0.7625%;}
#fv.rin .slide_side .pa_text .text_img {inline-size: min(240px,3.5em);}
#rin_service {padding-block: 3.25em 4.75em;}
#rin_service .ttl1 {margin-block-end: 1.25em;}
#rin_service::before {inline-size: 200%;aspect-ratio: 43 / 20;}
#rin_service .middle_inner {padding: 1.65em 1em 2em 1em;margin-block-end: 1.75em;}
#rin_service [class^="column"] .img_side {inline-size: min(640px,100%);margin-block-end: 2em;}
#rin_service [class^="column"] .text_side {inline-size: 100%;}
#rin_service [class^="column"] .text_side .p_2 {line-height: 1.75em;}
#rin_service [class^="column"] .text_side .ttl2 .small {font-size: 0.7em;line-height: 1.5em;display: block;margin-block-start: 0.5em;}
#rin_service [class^="column"] .text_side .p_1,
#rin_service .column2 .text_side .p_1,
#rin_service .column3 .text_side .p_1 {margin-block: 0.85em 0.25em;}
#rin_service [class^="column"] {margin-block-end: 1.25em;}
#rin_service .column1 .img_side .img,
#rin_service .column2 .img_side .img,
#rin_service .column3 .img_side .img {clip-path: polygon(23.25% 0, 100% 0, 100% 100%, 0 100%, 0 12.35%);}
#rin_service .more1 {padding: 0.65em 2.25em 0.75em 0.875em;}
#rin_service .bottom_text p {margin-block: 0;}
#rin_service .ttl3 {font-size: 1.35em;margin-block-end: 1em;}
#scene {padding-block: 3.65em 3em;}
#scene::before {inline-size: 200%;}
#scene .middle_inner {padding: 2em 1em 0.5em 1em;}
#scene .middle_inner::before {background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%,#fff 20%, #fff 100%);}
#scene [class^="column"] [class^="side_"] {inline-size: min(540px,100%);margin: 0 auto 2em auto !important;}

#flow {background-size: 500% auto;padding-block: 2.75em 0;}
#flow .middle_inner {padding-inline: 1em;}
#flow .text_side {inline-size: 100%;}
#flow .text_side .ttl1 {margin-block-end: 0.425em;text-align: center;}
#flow .text_side .more1 {margin-block-start: 2em;padding: 0.65em 7.5em 0.75em 0.875em;margin-inline: auto;}
#flow .img {inline-size: min(462px,80%);margin-block-start: 0.5em;margin: 2em auto 0 auto;display: block;}
#in_slide.rin {margin-block-start: 3.75em;}
.rin_bottom_text {font-size: 1.1em;letter-spacing: 0;margin-block-end: 3em;}
.page_ttl1 {font-size: 2.25em;margin-block: 1.125em 0.9em;}
#fv.rin_menu .img_side .pa_text {inset: auto auto 46.65% -0.7625%;}
#fv.rin_menu .img_side .pa_text .text_img {inline-size: min(240px,3.5em);}
#rin_menu {padding-block: 0;}
#rin_menu .menu_bg {padding-block: 3.65em 2em;}
#rin_menu .menu_bg::before {inline-size: 300%;}
#rin_menu .p_1 {line-height: 1.875em;inline-size: 96%;margin-block-end: 3.375em;}
#rin_menu .menu_bg .inner1 {padding: 1.65em 0.5em 2em;}
#rin_menu div[class^="column"] .caution {letter-spacing: 0;}
#rin_menu div[class^="column"] dl .dt {inline-size: 12em;padding-inline-start: 1em;}
#rin_menu div[class^="column"] dl .dt.size_l {inline-size: 12em;}
#rin_menu div.column1 dl .dt {inline-size: 5em;}
#rin_menu div[class^="column"] dl .dd {padding-inline-end: 1em;}
.sample_kimono {padding-block: 1em 1em;}
.sample_kimono .ul {gap: 4%;padding-inline: 1em;}
.sample_kimono .ul .list {inline-size: min(260px,48%);margin-block-end: 0.75em;}
.sample_kimono .page_ttl2 {margin-block: 0 0.5em;}
.sample_kimono .caution {font-size: 1.25em;line-height: 2;padding-inline-end: 0;}
#rin_menu div[class^="column"] dl {padding-block: 0.75em 0.8em;font-size: 1.15em;}
#menu_flow {padding-block: 3em 2em;}
#menu_flow::before {inline-size: 300%;}
#menu_flow .ttl1 {margin-block-end: 1em;}
#menu_flow .middle_inner {padding: 2em 1em 1em 1em;margin-block-end: 3.75em;}
#menu_flow .ol .list .dl {padding-inline-start: 2em;}
#rin_menu div.column6 {margin-block-end: 0;}
#rin_menu div[class^="column"] .text {margin-block: 1.5em 2em;}
#rin_menu div[class^="column"] .text p {margin-block: 0;}
#fv.rin_menu .img_side img {inline-size: 100%;margin-inline: auto;transform: translateX(0);}
#review .p_1 {line-height: 1.875em;inline-size: 96%;margin-block-end: 2.375em;}
#review .bg_box .middle_inner {padding: 1em;border-radius: 1em;}
#review .bg_box {padding-block: 1em 1em;}
#review .ti-widget.ti-goog .ti-review-item {inline-size: 100%;}

#about .lower_inner .img_side {inline-size: min(600px,100%);margin: 0 auto 2em auto;}
#about .lower_inner .img_side .img1,
#about .lower_inner .img_side .img2,
#greeting .bottom_box .img_side .img {border-radius: 0;}
#about .p_1 {margin-block-end: 1em;inline-size: 96%;}
#greeting .ttl2 {font-size: 2.25em;}
#greeting .bottom_box .img_side {inline-size: min(600px,100%);margin: 0 auto 2em auto;}
#greeting .bottom_box .text_side {inline-size: 100%;}
#greeting {padding-block: 3.5em 1.75em;}
#salon {background-size: 160% auto;padding-block: 1em 2em;}
#salon .ttl2 {font-size: 2.25em;margin-block-start: 0.5em;}
#salon .middle_inner {padding: 2.5em 1em 1.5em;margin-block-end: 1.5em;}
#salon .middle_inner::before {border-radius: 1em;}
#salon .dl {padding-block: 0.75em 0.875em;}
#salon .dl .dt {inline-size: 8.25em;}
#salon .infiniteslide_wrap {padding-block-end: 0.5em;}

#access {padding-block: 1em 2.25em;}
#access .ttl2 {font-size: 2.25em;}
#access iframe {aspect-ratio: 800 / 645;}

#privacy {background-size: auto 90%;padding-block: 0 1em;}
#privacy .middle_inner {padding-block-end: 2em;border-radius: 0 0 2em 2em;}
#privacy .ol {inline-size: min(1340px,90%);}
#privacy .ol .list {padding-block-end: 1.25em;margin-block-end: 1.25em;}
#privacy .ol .list .dl .dd .in_ol {padding-inline-start: 0;}
#privacy .ol .list .dl .dd .in_ol .in_list {text-indent: -1.2em;padding-inline-start: 1.2em;}
#privacy .ol .list .dl .dt {font-size: 1.25em;margin-block-end: 0.75em;text-indent: -1.2em;padding-inline-start: 1.2em;}

#contact {padding-block: 2.5em 3.5em;background-size: auto 80%;}
#contact .middle_inner {padding-inline: 2%;}
#contact .column1 {padding: 0 2% 3.5em;}
#contact .column1 .link {inline-size: fit-content;padding: 0.45em 3em 0.7em 3em;margin-block-start: 1.35em;text-align: center;margin-inline: auto;}
#contact .p_1 {margin-block: 2em 1em;}
#contact .column2 {padding-block: 2em 3em;}
#contact .column2 .tel_side {inline-size: 100%;}
#contact .column2 .tel_side .tel {font-size: 1.5em;margin-block-end: 3em;}
#contact .column2 .tel_side .text {letter-spacing: 0;}
#contact .column2 .tel_side .text .sp_n {display: none;}
#contact .column2 .line_side {padding-inline-end: 0;text-align: center;}
#contact .column2 .line_side a {font-size: 1.25em;}
#contact .column2 .line_side .fa-line {font-size: clamp(40px,10vw,2.35em);}
#contact .contact_form .middle_inner {padding-inline: 2%;padding-block: 1em 1em;border-radius: 0 0 2em 2em;}
#contact .contact_form .ttl2 .em {font-size: 1.35em;}
#contact .contact_form form .dl .dt {inline-size: 100%;font-size: 1.125em;margin-block-end: 0.75em;padding-inline-start: 0.125em;}
#contact .contact_form form .dl .dt .h,
#contact .contact_form form .dl .dt .n {margin-inline-end: 0.125em;}
#contact .contact_form form .dl .dd textarea {aspect-ratio: 800 / 465;}
#contact .contact_form .send_btn {inline-size: min(420px,12em);}

#faq {background-size: auto 100%;padding-block-end: 2.75em;}
#faq .middle_inner {padding: 2.5em 1em 0.5em;border-radius: 0 0 2em 2em;}
#faq .dl .dt {padding-inline: 2.875em 2em;}
#faq .dl .dt .q {inset: 0.35em auto auto 0;font-size: 1.5em;}
#faq .dl .dt .btn {inline-size: 1.25em;}
#faq .dl .dd {padding-inline-start: 3.125em;}
#faq .dl .dd .a {font-size: 1.667em;padding-block-start: 0.22em;}
#faq .dl .dd .link {padding: 0.525em 2em 0.25em 0.975em;}

#post {background-size: auto 80%;padding-block-end: 3.75em;}
#post .middle_inner {border-radius: 0 0 1em 1em;padding: 2.5em 0.65em 1em 0.65em;}
#post .post_side {inline-size: 100%;}
#post .sidebar_side {inline-size: 101%;}
#post .page_navi {margin-block: 2.5em 4em;padding-block-start: 1.5em;}
#post .sidebar_side .widget {margin-block-end: 1.5em;}