@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-size: 16px;*/
    font-size: 14px;
    color: #3C3031;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
a {
    text-decoration: none;
    color: #3C3031;
}
a:visited {
    color: #3C3031;
}
p {
    line-height: 1.7;
}
img {
    max-width: 100%;
    height: auto;
}
.background-maincolor {
    background-color: #EEDAD2;
}
#wrapper {
    margin: 0 auto;
    min-width: 320px;
    min-height: 100%;
    height: auto;
}
.wrapper1200 {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
}
@media (max-width: 1200px) { /* px以内のとき */
	.wrapper1200 {
        padding: 0 1rem;
    }
}
.wrapper600 {
    margin: 0 auto;
    max-width: 600px;
    min-width: 320px;
}
.paddingArea {
    padding: 5rem 1rem;
}
.paddingAreaHome {
    padding: 5rem 0;
}
@media (max-width: 1200px) { /* px以内のとき */
	.paddingAreaHome {
        padding: 5rem 1rem;
    }
}
.paddingAreaPage {
    padding: 5rem 0;
}
@media (max-width: 1200px) { /* px以内のとき */
	.paddingAreaPage {
        padding: 0 1rem 3rem;
    }
}
.pageTitle {
    padding: 160px 0 80px;
    border-bottom: 1px solid #3C3031;
}
@media (max-width: 450px) { /* px以内のとき */
	.pageTitle {
        padding: 128px 0 48px;
    }
}
h1 {
    font-size: 16px;
}
h2 {
    text-align: center;
}
.h2-english {
    font-size: 3rem;
}
@media (max-width: 450px) { /* px以内のとき */
	.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;
}
.h3-page::after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 1px;
    background-color: #000;
}
.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;
    }
}
.remarks {
    color: #888;
}
.caution {
    color: #f00;
}
.pink {
    color: #ff0066;
}
.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);
}

/* ヘッダー（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;    
}
@media (max-width: 450px) { 
	#containerHeader {
        padding: 0 1rem;
    }
}
#boxHeaderLogo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#headerLogo {
    height: 60px;
}
@media (max-width: 450px) { 
	#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 .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;
}
#boxHeaderMenu .flexMenu .englishText {
    width: 100%;
    height: auto;
    font-size: 18px;
}
#boxHeaderMenu .flexMenu .japaneseText {
    width: 100%;
    height: auto;
    font-size: 12px;
}*/

header .areaSns {
    position: absolute;
    width: 100%;
    z-index: 999;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem;
}
header .areaSns .sns-icon a {
    width: clamp(45px, 8vw, 55px);
    height: clamp(45px, 8vw, 55px);
    padding: clamp(0.6rem, 1vw, 1rem);
    background-color: #8b6759;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .areaSns .sns-icon .st0 {
    fill: #fff;
}


/* MENU(ハンバーガーメニュー) */
@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: 450px) { /* px以内のとき */
	.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: 450px) { /* px以内のとき */
	.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 .mypageMenu {
    background-color: #00b6b8;
    opacity: .8;
}
.main-nav li .recruitMenu {
    background-color: #ff9999;
    opacity: .8;
}
.main-nav li .text01 {
    width: 80px;
    display: inline-block;
}
.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 .imgMainVisual {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/* コンセプトエリア（area_concept.php） */
/*------------------------------------------------------------------------------*/
#area_concept .containerConcept {
    display: flex;
    gap: 4rem;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_concept .containerConcept {
        flex-direction: column;
        gap: 0;
    }
}
#area_concept .containerConcept .boxImg,
#area_concept .containerConcept .boxConcept {
    flex: 1;
}
#area_concept .containerConcept .boxImg img {
    border-radius: 10px;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_concept .containerConcept .boxConcept {
        padding-top: 1rem;
    }
}

/* スライドバナーエリア（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;
    width: 100%;
}

/* ニュースエリア（area_news.php） */
/*------------------------------------------------------------------------------*/
#area_news li {
    position: relative;
    padding: 1rem 3rem 1rem 1rem;
    border-top: 1px solid #7a5445;
}
#area_news li:last-child {
    border-bottom: 1px solid #7a5445;
}
#area_news li .contentsArea {
    margin: 0 auto;
    padding: 1rem 0 0;
    max-width: 600px;
    min-width: 320px;
}
#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_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 .containerAreaNavi01 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_navi_01 .containerAreaNavi01 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}
#area_navi_01 .containerAreaNavi01 .boxNavi {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
#area_navi_01 .containerAreaNavi01 img {
    width: 600px;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 10px;
    transition: 1s all;
}
#area_navi_01 .containerAreaNavi01 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 .containerAreaNavi01 a:hover img {
    transform: scale(1.2);
    transition: 1s all;
}
#area_navi_01 .containerAreaNavi01 a:hover p {
    color: #000;
    background-color: #fff;
    opacity: .8;
    transition: 1s all;
}
#area_navi_01 .containerAreaNavi01 .textEnglish {
    width: 100%;
    height: auto;
    font-size: 24px;
}
#area_navi_01 .containerAreaNavi01 .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: 450px) { /* px以内のとき */
	.h2-freespeace {
        font-size: 2rem;
    }
}
#area_news_f img {
    margin: 0 auto;
    border-radius: 10px;
    display: block;
}
/*
.gu_acd02 dt h2 {
    position: relative;
	width: 100%;
	font-weight: bold;
	color: #fff;
	background-image: linear-gradient(to right, #568e60 0%, #3a4237 100%);
	padding: 12px 10px;
	margin-bottom: 15px;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: -.04em;
    display: block;
}
.gu_acd02 dt h2::before {
    content: "　";
    position: absolute;
	height: 1px;
    margin: auto;
    background: #fff;
    right: 0;
    left: 0;
    top: 2px;
    width: 100%;
    display: block;
}
.gu_acd02 dt h2.titleBar01 {
	position: relative;
}
.gu_acd02 dt h2.titleBar01 a {
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.gu_acd02 dd {
	width: 100%;
	position: relative;
	padding: 15px 10px;
}
.gu_acd02 dd ul {
	width: 100%;
	position: relative;
}
*/

/* アクセスエリア（area_access.php） */
/*------------------------------------------------------------------------------*/
#area_access .containerAccess {
    display: flex;
    gap: 4rem;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_access .containerAccess {
        flex-direction: column;
        gap: 0;
    }
}
#area_access .containerAccess .boxIframe,
#area_access .containerAccess .boxAccess {
    flex: 1;
}
#area_access .containerAccess .itemIframe {
    position: relative;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    width: 100%;
    height: 0;
}
#area_access .containerAccess .itemIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_access .containerAccess .boxAccess {
        padding-top: 1rem;
    }
}

/* ご予約エリア（area_reserve.php） */
/*------------------------------------------------------------------------------*/
#area_reserve .backgroundReserve {
    padding: 2rem 3rem;
    background-color: #fff;
    border-radius: 10px;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_reserve .backgroundReserve {
        padding: 1rem;
    }
}
#area_reserve .h3-reserve {
    padding-bottom: 2rem;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 2px solid #7a5445;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_reserve .h3-reserve {
        padding-bottom: 1rem;
    }
}
#area_reserve .containerReserve {
    display: flex;
    gap: 4rem;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_reserve .containerReserve {
        flex-direction: column;
        gap: 0;
    }
}
#area_reserve .containerReserve .boxReserve {
    padding: 2rem 0 0 2rem;
    text-align: center;
    flex: 1;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_reserve .containerReserve .boxReserve {
        padding: 2rem 0 0 0;
    }
}
#area_reserve .btnReserve {
    position: relative;
}
#area_reserve .containerReserve .boxReserve .btnReserve a {
    padding: 1rem 0;
    width: 100%;
    color: #A38438;
    border-radius: 100px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    display: block;
    transition: 1s all;
}
#area_reserve .containerReserve .boxReserve .btnReserve 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;
}
#area_reserve .containerReserve .boxReserve .btnReserve 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;
}
/*
#area_reserve .containerReserve .btnReserve a:hover {
    color: #fff;
    background: #A38438;
    transition: 1s all;
}
#area_reserve .containerReserve .btnReserve a:hover::before {
    border: 1px solid #fff;
    transition: 1s all;
}
#area_reserve .containerReserve .btnReserve a:hover::after {
    border-color: #fff #fff transparent transparent;
    transition: 1s all;
}
*/
#area_reserve .containerReserve .boxReserve .btnReserve .itemReserve {
    padding: 0 2rem;
    display: flex;
}
#area_reserve .containerReserve .boxReserve .btnReserve .itemReserve .itemReserve01,
#area_reserve .containerReserve .boxReserve .btnReserve .itemReserve .itemReserve02 {
    flex: 1;
}
#area_reserve .containerReserve .boxReserve .btnReserve .itemReserve .itemReserve01 img {
    height: 27px;
}
#area_reserve .containerReserve .boxReserve .btnReserve .itemReserve .innerReserve01 {
    margin-right: .5rem;
    padding: 0 .5rem;
    color: #fff;
    background: #ff0066;
    opacity: .8;
    border-radius: 5px;
}
#area_reserve .containerReserve .boxShop {
    padding: 2rem 2rem 0 0;
    text-align: center;
    flex: 1;
}
@media (max-width: 450px) { /* px以内のとき */
	#area_reserve .containerReserve .boxShop {
        padding: 2rem 0 1rem 0;
    }
}
#area_reserve .containerReserve .boxShop .itemShop01 {
    position: relative;
}
#area_reserve .containerReserve .boxShop .itemShop01::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background-color: #e4dfdb;
}
#area_reserve .containerReserve .boxShop .itemShop02 {
    margin: 5.6px 0;
    position: relative;
}
#area_reserve .containerReserve .boxShop .itemShop02 a {
    padding: .25rem 2rem;
    color: #888;
    border: 1px solid #888;
    transition: 1s all;
}
#area_reserve .containerReserve .boxShop .itemShop02 a::before {
    content: '';
    position: absolute;
	top: 50%;
    transform: translate(-18px,-50%);
	width: 0;
	height: 0;
    border-width: 5px 0 5px 8px;
	border-style: solid;
	border-color: transparent transparent transparent #888;
    transition: 1s all;
}
#area_reserve .containerReserve .boxShop .itemShop02 a:hover {
    color: #fff;
    background: #888;
    border: none;
    transition: 1s all;
}
#area_reserve .containerReserve .boxShop .itemShop02 a:hover::before {
    border-color: transparent transparent transparent #fff;
    transition: 1s all;
}
#area_reserve .containerReserve .boxShop .innerShop01 {
    position: relative;
    padding: 0 1rem;
    background-color: #fff;
}

/* フッターバナー（footerInfo.php） */
/*------------------------------------------------------------------------------*/
#footerInfo {
    display: none;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    z-index: 101;
    /*padding: .5rem;*/
    background: #fff;
}
#footerInfo ul.footerList {
    display: flex;
    /*gap: .5rem;*/
    justify-content: center;
}
#footerInfo ul.footerList li {
    flex: 1;
}
@media (max-width: 768px) {
    #footerInfo {
        display: block;
	}
}

/* フッター（footer.php） */
/*------------------------------------------------------------------------------*/
/*#footerInfo {
    padding: 2rem;
    color: #fff;
    background-color: #4C4C4C;
}
#boxFooterLogo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#footerLogo {
    height: 80px;
}
@media (max-width: 450px) { 
	#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: 450px) { 
	#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;
}
@media (max-width: 450px) { 
	#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: 450px) { 
	.copyright {
		margin-bottom: 2rem;
	}
}*/

footer {
    background: #8b6759;
    color: #fff;
    padding: 2rem;
}
footer .areaFooterLogo {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
footer .areaFooterLogo .footerLogo {
    width: 80%;
}
footer .areaSns {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}
footer .areaSns .sns-icon a {
    width: clamp(45px, 8vw, 55px);
    height: clamp(45px, 8vw, 55px);
    padding: clamp(0.6rem, 1vw, 1rem);
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .areaSns .sns-icon .st0 {
    fill: #8b6759;
}
footer .areaFooterNav ul {
    display: flex;
    justify-content: center;
    margin-top: 2rem;    
}
footer .areaFooterNav li {
    padding: 0 1rem;
}
footer .areaFooterNav li a {
    font-size: .75rem;
    color: #fff;
}
.copyright {
    margin-top: 2rem;
    font-size: .75rem;
    text-align: center;
}


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

/* コンセプト画面（storeConcept.php） */
/*------------------------------------------------------------------------------*/

/* ニュース画面（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: #000!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 3rem 1rem 1rem;
	border-bottom: 1px solid #7a5445;
}
#eventArea .eventBox .eventContents {
    margin: 0 auto;
    padding: 1rem 0 0;
    max-width: 600px;
    min-width: 320px;
}
#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;
}

/* サービス画面（storeService.php） */
/*------------------------------------------------------------------------------*/

/* メニュー画面（storeMenu.php） */
/*------------------------------------------------------------------------------*/
#areaCampaign {
    padding-bottom: 5rem;
}
.containerCampaign {
    padding: 2rem;
    background-color: #fff;
    border-radius: 10px;
}
@media (max-width: 450px) { /* px以内のとき */
	.containerCampaign {
		padding: 2rem 1rem;
	}
}
.containerCampaign .titleCampaign {
    position: relative;
    margin-bottom: 2rem;
    padding: 0 0 2rem;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 1px solid #3C3031;
}
.containerCampaign .titleCampaign::before,
.containerCampaign .titleCampaign::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.containerCampaign .titleCampaign::before {
    border: 12px solid transparent;
    border-top: 12px solid #3C3031;
}
.containerCampaign .titleCampaign::after {
    margin-top: -5px;
    border: 15px solid transparent;
    border-top: 15px solid #fff;
}
.containerCampaign ul li.listitemCampaign {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.containerCampaign ul li.listitemCampaign .course {
    font-size: 1.5rem;
}
.containerCampaign ul li.listitemCampaign .amount {
    font-size: 1.5rem;
}
#areaCourse,
#areaOption {
    padding: 5rem 0;
}
#areaPayment {
    padding-top: 5rem;
}
.containerCourse,
.containerOption {
    display: flex;
    justify-content: center;
    gap: 4rem;
}
@media (max-width: 450px) { /* px以内のとき */
	.containerCourse,
    .containerOption {
		flex-direction: column;
        gap: 0;
	}
}
.containerCourse .boxLeft,
.containerCourse .boxRight,
.containerOption .boxLeft,
.containerOption .boxRight {
    flex: 1;
}
@media (max-width: 450px) { /* px以内のとき */
	.containerCourse .boxRight,
    .containerOption .boxRight {
		margin-top: 1rem;
	}
}
.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 #EEDAD2;
    -webkit-box-shadow: inset 0px 0px 15px 15px #EEDAD2;
    box-shadow: inset 0px 0px 15px 15px #EEDAD2;
}
.containerCourse img,
.containerOption img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
}
.titleCourse,
.titleOption,
.titlePayment {
    text-align: center;
}
.titleCourse .title01,
.titleOption .title01,
.titlePayment .title01 {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
.titleCourse .title01::before,
.titleCourse .title01::after,
.titleOption .title01::before,
.titleOption .title01::after,
.titlePayment .title01::before,
.titlePayment .title01::after  {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
.titleCourse .title01::before,
.titleOption .title01::before,
.titlePayment .title01::before {
    margin-right: 1rem;
}
.titleCourse .title01::after,
.titleOption .title01::after,
.titlePayment .title01::after {
    margin-left: 1rem;
}
.titleCourse .title02,
.titleOption .title02,
.titlePayment .title02 {
    font-size: .75rem;
}
ul.listCourse,
ul.listOption {
    margin-top: 1rem;
    border-left: 3px solid #A38438;
}
li.listitemCourse,
li.listitemOption {
    padding: 0 5rem;
    color: #A38438;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 450px) { /* px以内のとき */
	li.listitemCourse,
    li.listitemOption {
		padding: 0 0 0 1rem;
	}
}
li.listitemCourse .course {
    width: 150px;
    text-align: center;
    border: 1px solid #A38438;
    border-radius: 50px;
}
@media (max-width: 450px) { /* px以内のとき */
	li.listitemCourse .course {
		width: 100px;
	}
}
li.listitemCourse .amount,
li.listitemOption .amount {
    font-size: 1.5rem;
}
li.listitemTitle {
    margin-left: 1rem;
    font-size: 1.25rem;
}
li.listitemOption .course {
    width: 210px;
    text-align: center;
    border: 1px solid #A38438;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 450px) { /* px以内のとき */
	li.listitemOption .course {
		width: 160px;
        height: 26px;
        font-size: .75rem;
	}
}
.containerPayment .titleAvailable {
    font-size: 1.25rem;
    text-align: center;
}
.containerPayment img {
    margin: 1rem auto 0;
    border-radius: 10px;
    display: block;
}

/* セラピスト（一覧）画面（girls_ResultsArea.php） */
/*------------------------------------------------------------------------------*/
.searchNumberArea {
    text-align: right;
}
.searchResultsListArea .searchResultsList {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /*gap: 2rem;*/
    gap: 5rem 3rem;
}
@media (max-width: 1200px) { /* px以内のとき */
    .searchResultsArea .wrapper1200 {
        padding: 3rem 2.5rem;
    }
	.searchResultsListArea .searchResultsList {
        gap: 2rem 1rem;
    }
}
@media (max-width: 768px) { /* px以内のとき */
	.searchResultsListArea .searchResultsList {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}
.searchResultsListArea .detail_box01_left .imgBox {
    position: relative;
}
.searchResultsListArea .detail_box01_left img {
    width: 100%;
    /*border-radius: 10px 10px 0 0;*/
}
.searchResultsListArea .detail_box01_left .iconBox02 {
    /*position: absolute;
    top: .5rem;
    left: .5rem;*/
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}
.stateTime + .iconBox02 {
	bottom: 4rem;
}
.searchResultsListArea .detail_box01_left .newFace {
    /*padding: .25rem .5rem;
    font-size: .75rem;
    color: #ffffff;
    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);
    opacity: .8;
    border-radius: 5px;
    display: block;*/
    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;
}
/*.searchResultsListArea .detail_box01_right {
    padding: 1rem;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 0 0 10px 10px;
}*/
.searchResultsListArea .detail_box01_right {
    margin-top: 1rem;
}
.searchResultsListArea .detail_box_flex {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}
.searchResultsListArea .nameBox a {
    /*font-size: 1.5rem;*/
    font-size: 1.3rem;
    font-weight: bold;
    /*color: #7a5445;*/
    color: #3C3031;
}
.boxFav {
    margin-left: auto;
}
.boxFav .numberFav, .boxFav .numberNoFav {
    display: flex;
    align-items: center;
}
.boxFav .numberFav i {
	background: linear-gradient(to right, #db5699, #e52b69, #ec6301, #d79a06);
	background: -webkit-linear-gradient(to right, #db5699, #e52b69, #ec6301, #d79a06);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    margin-right: .3rem;
}
.boxFav .numberFav span {
	background: linear-gradient(to right, #abcd23, #15b5ed, #3e7851);
	background: -webkit-linear-gradient(to right, #abcd23, #15b5ed, #3e7851);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.boxFav .numberNoFav {
	color: #494848;
	margin: 0;
}
.boxFav .numberNoFav i {
    margin-right: .3rem;
}
/*.searchResultsListArea .iconBox01 {
    margin-top: 1rem;
}*/
.searchResultsListArea .iconBox01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    aspect-ratio: 1 / 1;
    z-index: 2;
}
.searchResultsListArea .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;
}
.searchResultsListArea .todayWork {
    /*color: #ff675c;*/
    /*color: #ff9999;*/
    position: absolute;
    top: 35%;
    left: 35%;
    font-size: clamp(0.6rem, 1.5vw, 1rem);
    color: #fff;
    font-weight: bold;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: top left;
    white-space: nowrap;
    z-index: 2;
}
.searchResultsListArea .stateTime {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: .5rem 0;
    background: rgba(255,255,255,0.7);
    display: block;
    width: 100%;
}
@media (max-width: 768px) { /* px以内のとき */
    .searchResultsListArea .todayWork {
        font-size: clamp(0.8rem, 3vw, 1.5rem);
    }
}


/* セラピストプロフィール（詳細）画面（girls_DetailArea.php） */
/*------------------------------------------------------------------------------*/
/*.topArea {
    display: flex;
}*/
@media (max-width: 768px) { /* px以内のとき */
	/*.topArea {
        flex-direction: column;
    }*/
}
.imageArea {
    padding-right: 1rem;
    flex: 1;
}
@media (max-width: 768px) { /* px以内のとき */
	.imageArea {
        padding-right: 0;
    }
}
.profileArea{
    /*padding: 3rem 0;*/
    background: rgba(255,255,255,0.7);
    margin: 5rem auto 0;
    max-width: 1300px;
    width: 90%;
}
/*.profileArea::before {
    content: "";
    position: absolute;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1300px;
    height: calc(100% - 5rem);
    background-color: #fff;
    z-index: -1;
}*/
.profile_flex {
    display: flex;
}
@media (max-width: 768px) {
    .profile_flex {
        flex-direction: column;
    }
}
.bx-wrapper {
    position: relative;
	width: 72%;
}
.bxslider li,
.bxsliderExt li {
    padding: 0% 0 0 0;
	width: 100%;
	background-size: cover;
}
.bx-controls {
    position: absolute;
	width: 100%;
}
.bx-wrapper .bx-controls {
	top: 50%!important;
}
.bx-wrapper .bx-controls-direction a {
	top: 0%!important;
    padding: 8% 0 0 0;
	width: 8%!important;
	height: auto!important;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    left: -4%;
	background: url(../images/arr_carousel_left.png) no-repeat;
	background-size: contain;
}
.bx-wrapper .bx-controls-direction a.bx-next {
    right: -4%;
	background: url(../images/arr_carousel_right.png) no-repeat;
	background-size: contain;
}
.bx-pager ul,
.bx-pagerExt ul {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    justify-content: center;
}
.bx-pager li,
.bx-pagerExt li {
    width: 16%;
    background-color: #000;
}
.bx-pager a,
.bx-pagerExt a {
    padding: 0;
	width: 100%;
	background-size: cover!important;
    opacity: 0.5;
    display: block;
	filter: alpha(opacity=50);
}
.bx-pager a img,
.bx-pagerExt a img {
    width: 100%;
}
.bx-pager a.active,
.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;*/
    /*border-radius: 11px;*/
    /*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);
}*/
.imageArea img {
    /*border-radius: 10px;*/
}
.personalArea {
    padding-left: 1rem;
    flex: 1;
}
@media (max-width: 768px) { /* px以内のとき */
	.personalArea {
        margin-top: 1rem;
        padding-left: 0;
    }
}
/*.personalArea .backgroundWhite {
    padding: 2rem;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
}*/
@media (max-width: 768px) { /* px以内のとき */
	/*.personalArea .backgroundWhite {
        padding: 1rem;
    }*/
}
.personalArea .personaldata {
    padding: 1rem 0;
    position: relative;
    margin: 1rem 0;
}
.personalArea .personaldata::before,
.personalArea .personaldata::after {
  content: "";
  display: block;
  width: 4rem; 
  height: 1px;
  background: #3C3031;
  position: absolute;
  left: 0;
}
.personalArea .personaldata::before {
  top: 0;
}
.personalArea .personaldata::after {
  bottom: 0;
}
.personalArea .titleExperience,
.personalArea .titleLevel,
.personalArea .titleStyle,
.personalArea .titleCharacter,
.personalArea .titleComment {
    font-weight: bold;
    margin: 2rem 0 .5rem 0;
}
.personalArea .name {
	font-size: 2rem;
	font-weight: bold;
	color: #3C3031;
}
/*.personalArea .age {
    padding-top: 1rem;
}*/
.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;
}
.bannerArea {
    display: flex;
}
.bannerArea ul {
    /* text-align: center; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    max-width: 100%;
    margin: 0 auto;
    gap: 1rem;
}
@media (max-width: 768px) {
    .bannerArea ul {
        display: flex;
        flex-direction: column;
        width: 80%;
    }
}
/*.bannerArea ul li {
	margin-top: 1rem;
}*/
.bannerArea ul li img {
	width: auto;
    /*border-radius: 10px;*/
}
#gilis_DetailArea .bntIcon {
    justify-content: center;
    gap: 1rem;
    margin-top: 3rem;
    max-width: 800px;
}
#gilis_DetailArea .btnarea {
    width: calc(50% - 1rem);
    border: 1px solid #A38438;
    border-radius: 150px;
}
#gilis_DetailArea .btnarea a {
    padding: 1rem;
}
#gilis_DetailArea .btnarea .resultlist {
    padding: 1rem;
}
@media (max-width: 768px) {
    #gilis_DetailArea .bntIcon {
        display: flex;
        flex-direction: column;
    }
    #gilis_DetailArea .btnarea {
        width: 100%;
    }
}
.secondArea {
    display: flex;
    /*margin-top: 5rem;*/
}
@media (max-width: 768px) { /* px以内のとき */
	.secondArea {
        flex-direction: column;
    }
}
.optionArea {
    padding-right: 1rem;
    flex: 1;
}
@media (max-width: 768px) { /* px以内のとき */
	.optionArea {
        padding-right: 0;
    }
}
.optionArea li {
    margin-top: 1rem;
    padding: 1rem;
	width: 100%;
    /*background-color: #fff;
    border-radius: 10px;*/
    border: 1px solid #3C3031;
}
@media (max-width: 768px) { /* px以内のとき */
	.optionArea li {
        padding: .75rem 1rem;
    }
}
.optionArea li span {
    margin: 0 1rem;
	text-align: center;
    display: inline-block;
}
.scheduleArea {
    padding-left: 1rem;
    flex: 1;
}
@media (max-width: 768px) { /* px以内のとき */
	.scheduleArea {
        margin-top: 3rem;
        padding-left: 0;
    }
}
.scheduleArea .schedule .listBox {
    margin-top: 1rem;
    padding: 1rem 2rem;
	width: 100%;
    /*background-color: #fff;
    border-radius: 10px;*/
    display: flex;
    justify-content: space-between;
    border: 1px solid #3C3031;
}
@media (max-width: 768px) { /* px以内のとき */
	.scheduleArea .schedule .listBox {
        padding: .75rem 2rem;
    }
}
.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;
}



/* 利用規約画面（storeTerms.php） */
/*------------------------------------------------------------------------------*/

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

/* ページャー（results_pager.php） */
/*------------------------------------------------------------------------------*/
.paddingResultsPager {
    padding: 0 0 5rem;
}
@media (max-width: 1200px) { /* px以内のとき */
	.paddingResultsPager {
        padding: 0 1rem 5rem;
    }
}
.resultsBox .stateTitle {
    margin: 0;
	color: #fff;
    text-align: center;
    background-color: #979797;
}
.results_pager {
	/*padding: 6% 0 12% 0;*/
	text-align: center;
}
.results_pager li {
    margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
}
.results_pager li+li {
	margin: 0 0 0 0.5%;
}
.results_pager li a {
    padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #7e7d7c;
    border-radius: 5px;
}
.results_pager li.btnPN a {
	color: #fff;
    background-color: #7e7d7c;
}
.results_pager li.current a {
    color: #fff;
	background-color: #000;
}
.results_pager li.btnPrev a span {
    padding: 0 0 0 10px;
	background: url(../images/arr_prev.png) no-repeat center left;
	background-size: 6px 8px;
	line-height: 1;
}
.results_pager li.btnNext a span {
    padding: 0 10px 0 0;
	background: url(../images/arr_next.png) no-repeat center right;
	background-size: 6px 8px;
	line-height: 1;
}

.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;*/
}
.btnarea .resultlist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    /*padding: .3rem;*/
}
.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#entyArea section#entry {
    padding-top: 0;
}
#recruit .areaEntryBanner {
    margin-top: 8rem;
    text-align: center;
}
#recruit .areaEntryBanner a {
    display: inline-block;
}
#recruit .areaEntryBanner a img {
    margin-top: 2rem;
}
#recruit .areaInstagramBanner {
    /*margin-top: 8rem;*/
    text-align: center;
}
#recruit .areaInstagramBanner a {
    display: inline-block;
}
#recruit .areaInstagramBanner 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 .mainvisual_img ul li {
    position: relative;
}
/*#recruit #recruit_mainvisual .mainvisual_img ul li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, rgba(238, 218, 210, 0.7) 40%, rgba(255, 255, 255, 0) 60%);
}*/
#recruit #recruit_mainvisual .areaCatchcopy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2%;
}
/*#recruit #recruit_mainvisual .areaCatchcopy img.mainVisualLogo,
#recruit #recruit_mainvisual .areaCatchcopy .catchcopy {
    filter: 
    drop-shadow(0 0 6px #fff)
    drop-shadow(0 0 12px #fff)
    drop-shadow(0 0 30px #fff);
}*/
#recruit #recruit_mainvisual .areaCatchcopy h2 {
    text-align: left;
}
#recruit #recruit_mainvisual .areaCatchcopy .catchcopy {
    margin-top: 2rem;
    font-size: 2.5rem;
    line-height: 1.2;
}
@media (max-width: 768px) {
    #recruit #recruit_mainvisual .mainvisual_img img {
        /*height: 65vh;*/
        height: 72vh;
    }
    #recruit #recruit_mainvisual .mainvisual_img ul li::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(238, 218, 210, 0.7) 60%);
    }
    #recruit #recruit_mainvisual .areaCatchcopy {
        /*top: 80%;
        transform: translateY(-80%);*/
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
    }
    #recruit #recruit_mainvisual .areaCatchcopy .catchcopy {
        font-size: 1.4rem;
        text-align: center;
    }
}

/* 採用ページ コンセプト */
#recruit #recruitConcept {
    text-align: center;
    /*max-width: 80%;*/
    margin: auto;
}
#recruit #recruitConcept .areaRecruitConcept {
    background: rgba(255,255,255,0.7);
    padding: 5rem;
    border-radius: 10px;
}
#recruit #recruitConcept h3.titleRecruitConcept {
    /* font-size: 2rem; */
    font-size: 1.8rem;
    color: #D28989;
    width: fit-content;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin: 0 auto;
    padding: 2rem 5rem;
    position: relative;
    text-align: center;
}
#recruit #recruitConcept .line {
    width: 39px;
    height: 2px;
    background: #D28989;
    position: absolute;
}
#recruit #recruitConcept .line:first-child {
    top: 0;
    left: 0;
}
#recruit #recruitConcept .line:last-child {
    bottom: 0;
    right: 0;
}
#recruit #recruitConcept .line::before {
    width: 2px;
    height: 100px;
    background: #D28989;
    content: "";
    position: absolute;
}
#recruit #recruitConcept .line:first-child::before {
    top: 1px;
    left: 0;
}
#recruit #recruitConcept .line:last-child::before {
    bottom: 1px;
    right: 0;
}
#recruit #recruitConcept .txtRecruitConcept {
    margin-top: 2rem;
    color: #3C3031;
    text-align: left;
}
#recruit #recruitConcept .areaMerit ul.meritList {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
}
#recruit #recruitConcept .areaMerit ul.meritList li {
    width: 30%;
    background: #fff;
    border: 2px solid #D28989;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    box-sizing: border-box;
    padding: 2rem 3rem;
    text-align: center;
}
#recruit #recruitConcept .areaMerit ul.meritList li .headingMerit {
    color: #D28989;
    font-size: 1rem;
    letter-spacing: 0.1em;
}
#recruit #recruitConcept .areaMerit ul.meritList li .numberMerit {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #D28989;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    margin: 1rem auto 0;
    padding-left: 4px;
    text-align: center;
}
#recruit #recruitConcept .areaMerit ul.meritList li h4.titleMerit {
    color: #D28989;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 1rem;
}
#recruit #recruitConcept .areaMerit ul.meritList li .contentMerit {
    line-height: 1.6;
    margin-top: 1rem;
    text-align: left;
}

@media (max-width: 768px) {
    /*#recruit #recruitConcept {
        max-width: 80%;
    }*/
    #recruit #recruitConcept .areaRecruitConcept {
        padding: 1.5rem;
    }
    #recruit #recruitConcept .line {
        width: 30px;
        height: 1px;
    }
    #recruit #recruitConcept .line::before {
        width: 1px;
        height: 60px;
    }
    #recruit #recruitConcept h3.titleRecruitConcept {
        font-size: 1rem;
        padding: 1.5rem 0;
        width: 100%;
    }
    #recruit #recruitConcept .areaMerit ul.meritList {
        flex-direction: column;
        gap: 2rem;
    }
    #recruit #recruitConcept .areaMerit ul.meritList li {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

/* 採用ページ お仕事について */
#recruit #aboutJob ul.listAboutJob li {
    display: grid;
    grid-template-columns: 500px 1fr; /* 左：画像固定幅、右：テキスト可変 */
    grid-template-rows: auto auto;
    gap: 0 4rem;
    align-items: center;
}
#recruit #aboutJob ul.listAboutJob li:not(:first-child) {
    margin-top: 10rem;
}
#recruit #aboutJob ul.listAboutJob li .imgWrap {
    position: relative;
    display: inline-block;
}
#recruit #aboutJob ul.listAboutJob li .imgWrap img {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s ease;
    display: block;
}
#recruit #aboutJob ul.listAboutJob li .imgWrap.is-img-show img {
    opacity: 1;
    transform: translateX(0);
}
#recruit #aboutJob ul.listAboutJob li img.aboutJob_image01 {
    width: 100%;
    aspect-ratio: 6 / 7;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    grid-column: 1;
    grid-row: 1;
}
#recruit #aboutJob ul.listAboutJob li img.aboutJob_image02 {
    aspect-ratio: 3/2;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    grid-column: 2;
    grid-row: 1;
}
#recruit #aboutJob ul.listAboutJob li .imgFrame {
    display: none;
}
#recruit #aboutJob ul.listAboutJob li .imgFrame {
    position: absolute;
    pointer-events: none;
    z-index: 1;
}
#recruit #aboutJob ul.listAboutJob li .strokeAnim {
    stroke: #3c3031;
    stroke-width: 1.5;
    fill: none;
    stroke-linecap: round;
    shape-rendering: geometricPrecision;
    vector-effect: non-scaling-stroke;
}
@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
#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:nth-of-type(even) .contentAboutJob {
    grid-column: 1;
    grid-row: 1;
}
#recruit #aboutJob ul.listAboutJob li .contentAboutJob .wrapperContentAboutJob {
    background: rgba(255,255,255,0.7);
    padding: 2rem;
    border-radius: 10px;
}
#recruit #aboutJob ul.listAboutJob li .contentAboutJob .maintitleAboutJob {
    font-size: 1.3rem;
    margin-top: 1rem;
}
#recruit #aboutJob ul.listAboutJob li .contentAboutJob .txtAboutJob {
    color: #3C3031;
    margin-top: 1.3rem;
}
#recruit #aboutJob .areaAboutJobBtn {
    margin-top: 2rem;
}
#recruit #aboutJob .areaAboutJobBtn a {
    padding: 1rem;
    border: solid 1px #3C3031;
    width: 30%;
    display: inline-block;
    text-align: center;
}
#recruit #aboutJob .areaAboutJobFlow {
    grid-column: 1 / 3;
    grid-row: 2;
    width: 100%;
    text-align: center;
}
#recruit #aboutJob .areaAboutJobFlow img {
    width: 100%;
}
@media (max-width: 768px) {
    #recruit #aboutJob ul.listAboutJob li {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: 2rem 0;
    }
    #recruit #aboutJob ul.listAboutJob li:nth-of-type(odd) .imgWrap {
        position: relative;
        left: -1rem;
    }
    #recruit #aboutJob ul.listAboutJob li:nth-of-type(even) .imgWrap {
        position: relative;
        right: -1rem;
    }
    #recruit #aboutJob ul.listAboutJob li img.aboutJob_image01 {
        aspect-ratio: 4 / 3;
        grid-column: 1;
        grid-row: 1;
        display: block;
        width: 100%;
        /*position: relative;
        left: -1rem;*/
        object-fit: cover;
    }
    #recruit #aboutJob ul.listAboutJob li img.aboutJob_image02 {
        aspect-ratio: 4 / 3;
        grid-column: 1;
        grid-row: 1;
        display: block;
        width: 100%;
        /*position: relative;
        right: -1rem;*/
        object-fit: cover;
    }
    /*#recruit #aboutJob ul.listAboutJob li h4.titleAboutJob {
        padding-top: 80%;
    }*/
    #recruit #aboutJob ul.listAboutJob li .contentAboutJob {
        grid-column: 1;
        grid-row: 2;
    }
    #recruit #aboutJob ul.listAboutJob li:nth-of-type(even) .contentAboutJob {
        grid-column: 1;
        grid-row: 2;
    }
    #recruit #aboutJob ul.listAboutJob li .contentAboutJob .wrapperContentAboutJob {
        /*margin-top: 80%;*/
    }
    #recruit #aboutJob .areaAboutJobBtn a {
        width: 100%;
    }
    #recruit #aboutJob .areaAboutJobFlow {
        grid-column: 1;
        grid-row: 3;
        margin-top: 1rem;
  }
}

/* 採用ページ 報酬について */
#recruit #aboutFee .areaAboutFee {
    text-align: center;
    padding: 2rem;
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
}
#recruit #aboutFee .areaAboutFee {
    font-size: 1.2rem;
}
#recruit #aboutFee .areaAboutFee strong {
    font-size: 2rem;
    font-weight: bold;
    color: #D28989;
}
#recruit #aboutFee img.aboutFee_image {
    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;
    z-index: 99;
}
#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 {
    margin-left: 4.5rem;
    color: #3C3031;
    padding: 2rem;
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
}
#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 #7a5445;
    border-left: 1px solid #7a5445;
    border-right: 1px solid #7a5445;
    width: 100%;
    /*font-family: "Zen Kaku Gothic New", sans-serif;*/
}
#recruit #jobDescription table th {
    background-color: #FAE4E4;
    border-bottom: 1px solid #7a5445;
    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 #7a5445;
    border-left: solid 1px #7a5445;
    padding: 20px 30px;
    vertical-align: middle;
}
.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
    margin-top: 1rem;
}
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    #recruit #jobDescription table th {
        display: block;
        width: 100%;
    }
    #recruit #jobDescription table td {
        display: block;
        border-left: none;
    }
}