/*
Theme Name: @chaps-spa
Description: チャップススパ様専用テーマです
Author: Design:Ono Yumiko／Cording: Sunaga Eri
*/
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* フォントのインポート */
@font-face {
  font-family: 'Hare';
  src: url('font/Harenosora.otf');
}

@font-face{
	font-family: 'Corporate';
	src: url('font/Corporate-Logo-Medium-ver2.ttf');
}

.Hare{
	font-family: Hare;
}

.Corporate{
	font-family: Corporate;
}

body{
	font: 18px/1.5 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	color: #626262;
	background: #fff;
}

img{
  	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

/* ヘッダー
------------------------------------------------------------*/
#header{
	margin-bottom: 20px;
}

#formButton{
	position: fixed;
	top: 40px;
	right: calc( (100% - 1120px) / 2 - 100px);
	z-index: 500;
}

#formButton img{
	-webkit-filter: drop-shadow(5px 5px 10px rgba(15, 8, 11, 0.2));
	-moz-filter: drop-shadow(5px 5px 10px rgba(15, 8, 11, 0.2));
    -ms-filter: drop-shadow(5px 5px 10px rgba(15, 8, 11, 0.2));
	filter: drop-shadow(5px 5px 10px rgba(15, 8, 11, 0.2));
}

/*メニュー*/
#mainnav {
	position: relative;
}

#menu-pc {
	display:block;
	position:absolute;
	top: 150px;
	width:100%;
	z-index:100;
	border-bottom: solid 1px;
	border-color: #626262;
}

#menu-pc ul {
	font-family: Hare;
}

/* SPメニューパネルを非表示 */
#menu-table {
	position: absolute;
	width: 100%;
	text-align: center;
	transition: 0.5s;
	top: -1100px;
	background: #fff;
}

#recruit__menu-table{
	position: absolute;
	width: 100%;
	text-align: center;
	transition: 0.5s;
	top: -1200px;
	background: #fff;
}

/* メニュー表示の設定 */
#menu-table .table-box {
  width: 100%;
  border-collapse: collapse;
}

#menu-table #banner {
	padding: 0;
	margin-top: -1px;
}

/* ハンバーガーアイコン非表示 */
#menu-sp {
	display: none;
}

#info{
	z-index: 500;
	text-align: center;
	position: absolute;
	top: 25px;
	left: calc( (100% - 1120px) / 2 + 150px);
	line-height: 1.3;
}

#info a{
	color: #626262;
}

/* PCからは電話かけられないようにする */
@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}


#name1{
	font-size: 18px;
}

#name2{
	font-size: 26px;
}

#tel{
	font-size: 21px;
}

#formRibon_tab{
	display: none;
}

/* レスポンシブ対応 */

/* タブレット max-width:1424 */
@media (max-width:1424px) {

	/* 「ご予約お問い合わせフォーム」ボタンを画面下に追従 */
	#formButton{
		display: none;
	}
	
	#formRibon_tab{
		position: fixed;
		bottom: 0;
		width: 100%;
		background: rgba(153, 153, 153, 0.6);
		display: inline;
		z-index: 1000;
		text-align: center;
	}
	#formRibon_tab > a > img{
		width: 45%;
		height: auto;
		margin: 2%;
	}

}

/* スマホ max-width:750 */
@media (max-width:750px) {

	#formRibon_tab{
		display: none;
	}
	
	#info{
		display: none;
	}

	/* PC用のメニューも非表示 */
	#menu-pc {
		display: none;
	}

	/* ハンバーガーアイコンの表示 */
	#menu-sp {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		left: 15px;
    	top: 18px;
    	cursor: pointer;
		background: url("images/sp/menu_open.png") no-repeat;
		background-size: contain;
	}

  #menu-sp:focus {
    	outline: none;
  }

	/* ハンバーガーアイコンをクリックした時 */
	.open #menu-table, 
	.open #recruit__menu-table {
		top: 0px;
		z-index: 600;
	}

	.open #menu-sp{
		background: url("images/sp/menu_close.png") no-repeat;
		background-size: contain;
		z-index: 700;
	}

	/* 「ご予約お問い合わせフォーム」ボタンを非表示 */
	#formButton{
		display: none;
	}
}

/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	padding: 20px 0;
	text-align: center;
	font-size: 12px;
	background: linear-gradient(#dac8ca, #e195b0);
	width: 100%;
	margin-top: auto;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: calc( (100% - 1120px) / 2 - 64px);
}

/* 共通
------------------------------------------------------------*/
.center{
	text-align: center;
}

section{
	clear:both;
	margin: 0 auto;
	min-height: 100vh;
}

section h1{
	font-family: Hare;
	font-size: 40px;
	color: #626262;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
}

section h2{
	font-family: Hare;
	font-size: 35px;
	color: #dacccc;
	font-weight: normal;
	text-align: center;
}

section h3{
	font-size: 14px;
	color: #e194af;
	font-weight:normal;
	margin-top: 17px;
}

section h4{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 300;
	border-bottom: 1.5px solid #e194af;
	font-size: 30px;
	width: 80%;
	color: #626262;
	text-align: center;
	margin: 0 auto;
}

@media (max-width:750px) {
	
	/* パンくずナビゲーションを非表示にする */
	.fbc-items {
		display: none !important;
	}

	section h1{
		font-size: 6vw;
	}

	section h2{
		font-size: 6vw;
	}
}

/* 404ページ
-----------------------------------------*/
.page404{
	font-family: Hare;
	text-align: center;
	font-size: 20px;
	margin: 50px 0;
}


/* トップページ
-----------------------------------------*/

/* NEWS 新着情報 */

.swiper-slide{
	width: auto;
}

:root{
	--swiper-theme-color: #e194af;
}

.blog_block{
	width: 970px;
	border: solid #e194af 1px;
	padding: 12px 9px;
	margin: 0 auto;
}

.blog_block img{
	align-content: center;
	margin:auto;
}

.blog_block_contents{
	width: 270px;
	border: solid #dacccc 1px;
	padding: 11px;
}

.blog_block_contents img{
	width: 260px;
	height: 130px;
	object-fit: contain;
}

.blog_content{
	font-size: 13px;
}

.more_button
{
	background-color: #e194af;
	color: white;
	width: 100%;
	padding: 0.1em;
	text-align: center;
	margin: 0 auto;
}

.content_info{
	display: table;
	width: 100%;
	margin: 5px 0 10px;
}

.content_info > .cat_mini{
	display: table-cell;
}

.blogday{
	display: table-cell;
	text-align: right;
	font-size: 10px;
}

.name{
	font-size: 24px;
}

@media (max-width:750px) {

	/* NEWS 新着情報 見出し画像*/
	.wp-image-173 {
		width: 25vw;
		height: auto;
	}

	.blog_block{
		display: flex;
		justify-content: space-between;
		width: 90vw;
		height: 68vw;
		margin: 0 auto;
	}

	.blog_block img{
		display: block;
		width: 1.6vw;
		height: auto;
	}

	.blog_block_contents{
		/* width: 282px; delete */
		width: 41.6vw;
		/* border: solid #dacccc 1px; delete */
		/* margin-right: 17px; */
		margin-right: 2.4vw;
		margin-left: 2.4vw;
		/* padding: 8px; */
	}

	.blog_block_contents img{
		width: 30vw;
		height: auto;
	}
}

/* TODAY’S THERAPIST 本日のセラピスト */

@media (max-width:750px) {
	/* 見出し画像 */
	.wp-image-174 {
		width: 65vw;
		height: auto;
	}
}

/* RESERVATION STATUS 只今の空き状況 */

@media (max-width:750px) {

	/* 見出し画像 */
	.wp-image-175 {
		width: 71vw;
		height: auto;
	}

	/* body > div > div.timeline-Body.customisable-border > div.timeline-Viewport */
	.timeline-Viewport {
		width: 80vw;
	}
}

/* about
----------------------------------*/
.pageabout{
	width: 700px;
}

.menu{
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
}

.menu h4{
	margin-bottom: 25px;
}

.menutime{
	background-color: #dacccc;
	font-size: 29px;
	height: 42px;
	line-height:42px;
	text-align: center;
	color: #626262;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin-bottom: 40px;
}

.menutitle{
	background-color: #e194af;
	font-size: 24px;
	height: 33px;
	line-height:33px;
	text-align: center;
	color: #fff;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin-bottom: 32px;
}

.menu-option, 
.menu-option > dt, 
.menu-option > dd{
	box-sizing: border-box;
}

.menu-option{
	width: 80%;
	margin: 40px auto 90px auto;
	display: flex;
    flex-wrap: wrap;
	gap: 10px 0;
}

.menu-option > dt,
.menu-option > dd {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu-option dt{
	width: 184px;
	height: 54px;
	background-color: #e194af;
	color: #fff;
	border-radius: 10px;
	font-size: 24px;
	margin-right: 10px;
	text-align: center;
}

.menu-option dd{
	font-size: 18px;
	width: calc(100% - 184px - 10px);
	height: 54px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.button{
	width: 240px;
	height: 40px;
	background: linear-gradient(#dac8ca, #e195b0);
	border: 1px solid #dac8ca;
	color: #FFF;
	font-size: 1.1em;
	font-family: Hare;
	letter-spacing: 0.2em;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.button:hover{
	background: linear-gradient(#d4c7c7, #b99d9d);
}

.attention{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	border: 3px solid #dacccc;
	width: 570px;
	margin: 20px auto 80px;
	padding: 1em 50px;
}

.attention h1{
	font-size: 29px;
	text-align: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.attention h1:before {
	content: url("images/attention.png");
	position: relative;
	margin-right: 10px;
	top: 10px;	
}


/* 予約フォーム設定
------------------------------------------------------------*/
.pc-form{
	width: 750px;
	margin: 0 auto 60px;
 }

/* 予約見出し */
.wp-image-184{
	margin: 80px 0 50px 0;
}

.contact dt{
	width: 150px;
	font-size: 18px;
}

.contact dd{
	margin-bottom: 5px;
}

.contact dl{
	margin: 20px 0;
}

.pink{
	color: #e194af;
}

.input-form{
	color: #626262;
	border: 1px solid #626262;
	width: 570px;
	padding: 0.5em;
}

.select-form{
	width: 150px;
	text-align: center;
	cursor: pointer;
	position: relative;
	border: 1px solid #626262;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0.5em;
	border-radius: 0;
}


/* 問い合わせページ（タブレット・スマホのみ）*/
.mb-form{
	width: 90vw;
}

.mb-form .contact dt{
	width: 85vw;
}

.mb-form .input-form{
	width: 85vw;
}

.mb-form .select-form{
	width: 33vw;
}


/* アクセス
------------------------------*/
.roomname{
	font-size: 24px;
	text-align: center;
	width: 560px;
	border-bottom: solid #e194af 1px;
	color: #626262;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.worktime{
	width: 450px;
	margin: 0 auto;
}

.worktime dt{
	width: 140px;
	background-color: #dacccc;
	text-align: center;
	margin-bottom: 6px;
	margin-right: 17px;
}

.worktime dd{
	margin-bottom: 6px;
}

.width800px{
	width: 800px;
	margin: 0 auto;
}

.underline{
	border-bottom: solid #e194af 1px;
}


@media (max-width:750px) {
	.width800px {
		width: 74vw;
	}

	.roomname{
		font-size: 3vw;
	}

	/* google map */
	.center iframe {
		width: 96vw;
		height: 64vw;
	}

	/* 営業時間、予約受付時間 */
	/* <dl class="worktime"> */
	.worktime {
		width: 90vw;
	}

}

/* ブログ記事
------------------------------*/
.titlebar {
	display: table;
	width: 100%;
	border-bottom: 1.5px solid #e194af;
}

.blogtitle {
	display: table-cell;
	font-size: 36px;
}

.blogdate {
	display: table-cell;
	text-align: right;
	font-size: 18px;
}

.blogcontent{
	font-size: 24px;
}

.cat{
	width: 200px;
	height: 30px;
	margin: 20px 0;
}

.cat_mini{
	width: 90px;
	height: 1.5em;
	margin: 10px 0;
	font-size: 11px;
}

.cat_newface{
	background: #dacccc;
}
.cat_news{
	border: solid #dacccc 2px;
}

.cat_campaign{
	background: #c56486;
	color: white;
}

.cat_photo{
	background: #e194af;
	color: white;
}

.cat_staff{
	border: solid #c56486 2px;
}

.cat_none{
	border: solid #626262 2px;
}

.broggrid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.blogitem{
	padding: 15px;
	text-align: center;
	border: solid #dacccc 2px;
}

/**
 * キャストスケジュール
 */

.weeklySchedule h3{
	font-size: 24px;
	color: #626262;
	text-align: center;
	width: 80%;
	margin: 69px auto 30px;
	border-bottom: 1.5px solid #e194af;
}

.weeklySchedule p{
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
}

#schedule__select-button{
	margin-left: 10vw;
}

.krc_calendar {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:13px;
margin:24px 0;
box-shadow:0 2px 15px rgba(0,0,0,0.22);
}

.krc_calendar dl {
margin:0px;
border:0px;
border-right:1px solid #ccc;
width:20%;
float:left;
display:block;
}
.krc_calendar dl dt {
border:0px;
border-bottom:1px solid #ccc;
text-align:center;
padding:2px;
background-color:#f9e7e7;
font-weight:normal;
}

.krc_calendar dl dd {
border:0px;
text-align:center;
text-decoration:none;
padding:24px 2px;
display:block;
color:#ff9900;
font-weight:bold;
}


/**
 * 出勤情報
 */
.week_calendar ul {
list-style:none;
overflow:hidden;
margin:5px 0px;
padding:0px;
width:100%;
}

.week_calendar ul li {
position:relative;
float:left;
width:14%;
}

.week_calendar ul li a {
display:block;
padding:17px 5%;
width:99%;
color:#fff;
background-color:#ff0000;
text-align:center;
text-decoration:none;
}
.week_calendar ul li.target a {
background-color:#ff8080;
}

.week_calendar ul li a:hover {
background-color:#ffaaaa;
}

/* トップページ用キャスト一覧
/* セラピスト一覧用キャスト一覧
-------------------------*/

.cssgrid{
	text-align: center;
	margin-bottom: 45px;
}

/* セラピストBOX */
.one-cast {
	display: inline-block;
	/*position: relative;*/
	max-width: 201px;
	height: auto;
	margin: 0 25px 4px;
	padding: 0;
	text-align: center;
	line-height: 1.3em;
	overflow: hidden;
	letter-spacing: normal;
	vertical-align: top;
}

/* セラピストBOXの画像たち */
.one-cast img {
	width: 200px;
	height: auto;
}

/* セラピスト画像 */
.cast-photo-list {
	width: 200px;
	height: auto;
}

/* 出勤時間 */
.time{
	font-size: 12px;
	border: 0.5px solid #626262;
	margin: 7px 0;
	height: 30px;
	line-height:30px;
}

/* ** キャスト一覧 スマホ表示 ** */
@media (max-width:750px) {

	/* body > section > div.cast-wrapper */
	.cast-wrapper {
		display: flex;
		flex-wrap: wrap;
		width: 84vw;
		justify-content: space-between;
		margin: 0 auto;
	}

	/* セラピストBOX */
	.one-cast {
		/* display: inline-block; */
		/* position: relative; */
		/* max-width: 237px; */
		max-width: 50%;
		height: auto;
		/* margin: 0 25px 4px; */
		margin: 0 auto 4vh;
		/* padding: 0; */
		/* text-align: center; */
		/* line-height: 1.3em; */
		/* overflow: hidden; */
		/* letter-spacing: normal; */
		/* vertical-align: top; */
	}

	/* セラピストBOXの画像たち */
	.one-cast img {
		/* width: 200px; */
		max-width: 100%;
		/* height: auto; */
	}

	/* セラピスト画像 */
	.cast-photo-list {
		/* width: 200px; */
		width: 100%;
		/* height: auto; */
	}

/*
	.cast-photo-list img {
		width: auto;
		height: 43.4vw;
	}
*/

	/* MORE INFO */
	.more{
		display: none;
	}
}

/*キャスト一覧
--------------*/

.castlist__search,
.schedule__select{
	margin: -50px 10vw 80px;
	height: auto;
	background-color: white;
	border: 3px solid;
	border-image: linear-gradient(180deg, #e194af, #fff);
    border-image-slice: 1;
	padding: 10px;
	position: relative;
}

.postform{
	width: 140px;
	text-align: center;
	cursor: pointer;
	position: relative;
	border: none;
	border-bottom: 1px solid #626262;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0.5em;
	border-radius: 0;
}

.castlist__search__button{
	margin: 30px auto;
}

.cast-tag-list ul{
	margin: 10px 0;
}

.cast-tag-list li{
	background-color: #e194af;
	height: 24px;
	color: white;
	border-radius: 5px;
	margin: 0 1%;
	font-size: 9px;
	min-width: 48%;
	display: inline-block;
}


/* キャスト個人ページ
------------------*/
.main-img{
	width: 480px;
	height: auto;
	margin-bottom: 20px;
}

.sub-img{
	width: 124px;
	height: auto;
	margin-right: 10px;
}

.sub-images{
	display: flex;
}

.cast-info{
	border-collapse: separate;
	border-spacing: 36px 0;
  	display: table;
}

.cast-name-icon{
	background: url("images/logo.png") no-repeat center;
	font-family: Hare;
	color: #626262;
	width: 191px;
	height:186px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.cast-name-icon > #sub-name{
	font-size: 40px;
	line-height: 51px;
}

.cast-name-icon > #cast-name{
	font-size: 30px;
	line-height: 38px;
}

.cast-new-badge{
	background-image: url("images/new_badge.png");
}

.cast-name-icon > #age{
	font-size: 24px;
}

.cast-tag{
	display: inline-block;
	background-color: #e194af;
	height: 3em;
	min-width: 90px;
	color: white;
	padding: 1em;
	border-radius: 5px;
	margin-right: 3px;
	font-size: 12px;
	text-align: center;
	margin-top: 85px;
	box-sizing: border-box;
}

.cast-contact{
	display: inline-block;
	background-color: #dacccc;
	width: 216px;
	height: auto;
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 28px;
	font-size: 12px
}

.cast-contact a{
	color: #626262;
}

.cast-contact span{
	font-size: 16px;
}

.cast-data{
	border-bottom: 1px solid #e194af;
	width: 560px;
	margin: 0 auto;
	table-layout: fixed;
	font-size: 20px;
}

.cast-data th{
	border-top: 1px solid #e194af;
	font-weight: normal;
}

.cast-data td{
	border-top: 1px solid #e194af;
}

.cast-photo {
	width: 480px;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

.box-schedule{
	display: grid;
	grid-template-columns: 155px 155px 155px 155px 155px 155px 155px;
	justify-content: center;
	margin: 40px 0 88px 0;
}

.box{
	width: 134px;
	padding: 0.5em;
	margin-right: 8px;
	text-align: center;
}

.box_date{
	border: solid #dacccc 1px;
	font-size: 24px;
	height: 47px;
}

.box_time{
	font-size: 18px;
}
.cast-profile {
padding:10px;
width:50%;
min-width:300px;
float:left;
}
.cast-schedule {
width:100%
}
.cast-meta {
	overflow:hidden;
	text-align:center;
}
.cast-meta p{
	font-size: 13px;
}

.cast-content {
	font-size: 13px;
	margin: 9px 0;
}

.one-cast .worktime {
position:absolute;
display:block;
z-index:26;
}


/**
 * キャスト情報
 */
.one-cast a {
text-decoration:none;
}

.cast-name{
	display:block;
	font-size:130%;
	color:#e194af;
	padding-top:6px;
	padding-bottom: 8px;
}
.cast-tall{
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #626262;
	font-size: 12px;
}

.one-cast figcaption span.cast-time {
display:block;
color:#e1053b;
}



/* RESPONSIVE 設定 ブレークポイント
------------------------------------------------------------*/

@media only screen and (min-width: 751px){
	#home-header{
		height: 600px;
		width: 2600px;
		object-fit: cover;
	}

	#other-header{
		height: 500px;
		width: 2600px;
		object-fit: cover;
	}
	
	#cast-header{
		height: 164px;
		width: 2600px;
		object-fit: cover;
	}
	
	#cast-page{
		margin-top: 50px;
	}
	
	/* タブレット用追従リボン */
	#formRibon{
		display: none;
	}

	section{
		width: 1120px;
	}

	a#menu{
		display:none;
	}

	.clone-nav {
	  	position: fixed;
	  	top: -100px;
	  	left: 0;
	  	transition: all 0.5s;
	  	background-color: rgba(255,255,255,.9);
		font-family: Hare;
		width: 100%;
	}
	
	.clone-nav.is-fixed-nav {
	 	top: 0;
	}
	
	nav ul{
		text-align: center;
	}

	nav li{
		display: inline-block;
		font-size: 21px;
		font-weight: 300;
	}

  	nav a{
		color: #626262;
	}

	nav.changeNav{
		background: rgba(255,255,255,.9);
		border-bottom: 1px solid #d1d1d1;
	}

	nav.changeNav li{
		padding: 20px 10px;
	}
	
	.contact p{
		font-size: 17px;
	}
	.br-sp{
		display: none;
	}
}

@media only screen and (max-width:750px){
	#formRibon_tab{
		display: none;
	}
	
	.clone-nav{
		display: none;
	}
	/* 各ページのお問い合わせフォームは非表示 */
	.wp-image-184{
		display: none;
	}
	.pc-form{
		display: none;
	}
	section{
		width: 90vw;
	}
	.pageabout{
		width: 90vw;
	}
	.has-text-align-center {
		display: block;
		width: 90vw;
	}
	.attention{
		width: 90vw;
		margin: 0;
		padding: 0;
	}
	
	#formRibon{
		position: fixed;
		bottom: 0;
		width: 100%;
		background: rgba(153, 153, 153, 0.6);
		display: block;
		z-index: 1000;
		text-align: center;
	}
	
	#formRibon a > img{
		display: inline;
		margin: 10px 2px;
		width: 30%;
		height: auto;
	}
	
	#toTop{
		bottom: 10vh;
		right: 0;
	}
	
	.menu-option{
		width: 90vw;
		margin: 6vh auto 13vh auto;
	}

	.menu-option dt{
		width: 40vw;
		height: 7vh;
		margin-bottom: 10px;
	}

	.menu-option dd{
		width: 45vw;
		line-height: 1.3;
		margin-bottom: 10px;
	}
	
	.cast-info{
		display: block;
		margin: 5vh auto;
		text-align: center;
	}
	
	.cast-tag{
		margin: 0.5vh 2vw;
	}

	.cast-contact{
		width: 60vw;
	}
	
	.box-schedule{
		display: flex;
		flex-wrap: wrap;
	}

	#schedule__select-button{
		margin-left: 0;
	}
	
	#contact{
		display: none;
	}
	
	.cast-data{
		width: 100%;
	}
	
	.cast-info{
		border-collapse: separate;
		border-spacing: 0;
	}
	
	.cast-name-icon{
		margin: 0 auto 2vh;
		display: flex;
 	 	justify-content: center;
  		align-items: center;
		flex-flow: column;
	}	
	.br-sp{
		display: block;
	}
}

/* 求人ページ用CSS ここから */

/* 横幅 */
.page-recruit{
  width: auto;
  overflow: hidden;
}

.container{
  width: 684px;
  margin: 0 auto;
}

/* ヘッダーロゴ */
.info-logo{
  text-align: center;
}

/* メニュー */
#header-nav ul,
#clone-nav ul{
  display: flex;
  justify-content: center;
  width: 100vw;
  margin: 0 calc(50% - 50vw);	
  background-color: rgba(255,255,255,0.9);
}

#header-nav ul li a,
#clone-nav ul li a{
	display: block;
	padding: 0 10px;
  color: #626262;
  font-size: 21px;
  text-decoration: none;
}

/* fixedメニュー */
#clone-nav {
	position: fixed;
	top: -100px;
	z-index: 100;
	transition: 0.5s;
}

#clone-nav.is-fixed-nav {
	top: 0;
	left: 0;
}

/* ファーストビュー */
.recruit-fv-img{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  max-width: none;
  height: 346px;
  object-fit: cover;
  border-top: solid 1px #626262;
}

/* 見出し */
.ttl{
  text-align: center;
  border-top: solid 5px #e194af;
  border-bottom: solid 5px #e194af;
  padding: 30px 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

.ttl-h2{
  font-size: 47px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  line-height: 1.2;
  color: #e194af;
  font-weight: 600;
  white-space: nowrap;
}

.ttl-h2 span{
  font-size: 57px;
}

.ttl-p{
  font-size: 28px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/* ボタン */
#btn{
  text-align: center;
  margin-bottom: 100px;
}

#btn .btn-text-img{
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
}

#btn .btn-img{
	display: flex;
	justify-content: center;
}

#btn a:hover{
  opacity: 0.8;
}

#btn .btn_line{
  padding: 0 20px;
  box-sizing: border-box;
}

#btn .btn_contact{
  padding: 0 20px;
  box-sizing: border-box;
}

#message{
  margin-bottom: 50px;
}

#message .message-img-top{
	text-align: center;
}

#message .message-text1{
  text-align: center;
  padding-bottom: 50px;
}

#message .message-text2{
  text-align: center;
  font-size: 28px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  padding-top: 40px;
  padding-bottom: 10px;
}

#message .message-text3{
  color: #e194af;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 90px;
}

#message .message-text4{
  padding-left: 90px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  line-height: 1.7;
}

#message .message-text5{
  color: #c70146;
  font-weight: bold;
  text-align: center;
  border: solid 3px #c70146;
  width: 460px;
  margin: 40px auto 0px auto;
  padding: 10px 0;
  box-sizing: border-box;
}

#message .message-inner{
	width: 684px;
	height: 100%;
	object-fit: cover;
	margin-bottom: 40px;
  	background-image: url(http://chaps-spa.nobushi.jp/wp-content/uploads/2021/08/recruit_message_bg.png);
  	background-repeat: no-repeat;
  	background-position: top center;
}

#message .message-img{
  text-align: center;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
	position: relative;
}

/* 駅５分圏内の好立地 */
#location{
  margin-bottom: 100px;
}

#location .location-img{
  margin-bottom: 40px;
}

#location .location-text{
  text-align: center;
  font-size: 18px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/* ライフスタイル */
#lifestyle{
  margin-bottom: 80px;
}

#lifestyle .lifestyle-text{
  text-align: center;
  font-size: 18px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  padding-bottom: 40px;
}

#lifestyle .lifestyle-box{
  text-align: center;
  margin-bottom: 40px;
}

#lifestyle .lifestyle-present{
  position: relative;
  margin-bottom: 40px;
}

#lifestyle .lifestyle-worry{
  text-align: center;
  margin-bottom: 24px;
}

#lifestyle .lifestyle-angle{
  text-align: center;
  margin-bottom: 40px;
}

#lifestyle .lifestyle-solition{
  text-align: center;
  margin-bottom: 50px;
}

#lifestyle .lifestyle-solition-text1{
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  text-align: center;
  margin-bottom: 40px;
}

#lifestyle .lifestyle-solition-text2{
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #c70146;
}

/* 給与・待遇 */
#salary .salary-ttl{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

#salary .salary-ttl-text1{
  font-weight: normal;
  width: 385px;
  margin-bottom: 0;
}

#salary .salary-ttl-text2{
  font-weight: normal;
  width: 258px;
  margin-bottom: 0;
}

#salary .salary-table{
  margin-bottom: 90px;
  color: #626262;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: bold;
  font-size: 30px;
}

#salary .salary-table tr{
  border-bottom: solid 1px #e194af;
}

#salary .salary-table td:first-child{
  text-align: center;
  width: 385px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}

#salary .salary-table td:last-child{
  text-align: right;
  width: 258px;
  padding-right: 20px;
  padding-top: 30px;
}

#salary .salary-table td span{
  font-size: 24px;
  font-weight: normal;
}

/* セラピストの１日 */
#therapist{
  margin-bottom: 70px;
}

#therapist .therapist-img-angle{
  text-align: center;
  margin-bottom: 40px;
}

#therapist ul{
	list-style: inside;
	list-style-position: outside;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 24px;
  margin-left: 170px;
	margin-bottom: 20px;
}

/* 選ばれる理由 */
#reason .reason-text{
  text-align: center;
}

/* 入店までの流れ */
#step .step-box{
  margin-bottom: 30px;
  position: relative;
}

/* noil開始 */
#noil{
  margin-bottom: 50px;
}

#noil .noil-text{
  font-size: 32px;
  font-weight: bold;
  color: #626262;
  text-align: center;
}

#noil .noil-text span{
  background: linear-gradient(transparent 50%, #e5dbdb 50%);
}

#noil .noil-box{
  margin: 20px 0;
  text-align: center;
}

/* 安心 */
#relief{
  margin-bottom: 50px;
}

#relief .relief-img{
  text-align: center;
  margin-bottom: 35px;
}

#relief p{
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/* 勤務実例 */
#example .example-voice01{
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

#example .example-voice01.reverse{
  flex-direction: row-reverse;
}

#example .example-voice01 .example-voice-img{
  margin: 0 20px;
	padding-top: 20px;
}

#example .example-voice01 .example-voice-text{
  margin: 0 20px;
	line-height: 1.5;
}

#example .example-voice-text p{
  font-size: 36px;
	padding-bottom: 10px;
}

#example .example-voice-text p span{
  font-size: 62px;
  line-height: 1.0;
}

#example .example-voice01 .example-voice-text .income{
  font-size: 58px;
  background: linear-gradient(transparent 70%, #eebcc4 70%);
  line-height: 1.0;
}

#example .example-voice01 .example-voice-text .income strong{
  font-size: 80px;
}

#example .example-voice02{
  margin-bottom: 250px;
	margin-top: -100px;
}

#example .example-voice02 .example-voice-img{
  position: relative;
  text-align: center;
}

#example .example-voice02 .example-voice-img-logo{
  position: absolute;
  top: 25%;
  left: -35%;
}

#example .example-voice02 .example-voice-text{
  width: 580px;
  position: absolute;
  bottom: -240px;
  left: 50%;
  transform: translateX(-50%);
}

#example .example-voice02 .example-voice-text p{
	position: relative;
	margin-left: 50px;
}

#example .example-voice02 .example-voice-text .income{
  font-size: 58px;
  font-style: italic;
  background: linear-gradient(transparent 70%, #eebcc4 70%);
  line-height: 1.0;
}

#example .example-voice02 .example-voice-text .income strong{
  font-size: 100px;
  font-style: italic;
}

#example .example-voice-img-income{
	text-align: center;
	margin-bottom: 30px;
}

#example .example-income-box{
  text-align: center;
  border: solid 3px #c70146;
  width: 750px;
  padding: 30px 20px;
  margin: 0 auto 60px auto;
  box-sizing: border-box;
}

#example .example-income-text1{
  font-size: 34px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

#example .example-income-text2{
  font-size: 40px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

#example .example-income-text2 span{
  font-size: 48px;
  font-weight: 600;
  color: #c70146;
  background: linear-gradient(transparent 70%, #ffff7f 70%);
}

/* fixedボタン */
#contact-btn{
  position: fixed;
  top: 32%;
  right: 4%;
  width: 218px;
}

#contact-btn img{
	padding: 5px;
}

#contact-btn .contact-btn-line:hover{
  opacity: 0.8;
}

#contact-btn .contact-btn-recruit:hover{
  opacity: 0.8;
}

/* fiexdボタン(SP用) */
#contact-btn-sp{
	width: 100vw;
	display: none;
	position: fixed;
	bottom: 0;
	background-color: #c2c2c2;
	text-align: center;
	padding: 20px;
  box-sizing: border-box;
}

.contact-btn-line-sp{
	padding: 20px 0;
}

.contact-btn-line-sp:hover{
	opacity: 0.8;
}

.contact-btn-recruit-sp:hover{
	opacity: 0.8;
}

/* レスポンシブ対応 */
@media (max-width:1000px) {
  #header-nav ul li a,
  #clone-nav ul li a{
    /* padding: 0 10px; */
  	padding: 0 5px;
    /* font-size: 21px; */
    font-size: 2.2vw;
  }

  /* 勤務実例 */
  #example .example-voice-text p{
    /* font-size: 36px; */
    font-size: 3.6vw;
  }

  #example .example-voice-text p span{
    /* font-size: 62px; */
    font-size: 6.2vw;
  }

  #example .example-voice01 .example-voice-text .income{
    /* font-size: 58px; */
    font-size: 5.8vw;
  }

  #example .example-voice01 .example-voice-text .income strong{
    /* font-size: 80px; */
    font-size: 8vw;
  }

  #example .example-voice02 .example-voice-text .income{
    /* font-size: 58px; */
    font-size: 5.8vw;
  }

  #example .example-voice02 .example-voice-text .income strong{
    /* font-size: 100px; */
    font-size: 10vw;
  }
	
}

/* スマホ max-width:750 */
@media (max-width:750px) {
	/* 通常メニュー、fixedメニュー */
	#header-nav,
	#clone-nav{
    /* display: block; */
		display: none;
	}
	.info-logo{
		display: none;
	}
	
	.recruit-fv-img{
/*		width: 100vw;*/
/*		margin: 0 calc(50% - 50vw);*/
/*		max-width: none;*/
		height: auto;
/*		object-fit: cover;*/
		border-top: none;

	}
	#message .message-text1{
		padding-bottom: 2em;
	}
	
	#lifestyle .lifestyle-angle img{
		width: 50%;
		height: auto;
	}
	
	#salary .salary-ttl-text1{
/*		font-weight: normal;*/
		width: 50vw;
/*		margin-bottom: 0;*/
	}
	
	#salary .salary-ttl-text2{
/*		font-weight: normal;*/
  		width: auto;
		padding: 0 0.5em;
/*		margin-bottom: 0;*/
	}
	
	#salary .salary-table td:first-child{
/*		text-align: center;*/
		width: 50vw;
		padding-left: 0;
		padding-right: 0;
/*		padding-top: 30px;*/
	}
	
	#salary .salary-table td:last-child{
/*		text-align: right;*/
		width: 30vw;
/*		padding-right: 20px;*/
/*		padding-top: 30px;*/
	}


	/* 勤務実例 */
	#example .example-voice01{
		flex-direction: column;
		text-align: center;
	}
	
	#example .example-voice01 .example-voice-img{
		max-width: 60vw;
		margin: 0 auto;
	}

	#example .example-voice01.reverse{
		flex-direction: column;
	}

	#example .example-voice02{
    /* margin-bottom: 250px; */
	  margin-bottom: 340px;
	}

	#example .example-voice02 .example-voice-img-logo{
	  left: -10%;
	}

	#example .example-voice02 .example-voice-text{
	  bottom: -340px;
	}

	#example .example-income-box{
		border-left: none;
		border-right: none;
	  	width: auto;
	}

	#example .example-income-text1{
		/* font-size: 34px; */
		font-size: 4.6vw;
 	 }

	#example .example-income-text2{
    	/* font-size: 40px; */
    	font-size: 5.4vw;
	}

  #example .example-income-text2 span{
    /* font-size: 40px; */
    font-size: 6vw;
  }

  #example .example-voice-text p{
    /* font-size: 36px; */
    font-size: 5.2vw;
  }

  #example .example-voice-text p span{
    /* font-size: 62px; */
    font-size: 8.2vw;
  }
	
  #example .example-voice01 .example-voice-text{
    margin: 0 auto;
/*	line-height: 1.5;*/
	text-align: left;
}

  #example .example-voice01 .example-voice-text .income{
    /* font-size: 58px; */
    font-size: 7.8vw;
  }

  #example .example-voice01 .example-voice-text .income strong{
    /* font-size: 80px; */
    font-size: 12vw;
  }

  #example .example-voice02 .example-voice-text .income{
    /* font-size: 58px; */
    font-size: 7.8vw;
	text-align: center;
  }

  #example .example-voice02 .example-voice-text .income strong{
    /* font-size: 100px; */
    font-size: 14vw;
  }	
	#example .example-voice-img-income{
		margin-left: 5vw;
		margin-right: 5vw;
	}
	
	/* fixedボタン */
	#contact-btn{
		display: none;
	}

	/* fiexdボタン(SP用) */
	#contact-btn-sp{
		display: block;
		transition: 0.5s;
	}

}

@media (max-width:684px){
  /* 横幅 */
	.container{
		width: 90vw;
	}

	 /* 見出し */
  .ttl-h2{
    /* font-size: 47px; */
    font-size: 6vw;
  }

  .ttl-h2 span{
    /* font-size: 57px; */
    font-size: 8.2vw;
  }

  .ttl-p{
    /* font-size: 28px; */
    font-size: 4vw;
  }

  .page-recruit .menutime{
    /* font-size: 29px; */
	  font-size: 4.2vw;
  }

  /* メッセージ */
	#message .message-inner{
		width: auto;
		background-size: contain;
	}

  /* ライフスタイル */
  #lifestyle .lifestyle-solition-text2{
    /* font-size: 26px; */
    font-size: 3.8vw;
  }

	/* 給与・待遇 */
	#salary .salary-table{
    /* font-size: 30px; */
    font-size: 4.2vw;
  }

  #salary .salary-table td span{
    /* font-size: 24px; */
    font-size: 3.3vw;
  }

  /* セラピストの１日 */
  #therapist ul{
  	/* font-size: 24px; */
    font-size: 3.5vw;
  }

  /* noil */
  #noil .noil-text{
    /* font-size: 32px; */
    font-size: 4.5vw;
  }

}

@media (max-width:580px){
	#btn{
		margin-bottom: 5vh;
	}
	
	#btn .btn_line,
	#btn .btn_contact{
		padding: 0 2vw;
	}
	
	#btn .btn-text-img{
		padding: 0 15vw;
		margin-bottom: -5vh;	
	}
	
	/* メッセージ */
	#message .message-text1{
		font-size: 3.4vw;
  	}
  
  	#message .message-img{
		width: 140vw;
		margin: 0 calc(50% - 70vw);
	}
  	#message .message-text2{
    	/* font-size: 28px; */
    	font-size: 5.4vw;
  	}

  	#message .message-text3{
    	/* font-size: 28px; */
    	font-size: 5.4vw;
  		/* padding-left: 90px; */
  		padding-left: 10vw;
 	}

  	#message .message-text4{
    	/* font-size: 18px; */
    	font-size: 3.4vw;
  		/* padding-left: 90px; */
  		padding-left: 10vw;
  	}
	
  	#message .message-text5{
    	/* font-size: 18px; */
    	/* width: 460px; */
  		width: calc(100% - 40px);
  	}
	#location{
		margin-bottom: 0;
	}
	
	#location .location-text{
		font-size: 3.4vw;
	}
	
	#lifestyle{
		margin-bottom: 0;
	}
	
	#lifestyle .lifestyle-text,
	#lifestyle .lifestyle-solition-text1{
		font-size: 3.4vw;
	}
	
	
	#relief p{
		font-size: 3.4vw;
	}

	/* 勤務実例 */
 	#example .example-voice02{
    /* margin-bottom: 340px; */
	  margin-bottom: 240px;
	}

  #example .example-voice02 .example-voice-text{
    /* width: 580px; */
    width: 100%;
    /* bottom: -340px; */
    bottom: -200px;
	transform: translateX(-70%);
  }
	
	
	#example .example-voice02 .example-voice-img{
		width: 140vw;
	}

  #example .example-voice02 .example-voice-img-logo img{
    max-width: 60%;
	position: relative;
	left: 30vw;
  }

  /* セラピストの１日 */
  #therapist ul{
    margin-left: 20vw;
  }
  
}

/* 求人ページ用CSS ここまで */