@charset 'UTF-8';

/* 共通 */
/*------------------------------------------------------------------------------*/
html {
    font-size: 100%;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body#common {
    min-width: 320px;
    /*font-family: "Cardo","Hiragino Kaku Gothic ProN","メイリオ", sans-serif;*/
    font-family: "Cardo","Noto Serif JP", serif;
    /*font-family: "Cardo","Noto Sans JP", sans-serif;*/
    /*font-family: "Cardo","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;*/
    /*font-size: 16px;*/
    font-size: 14px;
    color: #3C3031;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
a {
    text-decoration: none;
}
a:visited {
    color: #3C3031;
}
p {
    line-height: 1.7;
}
img {
    max-width: 100%;
    height: auto;
}
.line-height20 {
    line-height: 2.0;
}
.background-maincolor {
    /*background-color: #EEDAD2;*/
    background-color: #f2e8de;
}
#wrapper {
    margin: 0 auto;
    min-width: 320px;
    /*min-height: 100%;*/
    height: auto;
}
.wrapper1200 {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
}
.wrapper600 {
    margin: 0 auto;
    max-width: 600px;
    min-width: 320px;
}
h1 {
    font-size: 16px;
}
h2 {
    text-align: center;
}
.h2-english {
    font-size: 3rem;
}
@media (max-width: 768px) {
	.h2-english {
        font-size: 2rem;
    }
}
.h2-japanese {
    font-size: 1rem;
}
.heading-3 {
    font-size: 1.5rem;
    font-weight: bold;
}
.h3-page {
    position: relative;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 3rem;
}
@media (max-width: 768px) {
    .h3-page {
        font-size: 1rem;
    }
}
.h3-page::after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 1px;
    background-color: #000;
}
.h3-inner {
    text-align: center;
}
.h3-english {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
.h3-english::before,
.h3-english::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #666;
}
.h3-english::before {
    margin-right: 1rem;
}
.h3-english::after {
    margin-left: 1rem;
}
.h3-japanese {
    font-size: .75rem;
}
.heading-4 {
    font-weight: bold;
}
.pageTitle {
    padding: 160px 0 80px;
    /*border-bottom: 1px solid #3C3031;*/
}
@media (max-width: 768px) {
	.pageTitle {
        padding: 128px 0 48px;
    }
}
.paddingArea {
    padding: 5rem 1rem;
}
.paddingAreaTop {
    padding: 5rem 1rem 0;
}
.paddingAreaBottom {
    padding: 0 1rem 5rem;
}
.paddingAreaHome {
    padding: 5rem 0;
}
@media (max-width: 768px) {
	.paddingAreaHome {
        padding: 5rem 1rem;
    }
}
.paddingAreaPage {
    padding: 5rem 0;
}
@media (max-width: 768px) {
	.paddingAreaPage {
        padding: 3rem 1rem;
    }
}
.margin5 {
    margin: 5rem auto;
}
.marginTop1 {
    margin-top: 1rem;
}
.marginTop2 {
    margin-top: 2rem;
}
.marginTop3 {
    margin-top: 3rem;
}
.marginTop4 {
    margin-top: 4rem;
}
.marginTop5 {
    margin-top: 5rem;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}

@media (min-width: 769px) { /* px以上のとき */
	.sp {
        display: none;
    }
}
@media (max-width: 768px) { /* px以内のとき */
	.pc {
        display: none;
    }
}
.pc,
.sp {
	display: block;
	width: 100%;
}
@media (min-width: 769px) {
	.sp {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.pc {
		display: none !important;
	}
}
.storeMain {
    position: relative;
}
.remarks {
    color: #888;
}
.red {
    color: #f00;
}
.pink {
    color: #ff0066;
}
.underline {
  text-decoration: underline;
}
.boxBtnLine {
    margin: 3rem 0 0;
    height: 50px;
    text-align: right;
}
.boxBtnLine a {
    padding: 18px 91px 18px 0;
    color: #A38438;
    background:
        url(/common/images/linkicon.png) no-repeat right 0 top 50%,
        linear-gradient(#A38438, #A38438) no-repeat bottom left;
    background-size:
        75px 50px,
        0 1px;
    display: inline-block;
    transition: 1s all;
}
.boxBtnLine a:hover {
    background-size:
        75px 50px,
        100% 1px;
}
.boxBtnSlide {
    text-align: center;
}
.boxBtnSlide a {
    position: relative;
    overflow: hidden;
    padding: 1rem 3rem 1rem 2rem;
    max-width: 300px;
    color: #A38438;
    text-align: center;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    display: inline-block;
    transition: 1s all;
    z-index: 1;
}
.boxBtnSlide a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(163,132,56,1) 0%, rgba(207,177,103,1) 50%, rgba(255,231,171,1) 100%);
    transform: scale(0, 1);
    transform-origin: left top;
    transition: 1s all;
    z-index: -1;
}
.boxBtnSlide a::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 38px;
    transform: rotate(45deg) translateY(-50%);
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #A38438 #A38438 transparent transparent;
    transition: 1s all;
}
.boxBtnSlide a:hover {
    color: #fff;
}
.boxBtnSlide a:hover::before {
    transform: scale(1, 1);
}
.btnCapsule{
    position: relative;
}
.btnCapsule a {
    padding: .5rem 0;
    width: 100%;
    color: #A38438;
    border-radius: 100px;
    background: rgba(255,255,255,1);
    display: inline-block;
    transition: 1s all;
    position: relative;
}
.btnCapsule a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid #A38438;
    border-radius: 50%;
    transition: 1s all;
}
.btnCapsule a::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 43px;
    transform: rotate(45deg) translateY(-50%);
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #A38438 #A38438 transparent transparent;
    transition: 1s all;
}
.btnCapsule .btnCapsuleInner {
    padding: 0 2rem;
    display: flex;
    justify-content: center;
}
.btnCapsule .btnCapsuleImg {
    height: 23px;
    margin-right: .5rem;
}
.fade-in {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease-out, transform 1s ease-out;
    transition-delay: 0s;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}
/*---手書き文字---*/
/* 共通の text クラス（id が text-1 ～ text-7） */
[id^="text-"] {
      fill: #fff;
}
/* 共通の mask-line スタイル（id が mask-line-1 ～ mask-line-7） */
[id^="mask-line-"] {
    stroke-dasharray: 3000px;
    stroke-dashoffset: 3000px;
    stroke: #fff;
    stroke-width: 3px;
    fill: none;
}
.animate-draw {
    animation: h-written 10s ease-out forwards;
}
@keyframes h-written {
    0% {
        stroke-dashoffset: 3000px;
    }
    100% {
        stroke-dashoffset: 0px;
    }
}

/* ヘッダー（headerTop.php） */
/*------------------------------------------------------------------------------*/
header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 100;
}
#containerHeader {
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;    
}
@media (max-width: 768px) {
	#containerHeader {
        padding: 0 1rem;
    }
}
#boxHeaderLogo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 105;
}
#headerLogo {
    height: 60px;
}
@media (max-width: 768px) {
	#headerLogo {
        height: 40px;
    }
}
#boxHeaderMenu .flexMenu {
    display: flex;
    text-align: center
}
@media (max-width: 1200px) {
	#boxHeaderMenu .flexMenu {
        display: none;
    }
}
#boxHeaderMenu .flexMenu li {
    margin-left: 1rem;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#boxHeaderMenu .flexMenu .contentMenu {
    color: #7a5445;
}
#boxHeaderMenu .flexMenu .englishText {
    width: 100%;
    height: auto;
    font-size: 18px;
}
#boxHeaderMenu .flexMenu .japaneseText {
    width: 100%;
    height: auto;
    font-size: 12px;
}
#boxHeaderMenu .flexMenu li.hasSubMenu {
    position: relative;
}
#boxHeaderMenu .flexMenu li.hasSubMenu .contentMenu {
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#boxHeaderMenu .flexMenu .headerSubMenu {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    padding: .5rem;
    min-width: 180px;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(122,84,69,0.2);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(60,48,49,0.12);
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    z-index: 10000;
}
#boxHeaderMenu .flexMenu li.hasSubMenu:hover .headerSubMenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
#boxHeaderMenu .flexMenu .headerSubMenu li {
    margin: 0;
    height: auto;
    display: block;
}
#boxHeaderMenu .flexMenu .headerSubMenu li + li {
    margin-top: .25rem;
}
#boxHeaderMenu .flexMenu .headerSubMenu a {
    padding: .65rem 1rem;
    color: #7a5445;
    text-align: center;
    border-radius: 999px;
    display: block;
    white-space: nowrap;
    transition: .3s all;
}
#boxHeaderMenu .flexMenu .headerSubMenu a:hover {
    color: #fff;
    background: #7a5445;
}
#boxHeaderMenu .flexMenu .mypageMenu {
    padding: .5rem 1rem;
    color: #fff;
    background-color: #00b6b8;
    opacity: .8;
    border-radius: 5px;
}
#boxHeaderMenu .flexMenu .recruitMenu {
    padding: .5rem 1rem;
    color: #fff;
    background-color: #ff9999;
    opacity: .8;
    border-radius: 5px;
}
/* MENU(SP用ハンバーガーメニュー) */
@media (min-width: 1201px) { /* px以上のとき */
    #js-menu {
		display: none;
	}
}
.btn-menu {
    position: absolute;
	top: 20px;
	right: 2rem;
	width: 50px;
	height: 40px;
	z-index: 300;
	cursor: pointer;
}
@media (max-width: 768px) {
	.btn-menu {
		right: 1rem;
	}
}
.hamburger-line {
    position: absolute;
	height: 1px;
	background-color: #7a5445;
	border-radius: 10px;
	transition: all 1s;
}
.hamburger-line-1 {
	top: 1px;
    right: 0;
    width: 50px;
}
.hamburger-line-2 {
	top: 20px;
    right: 25px;
    width: 25px;
}
.hamburger-line-3 {
	top: 39px;
    right: 10px;
    width: 40px;
}
.open .hamburger-line-1 { /* ハンバーガーがクリックされたら */
	top: 20px;
    right: 0;
    width: 50px;
	background-color: #fff;
	transform: rotate(-45deg);
}
.open .hamburger-line-2 { /* ハンバーガーがクリックされたら */
	opacity: 0;
}
.open .hamburger-line-3 { /* ハンバーガーがクリックされたら */
	top: 20px;
    right: 0;
    width: 50px;
	background-color: #fff;
	transform: rotate(45deg);
}
.main-nav {
    position: absolute;
	top: 80px;
	right: -100%; /* ハンバーガーがクリックされる前はWindow右側に隠す */
	width: 450px;
	background-color: #CFA492;
	z-index: 200;
	transition: all 1s;
	overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
@media (max-width: 768px) {
	.main-nav {
		max-width: 100%;
	}
}
.open .main-nav { /* ハンバーガーがクリックされたら右からスライド */
	right: 0;
}
.main-nav li:not(:last-child) {
	border-bottom: 1px solid #fff;
}
.main-nav li a {
	padding: .75rem 2rem;
	color: #fff;
	display: block;
}
.main-nav li .text01 {
    width: 80px;
    display: inline-block;
}
.main-nav .spHeaderSubMenu {
	display: grid;
	grid-template-rows: 0fr;
	background-color: #ddc1b8;
	transition: grid-template-rows 1s ease;
}
.main-nav .spHeaderSubMenu > ul {
	overflow: hidden;
	min-height: 0;
}
.main-nav .spSubMenuBlock.open .spHeaderSubMenu {
	grid-template-rows: 1fr;
}
.main-nav .spHeaderSubMenu li:first-child {
	border-top: 1px solid #fff;
}
.main-nav li .mypageMenu {
    background-color: #00b6b8;
    opacity: .8;
}
.main-nav li .recruitMenu {
    background-color: #ff9999;
    opacity: .8;
}
.background-black { /* 背景（背景がクリックされたらOPEN解除） */
    visibility: hidden;
    position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: 0;
	transition: all 1s;
	cursor: pointer;
}
.open .background-black { /* ハンバーガーがクリックされたら表示 */
    visibility: visible;
	opacity: 0.5;
	z-index: 100;
}

/* メインビジュアルエリア（area_mainvisual.php） */
/*------------------------------------------------------------------------------*/
#area_mainvisual .containerMainvisual {
    position: relative;
}
#area_mainvisual picture, 
#area_mainvisual img {
    width: 100%;
    display: block;
    height: auto;
}
#area_mainvisual .text-anim-target {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%;
    z-index: 2;
    pointer-events: none;
}
#area_mainvisual .text-anim-target svg {
    width: 50%;
    padding: 0 2rem;
}
@media (max-width: 768px) {
    #area_mainvisual .text-anim-target svg {
        width: 100%;
        padding: 0 1rem;
    }
}

/* コンセプトエリア（area_concept.php） */
/*------------------------------------------------------------------------------*/
#area_concept {
    position: relative;
    z-index: 0;
    overflow-x: hidden;
}
#area_concept .paddingAreaTop {
    padding: 5rem 1rem 3rem;
}
#area_concept .containerConcept {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    z-index: -1;
}
@media (max-width: 768px) {
    #area_concept .containerConcept {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0 1rem;
    }
}
#area_concept .boxConceptImg {
    width: 80%;
    position: relative;
    flex: 1;
}
@media (max-width: 768px) {
    #area_concept .boxConceptImg {
        width: 100vw;
        display: flex;
        justify-content: flex-end;
        left: -1rem;
    }
}
#area_concept .boxConceptImg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(242, 232, 222, 0.7) 100%);
    z-index: 2;
}
@media (max-width: 768px) {
    #area_concept .boxConceptImg::before {
        background-image: none;
    }
}
@media (max-width: 768px) {
    #area_concept .itemConceptImg {
        width: 85%;
    }
}
#area_concept h3 {
    color: #7a5445;
    font-size: 2.5rem;
    font-weight: 500;
    position: absolute;
    bottom: 5%;
    padding: 0 2rem;
    z-index: 14;
}
@media (max-width: 768px) {
    #area_concept h3 {
        font-size: 1.25rem;
        left: 1rem;
        padding: 0;
    }
}
#area_concept .boxConceptText {
    position: absolute;
    top: 50%;
    /*right: 3rem;*/
    right: 5%;
    max-width: 520px;
    width: auto;
    transform: translateY(-50%);
    z-index: 15;
}
@media (max-width: 768px) {
    #area_concept .boxConceptText {
        position: static;
        order: 2;
        margin-top: 2rem;
        top: 0;
        width: 100%;
        transform: translateY(0);
    }
}
#area_concept .boxConceptTextInner {
    display: inline-block;
    padding: 2rem;
}
@media (max-width: 768px) {
    #area_concept .boxConceptTextInner {
        padding: 0 1rem;
    }
}
#area_concept .boxConceptTextInner::before,
#area_concept .boxConceptTextInner::after {
    content:'';
    position: absolute;
    width: 65px;
    height: 65px;
    rotate: 45deg;
}
@media (max-width: 768px) {
    #area_concept .boxConceptTextInner::before,
    #area_concept .boxConceptTextInner::after {
        content: none;
    }
}
#area_concept .boxConceptTextInner::before {
    border-right: solid 1px #7a5445;
    bottom:2px;
    right: 2px;
}
#area_concept .boxConceptTextInner::after {
    border-left: solid 1px #7a5445;
    top:2px;
    left: 2px;
}
#area_concept .boxConceptTextInner p {
    /*font-size: 1.25rem;
    line-height: 2.0;*/
    font-size: 1.35rem;
    color: #7a5445;
    line-height: 2.1;
    letter-spacing: .04em;
}
@media (max-width: 768px) {
    #area_concept .boxConceptTextInner p {
        font-size: 14px;
    }
}
#area_concept .containerConcept .bg_circle3 {
    position: absolute;
    top: clamp(20%, 10vw, 25%);
    left: calc((100vw - 100%) / -2);
    width: clamp(100px, 25vw, 250px);
    height: auto;
    z-index: 13;
}
@media (max-width: 768px) {
    #area_concept .containerConcept .bg_circle3 {
        top: 10%;
    }
}
#area_concept .containerConcept .bg_circle2 {
    position: absolute;
    right: calc((100vw - 100%) / -2);
    bottom: calc(-5.5rem - 50px);
    width: clamp(300px, 50vw, 700px);
    height: auto;
    z-index: -1;
}
@media (max-width: 768px) {
    #area_concept .containerConcept .bg_circle2 {
        right: -50%;
        bottom: -2rem;
    }
}

/* スライドバナーエリア（mainImg.php） */
/*------------------------------------------------------------------------------*/
#mainImg li {
    position: relative;
    width: 100%;
}
#mainImg li a {
    position: relative;
    width: 100%;
    display: block;
}
#mainImg .bx-controls {
    position: static;
    padding: 3% 0 0;
    width: 100%;
}
#mainImg li img {
    border-radius: 10px;
}

/* ニュースエリア（area_news.php） */
/*------------------------------------------------------------------------------*/
#area_news li {
    position: relative;
    /*padding: 1rem 3rem 1rem 1rem;*/
    padding: 1rem;
    border-top: 1px solid #7a5445;
}
#area_news li:last-child {
    border-bottom: 1px solid #7a5445;
}
#area_news li .contentsArea {
    padding: 1rem 0 0;
    width: 100%;
    max-width: 600px;
    /*min-width: 320px;*/
    overflow-wrap: anywhere;
    word-break: break-word;
}
#area_news li .contentsArea img {
    margin: 0 auto;
    border-radius: 10px;
    display: block;
}
/*#area_news li .openBtn .btn_down {
    position: absolute;
    top: 30px;
    right: 1rem;
    margin: 0;
    padding: 0;
}
#area_news li .openBtn .btn_down a {
    font-size: 10px;
	color: #7a5445;
    display: inline-block;
}*/
#area_news li .titleArea {
    position: relative;
    padding: 1rem 2rem 1rem 0;
}
#area_news li .titleArea::before,
#area_news li .titleArea::after {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #3C3031;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#area_news li .titleArea::after {
    transform: translateY(-50%);
    rotate: 90deg;
    transition: rotate .3s;
}
#area_news li.open .titleArea::after {
    rotate: 0deg;
}

/* サービスエリア（area_service.php） */
/*------------------------------------------------------------------------------*/
#area_service .containerService {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
#area_service .containerService .item01 {
    grid-row: 1 / 3;
	grid-column: 1 / 3;
} 
#area_service .containerService .item10 {
    grid-row: 3 / 5;
	grid-column: 3 / 5;
} 
#area_service .containerService img {
    border-radius: 10px;
}

/* ナビエリア（メニュー&セラピスト）（area_navi_01.php） */
/*------------------------------------------------------------------------------*/
#area_navi_01 .containerNavi01 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
@media (max-width: 768px) {
	#area_navi_01 .containerNavi01 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}
#area_navi_01 .boxNavi01 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
#area_navi_01 .boxNavi01 img {
    width: 600px;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 10px;
    transition: 1s all;
}
#area_navi_01 .boxNavi01 p {
    position: absolute;/*重ねたい子要素にabsolute*/
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
    -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
    transform: translate(-50%,-50%);/*センター寄せの修正*/
    margin: 0!important;/*文字がずれている場合や*/
    padding: 0!important;/*文字が折り返される場合*/
    width: 200px;
    height: 200px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 1s all;
}
#area_navi_01 .boxNavi01 a:hover img {
    transform: scale(1.2);
    transition: 1s all;
}
#area_navi_01 .boxNavi01 a:hover p {
    color: #000;
    background-color: #fff;
    opacity: .8;
    transition: 1s all;
}
#area_navi_01 .boxNavi01 .textEnglish {
    width: 100%;
    height: auto;
    font-size: 24px;
}
#area_navi_01 .boxNavi01 .textJapanese {
    width: 100%;
    height: auto;
    font-size: 16px;
}

/* フリースペースエリア（area_freespeace.php） */
/* フリースペース2エリア（area_freespeace2.php） */
/* フリースペース3エリア（area_freespeace3.php） */
/* フリースペース4エリア（area_freespeace4.php） */
/* フリースペース5エリア（area_freespeace5.php） */
/*------------------------------------------------------------------------------*/
.h2-freespeace {
    font-size: 3rem;
}
@media (max-width: 768px) {
	.h2-freespeace {
        font-size: 2rem;
    }
}
#area_news_f img {
    margin: 0 auto;
    border-radius: 10px;
    display: block;
}

/* アクセスエリア（area_access.php） */
/*------------------------------------------------------------------------------*/
#area_access .containerAccess {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
#area_access .containerAccess .boxAccess {
    padding: 2.5rem 2rem;
    background: linear-gradient(180deg, rgba(255,255,255,0.58), rgba(242,232,222,0.58));
    border: 1px solid rgba(122,84,69,0.2);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(60,48,49,0.08);
}
@media (max-width: 768px) {
    #area_access .containerAccess .boxAccess {
        padding: 2rem 1.25rem;
    }
}
#area_access .containerAccess .boxAccess h3 {
    margin-top: .75rem;
    color: #3C3031;
    font-size: 1.25rem;
    line-height: 1.6;
}
@media (max-width: 768px) {
    #area_access .containerAccess .boxAccess h3 {
        font-size: 1rem;
    }
}
#area_access .containerAccess .boxAccess .accessArea {
    color: #7a5445;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: .06em;
}
@media (max-width: 768px) {
    #area_access .containerAccess .boxAccess .accessArea {
        font-size: 1.6rem;
    }
}
#area_access .containerAccess .boxAccess .itemAddress {
    font-size: 1rem;
}
@media (max-width: 768px) {
    #area_access .containerAccess .boxAccess .itemAddress {
        font-size: 14px;
    }
}
/*
#area_access .accessBtnArea .boxBtnLine {
    margin-top: 1.5rem;
}*/
@media (max-width: 768px) {
    #area_access .containerAccess {
        grid-template-columns: 1fr;
    }
}
/* Coming Soon */
#area_access .comingSoon {
    margin-top: 1.5rem;
    padding: 1.5rem 1rem;
    border: 1px solid rgba(122,84,69,0.15);
    border-radius: 14px;
    background: rgba(255,255,255,0.5);
    text-align: center;
}
#area_access .comingSoon .comingSoonEn {
    color: #7a5445;
    font-size: 1.5rem;
    letter-spacing: .08em;
    line-height: 1;
}
#area_access .comingSoon .comingSoonJa {
    margin-top: .75rem;
    font-size: 1rem;
    color: #3C3031;
}

/* ご予約エリア（area_reserve.php） */
/*------------------------------------------------------------------------------*/
#area_reserve .containerReserve {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
@media (max-width: 768px) {
    #area_reserve .containerReserve {
        grid-template-columns: 1fr;
    }
}
#area_reserve .containerReserve.reserveCount_osakaumeda,
#area_reserve .containerReserve.reserveCount_shinsaibashi {
    max-width: 600px;
    margin: 3rem auto 0;
    grid-template-columns: 1fr;
    justify-content: center;
}
#area_reserve .boxReserve {
    padding: 2.5rem 2rem;
    background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(237,225,221,0.72));
    border: 1px solid rgba(122,84,69,0.2);
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(60,48,49,0.08);
}
@media (max-width: 768px) {
    #area_reserve .boxReserve {
        padding: 2rem 1.25rem;
    }
}
#area_reserve .reserveArea {
    color: #7a5445;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: .06em;
    text-align: center;
}
@media (max-width: 768px) {
    #area_reserve .reserveArea {
        font-size: 1.6rem;
    }
}
#area_reserve .h3-reserve {
    margin-top: .75rem;
    padding-bottom: 1.25rem;
    color: #3C3031;
    font-size: 1.25rem;
    text-align: center;
    border-bottom: 1px solid rgba(122,84,69,0.35);
}
@media (max-width: 768px) {
    #area_reserve .h3-reserve {
        font-size: 1rem;
    }
}
#area_reserve .reserveInfo {
    text-align: center;
}
#area_reserve .reserveInfo .title {
    padding: .5rem;
    color: #fff;
    background: linear-gradient(90deg, #7a5445, #b79a8e);
    border-radius: 5px;
}
#area_reserve .reserveInfo .hours {
    font-size: 1.25rem;
}
#area_reserve .reserveTerms {
    text-align: center;
}
@media (max-width: 768px) {
    #area_reserve .reserveTerms {
        text-align: left;
    }
}
#area_reserve .btnCapsuleIcon {
    margin-right: .5rem;
    padding: .15rem .5rem;
    color: #fff;
    background: #7a5445;
    border-radius: 5px;
}
/* Coming Soon */
#area_reserve .comingSoon {
    padding: 1.5rem 1rem;
    border: 1px solid rgba(122,84,69,0.15);
    border-radius: 14px;
    background: rgba(255,255,255,0.55);
    text-align: center;
}
#area_reserve .comingSoon .comingSoonEn {
    color: #7a5445;
    font-size: 1.5rem;
    letter-spacing: .08em;
    line-height: 1;
}
#area_reserve .comingSoon .comingSoonJa {
    margin-top: .75rem;
    font-size: 1rem;
    color: #3C3031;
}

/* フッター（footerInfo.php） */
/*------------------------------------------------------------------------------*/
#footerInfo {
    padding: 10rem 2rem 2rem;
    color: #fff;
	/*background-color: #494848;*/
    /*background-color: #4C4C4C;*/
    background: linear-gradient(90deg, #7a5445, #b79a8e);
    clip-path: ellipse(80% 100% at 50% 100%);
}
@media (max-width: 768px) {
    #footerInfo {
        padding: 8rem 2rem 2rem;
        clip-path: ellipse(100% 100% at 50% 100%);
    }
}
#boxFooterLogo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#footerLogo {
    height: 80px;
}
@media (max-width: 768px) {
    #footerLogo {
        height: 60px;
    }
}
.boxFooterSns {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    fill: #fff;
}
.boxFooterSns li {
    margin: 0 .5rem;
}
.boxFooterSns img {
    width: 30px;
    height: 30px;
}
.boxFooterNav {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.boxFooterNav li {
    padding: 0 1rem;
}
.boxFooterNav li a {
    font-size: .75rem;
    color: #fff;
}
#logout-login #logoutSituation,
#logout-login #loginSituation {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    width: auto;
    height: 50px;
    z-index: 101;
}
#logout-login #logoutSituation a {
    padding: 0 1rem;
	width: auto;
	height: 100%;
    color: #fff;
    text-align: center;
    background-color: #00b6b8;
    opacity: .8;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#logout-login #loginSituation p {
    padding: 0 1rem;
	width: auto;
	height: 100%;
    color: #fff;
    text-align: center;
    background-color: #ff0066;
    opacity: .8;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
	#logout-login #logoutSituation,
    #logout-login #loginSituation {
		bottom: .5rem;
        left: .5rem;
	}
}
#pageTop {
    /*position: fixed;
	right: 1rem;
	bottom: 1rem;
	width: 50px;
	height: 50px;
	background: #7a5445;
	opacity: .8;
	border-radius: 50%;
    z-index: 100;*/
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 50px;
    height: 50px;
    z-index: 100;
}
@media (max-width: 768px) {
	#pageTop {
		right: .5rem;
		bottom: .5rem;
	}
}
/*#pageTop::before { 
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
}*/
.copyright {
    margin-top: 2rem;
    font-size: .75rem;
    text-align: center;
}
@media (max-width: 768px) {
	.copyright {
		margin-bottom: 2rem;
	}
}

/* ホームに戻るボタンエリア（area_returnToHome.php） */
/*------------------------------------------------------------------------------*/
#area_returnToHome .boxBtnLine {
    margin: 0 0 0;
}

/* コンセプト画面（storeConcept.php） */
/*------------------------------------------------------------------------------*/
.storeConcept {
    position: relative;
    z-index: 0;
    overflow-x: hidden;
}
.storeConcept .storeConceptLead {
    text-align: center;
    position: relative;
}

.storeConcept .storeConceptLead h3 {
    color: #7a5445;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
    line-height: 1.7;
    letter-spacing: .06em;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

.storeConcept .storeConceptLeadEn {
    margin-top: -1.2rem;
    color: rgba(122,84,69,0.14);
    font-size: clamp(2.5rem, 7vw, 6rem);
    line-height: 1;
    letter-spacing: .06em;
    position: relative;
    z-index: 1;
}


.storeConcept .containerStoreConceptTop {
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 1200px;
    position: relative;
}



.storeConcept .storeConceptIntro {
    margin-top: 5rem;
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 5rem;
    align-items: center;
}

.storeConcept .storeConceptIntroImg {
    border-radius: 180px 180px 10px 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(60,48,49,0.08);
}

.storeConcept .storeConceptIntroImg img {
    width: 100%;
    display: block;
}

.storeConcept .storeConceptIntroText {
    padding: 3.5rem 3rem;
    background: rgba(255,255,255,0.48);
    border: 1px solid rgba(122,84,69,0.16);
    border-radius: 18px;
    position: relative;
}

.storeConcept .storeConceptIntroText::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    width: 42px;
    height: 42px;
    border-top: 1px solid rgba(122,84,69,0.55);
    border-left: 1px solid rgba(122,84,69,0.55);
}

.storeConcept .storeConceptIntroText::after {
    content: "";
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    width: 42px;
    height: 42px;
    border-right: 1px solid rgba(122,84,69,0.55);
    border-bottom: 1px solid rgba(122,84,69,0.55);
}

.storeConcept .storeConceptIntroText p {
    line-height: 2.15;
    letter-spacing: .035em;
}






@media (max-width: 768px) {
    .storeConcept .containerStoreConceptTop {
        padding: 0;
    }

    .storeConcept .storeConceptLead {
        /*padding: 0 1rem;*/
        overflow: hidden;
    }

    .storeConcept .storeConceptLead h3 {
        font-size: 1.25rem;
        line-height: 1.8;
    }

    .storeConcept .storeConceptLeadEn {
        margin-top: -.65rem;
        font-size: 2.1rem;
        letter-spacing: .02em;
        white-space: nowrap;
    }

    .storeConcept .storeConceptIntro {
        margin-top: 4rem;
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
    }

    .storeConcept .storeConceptIntroImg {
        width: calc(100% + 2rem);
        margin-left: -1rem;
        margin-right: -1rem;
        border-radius: 0 80px 0 0;
        box-shadow: none;
    }

    .storeConcept .storeConceptIntroText {
        margin: 0 1rem;
        padding: 3rem 2rem;
        border-radius: 14px;
    }
    .storeConcept .storeConceptIntroText::before {
        top: 1.5rem;
        left: 1.5rem;
    }
    .storeConcept .storeConceptIntroText::after {
        right: 1.5rem;
        bottom: 1.5rem;
    }

    .storeConcept .storeConceptIntroText p {
        font-size: 14px;
        line-height: 2.15;
        letter-spacing: .04em;
    }
}











/*
.storeConcept .containerStoreConceptTop {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}
@media (max-width: 768px) {
    .storeConcept .containerStoreConceptTop {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}
.storeConcept .boxStoreConceptTopImg {
    width: 80%;
    position: relative;
    flex: 1;
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopImg {
        width: 100%;
        left: 0;
    }
}
.storeConcept .boxStoreConceptTopImg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(242, 232, 222, 0.7) 100%);
    z-index: 2;
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopImg::before {
        background-image: none;
    }
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopImgInner {
        margin-right: -2rem; 
    }
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopImgInner img.sp {
        width: 85%;
        display: block;
        margin-left: auto;
    }
}
.storeConcept .containerStoreConceptTop h3 {
    font-size: 2.5rem;
    font-weight: 500;
    position: absolute;
    bottom: 5%;
    padding: 0 2rem;
    z-index: 14;
}
@media (max-width: 768px) {
    .storeConcept .containerStoreConceptTop h3 {
        font-size: 1.25rem;
        padding: 0;
    }
}
.storeConcept .containerStoreConceptTop .bg_circle3 {
    position: absolute;
    top: clamp(20%, 10vw, 25%);
    left: calc((100vw - 100%) / -2);
    width: clamp(100px, 25vw, 250px);
    height: auto;
    z-index: 13;
}
@media (max-width: 768px) {
    .storeConcept .containerStoreConceptTop .bg_circle3 {
        top: 8%;
    }
}
.storeConcept .containerStoreConceptTop .bg_circle2 {
    position: absolute;
    right: calc((100vw - 100%) / -2);
    bottom: -5rem;
    width: clamp(300px, 50vw, 700px);
    height: auto;
    z-index: -1;
}
@media (max-width: 768px) {
    .storeConcept .containerStoreConceptTop .bg_circle2 {
        right: -90%;
        bottom: 5rem;
        width: 450px;
    }
}
.storeConcept .boxStoreConceptTopText {
    position: absolute;
    top: 50%;
    right: 3rem;
    width: 35%;
    transform: translateY(-50%);
    z-index: 15;
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopText {
        position: static;
        order: 2;
        margin-top: 2rem;
        top: 0;
        width: 100%;
        transform: translateY(0);
    }
}
.storeConcept .boxStoreConceptTopTextInner {
    position: relative;
    padding: 2rem 1rem;
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopTextInner {
        padding: 0 1rem;
    }
}
.storeConcept .boxStoreConceptTopTextInner::before,
.storeConcept .boxStoreConceptTopTextInner::after {
    content:'';
    position: absolute;
    width: 65px;
    height: 65px;
    rotate: 45deg;
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopTextInner::before,
    .storeConcept .boxStoreConceptTopTextInner::after {
        content: none;
    }
}
.storeConcept .boxStoreConceptTopTextInner::before {
    border-right: solid 1px #3c3031;
    bottom:2px;
    right: 2px;
}
.storeConcept .boxStoreConceptTopTextInner::after {
    border-left: solid 1px #3c3031;
    top:2px;
    left: 2px;
}
.storeConcept .boxStoreConceptTopText p {
    font-size: 1rem;
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptTopText p {
        font-size: 14px;
    }
}
*/




.storeConcept .containerStoreConceptPromise {
    margin-top: 10rem;
    display: flex;
    gap: 5rem;
    align-items: center;    
}
@media (max-width: 768px) {
    .storeConcept .containerStoreConceptPromise {
        margin-top: 5rem;
        flex-direction: column;
        gap: 0;
    }
}
.storeConcept .boxStoreConceptPromiseImg,
.storeConcept .boxStoreConceptPromiseText {
    flex: 1;
}
.storeConcept .boxStoreConceptPromiseImg img {
    border-radius: 10px;
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptPromiseText {
        margin-top: 2rem;
    }
}
@media (max-width: 768px) {
    .storeConcept .boxStoreConceptPromiseText ul {
        margin: 1rem 1rem 0;
    }
}
.storeConcept .boxStoreConceptPromiseText ul li {
    border-bottom: 1px dotted #A38438;
    display: flex;
    align-items: center;
}
.storeConcept .boxStoreConceptPromiseText ul li img {
    width: 80px;
}

/* ニュース画面（area_newsList.php） */
/*------------------------------------------------------------------------------*/
.newsMain .tabArea {
	border-bottom: 1px solid #7a5445;
}
.newsMain .tabArea .tabArea_main {
    width: 100%;
	display: table;
}
.newsMain .tabArea .tabArea_main div.tabBox {
    padding: 1rem;
	width: 33.33%;
	color: #7f7f7f;
	text-align: center;
	background-color: #dfdfdf;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);*/
	display: table-cell;
    vertical-align: middle;
	/*cursor: pointer;*/
}
.newsMain .tabArea .tabArea_main .current {
	color: #fff!important;
	background-color: #72605E!important;
}
.newsMain .tabArea .tabArea_main .tabBox span {
	width: 100%;
}
.newsMain .tabArea .tabArea_main .tabBox a {
	color:#7f7f7f;
    text-decoration:none;
}
.newsMain .tabArea .tabArea_main .tabBox.current a{
	color:#fff;
}
#eventArea .eventBox {
    position: relative;
    padding: 1rem;
	border-bottom: 1px solid #7a5445;
}
#eventArea .eventBox .eventContents {
    padding: 1rem 0 0;
    width: 100%;
    max-width: 600px;
    /*min-width: 320px;*/
    overflow-wrap: anywhere;
    word-break: break-word;
}
#eventArea .eventBox .eventContents img {
    margin: 0 auto;
    border-radius: 10px;
    display: block;
}
/*#eventArea .eventBox .openBtn .btn_down {
    position: absolute;
    top: 30px;
    right: 1rem;
    margin: 0;
    padding: 0;
}
#eventArea .eventBox .openBtn .btn_down a {
    display: inline-block;
    font-size: 10px;
	color: #7a5445;
}*/

#eventArea li .eventTitle {
    position: relative;
    padding: 1rem 2rem 1rem 0;
}
#eventArea li .eventTitle::before,
#eventArea li .eventTitle::after {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #3C3031;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#eventArea li .eventTitle::after {
    transform: translateY(-50%);
    rotate: 90deg;
    transition: rotate .3s;
}
#eventArea li.open .eventTitle::after {
    rotate: 0deg;
}
#eventArea li.eventBox.no-news .eventTitle::before,
#eventArea li.eventBox.no-news .eventTitle::after {
  display: none;
}
#eventArea li.eventBox.no-news {
  cursor: default;
}

/* サービス画面（storeService.php） */
/*------------------------------------------------------------------------------*/
.storeService .containerStoreServiceTop {
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    z-index: 5;
}
@media (max-width: 768px) {
    .storeService .containerStoreServiceTop {
        display: flex;
        flex-direction: column;
    }
}
.storeService .boxStoreServiceTopInfo {
    position: absolute;
    top: 50%;
    left: 10%;
    width: auto;
    transform: translateY(-50%);
    z-index: 10;
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceTopInfo {
        position: static;
        order: 2;
        margin-top: 2rem;
        padding: 0 1rem;
        top: 0;
        width: 100%;
        transform: translateY(0);
    }
}
.storeService .boxStoreServiceTopInfo h3 {
    font-size: 1.5rem;
    font-weight: bold;
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceTopInfo h3 {
        font-size: 1.3rem;
    }
}
.storeService .boxStoreServiceTopInfo p {
    font-size: 1rem;
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceTopInfo p {
        font-size: 14px;
    }
}
.storeService .boxStoreServiceTopInfo .itemText {
    margin-top: 4rem;
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceTopInfo .itemText {
        margin-top: 2rem;
    }
}
.storeService .boxStoreServiceTopImg {
    width: 80%;
    position: relative;
    left: 20%;
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceTopImg {
        width: 100vw;
        display: flex;
        justify-content: flex-end;
        left: -1rem;
    }
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceTopImgInner {
        width: 85%;
    }
}
.storeService .boxStoreServiceTopImgInner img.service_lead {
    position: absolute;
    width: 25%;
    top: -2.5rem;
    left: -5%;
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceTopImgInner img.service_lead {
        width: 50%;
        top: -1.5rem;
        left: 0;
    }
}
.storeService .containerStoreServiceTop .bg_circle1 {
    position: absolute;
    top: -5rem;
    /*top: clamp(-30%, -10vw, -25%);*/
    left: calc((100vw - 100%) / -2);
    width: clamp(300px, 50vw, 700px);
    height: auto;
    z-index: -5;
}
@media (max-width: 768px) {
    .storeService .containerStoreServiceTop .bg_circle1 {
        top: -3rem;
    }
}
.storeService .containerStoreServiceTop .bg_circle2 {
    position: absolute;
    bottom: -5rem;
    right: calc((100vw - 100%) / -2);
    width: clamp(300px, 50vw, 700px);
    height: auto;
    z-index: -5;
}
@media (max-width: 768px) {
    .storeService .containerStoreServiceTop .bg_circle2 {
        display: none;
    }
}
.storeService .containerStoreServiceFlow {
    margin-top: 10rem;
}
@media (max-width: 768px) {
    .storeService .containerStoreServiceFlow {
        margin-top: 5rem;
    }
}
.storeService .containerStoreServiceFlow ul {
    margin-top: 1rem;
}
@media (max-width: 768px) {
    .storeService .containerStoreServiceFlow ul {
        width: 100%;
    }
}
.storeService .containerStoreServiceFlow ul li {
    padding: 1rem 2rem;
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
    position: relative;
}
.storeService .containerStoreServiceFlow ul li + li {
    margin-top: 3rem;
}
.storeService .containerStoreServiceFlow ul li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 25px solid transparent;
    border-top-color: #7a5445;
    transform: translateX(-50%);
}
.storeService .containerStoreServiceFlow h4 {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    /*margin-bottom: 1rem;*/
    color: #7a5445;
    border-bottom: 1px solid #7a5445;

}
.storeService .containerStoreServiceFlow .h4-step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 1;    
    background: #7a5445;
    border-radius: 50%;
}
.storeService .containerStoreServiceFlow .h4-number {
    font-size: clamp(1.5rem, 1vw, 2rem);
    line-height: 1;
}
.storeService .containerStoreServiceFlow .h4-title {
    margin-left: .5rem;
    /*width: 80%;*/
    font-size: 1.25rem;
}
.storeService .storeServiceFlowInner {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
@media (max-width: 768px) {
	.storeService .storeServiceFlowInner {
		flex-direction: column;
	}
}
.storeService .boxStoreServiceFlowImg {
    flex: 0 0 30%;
}
@media (max-width: 768px) {
    .storeService .boxStoreServiceFlowImg {
        flex: none;
        width: 50%;
    }
}
.storeService .boxStoreServiceFlowImg img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.storeService .storeServiceFlowInner p {
    flex: 1;
    margin: 0;
}
@media (max-width: 768px) {
    .storeService .storeServiceFlowInner p {
        width: 100%;
    }
}

/* メニュー画面（storeMenu.php） */
/*------------------------------------------------------------------------------*/
.storeMenu .containerCourse {
    display: flex;
    justify-content: center;
    gap: 5rem;
}
.storeMenu .containerWomanCourse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 5rem;
}
.storeMenu .containerOption {
    display: flex;
    justify-content: center;
    gap: 5rem;
}
@media (max-width: 768px) { /* px以内のとき */
	.storeMenu .containerCourse,
    .storeMenu .containerWomanCourse,
    .storeMenu .containerOption {
		flex-direction: column;
        gap: 0;
	}
}
.storeMenu .boxStoreMenuImg,
.storeMenu .boxStoreMenuInfo {
    flex: 1;
}
.blur {
    position: relative;
    font-size: 0;
    line-height: 0;
    border-radius: 10px;
    display: inline-block;
}
.blur:after {
    content: " ";
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    -moz-box-shadow: inset 0px 0px 15px 15px #f2e8de;
    -webkit-box-shadow: inset 0px 0px 15px 15px #f2e8de;
    box-shadow: inset 0px 0px 15px 15px #f2e8de;
}
.storeMenu .boxStoreMenuImg img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
}
@media (max-width: 768px) { /* px以内のとき */
	.storeMenu .boxStoreMenuInfo {
		margin-top: 2rem;
	}
}
.storeMenu .boxStoreMenuInfo ul {
    margin-top: 2rem;
    padding: 0 2rem;
    border-left: 3px solid #A38438;
}
@media (max-width: 768px) { /* px以内のとき */
    .storeMenu .boxStoreMenuInfo ul {
        padding: 0 1rem;
    }
}
.storeMenu li.listItemStoreMenuTitle {
    font-size: 1.25rem;
}
.storeMenu li.listItemStoreMenu {
    padding: .5rem;
    width: 100%;
    border-bottom: #fff 1px dotted;
    display: inline-flex;
    align-items: center;
}
.storeMenu li.listItemStoreMenu .menu {
    margin-right:auto;
    font-size: 1rem;
}
@media (max-width: 768px) { /* px以内のとき */
    .storeMenu li.listItemStoreMenu .menu {
        font-size: inherit;
    }
}
.storeMenu li.listItemStoreMenu .amount {
    font-size: 1.5rem;
    color: #A38438;
}
@media (max-width: 768px) { /* px以内のとき */
    .storeMenu li.listItemStoreMenu .amount {
        font-size: 1rem;
    }
}
.storeMenu li.listItemStoreMenu .tax {
    color: #A38438;
}
@media (max-width: 768px) { /* px以内のとき */
    .storeMenu .boxStoreMenuInfoInner {
        padding: 0 1rem;
    }
}
.storeMenu .boxStoreMenuInfoInner p.caution {
    font-size: .75rem;
}
.storeMenu ul p.caution {
    padding: .5rem;
    font-size: .75rem;
}

/* セラピスト（一覧）画面（girls_ResultsArea.php） */
/*------------------------------------------------------------------------------*/
.girls_ResultsArea .search_shop {
    margin: 0 auto 2rem;
    padding: .4rem;
    max-width: 720px;
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(122,84,69,0.25);
    border-radius: 999px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem;
    box-shadow: 0 8px 24px rgba(60,48,49,0.08);
}
@media (max-width: 768px) {
    .girls_ResultsArea .search_shop {
        border-radius: 18px;
        grid-template-columns: 1fr;
    }
}
.girls_ResultsArea .search_shop li {
    list-style: none;
}
.girls_ResultsArea .search_shop input {
    display: none;
}
.girls_ResultsArea .search_shop label {
    padding: .85rem 1rem;
    width: 100%;
    color: #7a5445;
    text-align: center;
    border-radius: 999px;
    display: block;
    cursor: pointer;
    transition:
        background-color .4s ease,
        color .4s ease,
        box-shadow .4s ease,
        transform .4s ease;
    letter-spacing: .04em;
}
@media (max-width: 768px) {
    .girls_ResultsArea .search_shop label {
        padding: .75rem 1rem;
    }
}
.girls_ResultsArea .search_shop input:checked + label {
    color: #fff;
    background: linear-gradient(90deg, #7a5445, #b79a8e);
    /*box-shadow: 0 4px 14px rgba(122,84,69,0.25);*/
    /*transform: translateY(-2px);*/
}
.girls_ResultsArea .search_shop label:hover {
    background: rgba(255,255,255,0.9);
}
.girls_ResultsArea .search_shop input:checked + label:hover {
    background: linear-gradient(90deg, #7a5445, #b79a8e);
}
@media (max-width: 768px) {
    .girls_ResultsArea .search_shop label {
        padding: .75rem 1rem;
    }
}
.girls_ResultsArea .containerGirlsResultsAreaNumber {
    text-align: right;
}
.girls_ResultsArea .containerGirlsResultsAreaList {
    margin: 1rem 0 0;
    animation: fadeGirlsList .6s ease;
}
@keyframes fadeGirlsList {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (max-width: 768px) { /* px以内のとき */
    .girls_ResultsArea .containerGirlsResultsAreaList {
        margin: 1rem 1rem 0;
    }
}
.girls_ResultsArea ul.listGirlsResultsAreaList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 5rem 3rem;
}
@media (max-width: 768px) { /* px以内のとき */
	.girls_ResultsArea ul.listGirlsResultsAreaList {
        grid-template-columns: repeat(1, 1fr);
        gap: 5rem;
    }
}
.girls_ResultsArea .detail_box01_left .imgBox {
    position: relative;
}
.girls_ResultsArea .detail_box01_left .imgBox a {
    position: relative;
    display: inline-block;
}
.girls_ResultsArea .detail_box01_left .iconBox03 {
    position: absolute;
    right: 1rem;
    bottom: 37px;
}
.girls_ResultsArea .detail_box01_left .iconBox02 {
    position: absolute;
    bottom: calc(1rem + 37px);
    left: 1rem;
}
.girls_ResultsArea .detail_box01_left .iconBox02 .newFace {
    padding: .5rem;
    width: 5rem;
    height: 5rem;
    font-size: .75rem;
    color: #3c3031;
    background: rgba(255,255,255,0.8);
    border-radius: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.girls_ResultsArea .detail_box01_left .iconBox01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    aspect-ratio: 1 / 1;
    z-index: 2;
}
.girls_ResultsArea .detail_box01_left .iconBox01::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #D28989;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    z-index: 1;
}
.girls_ResultsArea .detail_box01_left .iconBox01 .todayWork {
    position: absolute;
    top: 35%;
    left: 35%;
    font-size: clamp(0.6rem, 1.5vw, 1rem);
    font-weight: bold;
    color: #fff;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: top left;
    white-space: nowrap;
    z-index: 2;
}
@media (max-width: 768px) { /* px以内のとき */
    .girls_ResultsArea .detail_box01_left .iconBox01 .todayWork {
        font-size: clamp(0.8rem, 3vw, 1.5rem);
    }
}
.girls_ResultsArea .detail_box01_left .stateTime {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: .5rem 0;
    width: 100%;
    color: #3C3031;;
    background: rgba(255,255,255,0.8);
    display: block;
    transform: translateX(-50%);
}
.girls_ResultsArea .detail_box01_right .detail_box_flex {
    display: block;
    text-align: left;
    margin: .5rem 0;
}
.girls_ResultsArea .detail_box01_right .shopName {
    margin: 0 0 .25rem;
    /*font-size: .75rem;*/
    line-height: 1.3;
    color: #7a5445;
    letter-spacing: .06em;
}
.girls_ResultsArea .detail_box01_right .nameBox a {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.3;
    color: #3C3031;
}
.girls_ResultsArea .detail_box01_right .standbystatusRed p {
    margin: 0 0 3px 0;
    color: #fff;
    line-height: normal;
    background: #D28989;
}
.girls_ResultsArea .detail_box01_right p.standbystatusBlue {
    margin: 0 0 3px 0;
    color: #fff;
    line-height: normal;
    background: #4574a3;
}
.notFoundBox {
    margin: 0 auto;
    padding: 3rem 2rem;
    max-width: 640px;
    text-align: center;
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(122,84,69,0.2);
    border-radius: 16px;
}
/* 0件およびページ不正 */
.notFoundTitle {
    margin-bottom: 1rem;
    color: #7a5445;
    font-size: 1.5rem;
    letter-spacing: .05em;
}
@media (max-width: 768px) {
    .notFoundBox {
        padding: 2rem 1.25rem;
    }
}
.notFoundBox .notFound {
    margin: 0;
    line-height: 1.8;
}
@media (max-width: 768px) {
    .notFoundTitle {
        font-size: 1.2rem;
    }
}

/* セラピストプロフィール（詳細）画面（girls_DetailArea.php） */
/*------------------------------------------------------------------------------*/
/*.girls_DetailArea .wrapper1200 {
    margin: 5rem auto;
}*/
.girls_DetailArea .background-profile {
    background: #FFFBF3;
}
.girls_DetailArea .containerProfile {
    margin: 0 1rem;
    display: flex;
    gap: 5rem;
}
@media (max-width: 768px) {
    .girls_DetailArea .containerProfile {
        flex-direction: column;
        gap: 0;
    }
}
.girls_DetailArea .boxProfileImg {
    flex: 1;
}
.girls_DetailArea .bx-wrapper {
    position: relative;
    width: 100%;
}
.girls_DetailArea .bxslider li,
.girls_DetailArea .bxsliderExt li {
    padding: 0% 0 0 0;
	width: 100%;
	background-size: cover;
}
.girls_DetailArea .bx-controls {
    position: absolute;
	width: 100%;
}
.girls_DetailArea .bx-wrapper .bx-controls {
	top: 50%!important;
}
.girls_DetailArea .bx-wrapper .bx-controls-direction a {
	top: 0%!important;
    padding: 8% 0 0 0;
	width: 8%!important;
	height: auto!important;
}
.girls_DetailArea .bx-wrapper .bx-controls-direction a.bx-prev {
    /*left: -4%;*/
	background: url(../images/arr_carousel_left.png) no-repeat;
	background-size: contain;
}
.girls_DetailArea .bx-wrapper .bx-controls-direction a.bx-next {
    /*right: -4%;*/
	background: url(../images/arr_carousel_right.png) no-repeat;
	background-size: contain;
}
.girls_DetailArea .bx-pager ul,
.girls_DetailArea .bx-pagerExt ul {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    justify-content: center;
}
.girls_DetailArea .bx-pager li,
.girls_DetailArea .bx-pagerExt li {
    width: 16%;
    background-color: #000;
}
.girls_DetailArea .bx-pager a,
.girls_DetailArea .bx-pagerExt a {
    padding: 0;
	width: 100%;
	background-size: cover!important;
    opacity: 0.5;
    display: block;
	filter: alpha(opacity=50);
}
.girls_DetailArea .bx-pager a img,
.girls_DetailArea .bx-pagerExt a img {
    width: 100%;
}
.girls_DetailArea .bx-pager a.active,
.girls_DetailArea .bx-pagerExt a.active {
	opacity: 1;
	filter: alpha(opacity=100);
}
/*
.imageArea .bx-pager li,
.imageArea .bx-pagerExt li {
	margin-top: 1rem;
    width: 16%;
	background-color: #000;
    float: left;
}
.imageArea .bx-pager li+li,
.imageArea .bx-pagerExt li+li {
	margin: 1rem 0 0 5%;
}
.imageArea .bx-pager li:nth-child(6),
.imageArea .bx-pagerExt li:nth-child(6) {
	margin: 3% 0 0 0;
}
.imageArea .bx-pager a,
.imageArea .bx-pagerExt a {
    padding: 0% 0 0 0;
	width: 100%;
	background-size: cover!important;
    opacity: 0.5;
    display: block;
	filter: alpha(opacity=50);
}
.imageArea .bx-pager a.active,
.imageArea .bx-pagerExt a.active {
	opacity: 1;
	filter: alpha(opacity=100);
*/
.girls_DetailArea .imgbox {
    position: relative;
}
.girls_DetailArea .iconBox02{
    position: absolute;
    bottom: calc(1rem + 37px);
    visibility: hidden;
}
.girls_DetailArea .new_detail span.newFace {
    padding: .5rem;
    width: 5rem;
    height: 5rem;
    font-size: .75rem;
    color: #3c3031;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 詳細NEWFACE 2025.8.15 S.Hamada
#gilis_DetailArea .imgbox {
    position: relative;
}
#gilis_DetailArea .iconBox02{
    position: absolute;
    visibility: hidden;
}
#gilis_DetailArea .new_detail span.newFace {
    padding: .5rem;
    width: 5rem;
    font-size: .75rem;
    height: 5rem;
    color: #3c3031;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
詳細NEWFACE 2025.8.15 S.Hamada */
.girls_DetailArea .boxProfileInfo {
    flex: 1;
    position: relative;
}
.girls_DetailArea .boxProfileInfo .name {
    margin: 0 0 .5rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: #3C3031;
}
@media (max-width: 768px) {
    .girls_DetailArea .boxProfileInfo .name {
        margin: .5rem 0 .5rem;
    }
}
.girls_DetailArea .boxProfileInfo .flexInfo {
    display: flex;
    align-items: center;
}
.girls_DetailArea .boxProfileInfo .marginInfo + .marginInfo {
    margin-top: .5rem;
}
.girls_DetailArea .boxProfileInfo .itemTitle {
    width: 80px; 
    color: #fff;
    background: #B0936C;
    text-align: center;
}
.girls_DetailArea .boxProfileInfo .itemInfo {
    margin-left: .5rem;
}
.girls_DetailArea .boxProfileInfo .itemCommentTitle {
    font-weight: bold;
    color: #B0936C;
}
.girls_DetailArea .boxProfileInfo .itemCommentInfo {
    margin-top: .5rem;
}
.girls_DetailArea ul.bannerList {
    margin: 5rem 0;
}
.girls_DetailArea ul.bannerList li:not(:first-child) {
    margin-top: 1.5rem;
}
.girls_DetailArea ul.bannerList img {
    width: 90%;
}
.girls_DetailArea .containerBanner {
    margin: 5rem 1rem 0;
    display: flex;
}
.girls_DetailArea .containerBanner ul {
    margin: 0 auto;
    max-width: 100%;
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*/
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}
@media (max-width: 768px) {
    .girls_DetailArea .containerBanner ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .girls_DetailArea ul.bannerList img {
        width: 100%;
    }
}
.girls_DetailArea .containerBanner ul li img {
	width: auto;
}
.girls_DetailArea .containerSns {
    margin: 5rem 1rem 0;
}
.girls_DetailArea .containerSns ul.listSns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.girls_DetailArea .containerSns ul.listSns .sns-btn {
    padding: 1rem;
    width: 50px;
    height: 50px;
    background: #B0936C;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.girls_DetailArea .containerSns ul.listSns li.nodisp .sns-btn {
    background: #dfdfdf;
}
.girls_DetailArea .containerInfo {
    margin: 5rem 1rem 0;
    display: flex;
    gap: 5rem;
}
@media (max-width: 768px) { /* px以内のとき */
	.girls_DetailArea .containerInfo {
        flex-direction: column;
        gap: 0;
    }
}
.girls_DetailArea .boxOption {
    flex: 1;
}
.girls_DetailArea .boxOption li {
    margin-top: 1rem;
    padding: 1rem;
	width: 100%;
    border: 1px solid #3C3031;
}
@media (max-width: 768px) { /* px以内のとき */
	.girls_DetailArea .boxOption li {
        padding: .75rem 1rem;
    }
}
.girls_DetailArea .boxOption li span {
    margin: 0 1rem;
	text-align: center;
    display: inline-block;
}
.girls_DetailArea .boxSchedule {
    flex: 1;
}
@media (max-width: 768px) { /* px以内のとき */
	.girls_DetailArea .boxSchedule {
        margin-top: 5rem;
    }
}
.girls_DetailArea .boxSchedule .schedule .listBox {
    margin-top: 1rem;
    padding: 1rem 2rem;
	width: 100%;
    border: 1px solid #3C3031;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) { /* px以内のとき */
	.girls_DetailArea .boxSchedule .schedule .listBox {
        padding: .75rem 2rem;
    }
}
.girls_DetailArea .containerReserve {
    margin: 5rem 1rem 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
@media (max-width: 768px) { /* px以内のとき */
	.girls_DetailArea .containerReserve {
        grid-template-columns: 1fr;
    }
}
.girls_DetailArea .btnGirlsDetailArea {
    flex: 1 1 0;
    min-width: 0;
}
.girls_DetailArea .btnGirlsDetailArea a,
.girls_DetailArea .btnGirlsDetailArea.nodisp{
    padding: 1rem;
    width: 100%;
    height: 50px;
    border-radius: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    box-sizing: border-box;
}
.girls_DetailArea .btnGirlsDetailArea a{
    background: rgba(255,255,255,0.8);
    border: 1px solid #A38438;
}
.girls_DetailArea .btnGirlsDetailArea.nodisp{
    background: #dfdfdf;
    border: 1px solid #b2b2b2;
}
.girls_DetailArea .itemIcon {
	width: 23px;
	height: 23px;
}
.girls_DetailArea .itemText {
    color: #3C3031;
    white-space: nowrap;
}
.girls_DetailArea .btnGirlsDetailArea.nodisp .itemText {
    color: #b2b2b2;
}
.girls_DetailArea .containerFaq {
    margin: 5rem 1rem 0;
}
@media (max-width: 768px) {
    .girls_DetailArea .containerFaq {
        margin: 5rem 0;
    }
}




.girls_DetailArea .boxBtnLine {
    margin: 0;
}





.personalArea .like_area {
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: block;
}
.personalArea .rank {
    text-align: center;
}
.personalArea .rank li img {
	width: auto;
    border-radius: 10px;
}
.personalArea .nomination {
    text-align: center;
}
.personalArea .nomination li img {
	width: auto;
    border-radius: 10px;
}


.commentArea .comment {
    padding: 2rem;
	width: 100%;
    background-color: #fff;
    border-radius: 10px;
}
.btnMyGirl div.boxFav {
	width: 40px;
}
.btnMyGirl {
	text-align: center;
	/*padding: 3% 0;*/
}
.btnMyGirlEntry a {
	display: inline-block;
	width: 70%;
	font-size: 14px;
	font-weight: bold;
	color: #43c4f0;
	text-decoration: none;
	padding: 1.5%;
	line-height: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d4e8ff), color-stop(0.00, #f5fffe));
	background: -webkit-linear-gradient(#f5fffe, #d4e8ff);
	background: -moz-linear-gradient(#f5fffe, #d4e8ff);
	background: -o-linear-gradient(#f5fffe, #d4e8ff);
	background: -ms-linear-gradient(#f5fffe, #d4e8ff);
	background: linear-gradient(#f5fffe, #d4e8ff);
	-webkit-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-moz-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #b1ddff;
}
.btnMyGirl_off a {
	display: inline-block;
	width: 70%;
	font-size: 14px;
	font-weight: bold;
	color: #7f7f7f;
	text-decoration: none;
	padding: 1.5%;
	line-height: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e4e4e4), color-stop(0.00, #f4f4f4));
	background: -webkit-linear-gradient(#f4f4f4, #e4e4e4);
	background: -moz-linear-gradient(#f4f4f4, #e4e4e4);
	background: -o-linear-gradient(#f4f4f4, #e4e4e4);
	background: -ms-linear-gradient(#f4f4f4, #e4e4e4);
	background: linear-gradient(#f4f4f4, #e4e4e4);
	-webkit-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-moz-box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	box-shadow: 1px 1px 2px rgba(4,0,0,.19);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cacaca;
}
#gilis_DetailArea .girls_MessageArea .messageBox{
	border-bottom: none;
	margin: 0;
}

/* アクセス画面（storeAccessOsakaUmeda.php） */
/* アクセス画面（storeAccessShinsaibashi.php） */
/*------------------------------------------------------------------------------*/
.storeAccess .access_shop {
    margin: 0 auto 2rem;
    padding: .4rem;
    max-width: 720px;
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(122,84,69,0.25);
    border-radius: 999px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem;
    box-shadow: 0 8px 24px rgba(60,48,49,0.08);
}
@media (max-width: 768px) {
    .storeAccess .access_shop {
        border-radius: 18px;
        grid-template-columns: 1fr;
    }
}
.storeAccess .access_shop li {
    list-style: none;
}
.storeAccess .access_shop a {
    padding: .85rem 1rem;
    width: 100%;
    color: #7a5445;
    text-align: center;
    border-radius: 999px;
    display: block;
    transition: .3s all;
    letter-spacing: .04em;
}
@media (max-width: 768px) {
    .storeAccess .access_shop a {
        padding: .75rem 1rem;
    }
}
.storeAccess .access_shop a:hover {
    background: rgba(255,255,255,0.9);
}
.storeAccess .access_shop a.current:hover {
    background: linear-gradient(90deg, #7a5445, #b79a8e);
}
.storeAccess .access_shop a.current {
    color: #fff;
    background: linear-gradient(90deg, #7a5445, #b79a8e);
}
.storeAccess .containerStoreAccessTop {
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
}
@media (max-width: 768px) {
    .storeAccess .containerStoreAccessTop {
        display: block; /* 親を縦並びにする */
    }
}
.storeAccess .boxStoreAccessTopImg {
    width: 80%;
    position: relative;
    flex: 1;
}
@media (max-width: 768px) {
    .storeAccess .boxStoreAccessTopImg {
        margin-left: -1rem;   /* 親padding分を打ち消す */
        margin-right: -1rem;  /* 両側打ち消す */
        width: calc(100% + 2rem); /* 幅を広げる */
    }
}
.storeAccess .itemStoreAccessTopImg{
    border-radius: 0 9999px 9999px 0; /* 右側だけ丸く */
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    overflow: hidden; /* はみ出しを隠す */
}
@media (max-width: 768px) {
    /* 画像の丸みを解除（四角に戻す） */
    .storeAccess .itemStoreAccessTopImg {
        border-radius: 0;
        box-shadow: none;
    }
}
.storeAccess .imgStoreAccessTop{
    width: 100%;
    object-fit: cover; /* トリミングして崩さない */
    display: block;
}
.storeAccess .boxStoreAccessTopInfo {
    top: 50%;
    right: 5rem;
    width: auto;
    position: absolute;
    transform: translateY(-50%);
    z-index: 10;
}
@media (max-width: 768px) {
    /* infoをabsolute解除して下に流す */
    .storeAccess .boxStoreAccessTopInfo {
        right: auto;
        margin-top: 2rem;
        width: 100%;
        position: static;
        transform: none;
    }
}
.storeAccess .boxStoreAccessTopInfoInner {
    padding: 2.5rem 3rem;
    background: rgba(237,225,221,0.9);
    border: 1px solid rgba(122,84,69,0.18);
    position: relative;
    overflow: hidden;
}
@media (max-width: 768px) {
    .storeAccess .boxStoreAccessTopInfoInner {
        padding: 2rem 1.25rem;
        border-radius: 10px;
    }
}
.storeAccess .boxStoreAccessTopInfoInner .itemArea {
    position: absolute;
    right: .5rem;
    bottom: 1.7rem;
    color: rgba(122,84,69,0.12);
    font-size: clamp(1.8rem, 3vw, 3.2rem);
    line-height: 1;
    letter-spacing: .02em;
    white-space: nowrap;
    pointer-events: none;
}
@media (max-width: 768px) {
    .storeAccess .boxStoreAccessTopInfoInner .itemArea {
        bottom: 1rem;
        font-size: 2rem;
        letter-spacing: .01em;
    }
}
.storeAccess .storeAccessTitleBox {
    position: relative;
    z-index: 2;
}
.storeAccess .storeAccessBrand {
    margin-bottom: .5rem;
    color: #7a5445;
    font-size: 1rem;
    letter-spacing: .12em;
    line-height: 1;
}
@media (max-width: 768px) {
    .storeAccess .storeAccessBrand {
        font-size: .9rem;
    }
}
.storeAccess .boxStoreAccessTopInfoInner h3 {
    color: #3C3031;
    font-size: 1.35rem;
    line-height: 1.7;
    letter-spacing: .05em;
    font-weight: 500;
}
@media (max-width: 768px) {
    .storeAccess .boxStoreAccessTopInfoInner h3 {
        font-size: 1.05rem;
    }
}
.storeAccess .containerStoreAccessGooglemap {
    display: flex;
    align-items: center;
    gap: 5rem;
}
@media (max-width: 768px) {
    .storeAccess .containerStoreAccessGooglemap {
        display: block;
    }
}
.storeAccess .boxStoreAccessGooglemapMap,
.storeAccess .boxStoreAccessGooglemapInfo {
    flex: 1;
}
@media (max-width: 768px) {
    .storeAccess .boxStoreAccessGooglemapInfo {
        padding: 2rem 1rem 0;
    }
}
.storeAccess .boxStoreAccessGooglemapMap iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border: 0;
    border-radius: 10px;
    display: block;
}
.storeAccess .boxStoreAccessGooglemapInfo ul {
    padding-left: 0;
    list-style: none;
}
.storeAccess .accessAddress {
    margin-bottom: 1.75rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(122,84,69,0.15);
}
@media (max-width: 768px) {
    .storeAccess .accessAddress {
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
    }
}
.storeAccess .accessAddress .postNumber {
    display: inline-block;
    margin-bottom: .4rem;
    color: #9b7b70;
    font-size: .8rem;
    letter-spacing: .12em;
    line-height: 1;
}
.storeAccess .accessAddress p {
    color: #3C3031;
    font-size: 1.05rem;
    line-height: 1.9;
    letter-spacing: .03em;
}
@media (max-width: 768px) {
    .storeAccess .accessAddress p {
        font-size: .95rem;
        line-height: 1.8;
    }
}
.storeAccess .boxStoreAccessGooglemapInfo ul li.checkBox {
    padding-left: 2.1em;
    line-height: 1.7;
    position: relative;
}
.storeAccess .boxStoreAccessGooglemapInfo ul li.checkBox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 1.25em;
    height: 1.25em;
    background-color: #7a5445;
    border-radius: 4px;
}
.storeAccess .boxStoreAccessGooglemapInfo ul li.checkBox::after {
    content: "";
    position: absolute;
    left: 0.38em;
    top: 0.55em;
    width: 0.35em;
    height: 0.18em;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}
.storeAccess .h3-StoreAccessStorefront {
    padding: 0 .5rem;
    font-size: 2rem;
    border-left: solid 5px #7a5445;;
}
.storeAccess .containerStoreAccessStorefront {
    display: flex;
    align-items: center;
    gap: 5rem;
}
@media (max-width: 768px) {
    .storeAccess .containerStoreAccessStorefront {
        display: block;
    }
}
.storeAccess .boxStoreAccessStorefrontImg,
.storeAccess .boxStoreAccessStorefrontInfo {
    flex: 1;
}
@media (max-width: 768px) {
    .storeAccess .boxStoreAccessStorefrontInfo {
        padding: 2rem 1rem 0;
    }
}
.storeAccess .boxStoreAccessStorefrontImg img {
    border-radius: 10px;
}
/* Coming Soon */
.storeAccess .comingSoon {
    margin: 1.5rem auto 0;
    padding: 1.5rem 1rem;
    max-width: 640px;
    border: 1px solid rgba(122,84,69,0.15);
    border-radius: 14px;
    background: rgba(255,255,255,0.5);
    text-align: center;
}
.storeAccess .comingSoon .comingSoonEn {
    color: #7a5445;
    font-size: 1.5rem;
    letter-spacing: .08em;
    line-height: 1;
}
.storeAccess .comingSoon .comingSoonJa {
    margin-top: .75rem;
    font-size: 1rem;
    color: #3C3031;
}

.paymentInfoList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5%;
}

.paymentInfoList span {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #dfc8ba;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    background: transparent;
}


/* 利用規約画面（storeTerms.php） */
/*------------------------------------------------------------------------------*/
#areaStoreTerms .title,
#areaStorePrivacy .title {
    margin-top: 1rem;
    font-weight: bold;
}
#areaStoreTerms .wrapperTerms,
#areaStorePrivacy .wrapperPrivacy {
    padding: 0 1rem;
}


#areaStoreTerm .wrapperTerm {
    margin-top: 2.5rem;
}
#areaStoreTerm .wrapperTerm {
    margin-top: 2.5rem;
}
#areaStoreTerm .wrapperTerm02 {
    margin-top: 10rem;
}
#areaStoreTerm .listTerm02 li {
    text-indent: 1em;
}

/* プライバシーポリシー画面（storePrivacy.php） */
/*------------------------------------------------------------------------------*/

/* ページャー（results_pager.php） */
/*------------------------------------------------------------------------------*/
.paddingResultsPager {
    padding: 0 1rem 5rem;
}
@media (max-width: 768px) {
    .paddingResultsPager {
        padding: 0 .75rem 4rem;
    }
}
.results_pager ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
    .results_pager ul {
        justify-content: center;
        gap: .35rem;
    }
}
.results_pager li {
    flex: 0 0 auto;
}
.results_pager li a {
    min-width: 38px;
    height: 38px;
    padding: 0 .8rem;
    color: #7a5445;
    background: rgba(255,255,255,0.65);
    border: 1px solid rgba(122,84,69,0.25);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    line-height: 1;
    transition: .3s all;
}
@media (max-width: 768px) {
    .results_pager li a {
        min-width: 34px;
        height: 34px;
        padding: 0 .7rem;
        font-size: .8rem;
    }
}
.results_pager li a:hover {
    background: rgba(255,255,255,0.95);
}
.results_pager li.current a {
    /*background: #7a5445;*/
    background: linear-gradient(90deg, #7a5445, #b79a8e);
    color: #fff;
    border: none;
}
.results_pager li.current a:hover {
    background: linear-gradient(90deg, #7a5445, #b79a8e);
}
.results_pager .btnPN a {
    min-width: auto;
    padding: 0 1rem;
}
.results_pager .btnPN span {
    font-size: .8rem;
}
.results_pager .btnGray a,
.results_pager li a[href^="javascript"] {
    color: #aaa;
    background: rgba(255,255,255,0.35);
    pointer-events: none;
}


























.searchResultsListArea_main {
	padding: 10px;
}

.todayArea {
	font-size: 12px;
	font-weight: bold;
	padding: 4% 0 0 0;
}






/*.btnIcon {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 5px auto 10px;
}*/
.btnarea {
	/*color: #595959;
    margin: 0 5px 0;
    text-align: center;
    font-weight: bold;
    width: 30%;*/
    display: flex;
    align-items: center;
    width: calc(33.333% - .5rem);
    justify-content: center;
    /*border: 1px solid #A38438;
    border-radius: 150px;*/
}
.btnarea a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    /*padding: .3rem;*/
    gap: .5rem;
}
.btnarea .resultlist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    /*padding: .3rem;*/
    gap: .5rem;
}
.bntIcon div.iconbtn {
	width: 30px;
	height: 30px;
}
.bntIcon form {
    display: none;
}
.btnarea span.community {
    /*color: #A38438;*/
    color: #3C3031;
	/*font-size: .8rem;*/
    font-size: clamp(0.5rem, 1vw, 0.8rem);
    text-wrap: nowrap;
}
/*.booking_btn {
    background: #ff9999;
    color: #ffffff;
    border-radius: 5px;
    display: block;
    text-align: center;
    height: auto;
    cursor: pointer;
    box-shadow: 0px 3px 0px 0px #ff6699;
    font-weight: 650;
    margin: 0px auto 3%;
    padding: 2% 0;
}*/
.booking_btn.mColor{
    background: #36afb1;
    box-shadow: 0px 3px 0px 0px #278082;
}
.booking_btn a {
    color: #ffffff;
    text-decoration: none;
}
.viewSwitchArea {
	display: table;
	width: 100%;
	padding: 10px 0;
}
.searchResultsListAreaNum {
	display: table-cell;
	width: 82%;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}
.searchResultsListAreaNum span {
	color: #ec2365;
}
.viewSwitchBox {
	display: table-cell;
	width: 18%;
	vertical-align: middle;
}
.viewSwitchBox li {
	width: 45%;
	float: left;
}
.viewSwitchBox li+li {
	float: right;
}
.viewSwitchBox li.btnSwitch_grid a {
	display: block;
	background: url(../images/icon_btn_grid_off.png) no-repeat center center;
	background-size: cover;
	padding: 100% 0 0 0;
}
.viewSwitchBox li.btnSwitch_grid a.active {
	background: url(../images/icon_btn_grid_on.png) no-repeat center center;
	background-size: cover;
}
.viewSwitchBox li.btnSwitch_list a {
	display: block;
	background: url(../images/icon_btn_list_off.png) no-repeat center center;
	background-size: cover;
	padding: 100% 0 0 0;
}
.viewSwitchBox li.btnSwitch_list a.active {
	background: url(../images/icon_btn_list_on.png) no-repeat center center;
	background-size: cover;
}
@media (max-width: 768px) { /* px以内のとき */
	.btnarea span.community {
	    font-size: .8rem;
    }
}

/****************** 女の子一覧 グリッド表示 ******************/
/*.searchResultsListArea .results_gridView li.resultsBox {
	width: 48%;
	float: none;
	text-align: center;
	font-size: 10px;
	margin: 0 0% 5% 0;
	border-bottom: 1px solid #adadad;
    height: auto!important;
    padding: 0 0 10px;
}
.searchResultsListArea .results_gridView {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.searchResultsListArea .results_gridView li.resultsBox:nth-child(3n) {
	float: none;
	margin: 0 0 5% 0;
}*/
/* 女の子写真 */
/*.searchResultsListArea .results_gridView li.resultsBox .imgBox {
	width: 100%;
	margin: 0 auto 0.3em auto;
	position: relative;
}
.searchResultsListArea .results_gridView li.resultsBox .imgBox .rankBanner {
	display: block;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.searchResultsListArea .results_gridView li.resultsBox .imgBox .iconBox01 {
	width: 66%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0 0 2px 2px;
}
.searchResultsListArea .results_gridView li.resultsBox .imgBox .iconBox01 span.todayWork {
    display: block;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    background: -webkit-linear-gradient(#ff7999, #e52b69);
    background: -moz-linear-gradient(#ff7999, #e52b69);
    background: -o-linear-gradient(#ff7999, #e52b69);
    background: -ms-linear-gradient(#ff7999, #e52b69);
    background: linear-gradient(#ff7999, #e52b69);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0.4em 0;
}
.searchResultsListArea .results_gridView li.resultsBox .imgBox .iconBox02 {
	width: 32%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0 2px 2px 0;
}
.searchResultsListArea .results_gridView li.resultsBox .imgBox .iconBox02 span.rankImg {
	text-align: left;
}
.searchResultsListArea .results_gridView li.resultsBox .imgBox .iconBox02 span.newFace {
    display: block;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    background: -webkit-linear-gradient(#ff7999, #e52b69);
    background: -moz-linear-gradient(#ff7999, #e52b69);
    background: -o-linear-gradient(#ff7999, #e52b69);
    background: -ms-linear-gradient(#ff7999, #e52b69);
    background: linear-gradient(#ff7999, #e52b69);
    border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0.4em 0;
}
.searchResultsListArea .results_gridView li.resultsBox .imgBox a {
	display: block;
	width: 100%;
	overflow: hidden!important;
	outline: none;
	background-size: cover!important;
}*/
/* 女の子詳細_グリッド */
/*.searchResultsListArea .results_gridView li.resultsBox .nameBox a {
	font-size: 14px;
	font-weight: bold;
	color: #e65a83;
	display: block;
	text-decoration: none;
}
.searchResultsListArea .results_gridView li.resultsBox .h_b_Box .heightBox {
	width: 70%;
	float: left;
}
.searchResultsListArea .results_gridView li.resultsBox .h_b_Box .bloodBox {
	width: 30%;
	float: right;
	text-align: left;
}
.searchResultsListArea .results_listView li.resultsBox .girlsType {
	display: block;
}
.searchResultsListArea .results_gridView li.resultsBox .storeBox a {
	font-size: 10px;
	color: #e65a83;
	text-decoration: none;
}
.searchResultsListArea .results_gridView li.resultsBox .stateBox.mygirlOff_btn {
	width: 80%;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    height: auto;
    cursor: pointer;
    font-weight: 650;
    margin: 0px auto 3%;
	padding: 2px 0;
	border: 1px solid #7f7f7f;
}
.searchResultsListArea .results_gridView li.resultsBox .stateArea {
	margin: 5px 0 10px;
}
.searchResultsListArea .results_gridView li.resultsBox .stateText {
	padding: 0.5em 0 0 0;
}
.searchResultsListArea .results_gridView li.resultsBox .stateText p {
	font-weight: bold;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff056b), color-stop(0.00, #e45e9d));
	background: -webkit-linear-gradient(#e45e9d, #ff056b);
	background: -moz-linear-gradient(#e45e9d, #ff056b);
	background: -o-linear-gradient(#e45e9d, #ff056b);
	background: -ms-linear-gradient(#e45e9d, #ff056b);
	background: linear-gradient(#e45e9d, #ff056b);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 0 3px 0;
}
.searchResultsListArea .results_gridView li.resultsBox .visitBox {
	display: table;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
.searchResultsListArea .results_gridView li.resultsBox .visitBox span:nth-child(1) {
	display: table-cell;
	width: 33%;
	color: #fff;
	text-align: center;
	background-color: #faa7c1;
}
.searchResultsListArea .results_gridView li.resultsBox .visitBox span:nth-child(2) {
	display: table-cell;
	width: 67%;
	text-align: right;
}

.searchResultsListArea .results_gridView li.resultsBox .stateTitle {
    color: #fff;
    background-color: #979797;
    margin: 0;
    text-align: center;
}
.searchResultsListArea .results_gridView li.resultsBox .stateBox {
	width: 100%;
    font-size: 11px;
    font-weight: bold;
}
.searchResultsListArea .results_gridView li.resultsBox .stateBox .stateTime {
	width: 100%;
}
.searchResultsListArea .results_gridView li.resultsBox .stateBox .stateTime li {
	text-align: center;
	width: 100%;
}
.searchResultsListArea .results_gridView li.resultsBox .stateBox .stateText {
	clear: both;
	text-align: center;
	color: #d4699d;
}
.searchResultsListArea .results_gridView li.resultsBox .detail_box02 {
	display: none;
}*/

/****************** 女の子一覧 リスト表示 ******************/
.searchResultsListArea .results_listView li.resultsBox {
	width: 100%;
	font-size: 10px;
	border-bottom: 1px solid #adadad;
	margin: 0 0 1.5em 0;
	padding: 0 0 1em 0;
}
.detail_box01_right .h_b_Box,
.detail_box01_right .girlsType {
	display:none;
}
.detail_box01_right .stateBox.disp{
	display:block;
}
.searchResultsListArea .results_listView li.resultsBox .stateBox.disp {
    margin: 5px 0 0;
}
.searchResultsListArea .results_gridView li.resultsBox .visitBox {
	display:none;
}
/********* 女の子一覧 detail_box01 *********/
.searchResultsListArea .results_listView li.resultsBox .detail_box01_left {
	width: 48%;
	float: left;
}
/* 女の子写真 */
.searchResultsListArea .results_listView li.resultsBox .imgBox {
	width: 90%;
	position: relative;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox .rankBanner {
	display: block;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox .iconBox01 {
	width: 66%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0 0 2px 2px;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox .iconBox01 span.todayWork {
    display: block;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    background: -webkit-linear-gradient(#ff7999, #e52b69);
    background: -moz-linear-gradient(#ff7999, #e52b69);
    background: -o-linear-gradient(#ff7999, #e52b69);
    background: -ms-linear-gradient(#ff7999, #e52b69);
    background: linear-gradient(#ff7999, #e52b69);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0.4em 0;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox .iconBox02 {
	width: 32%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0 2px 2px 0;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox .iconBox02 span.rankImg {
	text-align: left;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox .iconBox02 span.newFace {
	display: block;
    display: block;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    background: -webkit-linear-gradient(#ff7999, #e52b69);
    background: -moz-linear-gradient(#ff7999, #e52b69);
    background: -o-linear-gradient(#ff7999, #e52b69);
    background: -ms-linear-gradient(#ff7999, #e52b69);
    background: linear-gradient(#ff7999, #e52b69);
    border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 0.4em 0;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox a {
	display: block;
	width: 100%;
	height: 0;
	padding: 135% 0 0 0;
	overflow: hidden!important;
	outline: none;
	background-size: cover!important;
}
.searchResultsListArea .results_listView li.resultsBox .detail_box01_right {
	width: 52%;
	float: right;
	text-align: center;
}

/* 女の子詳細 */
.searchResultsListArea .results_listView li.resultsBox .nameAgeBox {
	width: 100%;
}
.searchResultsListArea .results_listView li.resultsBox .nameBox {
	vertical-align: bottom;
}
.searchResultsListArea .results_listView li.resultsBox .nameBox a {
	font-size: 14px;
	font-weight: bold;
	color: #e65a83;
	display: block;
	text-decoration: none;
}
.searchResultsListArea .results_listView li.resultsBox .ageBox {
	font-size: 14px;
	text-align: right;
	vertical-align: bottom;
}
.searchResultsListArea .results_listView li.resultsBox .h_b_Box .heightBox {
	width: 60%;
	float: left;
	font-size: 14px;
}
.searchResultsListArea .results_listView li.resultsBox .h_b_Box .bloodBox {
	width: 40%;
	float: right;
	font-size: 14px;
	text-align: right;
}
.searchResultsListArea .results_listView li.resultsBox .sizeBox {
	font-size: 10px;
}
.searchResultsListArea .results_listView li.resultsBox .girlsType {
	display: block;
	font-size: 14px;
}
.searchResultsListArea .results_listView li.resultsBox .storeBox a {
	font-size: 11px;
	color: #e65a83;
	text-decoration: none;
}
.searchResultsListArea .results_listView li.resultsBox .stateBox {
    width: 100%;
    font-size: 11px;
    font-weight: bold;
}
.searchResultsListArea .results_listView li.resultsBox .stateBox.mygirlOff_btn {
    width: 80%;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    height: auto;
    cursor: pointer;
    font-weight: 650;
    margin: 0px auto 3%;
    padding: 2px 0;
    border: 1px solid #7f7f7f;
}
.searchResultsListArea .results_listView li.resultsBox .stateArea {
	margin: 5px 0 10px;
}
.searchResultsListArea .results_listView li.resultsBox .stateText {
	padding: 0.5em 0 0 0;
}
.searchResultsListArea .results_listView li.resultsBox .stateText p {
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff056b), color-stop(0.00, #e45e9d));
	background: -webkit-linear-gradient(#e45e9d, #ff056b);
	background: -moz-linear-gradient(#e45e9d, #ff056b);
	background: -o-linear-gradient(#e45e9d, #ff056b);
	background: -ms-linear-gradient(#e45e9d, #ff056b);
	background: linear-gradient(#e45e9d, #ff056b);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 0 5px 0;
}
.searchResultsListArea .results_listView li.resultsBox .visitBox {
	display: table;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 0.5em 0;
}
.searchResultsListArea .results_listView li.resultsBox .visitBox span:nth-child(1) {
	display: table-cell;
	width: 33%;
	color: #fff;
	text-align: center;
	background-color: #faa7c1;
}
.searchResultsListArea .results_listView li.resultsBox .visitBox span:nth-child(2) {
	display: table-cell;
	width: 67%;
	padding: 0 0 0 6%;
}
.searchResultsListArea .results_listView li.resultsBox .stateTitle {
    color: #fff;
    background-color: #979797;
    margin: 0;
    text-align: center;
}
.searchResultsListArea .results_listView li.resultsBox .stateBox .stateTime {
    width: 100%;
    font-size: 11px;
    font-weight: bold;
}
.searchResultsListArea .results_listView li.resultsBox .stateBox .stateTime li {
	text-align: center;
}
/********* 女の子一覧 detail_box02 *********/
.searchResultsListArea .results_listView li.resultsBox .detail_box02 {
	display: block;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea {
	font-size: 12px;
	padding: 4% 0;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea h3 span {
	color: #42c5f0;
	font-weight: bold;
	padding: 0 0 0 10%;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .totalPoints {
	display: table;
	width: 80%;
	margin: 0 auto;
	padding: 1% 8%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #f5f5f5;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .totalPoints .title {
	display: table-cell;
	width: 60%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .totalPoints .totalNum {
	display: table-cell;
	width: 40%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox {
	margin: 5% auto;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox div {
	font-size: 10px!important;
}

.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox div:nth-child(7) {
	font-size: 20px!important;
}

.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox .bgLader {
	position:relative;
	background:url(../images/bg_chart.jpg) no-repeat;
	background-size: contain;
	width:100%;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox .bgLader .eval01,
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox .bgLader .eval02,
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox .bgLader .eval03,
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox .bgLader .eval04,
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox .bgLader .eval05,
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarBox .bgLader .eval06 {
	position: absolute;
	font-size:10px;
}
.bgLader .eval01 {
	top:-2%;
	left:50%;
}
.bgLader .eval02 {
	top:20%;
}
.bgLader .eval03 {
	top:20%;
	right:0%;
}
.bgLader .eval04 {
	bottom:20%;
}
.bgLader .eval05 {
	bottom:20%;
	right:0%;

}
.bgLader .eval06 {
	bottom:-2%;
	left:50%;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarList {
	width: 80%;
	margin: 0 auto;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarList li {
	display: table;
	width: 100%;
	font-size: 12px;
	background-color: #dfdfdf;
	padding: 2% 6%;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarList li+li {
	margin: 1px 0 0 0;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarList div {
	display: table-cell;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarList div.text {
	width: 75%;
	vertical-align: middle;
	padding: 0 0 0 2%;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarList div.text span {
	font-size: 6px;
}
.searchResultsListArea .results_listView li.resultsBox .girls_PointsArea .radarList div.num {
	width: 25%;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding: 0 2% 0 0;
}
/************/
/* ポータル */
span.color { color: #e65a83; }
/************/
.searchResultsListArea .results_listView li.resultsBox .imgBox .rankBanner img,
.searchResultsListArea .results_gridView li.resultsBox .imgBox .rankBanner img {
	display:none!important;
}
.searchResultsListArea .results_listView li.resultsBox .imgBox .iconBox01 span.rankImg img,
.searchResultsListArea .results_gridView li.resultsBox .imgBox .iconBox01 span.rankImg img {
	display:none!important;
}
#myGirlList .searchResultsListArea .results_gridView li.resultsBox .imgBox a {
    padding: 134% 0 0 0;
}

/* 採用ページ（storeRecruit.php） */
/*------------------------------------------------------------------------------*/
#recruit section {
    padding-top: 10rem;
}
#recruit .areaEntryBanner {
    margin-top: 8rem;
    text-align: center;
}
#recruit .areaEntryBanner a {
    display: inline-block;
}
#recruit .areaEntryBanner a img {
    margin-top: 2rem;
}
#recruit .areaEntryBanner a:first-child img {
    margin-top: 0;
}
#recruit h3.titleRecruitSection {
    position: relative;
    margin: 3rem 0;
}
#recruit h3.titleRecruitSection .subtitle {
    /*font-family: "Zen Kaku Gothic New", sans-serif;*/
    font-weight: bold;
    position: absolute;
    bottom: -1rem;
    left: 7%;
}
@media (max-width: 768px) { /* px以内のとき */
    #recruit section {
        padding-top: 5rem;
    }
    #recruit h3.recruit_secttl {
        text-align: center;
        margin-top: 2rem 0;
    }
    #recruit h3.recruit_secttl .sub_ttl {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* 採用ページ メインビジュアル */
#recruit #recruit_mainvisual {
    position: relative;
}
#recruit #recruit_mainvisual .mainvisual_img img {
    border-radius: 0 0 10px 10px;
    object-fit: cover;
    width: 100vw;
}
#recruit #recruit_mainvisual .areaCatchcopy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2%;
}
#recruit #recruit_mainvisual .areaCatchcopy h2 {
    text-align: left;
}
#recruit #recruit_mainvisual .areaCatchcopy .catchcopy {
    margin-top: 2rem;
    font-size: 4rem;
    line-height: 1.2;
}
@media (max-width: 768px) {
    #recruit #recruit_mainvisual .mainvisual_img img {
        height: 65vh;
    }
        #recruit #recruit_mainvisual .areaCatchcopy {
        top: 70%;
        transform: translateY(-70%);
    }
    #recruit #recruit_mainvisual .areaCatchcopy .catchcopy {
        font-size: 3rem;
    }
}

/* 採用ページ コンセプト */
#recruit #recruitConcept {
    text-align: center;
    max-width: 70%;
    margin: auto;
}
#recruit #recruitConcept h3.titleRecruitConcept {
    font-size: 2rem;
    color: #D28989;
}
#recruit #recruitConcept .txtRecruitConcept {
    margin-top: 2rem;
    color: #3C3031;
}
@media (max-width: 768px) {
    #recruit #recruitConcept {
        max-width: 80%;
    }
}

/* 採用ページ お仕事について */
#recruit #aboutJob ul.listAboutJob li {
    display: flex;
    gap: 4rem;
    align-items: center;
}
#recruit #aboutJob ul.listAboutJob li:not(:first-child) {
    margin-top: 10rem;
}
#recruit #aboutJob ul.listAboutJob li img.aboutJob_image01 {
    aspect-ratio: 6/7;
    width: 500px;
    border-radius: 10px;
    object-fit: cover;
}
#recruit #aboutJob ul.listAboutJob li img.aboutJob_image02 {
    aspect-ratio: 3/2;
    width: 600px;
    border-radius: 10px;
    object-fit: cover;
    order: 2;
}
#recruit #aboutJob ul.listAboutJob li .numberAboutJob {
    position: relative;
    font-size: 3rem;
    font-family: "Lora", serif;
    color: #D28989;
    line-height: 1.5;
    display: block;
    width: fit-content;
}
#recruit #aboutJob ul.listAboutJob li .numberAboutJob::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -20px;
    width: 14px;
    height: 50px;
    border-left: 1px solid #D28989;
    rotate: 45deg;
    background-color: #EEDAD2;
}
#recruit #aboutJob ul.listAboutJob li .contentAboutJob {
    flex-grow: 1;
}
#recruit #aboutJob ul.listAboutJob li .contentAboutJob .mailtitleAboutJob {
    font-size: 1.5rem;
    margin-top: 1rem;
}
#recruit #aboutJob ul.listAboutJob li .contentAboutJob .txtAboutJob {
    color: #3C3031;
    margin-top: 1.5rem;
}
#recruit #aboutJob .areaAboutJobBtn {
    margin-top: 2rem;
}
#recruit #aboutJob .areaAboutJobBtn a {
    padding: 1rem;
    border: solid 1px #3C3031;
    width: 30%;
    display: inline-block;
    text-align: center;
}
@media (max-width: 768px) {
    #recruit #aboutJob ul.listAboutJob li {
        flex-direction: column;
        position: relative;
    }
    #recruit #aboutJob ul.listAboutJob li img.aboutJob_image01 {
        aspect-ratio: 4/3;
        width: 100%;
        border-radius: 0 10px 10px 0;
        left: -1rem;
        position: absolute;
    }
    #recruit #aboutJob ul.listAboutJob li img.aboutJob_image02 {
        aspect-ratio: 4/3;
        width: 100%;
        border-radius: 10px 0 0 10px;
        right: -1rem;
        position: absolute;
    }
    #recruit #aboutJob ul.listAboutJob li h4.titleAboutJob {
        padding-top: 80%;
    }
    #recruit #aboutJob ul.listAboutJob li .contentAboutJob {
        order: 2;
    }
    #recruit #aboutJob .areaAboutJobBtn a {
        width: 100%;
    }
}

/* 採用ページ インタビュー */
#recruit #interview .listAreaInterview {
  overflow: hidden;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#recruit #interview .listContainerInterview {
  max-width: 100%;
  /*padding: 0 40px;*/
  margin: 0 auto;
}
#recruit #interview .slick-track {
    display: flex;
    gap: 1rem;
}
#recruit #interview ul.listInterview li img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
#recruit #interview .contentInterview {
    padding: 1rem;
    /*font-family: "Zen Kaku Gothic New", sans-serif;*/
}
#recruit #interview .contentInterview .areaInterviewName .job_post2 {
    margin-right: 0.5rem;
}
#recruit #interview .contentInterview .areaInterviewName .interview_name {
    font-size: 1.2rem;
}

.slick-list{
  overflow: visible;
}
.slick-prev, .slick-next{
  z-index:100;
}
.slick-prev:before, .slick-next:before{
  color:#75E1D6;
}

/* 採用ページ デビューまでの流れ */
#recruit #flow .flowStep {
    width: 80%;
    margin: auto;
}
#recruit #flow .areaStepbar {
    position: relative;
    margin-top: 4rem;
}
#recruit #flow .areaStepbar .areaTitleStep {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}
#recruit #flow .areaStepbar .areaTitleStep .stepcircle {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    content: "";
    border-radius: 50%;
    background-color: #D28989;
    color: #fff;
    text-align: center;
    position: relative;
}
#recruit #flow .areaStepbar .areaTitleStep .stepcircle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: "Lora", serif;
    font-size: 1.2em;
}
#recruit #flow .areaStepbar .areaTitleStep .titleStep {
    font-size: 1.2rem;
    color: #D28989;
}
#recruit #flow .areaStepbar .txtStep {
    padding-left: 4.5rem;
    color: #3C3031;
}
#recruit #flow .areaStepbar .stepline {
    width: 1px;
    height: calc(100% + 4rem);
    background-color: #D28989;
    position: absolute;
    top: 1rem;
    left: 1.75rem;
    z-index: 1;
}
#recruit #flow .areaStepbar:last-of-type .stepline:last-of-type {
    display: none;
}
#recruit #flow .areaFlowBtn {
    margin-top: 2rem;
    display: flex;
    gap: 2rem;
    align-items: center;
}
#recruit #flow .areaFlowBtn a {
    padding: 1rem;
    width: 30%;
    background: #D28989;
    border-radius: 100px;
    color: #fff;
    /*font-family: "Zen Kaku Gothic New", sans-serif;*/
    text-align: center;
}
@media (max-width: 768px) {
    #recruit #flow .flowStep {
        width: 100%;
    }
    #recruit #flow .areaFlowBtn {
        flex-direction: column;
    }
    #recruit #flow .areaFlowBtn a {
        width: 100%;
    }
}

/* 採用ページ FAQ */
#recruit #faq .areaFaq img {
    width: 100%;
}
#recruit #faq .question {
    padding: 1rem 0;
    border-bottom: 1px solid #3C3031;
    /*font-family: "Zen Kaku Gothic New", sans-serif;*/
}
#recruit #faq .question .txtQuestion {
    display: flex;
    align-items: center;
    position: relative;
}
#recruit #faq .question .txtQuestion::before,
#recruit #faq .question .txtQuestion::after {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background-color: #3C3031;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}
#recruit #faq .question .txtQuestion::after {
    transform: translateY(-50%);
    rotate: 90deg;
    transition: rotate .3s;
}
#recruit #faq .question.open .txtQuestion::after {
    rotate: 0deg;
}
#recruit #faq .question .txtQuestion span {
    margin-right: 1rem;
    font-family: "Jost", sans-serif;
    font-weight: bold;
}
#recruit #faq .answer {
    padding: 1rem 0;
    display: none;
}
#recruit #faq .answer .txtAnswer {
    display: flex;
    align-items: baseline;
}
#recruit #faq .answer .txtAnswer span {
    margin-right: 1rem;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    color: #D28989;
}
@media (max-width: 768px) {
    #recruit #faq .question .txtQuestion {
        padding-right: 2rem;
    }
}

/* 採用ページ 募集要項 */
#recruit #jobDescription table {
    margin: 4rem 0;
    border-top: 1px solid #3C3031;
    border-left: 1px solid #3C3031;
    border-right: 1px solid #3C3031;
    width: 100%;
    /*font-family: "Zen Kaku Gothic New", sans-serif;*/
}
#recruit #jobDescription table th {
    background-color: #FAE4E4;
    border-bottom: 1px solid #3C3031;
    padding: 20px 30px;
    text-align: left;
    width: 20%;
    vertical-align: middle;
    font-weight: bold;
}
#recruit #jobDescription table td {
    background-color: #fff;
    border-bottom: 1px solid #3C3031;
    border-left: solid 1px #3C3031;
    padding: 20px 30px;
    vertical-align: middle;
}
@media (max-width: 768px) {
    #recruit #jobDescription table th {
        display: block;
        width: 100%;
    }
    #recruit #jobDescription table td {
        display: block;
        border-left: none;
    }
}
/* 2026.4.20 S.Hamada */
/*
.search_shop {
    display: flex;
    flex-wrap: wrap;
    background-color: #efefef;
    padding-bottom: 1rem;
    overflow: hidden;
}
.s_shop+label {
    flex: 1;
    order: -1;
    cursor: pointer;
    padding: 1rem .5em;
    margin-bottom: 1rem;
    border-bottom: 3px solid #ddd;
    color: #999;
    white-space: nowrap;
    text-align: center;
}
*/
/* ラジオボタンを非表示 */
/*
.s_shop {
    display: none;
}
.s_shop:checked+label {
    border-bottom: 3px solid #379beb;
    color: #379beb;
    transition: .5s ease-in-out;
}
.s_shop:checked+label+.tab-content {
    display:block;
    padding: 0 1rem;
    color: #333;
}
*/
/* 2026.4.20 S.Hamada */

/* 2026.8.4 S.Hamada */
.catchcopy {
    color: #7a5445;
}
span.catchcopy {
    display: block;
    font-size: 0.7em;
    color: #3C3031;
	font-weight:normal;
}
/* 2026.8.4 S.Hamada */