@charset "utf-8";

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;
}

/*paddingによる幅を無くします*/
*{
-webkit-box-sizing:border-box;
-mos-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
/*横幅をはみ出た部分は見えなくする*/
html{
overflow-x: hidden;
}

body {
	width: 100%;
	min-width: 320px;
	min-height: 800px;
	background: #131313;
	color: #fff;
	font-size: 14px;
	font-family: 'Cinzel', 'Zen Old Mincho', Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	line-height: 1.8;
	overflow: hidden;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section,main {
	display: block;
}
h1, h2, h3, h4, h5, h6, strong, th{
	font-weight: normal;
}
ol,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;
}
a, a:hover{
	color: #fff;
}
/*android版クローム　フォントサイズが大きくなる不具合対策*/
p {
	max-height: 999999px;
}
ins {
	background-color: #ff9;
	color: #fff;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #fff;
	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;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: bottom;
	width: 100%;
}
/* form */
input, select {
	vertical-align: middle;
}
/* float解除 */
header:after,footer:after,section:after,article:after,aside:after,main:after,div:after,dl:after,ul:after,ol:after,li:after {
		display: block;
		clear: both;
		height: 0;
		content: "";
}
/****************************************

 common (共通スタイル)

****************************************/
/*ページ全体ふわっと表示*/
body {
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
/*PC版769pxまでSP版786px〜*/
@media screen and (min-width: 769px) {
	.sp{
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	/*共通*/
	.pc{
		display: none !important;
	}
}

main{
	margin: 0 auto;
	max-width: 1920px;
	width: 100%;
}
.inner{
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}
.inner1200{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}
.inner800{
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
}

h1{
	font-size: 11px;
	text-align: center;
}

/*********** 文字色 ***********/
.atten_01, .atten_01 a{color: #ff007e;}
.atten_02, .atten_02 a{color: #ffff00;}
.atten_03, .atten_03 a{color: #b0c9ff;}
.atten_04, .atten_04 a{color: #ff0000;}

/*********** フォントサイズ **********/
.fs_05em{font-size: 0.5em;}
.fs_08em{font-size: 0.8em;}
.fs_10em{font-size: 1.0em;}
.fs_12em{font-size: 1.2em;}
.fs_13em{font-size: 1.3em;}
.fs_15em{font-size: 1.5em;}
.fs_16em{font-size: 1.6em;}
.fs_18em{font-size: 1.8em;}
.fs_20em{font-size: 2.0em;}
.fs_22em{font-size: 2.2em;}
.fs_30em{font-size: 3.0em;}

/*********** マージン **********/
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_50{margin-bottom: 50px;}
.mt_20{margin-top: 20px;}
.mt_30{margin-top: 30px;}
.mt_50{margin-top: 50px;}

/*********** センタリング **********/
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.block{display: block;}

/*********** フォントウェイト **********/
.fw_b{font-weight: bold;}

/*********** hover時のアニメーション **********/
/*ふわっと透過*/
.link_act_01{
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.link_act_01:hover{
	opacity: 0.5;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}


/*********** テーブル設定 **********/
/*table_01*/
.table_01 {
	width: 100%;
	text-align: left;
	font-family: 'Zen Old Mincho', Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.table_01 th{
	padding: 10px;
	border-left: 4px solid #004336;
	margin-bottom: 10px;
	background: #001b16;
}
.table_01 td{
	margin-bottom: 30px;
	padding: 5px 0 10px 5px;
}
.table_01 th,
.table_01 td {
	width: 100%;
	display: block;
}
@media screen and (max-width: 500px){
	.table_01 td{
		padding: 0;
	}
}

/* table_02 */
.table_02 {
	width: 100%;
}
.table_02 tr{
	border-bottom: 1px solid #313131;
}
.table_02 th,
.table_02 td{
	padding: 5px;
}
.table_02 th{
	color: #a79775;
}

/*********** ボタン設定 **********/
.btn_more{
	width: 230px;
	padding: 20px;
	background: #000;
	border: 1px solid #e6dcc7;
	color: #e6dcc7;
	display: block;
	margin: 0 auto 80px;
}













/* テキストボックス 1 */
.txt{
	padding: 15px;
	background: #1e1e1e;
	font-size: 12px;
	text-align: left;
	line-height: 2;
}
.txt .frame{
	width: 100%;
	height: 100%;
	border: 1px solid #e6dcc7;
	border-image: linear-gradient(to bottom, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	border-image-slice: 1;
	padding: 15px;
}



/******************************
セラピスト設定
******************************/
.cast_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cast_box li{
	width: 250px;
	display: inline-block;
	margin: 20px 10px;
	padding: 4px;
	border: 1px solid #e6dcc7;
	border-image: linear-gradient(to bottom, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	border-image-slice: 1;
	background: rgba(0,0,0,0.8);
	position: relative;
}
.cast_box li .img_box{
	width: 240px;
	height: 360px;
	overflow: hidden;
	position: relative;
	background: #000;
}
.cast_box li .img_box .cast_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: opacity 0.35s;
					transition: opacity 0.35s;
}
.cast_box li .icon_new{
	position: absolute;
	width: 80px;
	top: -10px;
	left: -5px;
}

.cast_box li .txt_box{
	width: 95%;
	margin: 10px auto;
	text-align: left;
	line-height: 1.4;
	font-size: 16px;
	font-family: 'Zen Old Mincho', Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.cast_box li .txt_box .title{
	color: #c6b289;
	font-size: 0.8em;
}
.cast_box li .icon_class{
	width: 100%;
	margin: 5px 0;
}
.cast_box li .time{
	background: linear-gradient(90deg, rgba(112, 90, 49, 1) 10%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	padding: 2px 0;
	text-align: center;
	color: #fff;
	text-shadow: rgba(112, 90, 49, 1) 1px 1px 10px, rgba(112, 90, 49, 1) -1px 1px 10px,rgba(112, 90, 49, 1) 1px -1px 10px, rgba(112, 90, 49, 1) -1px -1px 10px;
}

/*セラピストhoverアニメーション*/
.cast_box li .img_box:before{
	content: "";
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
	width: 100%;
	height: 70%;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	transition-property: top, opacity;
	transition-duration: 0.3s;
}
.cast_box li .img_box .hover_txt{
	position: absolute;
	top: 40%;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	padding: 20px 30px;
}
.cast_box li .img_box .hover_txt:before,
.cast_box li .img_box .hover_txt:after {
	width: 1px;
	height: 0;
}
.cast_box li .img_box .hover_txt:before {
	right: 0;
	top: 0;
}
.cast_box li .img_box .hover_txt:after {
	left: 0;
	bottom: 0;
}
.cast_box li .img_box .hover_txt h3,
.cast_box li .img_box .hover_txt p {
	line-height: 1.5em;
}
.cast_box li .img_box .hover_txt h3 {
	margin: 0 0 5px;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
}
.cast_box li .img_box .hover_txt p {
	font-size: 0.8em;
	font-weight: 500;
	margin: 0 0 15px;
}
.cast_box li .img_box:before,
.cast_box li .img_box:after,
.cast_box li .img_box .hover_txt:before,
.cast_box li .img_box .hover_txt:after {
position: absolute;
content: '';
background-color: #ffffff;
z-index: 1;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0.8;
}
.cast_box li .img_box:before,
.cast_box li .img_box:after {
height: 1px;
width: 0%;
}
.cast_box li .img_box:before {
top: 0;
left: 0;
}
.cast_box li .img_box:after {
bottom: 0;
right: 0;
}
.cast_box li .img_box:hover .cast_img {
opacity: 0.4;
}
.cast_box li .img_box:hover .hover_txt{
opacity: 1;
}
.cast_box li .img_box:hover .hover_txt:before,
.cast_box li .img_box:hover .hover_txt:after {
height: 100%;
}
.cast_box li .img_box:hover:before,
.cast_box li .img_box:hover:after {
width: 100%;
}
.cast_box li .img_box:hover:before,
.cast_box li .img_box:hover:after,
.cast_box li .img_box:hover .hover_txt:before,
.cast_box li .img_box:hover .hover_txt:after {
opacity: 0.1;
}

@media screen and (max-width: 768px){
	.cast_box li{
		width: 210px;
	}
	.cast_box li .img_box{
		width: 200px;
		height: 300px;
	}
	.cast_box li .icon_new{
		width: 70px;
	}
}
@media screen and (max-width: 500px){
	.cast_box li{
		width: 165px;
		margin: 10px 5px;
	}
	.cast_box li .img_box{
		width: 155px;
		height: 248px;
	}
	.cast_box li .icon_new{
		width: 60px;
	}
}


/******************************
form共通設定
******************************/
input[type="text"],
input[type="email"],
select {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
form input[type="text"],
form input[type="email"],
form textarea,
form select {
	outline: none;
	border: 1px solid #eee;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: #fff;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form textarea:focus,
form select:focus {
	box-shadow: 0 0 7px #00ffcf;
	border: 1px solid #00a183;
}

form input[type="radio"]{
	vertical-align: baseline;
}
form select{
	padding: 5px 10px;
}
form .select_box select{
	width: 100%;
}
.table_01 td input[type="text"],
.table_01 td input[type="email"]{
	width: 100%;
	padding: 10px;
}
.table_01 td label{
	display: block;
}
.table_01 td textarea{
	width: 100%;
}
.table_01 td#reserve input{
	width: unset;
}
.btn_more input{
	color: #fff;
}
.btn_more:hover input{
	color: #d57c98;
}
.table_01 td input.width_unset{
	width: unset;
}



/******************************
ヘッダー
******************************/
header {
width: 100%;
height: 80px;
background: rgba( 0, 0, 0, 0.8);
z-index: 99999;
position: fixed;
top: 0;
left: 0;
box-shadow: 0 2px 10px #00000014;
}
header .logo{
width: 65px;
position: absolute;
top: 8px;
left: 8px;
}
header .logo img{
width: 100%;
}
/*PC版グローバルメニュー*/
header .nav{
padding-top: 20px;
}
header .nav li{
display: inline-block;
vertical-align: top;
}
header .nav li a{
width: 95px;
letter-spacing: 1px;
line-height: 1.4;
display: inline-block;
font-size: 13px;
text-align: center;
-webkit-transition:0.8s ease;
-moz-transition:0.8s ease;
-o-transition:0.8s ease;
transition:0.8s ease;
position: relative;
}
header .nav li a::after{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	border-radius: 2px;
	background: linear-gradient(90deg, #083e00 0%, #083e00 20%, #128c00 60%, #083e00 100%);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
}
header .nav li a:hover{
color: #bcdeb8;
}
header .nav li a:hover::after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-origin: right top;
	transform: scale(1, 1);
}
header .nav li a.active{
color: #bcdeb8;
}
header .nav li a span.en{
display: inline;
}
header .nav li a:hover span.en{
display: none;
}
header .nav li a span.jp{
display: none;
}
header .nav li a:hover span.jp {
display: inline;
font-size: 11px;
}
/* transition */
.nav li a{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

/*=========================
SP時のドロワーメニュー
=========================*/
/*PCでは非表示*/
.btn_menu{
	display: none;
}
/*spでは表示*/
@media screen and (max-width: 769px) {
	.btn_menu{
		display: block !important;
	}
}
.btn_menu{
	position: fixed;
	top: 5px;
	right: 10px;
	width: 55px;
	height: 60px;
	z-index: 9999999999;
}
.btn-trigger {
	position: relative;
	width: 55px;
	height: 60px;
	cursor: pointer;
}
.btn-trigger i{
	font-size: 30px;
	position: absolute;
	top: 10px;
	right: 16px;
	background: linear-gradient(to right, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	background: -webkit-linear-gradient(to right, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*MENUとCLOSEの切り替え*/
#btn18 text close,
#btn18 text open{
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 11px;
	overflow: hidden;
	transform: translateY(50px);
	transition: width .25s .35s, color .45s .35s;
}
#btn18 text close {
	color: rgba(0, 0, 0, 0);
	right: 2px;
	width: 0;
	top: -5px;
}
#btn18 text open {
	color: #9d8a67;
	width: 100%;
	position: absolute;
	top: -5px;
	right: 2px;
}
#btn18.active text close{
	color: #9d8a67;
	width: 100%;
}
#btn18.active text open {
	color: rgba(0, 0, 0, 0);
	width: 0;
}
/*クリック時の波紋*/
#btn18::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: '';
	width: 30px;
	height: 30px;
	margin: -16px 0 0 -16px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.3);
	transition: all .1s;
	opacity: 0;
}
#btn18.active::after {
	-webkit-animation: circle .5s;
	animation: circle .5s;
}
@-webkit-keyframes circle {
	0% {
		-webkit-transform: scale(.1);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3.5);
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		transform: scale(.1);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(3.5);
		opacity: 0;
	}
}
/*ドロワーの中*/
#nav-d-bg {
	position: fixed;
	background: rgba( 0, 0, 0, 0.95);
	width: 500px;
	height: 1200px;
	right: -500px;
	top: 0;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	transition-delay: 0.2s;/*閉じる時のbgの速度*/
	z-index: 80001;
}
.open #nav-d-bg {
	-webkit-transform: matrix(2.7, 0, 0, 2.7, 0, 0);
	transform: matrix(2.7, 0, 0, 2.7, 0, 0);
	transition-delay: 0s;
}
#nav_drawer {
	position: fixed;
	top:20px;
	font-size: 14px;
	max-width: 400px;
	width: 100%;
	right: -400px;
	display: flex;
	align-items: center;
	z-index: 80002;
}
#nav_drawer > ul {
	width: 100%;
}
#nav_drawer li {
	margin: 5px auto;
	border-bottom: 1px solid #5c5c5c;
	max-width: 200px;
	width: 100%;
	text-align: left;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
}
#nav_drawer a {
	color: #fff;
	width: 100%;
	display: block;
	padding: 5px 0;
}
#nav_drawer li a span.jp{
	font-size: 10px;
}
#nav_drawer li a.active {
	color: #9d8a67;
}
#nav_drawer li.btn_entry a.active,
#nav_drawer li.btn_reserve a.active {
	color: #9d8a67;
}
.open #nav_drawer li {
	-webkit-transform: translateX(-400px);
	transform: translateX(-400px);
	transition-delay: .1s;
}
/*求人ボタン*/
#nav_drawer .btn_entry{
	width: 100%;
	/*max-width: 105px;*/
	margin: 10px auto;
	display: inline-block;
	background: #fff;
	border-bottom: none;
	text-align: center;
}
#nav_drawer .btn_entry a{
	color: #000;
	padding-top: 8px;
	line-height: 1.3;
}
/*web予約ボタン*/
#nav_drawer .btn_reserve{
	width: 48%;
	max-width: 105px;
	margin: 10px auto;
	display: inline-block;
	background: #fff;
	border-bottom: none;
	text-align: center;
}
#nav_drawer .btn_reserve a{
	color: #000;
	padding-top: 8px;
	line-height: 1.3;
}
/*TELボタン*/
#nav_drawer .btn_nav_tel{
	width: 100%;
	max-width: 200px;
	margin: 10px auto;
	display: block;
	border: 1px solid #807662;
	text-align: center;
}
#nav_drawer .btn_nav_tel:after{
	content: none;
}
#nav_drawer .btn_nav_tel a{
	padding-top: 8px;
	color: #807662;
	font-size: 18px;
}
/*営業時間・受付時間*/
#nav_drawer .info_open{
	color: #fff;
	font-size: 14px;
	border-bottom: none;
}
#nav_drawer .info_open span{
	color: #807662;
	font-size: 0.8em;
}
#nav_drawer .info_open:after{
	content: none;
}
#drawer.active{
	display: none;
}


/******************************
フッター
******************************/
footer {
	background: url(../images/bg_footer.jpg) 50% 50% no-repeat;
	background-size: cover;
	font-size: 14px;
	padding: 50px 0;
}

/* パンくずリスト */
.breadcrumbs ol li {
	font-size: 10px;
	display: inline-block;
}
.breadcrumbs ol li:before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
	display: inline;
	margin: 0 8px 0;
}
.breadcrumbs ol li:first-child:before {
	margin: 0;
	content: "";
}
.breadcrumbs ol li a{
	color: #b4b4b4;
}

/* テキストメニュー */
footer .inner .nav{
	margin: 0 auto 50px;
	padding: 10px 0;
	display: table;
}
footer .inner .nav li {
	display: table-cell;
}
footer .inner .nav li:after {
	content: "　|　";
	display: inline;
	margin: 0 3px;
}
footer .inner .nav li:last-child:after {
	display: none;
}
footer .inner .nav li a{
	position: relative;
}
footer .inner .nav li a::after{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	border-radius: 2px;
	background: linear-gradient(90deg, #083e00 0%, #083e00 20%, #128c00 60%, #083e00 100%);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
}
footer .inner .nav li a:hover{
	color: #128c00;
}
footer .inner .nav li a:hover::after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-origin: right top;
	transform: scale(1, 1);
}
footer .logo{
	width: 50%;
	max-width: 300px;
	margin: 0 auto 30px;
}

/* 電話番号&営業時間 */
footer .inner .info_box {
	margin: 0 auto 30px;
	line-height: 1.4;
}
footer .inner .info_box .color{
	color: #ebce98;
}


.footer_link {
	padding: 5px 0;
	text-align: center;
	font-size: 12px;
	font-family: sans-serif;
	color: #fff;
	font-family: 'Zen Old Mincho', Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.footer_link a {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: #d0d0d0;
}
.footer_txt{
	margin: 10px;
	color: #fff;
}


/******************************
メインビジュアル
******************************/
#top{
	width: 100%;
	height: 100vh;
	position: relative;
}
/*メインビジュアル設定*/
#top .mainvisual{
	width: 100%;
	height: 100%;
	background: url(../images/mainvisual_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 40% 0;
	position: relative;
}
#top .mainvisual .logo{
	position: absolute;
	width: 70%;
	max-width: 300px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 40%;
}

/*店舗情報*/
#top .shop_info{
	position: absolute;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 50px;
	padding: 5px 0;
	background: linear-gradient(90deg, rgba(112, 90, 49, 0) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 0) 100%);
}
#top .shop_info .frame{
	padding: 10px 0;
	border-top: 1px solid #514d3f2b;
	border-bottom: 1px solid #514d3f2b;
}
#top .shop_info p{
	display: inline-block;
	margin: 0 10px;
	color: #021600;
	vertical-align: bottom;
}
#top .shop_info a{
	color: #021600;
}
#top .shop_info span{
	vertical-align: middle;
}
#top .shop_info .atten_info{
	display: inline-block;
	background: #021600;
	padding: 2px 15px;
	color: #fff;
	font-size: 0.8em;
	margin-right: 5px;
}

/*ヘッドラインニュース*/
.headline_area{
	width: 100%;
	margin: 0 auto;
	background: linear-gradient(90deg, rgba(1, 8, 0, 1) 0%, rgba(1, 8, 0, 1) 20%, rgba(4, 40, 0, 1) 60%, rgba(1, 8, 0, 1) 100%);
	padding: 20px 0;
}
.headline{
line-height: 1.4;
padding: 2px 10px;
width: 100%;
overflow: hidden;
}
.headline p{
	font-size: 20px;
	color: #e6dcc7;
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
}
.headline p:after{
	content: '';
	width: 85%;
	max-width: 1000px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	text-align: center;
	background-image: linear-gradient(90deg, rgba(112, 90, 49, 0) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 0) 100%);
	background-position: center;
	background-repeat: no-repeat;
}
.headline ul li{
width: 100%;
text-align: center;
overflow: hidden;
font-size: 12px;
}

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

/*====== トップページ共通設定 ======*/
#today,
#event,
#bottom{
	padding: 50px 0;
}

#about_reserve {
	padding: 50px 0 ;
	background: linear-gradient(to right, #181d1c 0%, #111 100%);
}
#about_reserve h2{
	margin-bottom: 20px;
	line-height: 1.4;
	position: relative;
	
}
#about_reserve .h2_main{
	background: linear-gradient(to right, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	background: -webkit-linear-gradient(to right, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 36px;
}
#about_reserve .h2_sub{
	color: #e0d3b8;
}
 
#about_reserve h2 .line{
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, rgba(112, 90, 49, 0) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 0) 100%);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#about_reserve .about_reserve_box{
	position: relative;
	margin-bottom: 30px;
}
#about_reserve  a.bnr_line img{ width: 100%;}
#about_reserve .frame{
	border: 1px solid #e6dcc7;
	border-image: linear-gradient(to bottom, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	border-image-slice: 1;
	background: rgba(0,0,0,0.8);
	/* height: 600px; */
	overflow-y: scroll;
	-ms-overflow-style: none;
}
#about_reserve .frame::-webkit-scrollbar{
  display: none;
}
#about_reserve .frame{
	padding: 15px;
	text-align: center;
	line-height: 2;
}


#about_reserve .frame p{
	font-size:1.2rem
}
#about_reserve .frame span.fs_10em {
	color: #fff;
	font-size: 0.8rem;
}
#about_reserve .frame span {
	color: #d9c59f;
}

@media screen and (max-width: 500px){
	#about_reserve .frame{
		display: inline-block;
		padding: 20px 10px;
		 line-height: 1.6rem; 
	}
	#about_reserve .frame p{font-size:1.0rem;}
	#about_reserve  a.bnr_line img{ width: 90%;}
}
/*===== 本日の出勤 =====*/
#today{
	background: url(../images/bg_today.jpg) center top no-repeat;
	background-size: cover;
}
#today h2{
	width: 95%;
	max-width: 1000px;
	font-size: 36px;
	margin: 0 auto 50px;
}
#today h2 .h2_main{
	line-height: 1.2;
}
#today h2 .line{
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, rgba(112, 90, 49, 0) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 0) 100%);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#today h2 .h2_sub{
	font-size: 14px;
}


/*===== イベント =====*/
#event{
	background: url(../images/eventback.jpg) center top no-repeat;
}
#event .inner800{
	background: url(../images/bg_event.jpg) 50% 50% no-repeat;
	background-size: cover;
	background-attachment: fixed;
	border-top: 2px solid #010800;
	border-bottom: 2px solid #010800;
	border-image: linear-gradient(90deg, rgba(1, 8, 0, 1) 0%, rgba(1, 8, 0, 1) 20%, rgb(23 148 9) 60%, rgba(1, 8, 0, 1) 100%);
	border-image-slice: 1;
	padding: 30px 20px;
}
@media screen and (max-width: 500px){
	#event{
		padding: 0;
	}
	#event .inner800{
		width: 100%;
		padding: 30px 5%;
	}
}


/*===== Twitter&Topics =====*/
#collum{
	background: url(../images/bg_collum.jpg) center top no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	padding-bottom: 100px;
}
#collum section{
	width: 100%;
	max-width: 700px;
}
/*collum内h2設定*/
#collum h2{
	padding-top: 100px;
	margin-bottom: 20px;
	line-height: 1.4;
	position: relative;
}
#collum .h2_main{
	background: linear-gradient(to right, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	background: -webkit-linear-gradient(to right, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 40px;
}
#collum .h2_sub{
	color: #e0d3b8;
}

/*collum内h2上のアニメーション*/
#collum h2::before{
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	width: 1px;
	height: 100px;
	background: rgba(255, 255, 255, .4);
	overflow: hidden;
}
#collum h2::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	width: 1px;
	background: #fff;
	height: 30px;
	animation: sdl 5s ease infinite;
}
@keyframes sdl {
	0% {
		transform: translateY(0px);
	}
	50%, 100% {
		transform: translateY( 90px);
		opacity: 0;
	}

}


#collum .collum_box{
	position: relative;
}
#collum .frame{
	border: 1px solid #e6dcc7;
	border-image: linear-gradient(to bottom, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
	border-image-slice: 1;
	background: rgba(0,0,0,0.8);
	height: 500px;
	overflow-y: scroll;
	-ms-overflow-style: none;
}
#collum .frame::-webkit-scrollbar{
  display: none;
}

#collum .collum_box .icon_more{
	position: absolute;
	width: 100px;
	height: 100px;
	right: -3px;
	bottom: -3px;
}


/*新着情報*/
#topics .frame{
	padding: 15px;
	text-align: left;
	line-height: 2;
}
#topics article time{
	display: inline-block;
	padding: 3px 10px;
	background: #b7a176;
	margin-bottom: 10px;
	font-size: 10px;
}
#topics article h3{
	color: #d9c59f;
	font-size: 20px;
	line-height: 1.1;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #5c5342;
}
#topics article img{
	max-width: 30% !important;
	height: auto !important;
}
#topics .btn_topics{
	margin: 50px auto 20px;
}
#topics .btn_topics a{
	color: #d7c9ad;
}


/*トップ途中イメージ*/
#image{
	width: 100%;
	height: 250px;
	background: url(../images/bg_image.jpg) 50% 50% no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
@media screen and (max-width: 500px){
	#image{
		background-attachment: unset;
		background-size: 100%;
	}
}


/*bottomバナー*/
#bottom{
	background: linear-gradient(to right, #181d1c 0%, #111 100%);
}
#bottom .inner1200{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

/*各bottomバナーのアニメーション設定*/
.bnr_bottom {
	position: relative;
	overflow: hidden;
	margin: 5px;
	width: 250px;
	height: 150px;
	color: #fff;
	text-align: left;
	line-height: 1.4em;
	font-size: 16px;
	border: 1px solid #e6dcc7;
    border-image: linear-gradient(45deg, rgba(112, 90, 49, 1) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 1) 100%);
    border-image-slice: 1;
}
.bnr_bottom * {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
			transition: all 0.35s ease;
}
.bnr_bottom img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bnr_bottom .txt {
	position: absolute;
	top: calc(65%);
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	padding: 10px 10px 50px;
	color: #fff;
}
.bnr_bottom .txt:before {
	position: absolute;
	content: '';
	z-index: 2;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 50px;
	background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.8) 100%);
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.8) 100%);
}
.bnr_bottom h3,
.bnr_bottom p {
	margin: 0 0 5px;
}
.bnr_bottom h3 {
	font-size: 30px;
	line-height: 1.2em;
}
.bnr_bottom p {
	font-size: 0.9em;
	opacity: 0.9;
}
.bnr_bottom a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.bnr_bottom:hover img {
	transform: scale(1.1);
}
.bnr_bottom:hover .txt {
	top: 70px;
}

@media screen and (max-width: 768px){
	.bnr_bottom .txt {
		top: 70px;
	}
}



/****************************************

下層ページ共通

****************************************/
.content{
	padding-bottom: 100px;
}
.subvisual{
	width: 100%;
	height: 35vh;
	margin-bottom: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.subvisual h2{
	width: 70%;
	max-width: 500px;
	padding: 10px;
	background: linear-gradient(90deg, rgba(0, 40, 23, 0) 0%, rgba(0, 40, 23, 0.6) 20%, rgba(0, 40, 23, 0.9) 50%, rgba(0, 40, 23, 0.6) 80%,rgba(0, 40, 23, 0) 100%);
	font-size: 50px;
	color: #fff;
	mix-blend-mode: multiply;
	line-height: 1.2;
}
.subvisual .h2_main,
.subvisual .h2_sub{
	text-shadow: 0 0 10px #000;
}
.subvisual .h2_sub{
	font-size: 14px;
}


/*各ページサブビジュアル設定*/
#contents_system .subvisual{
	background: url(../images/subvisual_system.jpg) 0 0 no-repeat;
	background-size: cover;
}
#contents_access .subvisual{
	background: url(../images/subvisual_access.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#contents_link .subvisual{
	background: url(../images/subvisual_link.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#contents_cast .subvisual{
	background: url(../images/subvisual_cast.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#contents_schedule .subvisual{
	background: url(../images/subvisual_schedule.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#contents_profile .subvisual{
	background: url(../images/subvisual_profile.jpg) right 50% no-repeat;
	background-size: cover;
}
#contents_impressins .subvisual{
	background: url(../images/subvisual_impressions.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#contents_recruit .subvisual{
	background: url(../images/subvisual_recruit.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#contents_entry .subvisual{
	background: url(../images/subvisual_entry.jpg) 100% 50% no-repeat;
	background-size: cover;
}
#topics .subvisual{
	background: url(../images/subvisual_topics.jpg) 0 0 no-repeat;
	background-size: cover;
}


/*下層ページh3設定*/
.content h3{
	width: 95%;
	max-width: 1000px;
	font-size: 36px;
	margin: 0 auto 30px;
	text-align: center;
}
.content h3 .h3_main{
	line-height: 1.2;
}
.content h3 .line{
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, rgba(112, 90, 49, 0) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 0) 100%);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.content h3 .h3_sub{
	font-size: 14px;
}

/*下層ページh4設定*/
.content h4{
	background: linear-gradient(90deg, rgba(112, 90, 49, 0) 0%, rgba(112, 90, 49, 1) 20%, rgba(255, 243, 220, 1) 60%, rgba(112, 90, 49, 1) 80%, rgba(112, 90, 49, 0) 100%);
	padding: 5px;
	margin-bottom: 10px;
	color: #004036;
	font-size: 16px;
}




/****************************************
女の子一覧ページ & スケジュールページ
****************************************/
/* 日付選択ボタン */
#contents_schedule .schedule_nav{
	margin: 30px auto;
	display: table;
}
#contents_schedule .schedule_nav li{
	display: inline-block;
	width: 100px;
	height: 50px;
	border: 1px solid #7b766c;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 2px;
}
#contents_schedule .schedule_nav li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #c4b494;
	text-decoration: none;
	line-height: 50px;
	transition: all .5s ease;
	z-index: 2;
	position: relative;
}
#contents_schedule .schedule_nav li .eff_02{
	width: 120px;
	height: 50px;
	top: -50px;
	background: #c4b494;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
}
#contents_schedule .schedule_nav li:hover .eff_02{
	top: 0;
}
#contents_schedule .schedule_nav li:hover a{
	color: #fff;
}
#contents_schedule .schedule_nav li.active {
	background: #1d4735;
	border: 2px solid #1d4735;
}
#contents_schedule .schedule_nav li.active .eff_02{
	background: #1d4735;
}
#contents_schedule .schedule_nav li.active a{
	color: #fff;
}
#contents_schedule .schedule_nav li.active .atten_03{
	color: #b7b7ff;
}
#contents_schedule .schedule_nav li.active .atten_04{
	color: #ffa4c6;
}


@media screen and (max-width: 768px){
	#contents_schedule .schedule_nav li{
		width: 45%;
	}
	#contents_schedule .schedule_nav li .eff_02{
		width: 100%;
	}
	#contents_schedule .schedule_nav li:first-child{
		width: 92%;
	}
	#contents_schedule .schedule_nav {
	    margin-top: 50px;
	}
}



/****************************************
プロフィールページ
****************************************/
#contents_profile .profile_box_right,
#contents_profile .profile_box_left{
	width: 100%;
	max-width: 450px;
	margin-bottom: 50px;
	display: inline-block;
	vertical-align: top;
}

/*左写真設定*/
#contents_profile .profile_box_left .img_box{
	width: 300px;
	height: 450px;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
}
/*以下のサイズはサイトに合わせてください*/
#contents_profile .img_box > img{
	max-width: 300px;
	max-height: 450px;
}
/*newアイコン設定*/
#contents_profile .img_box .icon_new{
	position: absolute;
	top: -10px;
	left: -10px;
	width: 30%;
	max-width: 100px;
}
/*サムネイル設定*/
#contents_profile .cast_thumb{
	width: unset;
}

/*右プロフィール設定*/
.profile_box_right {
	font-family: 'Zen Old Mincho', Garamond , "Times New Roman", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.profile_box_right .color{
	color: #c6b289;
}


/*スケジュール設定*/
.profile_box_schedule .profile_sch_box {
	width: 100%;
	display: flex;
	box-sizing: border-box;
}
.profile_box_schedule .profile_sch_box .profile_sch_variable {
	flex-grow: 1;
}
.profile_box_schedule .profile_sch_box div:nth-of-type(1).profile_sch_variable .profile_sch_date,
.profile_box_schedule .profile_sch_box div:nth-of-type(1).profile_sch_variable .profile_sch_check{
      border-left: none;
}
.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_date {
  padding: .5em 1em;
  border-left: 1px solid #45454A;
  border-bottom: 1px solid #45454A;
  background: linear-gradient(90deg, rgba(1, 8, 0, 1) 0%, rgba(1, 8, 0, 1) 20%, rgba(4, 40, 0, 1) 60%, rgba(1, 8, 0, 1) 100%);
}
.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_check {
  padding: .8em 1em;
  color: #fff;
  text-align: center;
  border-left: 1px solid #45454A;
  background: #151515;
}
@media (max-width: 767px) {
	.profile_box_schedule .profile_sch_box {
		display: block;
	}
	.profile_box_schedule .profile_sch_box .profile_sch_variable {
		flex-grow: unset;
		display: flex;
	}
	.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_date {
		flex-basis: 50%;
	}
	.profile_box_schedule .profile_sch_box .profile_sch_variable .profile_sch_check {
		flex-basis: 50%;
	}
}

/*感想投稿リンク*/
.impressions .inner800{
	background: url(../images/img_impressions.jpg) 50% 50% no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
}
.impressions .inner800 a{
	width: 100%;
	height: 100%;
	padding: 30px 10px;
	background: #2a7c88cc;
	text-shadow: 0 0 10px #000;
	font-weight: 600;
	font-size: 16px;
}



/*
プロフィールページ 感想
*/
.impressions_box ul.impressions_inner{
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.impressions_box ul.impressions_inner li.impressions_list{
	width: 100%;
	max-width: 450px;
	margin: 5px;
}
.impressions_box ul.impressions_inner li.impressions_list .imp_box{
	text-align: center;
}
.impressions_box ul.impressions_inner li.impressions_list .name{
	color: #c6b289;
}
.impressions_box ul.impressions_inner li.impressions_list h4{
	padding: 0;
}




.impressions_box ul.record{
	width: 100%;
	margin: auto;
	background: #888;
}
.impressions_box ul.record li{
	width: 38%;
	display: inline-block;
	color: #fff;
	line-height: 30px;
	text-align: left;
	margin: auto;
}
.impressions_box ul.evaluation{
	padding: 10px 0;
}
.impressions_box ul.evaluation li{
	width: 24%;
	display: inline-block;
	color: #000;
}
.impressions_box div.txt{
	height: 150px;
	padding: 0  10px 10px 10px;
	text-align: left;
	word-wrap:break-word;
	overflow: hidden;
	box-sizing: border-box;
}
.impressions_box div.txt .fa-lg{
	line-height: auto;
}
.impressions_box div.txt span{
	display: block;
	font-weight: bold;
	color: #d31563;
	text-align: center;
}
/****************************************
システムページ
****************************************/
.table_system{
	width: 100%;
}
.table_system tr{
	border-bottom: 1px solid #232323;
}
.table_system th,
.table_system td{
	width: 32%;
	text-align: center;
	font-size: 28px;
	line-height: 1.2;
	padding: 15px 0;
}
.table_system td.pc{
	font-size: 16px;
	color: #626262;
}
.system_h4{
	text-align: center;
}
#contents_system .txt .box{
	padding: 15px;
	background: #151515;
	color: #b8b8b8;
	font-size: 12px;
	text-align: left;
	line-height: 2;
}







/****************************************
求人情報ページ
****************************************/
#contents_recruit .title{
	background: url(https://grace-nagano.com/images/title_recruit.png) 0 0 no-repeat;
}
/****************************************
お問合せページ
****************************************/
#contents_contact .title{
	background: url(https://grace-nagano.com/images/title_contact.png) 0 0 no-repeat;
}
/****************************************
アクセスページ
****************************************/
#contents_access .title{
	background: url(https://grace-nagano.com/images/title_access.png) 0 0 no-repeat;
}
#contents_access .list_box li {
	width: 470px;
	margin: 0 20px 20px 0;
	padding: 10px;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff,endColorstr=#50ffffff);
	float: left;
	text-align: center;
	border: 1px solid #fff;
}
#contents_access .list_box li:nth-of-type(2n){
	margin-right: 0;
}
/****************************************
リンクページ
****************************************/
#contents_link table img{
	width: unset;
}

/* リンクボックス */
.list_link_box{
	font-size: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.list_link_box li{
	margin: 5px;
	display: inline-block;
}
/****************************************
感想投票ページ
****************************************/








/****************************************
404ページ
****************************************/
#section_err {
	margin: 0 auto;
	color: #242424;
	font-size: 15px;
	line-height: 1.3;
	text-align: left;
	padding: 80px 70px;
	border: 1px solid #B6B6B6;
	background-image: none;
	background-color: #ffffff;
}
#section_err #err_title {
	font-size: 56px;
	font-weight: bold;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}
#section_err #err_subtitle {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 40px 0;
}
#section_err #err_toplink a {
	position: relative;
	color: #E72D34;
	text-decoration: underline;
}
#section_err #err_toplink a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	margin: -8px 0 0 0;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left: 7px solid #E72D34;
}



/****************************************
メディアクエリ設定
****************************************/
@media screen and (max-width: 768px){
	footer{
		padding: 30px 0 75px;
	}
	/*SP版追従TELボタン*/
	#bottom_nav{
		display: none;
	}
	#bottom_nav.fade {
		position: fixed;
		right: 0;
		left: 0;
		bottom: 1%;
		width: 100%;
		margin: 0 auto;
		z-index: 99999;
		display: block !important;
		background: linear-gradient(90deg, rgba(1, 8, 0, 1) 0%, rgba(1, 8, 0, 1) 20%, rgba(4, 40, 0, 1) 50%, rgba(1, 8, 0, 1) 100%);
		animation-duration: 2.6s;
		-webkit-animation-duration: 2.6s;
		animation-name: fade;
	}
	@keyframes fade {
		0% {
		opacity: 0;
		transform: translateY(-100px);
		}
		100% {
		opacity: 1;
		transform: translateY(0);
		}
		}
		@-webkit-keyframes fade {
		0% {
		opacity: 0;
		transform: translateY(-100px);
		}
		100% {
		opacity: 1;
		transform: translateY(0);
		}
	}
	#bottom_nav a {
		width: 48%;
		margin: 1% 0;
		padding: 18px 0 16px;
		z-index: 999;
		border-right: 1px solid #084d00;
		font-size: 12px;
		letter-spacing: 1px;
		text-decoration: none;
		text-align: center;
		display: inline-block;
		font-feature-settings: "palt";
		line-height: 1.4;
	}
	#bottom_nav a:last-child{
		border-right: none;
	}
}