@charset "utf-8";
/* CSS Document */
@import url('https://use.fontawesome.com/releases/v5.0.10/css/all.css');




/* =============================================================================
   Reset
   ========================================================================== */

*{
	padding:0px;
	margin:0px;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
	overflow:hidden;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
img{
	vertical-align:bottom;
}
form {
	margin: 0px;
	padding: 0px;
}

/* =============================================================================
   Base
   ========================================================================== */

body {
	font-family:"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "Times New Roman", "游明朝", YuMincho, "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	/*font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;*/
	font-size: 14px;
	line-height:1.8;
	color:#fff;
	background:url(/img/bg_body.jpg) no-repeat center top #000;
	/*border-top: 1px solid #ffccbf;*/
}

#wrapper {
}

#container {
	/*background:url(/img/contents_bg.jpg) no-repeat center top;*/
  background:#000;
	width:100%;
	height:auto;
	min-height:500px;
}

#main {
}

.container{
	max-width:1500px;/*1080px*/
	width:98%;
	margin:0 auto;
	overflow:hidden;
}
.title_container{
/*  text-align: center;*/
}

.wrapper{
}

.photo{
	text-align:center;
  position: relative;
  background: #000;
	margin-top: 5px;
}
.photo img{
	transition: all 0.5s ease 0s;
}
.photo img:hover{
	opacity: 0.6;
}
.thum{
	float:left;
}

.thumr{
	float:right;
}

#gnavi {
    background-color:#2D2932;
}
#gnavi .container {
}
#gnavi ul {
	/*padding:5px 0;*/
}
#gnavi li a{
	text-decoration: none;
	padding:10px 0;
	display:block;
	transition: all 0.5s ease 0s;
}
#gnavi li {
	float: left;
	font-size:1rem;
	text-align: center;
	line-height: 1.4;
	font-family: "EB Garamond",sans-serif;

	letter-spacing: 0.05em;
}
#gnavi li span{
	display:block;
	font-size:0.7rem;
	color:#fff;
	font-weight:normal;
	font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
}

#gnavi li img {
}

#gnavi li img{
	transition: all 0.5s ease 0s;
}
#gnavi li img:hover{
	opacity: 0.6;
}

/*初期状態*/
#gnavi li{width:calc(100% / 9)}
#gnavi li.nv_01{display:none;}

/*スクロール後状態*/
#gnavi.fixed li.nv_01{
	display:block;
	width:23.5%;
	text-align:left;
}
#gnavi.fixed li.nv_01 a{
	padding:0;
}
#gnavi.fixed li.nv_01 img {
	width:100%;
}
#gnavi.fixed li{
	width:8.5%;
}
#gnavi.fixed li a{padding:15px 0;}

/*最後2つ*/
#gnavi li.nv_09{background-color:#3C5E50;}
#gnavi li.nv_10{background-color:#ffccbf;}
#gnavi li.nv_09 a,#gnavi li.nv_10 a{color:#fff;}


#gnavi li a:hover{background: #47404F;}
#gnavi li.nv_01 a:hover{background: none;}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#base_data {
    background-color: rgba(25,25,25,0.85);
    /*border-bottom: 1px solid #333;*/
    font-size: 10px;
    padding: 7px 0;
}
#base_data .container {
}
#base_data h1 {
    float: right;
}
#base_data ul {
	overflow:hidden;
}
#base_data li {
	float:left;
}
#base_data li a{
}
#base_data .crumb {
	color:#fff;
	float:right;

}
#base_data a {
    text-decoration: none;
}
.main_title {
    font-family: "Cinzel",serif;
    text-align: center;
    letter-spacing: 0.25em;
    font-size: 3.88rem;
    padding: 25px 0;
    line-height: 1.5;
    margin-bottom: 1%;
		color:#fff;
		display: inline-block;
}
.main_title span {
    display: block;
    font-size: 1rem;
    color:#fff;
    letter-spacing: 0.25em;
    font-weight: bold;
		text-align: right;
		position: relative;
}
.main_title span::before {
    width:60%;
		height:1px;
		background: #666666;
		content: "";
		position: absolute;
		top:50%;
		left:0;
		z-index: 0;
}

.letter-text{
  /*background: linear-gradient(90deg, #8e6c37, #f6e2b0, #ffe9b7, #a47a3e);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;*/
}



/* =============================================================================
   Header
   ========================================================================== */

#header {
    padding: 3px 0;
		/*background-color: #000;*/
}

#header .container {
	position: relative;
}


#header #logo {
    float: left;
		width:40%;
}
#header #logo img{
    max-width:580px;
		width:100%;
}


#header #bn_tel {
}

#header .container a {
}

#bn_tel {
    float: right;
		color:#fff;
		/*font-family: "Roboto Slab",serif;*/
		font-size: 2.5rem;
		line-height: 1;
		letter-spacing: 0.04em;
		margin-top:15px;
}

.rech #bn_tel {/*求人専用ヘッダー*/
		line-height: 1.1;
		margin-top: 10px;
}


#recruit #bn_tel {
		margin-top:0px;
}
#recruit .rech #bn_tel {/*求人専用ヘッダー*/
		margin-top:8px;
}




#bn_tel > span{
		font-size: 1.5rem;
}
#bn_tel > span.fd{
		font-size: 0.95rem;
		letter-spacing: -0.08em;
		margin-right:5px;
}
#bn_time{
    font-size:1rem;
		color:#ccc;
		margin-top:5px;
		line-height: 1.4;
		font-weight:bold;
font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
}
#bn_time span{
    margin-left:8px;
}

#bn_recsite {
	float: right;
	margin: 35px 20px 0 0;
}




.rech #bn_time span{/*求人専用ヘッダー*/
		margin-right:5px;
		font-size:0.75rem;
}
.rech #bn_recsite {/*求人専用ヘッダー*/
	float: right;
	margin: 40px 20px 0 0;
}



#header img{
	transition: all 0.5s ease 0s;
}
#header img:hover{
	opacity: 0.6;
}




#header_sub_contents {
	  display: none;
    left: 555px;
    position: absolute;
    top: 25px;
}

#header_sub_contents ul {
}

#header_sub_contents ul li {
    float: left;
    margin: 0 15px 0 0;
	font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
	text-indent: 10px;
	font-size: 15px;
}

#header_sub_contents ul li a {
    text-decoration: none;
}

/* =============================================================================
   Effect
   ========================================================================== */

/*.btn_more a:link, .btn_more a:hover, .btn_more a:visited{
	text-decoration:none;
	color:#111;
}*/

.button {
    color: #fff;
    display: inline-block;
    font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    padding: 0.6em 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 14em;
    font-size: 14px;
}

.button--border {
  transition: all 0.4s;
  border: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(to left, #cfaf7a 0%, #ffccbf 100%), linear-gradient(to bottom, #cfaf7a 0%, #cfaf7a 100%), linear-gradient(to right, #ffccbf 0%, #cfaf7a 100%), linear-gradient(to top, #ffccbf 0%, #ffccbf 100%);
  overflow: hidden;
  z-index: 1;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-size: 0% 3px, 3px 0%, 0% 3px, 3px 0%;
}
.button--border.in {
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
}
.button--border.in:after {
  opacity: 0;
  transition: 0s all;
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: linear-gradient(to left, #cfaf7a 0%, #ffccbf 100%), linear-gradient(to bottom, #cfaf7a 0%, #cfaf7a 100%), linear-gradient(to right, #ffccbf 0%, #cfaf7a 100%), linear-gradient(to top, #ffccbf 0%, #ffccbf 100%);
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
}
.button--border.ready:after {
  opacity: 1;
}
.button--border:before {
  content: '';
  position: absolute;
  height: 400%;
  width: 0%;
  transform-origin: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-image: linear-gradient(to left, #cfaf7a 0%, #ffccbf 100%);
  transition: all 0.4s;
  z-index: -1;
}
.button--border:hover {
  letter-spacing: 0.1em;
  cursor: pointer;
}
.button--border:hover:before {
  width: 100%;
}

.button--svg {
  color: #fff;
  padding: 1em 3em;
  border: none;
  position: relative;
  display: inline-block;
}
.button--svg:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 200;
  stroke-dashoffset: 48;
}
.button--svg svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.button--svg rect {
  stroke-width: 6px;
  stroke-dasharray: 700, 0;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

@keyframes enter {
  0% {
    stroke-dashoffset: 700;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* ------- */

.effect  img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.effect :hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* ------- */

/*
.btn-fr {
	position: relative;
	display: inline-block;
	border: 1px solid #000;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
}
.btn-fr::before,
.btn-fr::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 1px solid transparent;
}
.btn-fr::before {
	top: -1px;
	left: -1px;
}
.btn-fr::after {
	bottom: -1px;
	right: -1px;
}
.btn-fr:hover {
	color:#ffcdbf;
}
.btn-fr:hover::before,
.btn-fr:hover::after {
	width: 100%;
	height: 100%;
}
.btn-fr:hover::before {
	border-bottom-color:#ffcdbf;
	border-left-color: #ffcdbf;
	transition: height .3s, width .3s .3s;
}
.btn-fr:hover::after {
	border-top-color: #ffcdbf;
	border-right-color:#ffcdbf;
	transition: height .3s, width .3s .3s;
}
*/

/* ------- */

.moved img {
	vertical-align: bottom;
}
.moved figure {
	width: 240px;
	height: 240px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #C60103;
}
.moved figcaption p {
	font-size: 12px;
}
.moved {
	color: #fff;
}
.moved a{
	color: #fff !important;
}
.moved figure:after {
	position: absolute;
	background: #fff;
	content: "";
	display: block;
	width: 90%;
	height: 1px;
	left: 5%;
	top: 50%;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.moved figure:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.moved figcaption p,
.moved figcaption h3 {
	position: absolute;
	text-align: center;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .3s ease-out .4s;
	-moz-transition: all .3s ease-out .4s;
	transition: all .3s ease-out .4s;
}
.moved figcaption h3 {
	bottom: 51%;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	transform: translateY(-30px);
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 92%;
	left:12px;
}
.moved figcaption p {
	top: 52%;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 92%;
	left:12px;
}
.moved figure:hover figcaption p,
.moved figure:hover figcaption h3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.moved figure img {
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}
.moved figure:hover img {
	opacity: .4;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}

/* ------- */

.main_effect {
	position: relative;
	/*overflow: hidden;*/
}
.main_effect figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
  background: rgba(1,1,1,0.7) url("/img/dot01.png") repeat;
	/*background: rgba(153,121,71,0.9);
  background:linear-gradient(90deg, rgba(48,48,48,0.85) 60%, rgba(31,30,30,0.85));*/
	-webkit-transform: rotate(90deg) scale(0);
	transform: rotate(90deg) scale(0);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
  display:none;
}
.main_effect:hover figcaption {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
	opacity: 1;
}
.main_effect .comment {
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	border-top: 1px solid rgba(255, 255, 255, 0.8);*/
    color: #fff;
    font-family:"Lato",serif;
    font-size: 14px;
    /*font-style: italic;*/
    letter-spacing: 0.08em;
    line-height: 1.2;
    margin: 65% auto 0;
    padding: 10px 0;
    text-align: center;
    width: 70%;
}

/* =============================================================================
   Footer
   ========================================================================== */

#footer {
    background: #000;
    font-size: 12px;
    /*height: 348px;*/
    width: 100%;
}

#footer > .container{
	display:table;
	width:auto;
	max-width:100%;
}


/*
.contact_box{background: #222222;padding:2% 0 3%;
}

.contact_box .contact_box_tbl{
  display: table;
  width:800px;
  margin:auto;
  letter-spacing: 0.05em;
  text-align: center;
}
.contact_box .contact_box_tbl .tel_tbl,
.contact_box .contact_box_tbl .form_tbl
{
  display: table-cell;
  width:50%;
  font-size:2.2rem;
}
.contact_box .contact_box_tbl .tel_tbl{
  border-right:1px solid #393939;
}

.contact_box .contact_box_tbl i{
  font-size: 2rem;
  color:#dbc28f;
}
.contact_box .contact_box_tbl span{
  display:block;
  font-size:0.8rem;
  color:#CCCCCC;
}
*/



.foot_left,.foot_right{
	display:table-cell;
	width:48%;
	vertical-align:top;
}

.foot_left{
	background: url(/img/bg_foot.jpg) no-repeat top right / cover;
	text-align: center;
	vertical-align: middle;
	padding:2% 0;
}

.foot_right{
	padding:3% 0 3% 2%;
	background-color:#1C1A20;
}

.foot_right .ttl{
	margin:2% 0 4% 5%;
	text-align: left;
}

.foot_left img{
}
.foot_right img{
	width:100%;
	max-width:476px;
}

.footer_menu {
	padding:2% 0;
	text-align: left;
	margin:0 0 0 5%;
	width:80%;
}

.footer_menu li{
    float:left;
    width:49%;
    padding:0 0.5%;
    letter-spacing: 0.05em;
		font-size:0.88rem;
}
.footer_menu li:first-child{
    border-left:none;
}
.footer_menu li a {
    text-decoration: none;
    color:#fff;
}
#footer .footer_menu a::after, .texteffect a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ffccbf;
	transition: .3s;
}

.shop_name {
    font-size: 13px;
    font-weight: bold;
}
.shop_detaile {
}
address {
	text-align:center;
	color:#fff;
  padding:2% 0;
  letter-spacing: 0.5em;
    font-size: 0.66rem;
}
address a {
	text-decoration:none;
}


#bt_switch a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #5e5e5e 0%, #010101 100%) repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 2rem;
    padding: 3% 0;
    text-align: center;
    width: 100%;
}



#scrollUp {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 98;
}

#scrollUp {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 98;
}
#scrollUp i {
    font-size: 1.5rem;
		line-height:2.2;
}
#scrollUp a {
    border: medium none;
    display: block;
    height: 58px;
    text-align: center;
    width: 60px;
    z-index: 11;
}
#scrollUp a {
    background: #47404F;
    color: #fff;
}
#scrollUp a:hover {
    background: rgba(255, 255, 255, 0.5) ;
    color: #000;
}



/* =============================================================================
   Link
   ========================================================================== */

a {
	transition: color .3s;
}

#footer a, .texteffect a {
	position: relative;
	display: inline-block;
	transition: .3s;
}

#footer a:hover::after, .texteffect a:hover::after {
	width: 100%;
}

a:link, a:hover ,a:visited{
	/* text-decoration:underline; */
	color:#fff;
}
a:hover, a:hover img {
	filter:Alpha(opacity=100) ;
	opacity:1.0 ;
	-moz-opacity:1.0;
}

/*btn 画像ボタン*/


.btn img {
    transition: all 0.5s ease 0s;
}
.btn img:hover {
    opacity: 0.6;
}


/*.btn2*/

.btn2 {
    border: medium none;
    background-color: rgba(0,0,0,0);
    border: 1px solid #ffcdbf;
    color: #ffcdbf;
    cursor: pointer;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    line-height: 1;
    padding: 15px 50px;
    display: inline-block;
    transition: all 0.5s ease 0s;
}
.btn2:hover {
    color: #000;
    background-color: #ffcdbf;
}


/*btn*/



.btn_more{
	text-align:center;
}
.btn_more2 {
}
.btn_more2 a {
	background-color: rgba(0, 0, 0, 0);
     border: 1px solid #ffcdbf;
     color: #ffcdbf;
     cursor: pointer;
     display: inline-block;
     font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
     font-size: 0.9rem;
     letter-spacing: 0.08em;
     line-height: 1;
     padding: 15px 50px;
     transition: all 0.5s ease 0s;
		 text-decoration: none;
}
.btn_more2 a:hover{
	background-color: #ffcdbf;
    color: #000;
}



/* =============================================================================
   一覧（女性一覧、出勤）
   ========================================================================== */

/*一覧*/
#main li {
	display: inline-block;
	width: 23.5%;
	margin :0 0.5% 3%;
  position: relative;
}

/*リスト名前枠の背景*/
.box {
    bottom: 0;
    /*height: 80px;*/
    position: absolute;
    width:100%;
    z-index: 10;
    text-align: left;
    background: url(/img/bg_box.png) no-repeat;
    background-size:cover;
		padding: 7% 3% 2% 3%;
}

.name {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.3;
	text-shadow: 0 0 8px #000;
}
.size {
	color: #fff;
	font-size: 0.8rem;
	line-height: 1.5;
	text-shadow: 0 0 8px #000;
}
.sche_data {
	overflow:hidden;
  display:table;
  width:100%;
  font-size:0.9rem;
  font-weight: bold;
  margin:5px 0;
}
.sche_data .time {
	color: #fff;
	/*background: linear-gradient(135deg, #CFAF7A, #ffccbf);
	text-indent: 5px;*/
	letter-spacing: 0.05em;
	line-height: 1.1;
	text-align: left;
	display:table-cell;
	vertical-align: middle;
	width:40%;

}
.sche_data .realtime {
	color: #FFCDBF;
	letter-spacing: 0.05em;
	text-indent: 3px;
	width:60%;
	display:table-cell;
	vertical-align: middle;
}










/*今すぐ設定*/

.realtime span {
    letter-spacing: 0.05em;
}
.realtime_01 {/*今すぐ*/
    /*background-color: #3C5E50;*/
}
.realtime_02 {/*残りわずか*/
    /*background-color: rgba(0, 105, 140, 0.6);
    font-size: 15px;
    height: 45px;
    line-height: 1.1;
    padding-top: 15px;*/
}
.realtime_03 {/*残り1枠*/
    /*background-color: rgba(0, 105, 140, 0.6);
    font-size: 15px;
    height: 45px;
    line-height: 1.1;
    padding-top: 15px;*/
}
.realtime_04 {/*要確認*/
    /*background-color:#303030 ;*/
}

.realtime_05 {/*完売*/
    /*background-color: #303030;    */
}
.realtime_06 {/*案内まで〇〇分*/
    /*background-color: #303030;
    line-height: 1.2;*/
}
.realtime_06 span{
    /*font-size:0.7rem;
    display:block;
    letter-spacing: -0.05em;*/
}


/*font*/

.formbox dt span,
.formbox dd span,
.kana,#icon li,
#newface li .types,
#main .icon li,
#main .thum .icon_schedule,
.line_01
{
  font-family: "Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}

#base_data .crumb,.pr{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}



/*明るめカーキ　#dbc28f*/

#btn_box li a:hover,#personal_data dt,#fee,#mens .tel,#contact .tel,
.enr_course h3,#option .free span,#credit h4,#flow h4,#price tbody td:first-child,
#price thead td,#price dd,.box .title,#mainv .galdata .pickup,#topics .title,
#gnavi li a ,#notice .attention, .caution span,.box h3{
  color:#fff;/*dbc28f*/
}

/*リスト名前枠の背景*/
#newface li .box{
  /*background:linear-gradient(to bottom, rgba(1, 1, 1, 0), rgb(1, 1, 1)) repeat;*/
}




/*斜めグラデーション*/
.nfsort a,#diary_box,#credit .cardcom .thum,#credit .cardcom .thumr{
  background:linear-gradient(90deg, #303030, 60%, #1f1e1e);}


/*LINE*/
.line_01{
  font-size:2rem;
  color:#00C300;
  letter-spacing: 0.2em;
  /*display: inline;*/
}
.line_01 i{
  font-size:3rem;
  margin-right:5px;
    vertical-align: middle;
}


/*タイプアイコン*/
.types {
    background-color: rgba(1, 1, 1, 0.7);
    border: 1px solid #ffccbf;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.5% 2%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}
/*新人＆指名料*/
.icons {
    top: 0;
    position: absolute;
    right: 5px;
		width:20%;
    z-index: 11;
}
.icons img{
	display:block;
}

.today {
    /*background:linear-gradient(135deg, #8e6c37,#ffe9b7, #a47a3e);*/
		color: #FFCEBF;
		border:1px solid #FFCEBF;
    font-size: 0.85rem;
    font-weight: bold;
    text-align: center;
		display: inline-block;
    padding:1% 3%;
    line-height: 1.2;
    z-index: 11;
}
.tomorrow{
    color: #76DCFE;
		border:1px solid #76DCFE;
    font-size: 0.85rem;
    font-weight: bold;
    text-align: center;
		display: inline-block;
    padding:1% 3%;
    line-height: 1.2;
    z-index: 11;
}

/*対応コース*/

.course {
  overflow: hidden;
}
.course img{
  float:left;
  margin-right:1%;
  width:49%;
  max-width:156px;
}










/*
====================================================
■ hr
====================================================
*/

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    height: 34px;
    margin: 2% auto;
    width: 4px;
		background:url(/img/hr.png) no-repeat;
		border-style: none none none solid;
    border-width: 0 0 0 0;
}

/*
====================================================
■ nowrap
====================================================
*/

.sche_data p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*
====================================================
■ media screen
====================================================
*/

@media screen and (max-width:1100px){
#bn_recsite {
	display:none;
}
#bn_tel {
    font-size: 1.6rem;
}
}