@import url(https://fonts.googleapis.com/css?family=Pacifico);
@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);

/* reset */
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;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{
	font-family: 'Times New Roman', '游明朝', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
    color: #333;
    font-weight: normal;
    font-size: 75%;
    line-height: 170%;
    letter-spacing: 2px;
    background-color: #FFF;
}

a{
	color: #ffffff;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
  
}

a:active, a:focus,input:active, input:focus{outline:0;}


/* Animation Timers
---------------------------------*/
.delay-02s {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.delay-03s {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
.delay-04s {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay-06s {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.delay-07s {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}
.delay-08s {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.delay-09s {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}
.delay-1s {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.delay-12s {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}


/* ヘッダー
------------------------------------------------------------*/
#header-logo{
	position: relative;
	padding: 10px 10px;
    float: left;
	z-index: 111;
}
#header-logo a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
.mainBanner{
	/*position: relative;*/
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    color: #FFF;
    overflow: hidden;
	margin-bottom:15px;
}


.mainViewCont {
    /*position: relative;*/
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/mainBanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: table;
	padding-top:50px;
}


.mainViewInner .scrollDown{
	text-align:center;
	margin:0 auto;
}


.mainViewInner .scrollDown a {
    display: block;
    cursor: pointer;
}


.mainBanner .mainViewInner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.subMainView .mainViewInner .title {
    font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", serif;
    font-size: 40px;
    font-weight: normal;
}

.mainViewInner .title {
    text-align: center;
    font-size: 84px;
    line-height: 1;
    letter-spacing: 5px;
    font-weight: 400;
    margin: 15px 0;
    color: #FFFFFF;
}

.mainViewInner .title span {
    opacity: 0;
    display: inline-block;
    position: relative;
}


.mainViewInner .subT {
    text-align: center;
    font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", serif;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 400;
    margin: 0 0 15px;
    color: #FFFFFF;
}

.display-block {
    display: block !important;
}


.pageDesc {
    width: 80%;
    margin: 20px auto;
}

.pageDesc p {
    color: #FFFFFF;
}

.textCenter {
    text-align: center;
}

.navPc {
	border-top:: solid 15px #4D2712;
    background: #FFFFFF;
}




/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	padding: 0px 10px 50px 0;
	text-align: center;
	font-size: 12px;
	background-color:#725343;
}


.scrollUp {
    width: 100%;
    height: 100px;
    background-color: #4D2712;
}

.scrollUp a {
    display: table;
    width: 100%;
    height: 100px;
}

.scrollUp a .scrollUpIcon {
    display: table-cell;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    vertical-align: middle;
}


.scrollUp a .scrollUpIcon svg {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
}

.footerLogo {
    width: 25%;
    padding: 30px 0 15px;
    margin: 0 auto;
    text-align: center;
}
.footerLogo span {
    display: block;
    font-weight: bold;
    color: #FFFFFF;
    font-family: "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", serif;
    padding: 5px 0;
}

.footerText {
    width: 60%;
    padding: 20px 0;
    margin: 0 auto;
	color:#FFF;
}

.footerCopyright {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
    padding-top: 20px;
	color:#FFF;
}


/* 共通
------------------------------------------------------------*/
h1, h2, h3{
	font-family: 'Josefin Sans', 'Noto Sans JP',serif;
	line-height:25px;
}

img{
	height: auto;
}

section{clear:both;}

.subTitle {    
	margin: 10px auto 10px;
	padding: 0;
	text-align: center;
	font-family: "didotltstd";
}

.subTitle2 {
    background-image: url(../images/subTitle.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 10px auto 10px;
    padding: 0;
    text-align: center;
    font-size: 45px;
    font-family: "didotltstd";
    line-height: 60px;
}

.subTitle h2{
	font-weight:normal;
}

section span.fs14 {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", sans-serif;
    letter-spacing: 4px;
    font-weight: bold;
}

section h3{
	font-size: 18px;
	font-weight:normal;
	text-align: center;
	
}

.inner{
	/*width: 94%;*/
	margin: 0 auto;
	padding-bottom: 20px;
}


.col2 li{
	display:block;
	width: 100%;
  	margin: 20px 0 20px 0;
}

/* SEC01 NEWS
------------------------------------------------------------*/

#sec01{
	margin-top:50px;
	display:block;	
	}
	
.vision{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 80px;
	font-size:12px;
	text-align:center;
	/*max-height:800px;*/
	height:auto;
	overflow:auto;
}

.vision img{
	max-width:150px;
	}

.news{

	margin-bottom:10px;
}

.news_List_Ymd{}

.news_title{
	font-size:13px;
	margin-bottom:5px;
}

.news_com{
	text-align:center;
	border-bottom: dashed 1px #eeeeee;
}

/* SEC02 キャンペーン
------------------------------------------------------------*/
.wrap{
	clear: both;
	width: 100%;
	padding-bottom:0px;	
}
.wrap_con{
	margin:0px auto;
	/*text-align:center;*/
}
 
.wrap_con.cont {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.wrap_con img{
	clear: both;
	max-width: 800px;
	margin-bottom:20px;
	width:100%
}

.bg{
	line-height: 0;
}


.bx-wrapper .bx-pager {
    padding-top: 0px !important;
}

/* SEC03 セラピスト 共通
------------------------------------------------------------*/
	.ladies_area {  
   	 	margin: 0 auto;
   	 	padding: 0;
	}

	.ladies_area:after {
    	content: "";
    	display: block;
    	clear: both;
	}

	.col3{
		display: block;
		list-style-type: disc;
		float: left;    	
   		margin: 0 15px;
    	padding: 0;
		height: 400px;
   	}
	
	.col3 img{
		max-width:230px;
		max-height:300px;
   	}

	.ladies_area ul.col3 li{
    	margin-bottom: 10px;
		font-family: "century_gothic";
   		color: #666666;
		list-style: none;
		display: list-item;
   		text-align: -webkit-match-parent;
}

	.ladies_area ul.col3 li.name {
    	font-size: 11px;
    	line-height: 100%;
	}

	.ladies_area ul.col3 li.size {
    	font-size: 10px;
    	letter-spacing: 1px;
    	margin-bottom: 5px;
	}

	.ladies_area ul.col3 li.more {
    	font-size: 11px;
	}
	
	
	.ladies_area ul.col3 li.time {
    	background-image: url(../images/icon_time.png);
		background-position: left center;
		background-repeat: no-repeat;
		font-weight: bold;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	
	
	.ladies_area ul.col3 li a {
    	color: #aa9671;
    	text-decoration: none;
    	border: none;
	}
		
	.ladies_area ul.col3 li a:hover, a:active, a:visited {
    	color: #aa9671;
    	text-decoration: underline;
   		border: none;
}

/* SEC04 アクセス
------------------------------------------------------------*/
#sec04{
	/*background: url(../images/bgSec04.jpg) no-repeat 100% 100% fixed;*/
	background-size: cover;
	-webkit-background-size: cover;
	color: #2c3e55;
	width:80%;
	margin:0 auto;
}


#pg-67-4{
    margin-bottom: 30px;
	margin-left: -15px;
	margin-right: -15px;
}


#pgc-67-4-0{
    width: 23%;
	float: left;
	margin:0 5px;
}

#pgc-67-4-0 .panel-grid-cell{    
	padding-left: 15px;
	adding-right: 15px;
}

.feature-box {
    margin-top: 45px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
	text-align: center;
}


.iconbox{
	background-color:#FFF;
	border-radius: 0.25em;
    border: 1px solid #dbdbdb;
	width:50px;
	height:50px;
	margin:-40px auto 0px;
	padding-top:0px;
}

	
.feature-content {
    padding: 30px 15px 40px;
}

.feature-box h5 {
    font-size: 18px;
    color: #2c3e50;
    font-weight: bold;
    margin: 15px 0;
}

.feature-content p {
    text-align: center;
    color: #545454;
    font-size: 14px;
    line-height: 25px;
}

.button-div {
    width: 100%;
    padding-top: 5%;
}

.button-read {
    color: #4d402a;
}

.button-read {
    background: #ffffff;
    border-radius: 0.25em;
    border: 2px solid #019779;
    display: inline-block;
    font-weight: normal;
    margin: 0 auto;
    padding: 1em 2em;
    font-size: 1em;
    line-height: 1em;
}

.button-div a:hover{
	background-color:#633;
	 border: 2px solid #633;
	
	}

a, a:hover, a:active, a:focus{
    outline: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* SEC05 求人情報
------------------------------------------------------------*/
#sec05{
	padding-top: 10px;
	background: url(../images/bgSec05.jpg) no-repeat 100% 100% fixed;
	background-size: cover;
	-webkit-background-size: cover;
	color:#663333;
}

#sec05 dl{
	line-height: 1.2;
}

#sec05 dt{
	clear: left;
	float: left;
	display: block;
	width: 30%;
	margin-right: 10%;
	margin-bottom: 20px;
	text-align: right;
	line-height: 1.6em;
}

#sec05 dd{
	width: 60%;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	line-height: 1.6em;
}

#sec05 header{
	display: none;
}

#map{
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}


/* SEC06 スケジュール
------------------------------------------------------------*/
#sec06{
	margin:180px auto 30px;
	padding:0;	
	}


/* SEC07 Flow
------------------------------------------------------------*/
#sec07{
	margin:10px auto 10px;
	padding:0;
	}

#sec07 .flow-container{
	text-align:center;
	margin:15px auto;
	width:80%;
	
	}
#sec07 .flow-container h2{
	font-size:24px;
	font-weight:bold;
	
	}
ul.group_list {
    list-style-type: none;
    padding-left: 0;
    /*display: table;*/
    margin: auto;
}


ul.group_list li {
   /* display: table-cell;*/
    padding: 0px 20px;
    border-right: 1px solid #ccc;
}

ul.group_list li.inexperience {
    border-right: none;
    padding-left: 20px;
}

#sec08{
	margin:10px auto 10px;
	padding:15px !important;	
	background-color: #f7f4ed;
	background: url(../images/bgSec08.jpg) no-repeat 100% 100% fixed;
	background-position:center;
	}

#sec08 .flow-container{
	text-align:center;
	margin:15px auto;
	width:80%;
	
	}
#sec08 .flow-container h2{
	font-size:24px;
	font-weight:bold;
	
	}
	


/* moive 共通
------------------------------------------------------------*/
#moive{
	margin:10px auto 10px;
	padding:15px !important;	
	background-color: #dbdee1;
	background-position:center;
}


	
/* SEC06 スケージュル 共通
------------------------------------------------------------*/
.schedule_menu {
    height: auto;
    margin: 0 auto;
    padding: 0;
}


.schedule_menu ul {
	width:100%;
    margin: 0 auto 80px;
    padding: 0;
    list-style: none;
    font-size: 0;
    text-align: center;
}

.schedule_menu li {
    font-family: "texgyreadventor";
    display: inline-block;
    font-weight: bold;
    text-align: center;
	list-style: none;
}

.schedule_menu li#active a {
    color: #FFFFFF;
    background-color: #9e8c4c;
    text-decoration: none;
}

.schedule_menu li a {
	background-color: #ffdcc2;
    color: #333;
    text-decoration: none;
}

.schedule_menu li a:hover {
    color: #FFFFFF;
    background-color: #9e8c4c;
    text-decoration: none;
}


/* SEC08 システム 共通
------------------------------------------------------------*/
.row:before {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-6, .col-xs-7 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;	
}

.col-xs-6 {
    float: left;
}

.col-sm-5,.col-sm-7{
    float: left;
}

.sub-contents .panel-system {
    margin-top: 20px;
}

.panel-default {
    border-color: #ddd;
}

.panel-system {
    margin-bottom: 20px;
	/*
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	*/
	font-family: 'Times New Roman',serif;
	line-height: 56%;
	box-sizing: border-box;
}


.cset{
	background: #333;
	margin: 0 auto 6px;
    line-height: 1.0em;
    overflow: hidden;

	}
.cleft {
    padding: 10px 12px 10px 0px;
	text-align: right;
    color: #e7c56b;
	font-size: 80%;
}

.cright {
    padding: 10px 0px 10px 12px;
	color: #ffe373;
	background: #444;
	text-align: left;
}
.cright s {
    color: #bbb;
}

.txt-s{
	font-size: 86%;
	}

.sub-contents .panel-heading {
    text-align: center;
	font-family: "texgyreadventor";
    font-size: 30px;
    line-height: 26px;
}

.sub-contents .panel-heading span{
	display:block;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 4px;
    font-weight: bold;
}

.sub-contents .panel-body small {
    font-size: 75%;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.sub-contents .panel-body {
    font-size: 1.3em;
    text-align: center;
    line-height: 2.5em;
}

.menulist {
    border-bottom: 1px dotted #D3B89B;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}


.btn2 {	
	border: 1px solid #564a30;  
	border-radius: 20px;  
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	padding: 10px 0;
	text-align:center;
	color:#4f8d7e;
	margin:5px auto;
} 

.btn3 {	
	border: 1px solid #564a30;  
	color: #111;
	padding: 10px 0;
	text-align:center;
	color:#4f8d7e;
	margin:5px auto;
	background-color:#CCC;
}


.btn4 {	
	border: 1px solid #ccc;  
	color: #111;
	padding: 10px 0;
	text-align:center;
	color:#4f8d7e;
	margin:5px auto;
	border-radius: 30px;

} 


.ta1, .ta1 td, .ta1 th {
    border: 1px solid #ccc;
    padding: 10px 15px;
    word-break: break-all;
}

.ta1 {
    width: 96%;
    margin: 0 auto 20px;
}
 

/* SEC09 システム禁止事項
------------------------------------------------------------*/
#sec09{
	background-size: cover;
	-webkit-background-size: cover;
	color: #333333;
	width:100%;
	margin:0 auto;
	background-color:#f6f6f6;
	padding-top:15px;
	padding-bottom:15px;
}
#sec09 .system-container{
	margin:5px auto;
	padding: 10px 15px;
}
#sec09 .system-container .proh{	
	margin:5px auto;
	text-align:center;	
}

.system-container ul {
    width:80%;
    margin: 0px auto 30px;
	display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.system-container ul li {
    display: list-item;
    text-align: -webkit-match-parent;
}

#sec09 .system-container p{
	margin-top:10px;
	/*text-align: center;*/
    line-height: 200%;
	}	

/* SEC10 Flow
------------------------------------------------------------*/
#sec10{
	margin:180px auto 30px;
	padding:0;	
	}

#sec10 .reserve-container{
	text-align:center;
	margin:0 auto;
	width:80%;
	
	}
#sec10 .reserve-container h2{
	font-size:24px;
	font-weight:bold;
	
	}

/* ----- Profile部分----- */

#cast_profile {
	margin: 0px auto; width: 90%; overflow: hidden; padding-top: 10px; padding-bottom: 10px;
}
#profile-left {
	width: 40%; margin-right: 10px; float: left;
	padding-left:50px;
}
#profile-left img {
	border: 1px solid rgb(204, 204, 204); border-image: none;
}
#profile-thum {
	margin: 10px 0px 0px;
	
}
#profile-thum ul{
	list-style-type: none;
}

#profile-thum ul li{
	float:left;
}

#profile_right {
	overflow: hidden; float: right;
}
.prof_big {
	width: 100%;
	height: 50px;
	font-family: "century_gothic";
	font-size: 30px;
	letter-spacing: 4px;
	color: #333;
	margin: 0 0 30px 0;
	padding: 0;
}


.tokuchou2 {
	border-radius: 5px; border: 1px solid rgb(86, 74, 48); border-image: none; width:140px;height: 20px; text-align: center; font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom:3px;display: block;
 
 }
 
.schedule-table table{
	width:100%;
}
.schedule-table table tr th {
	text-align: center; padding-top: 3px; padding-bottom: 3px; font-size: 90%; font-weight: bold; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: dotted; border-bottom-style: solid;
}
.schedule-table table tr th:first-child {
	border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid;
}
.schedule-table table tr th:last-child {
	border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;
}
.schedule-table table tr td {
	padding-top: 3px; padding-bottom: 3px; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: solid;
}
.schedule-table table tr td:first-child {
	border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid;
}
.schedule-table table tr td:last-child {
	border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;
}

.profile_title {
	background-image: url(../images/prof_name.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-family: "texgyreadventor";
	font-size: 26px;
	letter-spacing: 4px;
	color: #333;
	width: 100%;
	height: 50px;
	font-weight: bold; 
	margin: 10px 0 30px 0;
	margin-bottom:3px;
	display: block;
	padding:auto;
}


.profile_title span.fs12{
	 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", 	sans-serif;
	font-size: 12px;
	letter-spacing: 4px;
	margin-left: 10px;
}

.prof-table table .prof-01 {
	background: rgb(245, 245, 247); padding: 3px 3px 3px 5px; width: 145px; text-align: left; font-size: 85%; vertical-align: top; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width:: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted;
}
.prof-table table .prof-02 {
	padding: 3px; width: 200px; text-align: left; font-size: 90%; vertical-align: top; border-bottom-color: rgb(204, 204, 204); border-top-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; border-top-width: 1px;border-top-style: dotted; 
}


.prof-table table .prof-1 {
	background: rgb(245, 245, 247); padding: 3px 3px 3px 5px; width: 145px; text-align: left; font-size: 85%; vertical-align: top; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted;
}
.prof-table table .prof-2 {
	padding: 3px; width: 200px; text-align: left; font-size: 90%; vertical-align: top; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted;
}
#profile_right .prof-table table {
	
}
#profile_right .prof-table table {
	
}
.option-caption {
	padding-top: 5px; padding-right: 5px; padding-bottom: 5px; font-size: 11px; margin-bottom: 5px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted;
}
.prof-table .system-opt {
	width: 345px;
}
.prof-table .system-opt li {
	width: 172px; overflow: hidden; float: left;
}
#profile_right .prof-table {
	color: rgb(0, 0, 0); overflow: hidden; margin-bottom: 10px;
}
/* フォーム　ここから */


table.type1 {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	font-size:0.8em;
	line-height:1.8em;
	border:none;
	background:#ffffff;
	margin:20px auto 20px auto;
	color:#333333
}

table.type1 th{
	text-align:left;
	padding:8px 5px;
	border-top:solid 1px #4f8d7e;
	border-bottom:solid 1px #4f8d7e;
	border-left:none;
	border-right:none;
	background:#ffeeee;
	width:25%;
}

table.type1 td{
	text-align:left;
	vertical-align:center;
	padding:8px 5px;
	border-top:solid 1px #4f8d7e;
	border-bottom:solid 1px #4f8d7e;
	border-left:none;
	border-right:none;
}

table.type1 td.submit {
	text-align:center;
	vertical-align:top;
	padding:10px;
	border:none;
	font-weight:normal;
	border-top:solid 1px #880e0e;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

.mb_20 {
	margin-bottom: 20px;
}
.mb_5 {
	margin-bottom: 5px;
}	


.contact {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
    background-color: #efece4;
    font-family: "Mincho";
    font-size: 14px;
}

.contact_title {
	text-align: center;
	padding: 0px 0 30px;
}

.contact_btn {
    font-family: "Mincho";
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 4px;
    text-align: center;
    color: #7a682b;
    margin-bottom: 50px;
}


.contact_btn a {
    padding: 16px 40px 16px 40px;
    border: 2px solid #7a682b;
	color:#7a682b;
}

.contact_btn a:hover {
	color:#FFF;
    text-decoration: none;
	background-color:#7a682b;
}

.contact_info {
    margin: 0 auto 60px;
	text-align: center;
}

.txt_c{
    text-align: center;
	margin-top:20px;
}


.recruit-container{
	text-align:center;
	margin:0 auto;
	
	width:100%;
	height:auto;	
	}
	
.recruit-container h2{
	font-size:24px;
	font-weight:bold;
	display:table-caption;
	}
		
.recruit-container .col3{
	display: table;
    width: 100%;	
  	margin: 20px auto;
	padding:5px;
	border-color:rgb(204, 204, 204);
	border-width:1px;
	border-style:solid;
	list-style-type: disc;

}
.recruit-container .col3 li{
	display: table-cell;
    width: 33.3%;
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
	border-right-color: #c7bcbe;
}

.recruit-container li:last-child{
	border: none;
}

.recruit-container .col3 li span{
	font-size:24px;
	font-weight:bold;

}

//*タイムセール*/
#time-sale{
	width: 100%;
	height:auto;	
}

.timesale {
    display: block;
	margin:5px auto;
}

.timesale .left {
    width: 22.5%;
	height:auto;
	float: left;
}


.timesale .therapist_block {
    margin: 0;
}

.therapist_block {
    float: left;
    /*margin-top: 10px;
    margin-right: 5px;
    position: relative;*/
}

.therapist_block .text_box {
    position: absolute;
    bottom: 0px;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height:auto;
    text-align: center;
}


.therapist_block .text_box h4 {
    color: #FFF;
    /*font-size: 20px;*/
    margin: 10px;
    text-align: center;
}

.therapist_block .text_box p {
    margin: 5px 0 0 0;
    color: #FFF;
    /*font-size: 18px;*/
    text-align: center;
}


.timesale .right {
    width: 77.5%;
    height:auto;
	float: left;
}

.sale_content {
    height:auto;
    background-color: #FFF;
	padding:15px;
}

.time_disp {
	display:block;
	width:100%;
    height:auto;
	background-color:#000;
	float: left;
}

.time_disp .left {
    width: 50%;
    height: inherit;
    text-align: center;
	float: left;
}

.time_disp .right {
    width: 50%;
    height: inherit;
    text-align: center;
	float: left;
}

.time_disp p.moto {
    margin-top: 5px;
    color: #FFF;
    /*font-size: 22px;*/
}

.time_disp p.wari {
    color: #F00;
    font-weight: bold;
    /*font-size: 38px;*/
	margin-top: 15px;
}

.time_disp .small {
    font-size: 50%;
    float: left;
    margin: 0 5px;
}

.time_disp h5 {
   /* line-height: 100px;*/
    color: #FFFF00;
    /*font-size: 38px;*/
}

.hours {
    float: left;
}
.minutes {
    float: left;
}
.seconds {
    float: left;
}


div#footer-time
	{
	display:block;
	width:100%;               /* 横の幅を100% */
	height:auto;           /* 縦の幅を120px */
	position:fixed;
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	padding: 10px 0;          /* 上下に余白を取る */
	/*background: rgba(77, 52, 31, 0.9);*/
	background-color:#000;
	margin:0px auto;
	color:#FFF;
}

.footertimeinner{
	display:block;
	margin:0px auto;
}
 
#footer-time .left {
    width: 50%;
    height: inherit;
    text-align: center;
	float: left;
}

#footer-time .right {
    width: 50%;
    height: inherit;
    text-align: left;
	float: left;
}

#footer-time p.moto {
    margin-top: 0px;
    color: #FFF;
    font-size: 14px;
}

#footer-time span.timer {
    margin-top: 0px;
    font-size: 12px;
	color:#FC0;	
}


#footer-time p.wari {
    color: #F00;
    font-weight: bold;
    font-size: 13px;
	margin-top: 0px;
}

#footer-time .small {
    font-size: 100%;
    float: left;
    margin: 0 5px;
}

.appeal{
	width:100%;
	display:block;
	margin: 0 5px;
	clear:both;
	}
.appeal p{
	margin: 0 5px;
	color:#FF0;
	text-align:center;
	}
.fa-orange {color: #fecb81}

#footer-close{
	top:0px;
	right:0px;
	text-align:right;
	font-size:18px;
	margin-top:-10px;
	float: right;
	}

ul.footer_menu {
    text-align: center;
    list-style-type: none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.footer_menu li {
    font-family: "texgyreadventor";
    display: inline-block;
     padding: 0 15px;
    margin: 15px 0; 
    font-size: 12px;
    font-weight: bold;
	color:#FFF;
}

.footer_menu li a{
   	color:#ffffff;
}

/* RESPONSIVE 設定
------------------------------------------------------------*/


/* PC 設定
------------------------------------------------------------*/

@media only screen and (min-width: 1200px){
	
	/* mainnav
------------------------------------------------------------*/
/*
#mainnav {
	padding: 15px;
	transition: all 0.8s;
}*/

.pc_no_dis{	
	display:none;
	}
　
#mainnav.navbar-default {
	background-color: #fff;
	border-color: rgba(231, 231, 231, 0);
	box-shadow: 0 0 10px rgba(0,0,0,0.15)
}

#mainnav.navbar-default .navbar-nav > li > a {
	
}
.navbar-nav > li > a:after {
	display: block;	
	left: 0;
	bottom: -1px;
	width: 0;
	height: 2px;
	background: linear-gradient(to right, #6372ff 0%, #5ca9fb 100%);
	content: "";
	transition: width 0.2s;
}
.navbar-nav > li > a:hover:after {
	width: 100%;
}

.navbar-nav > li > a:hover {
	color:#630;
}

	.inner{
		width: 1024px;
		padding-bottom: 20px;
	}
	
	
	.mainViewInner .scrollDown {
    	width: 55px;
    	height: 55px;
	}

	
	.subTitle {
		background-image: url(../images/subTitle.png);
		background-position: center bottom;
		background-repeat: no-repeat;
   		font-size: 50px;
		line-height: 40px;
		padding-top:100px;

	}
	
	section span.fs14 {
    	font-size: 14px;
	}
	
	section h2{
		padding: 10px 0 10px;
	}
	section h3{
		padding: 0px 0 5px 0px;
	}
	.txt h2{
		padding: 0 0 20px !important;
	}
	
	#mainnav .time{
		width: 142px;
		height: 30px;		
	}
	
	#mainnav .menu_tel{
		width: 160px;
		height: 60px;
		margin-left:10px;
	}
	#mainnav .menu_map{
		
	}
	
	.schedule_menu {
    	width: 1100px;
	}

	.schedule_menu ul {
    	width: 1100px;
	}
	
	
	.schedule_menu li {
   	 font-size: 14px;
	 margin:12px auto;
	}

	.schedule_menu li#active a {
    	text-decoration: none;
    	padding: 10px 20px;
    	margin: 0px 2px;
	}

	.schedule_menu li a {
    	padding: 10px 20px;
    	margin: 0px 2px;
	}

	.schedule_menu li a:hover {
    	padding: 10px 20px;
    	margin: 0px 2px;
	}
	
	.ladies_area ul.col3 li.time {
		font-size: 16px;
		text-indent: 30px;

	}
	
	#sec09 .system-container{
		width:50%;
	}
	
	#profile_right {
		width: 40%;
	}

	.col2{
		margin:5px auto;
		width:100%;
	}
 
	.contact_title {
		margin:0 auto;
	}
	.contact_info {
    	margin:0 auto;
	}
	
	.timesale {
		width:1000px;
	}
	
	.timesale {
		height:380px;

	}
	.timesale .left img{
    	width: 225px;
   	 	height: 338px;
	}
	
	.therapist_block .text_box h4 {
   		font-size: 20px;   
	}

	.therapist_block .text_box p {
    
    	font-size: 18px;   
	}

	.time_disp p.wari {   
    	font-size: 38px;
		
	}

		
	.time_disp p.moto {
    	font-size: 22px;
	}
	
	.time_disp h5 {
  	 	line-height: 100px;   
   		font-size: 38px;
	}

div#footer-time
	{
 	margin-bottom:0px;
}

.footertimeinner{
	width:60%; 
}


.panel{
	border:none !important;}

/* 下部に固定表示 パソコン設定
	-----------------*/
	div#footer-bk
	{
		display:none;
	
	}


.feature-content p {
	height:250px;
	overflow:hidden;
}

/* moive 共通
------------------------------------------------------------*/
#moive iframe  {
	width: 780px;
	height: 400px;
}


}

@media only screen and (min-width: 800px){
	body{
		font-size:14px;
	}
	
  a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}

	#mainnav{
		position:fixed;
		top: 0;
		width:100%;
		z-index:500;
		padding-left:150px;
		background: rgba(255,255,255,.9);
		border-bottom: 1px solid #d1d1d1;
	}

	#mainnav ul{
		text-align: left;
		padding-right: 30px;
	}

	#mainnav li{
		display: inline-block;
		padding: 20px 10px;
		font-size: 14px;
		font-weight: 300;
	}
	
  #mainnav a{
		color: #000;
	}
	
	#mainnav.changeNav{
		background: rgba(255,255,255,.9);
		border-bottom: 1px solid #d1d1d1;
	}
	
	#mainnav.changeNav li{
		padding: 20px 10px;
	}

	/* SEC02 料金システム
	-----------------*/
	.txt{	
		width: 60%;
		margin: 0 auto;
		display: table;
	}

	.vMid{	
		width: 300px;
		margin:5px auto;
		text-align:center;
		font-size: 20px;	
		display: table-cell;
		padding: 0 100px;
		vertical-align: middle;
		border-radius:20px;
		border-color:#FFF;
		border-style:double;
	}
	
	/* SEC03 セラピスト
	-----------------*/

	
	/* SEC05 求人情報
	-----------------*/
	#sec05{
		padding-top: 20px;
	}
	
 	
}


@media only screen and (min-width: 641px){
	#mainBanner{margin-left:1px;}
	.col2 li{
		width: 100%;
		padding: 0 3%;
		vertical-align: top;
	}
}

@media only screen and (max-width: 640px){
	#map iframe{
		width: 96% !important;
		left: 2%;
	}
	
	.scrollUp {
    height: 50px;
	}
	
	
	
}

/*スマートフォン設定*/
@media only screen and (max-width: 799px){
	
	#header-logo img {
    	max-height: 60px;
		max-width:180px;
	}
	
	#mainnav{
		position:fixed;
		top: 0;		
	}
	
	#mainnav{
		top: 0;
		left: 0;
		width: 100%;
		text-align: right;
		z-index:500;
		background: rgba(255,255,255,.9);
		border-bottom: 1px solid #d1d1d1;
	}


   .mainBanner{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 450px;
    color: #FFF;
    overflow: hidden;
	margin-bottom:15px;
	}
	
	.mainViewCont {
    /*position: relative;*/
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/sp_mainBanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: table;
	padding-top:50px;
}
	
	
	.mainViewInner .scrollDown {
    width: 40px;
    height: 40px;
}


	.subTitle {
		background-image: url(../images/subTitle_sm.png);
    	background-position: center  top;
    	background-repeat: no-repeat;
   		font-size: 25px;
		line-height: 40px;
	}
	
	section span.fs14 {
    	font-size: 12px;
	}

  a#menu{
  	display: inline-block;
  	position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
	text-align:center;
  	top: 50%;
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #4e371d;
  	transition: .2s;
	}
	
	#menuTxt{
	display: block;
	position: absolute;
	top: 70%;
	left: 25%;
	text-align:center;
	font-size:6px;
	vertical-align:bottom;
	color:#4e371d;
	font-weight:bold;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #4e371d;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
	}

	

	#mainnav ul{
		border-bottom: 1px solid #ccc;
		background: #fff;
		text-align: left;
	}

	#mainnav li a{
		position: relative;
		display:block;
		padding:15px 25px;
		border-bottom: 1px solid #ccc;
		color: #000;
		font-weight: 400;
		text-align:center;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#mainnav .time{
   		display: block;
	}
	
	#mainnav .time img{
		max-width:142px;		
	}
	
	#mainnav .menu_tel{
		display: block;		
	}
	
	#mainnav .menu_tel img{
		max-width:160px;		
	}

	#mainnav .menu_map{		
		display: block;
	}
	
	#mainnav .menu_map img{
		max-width:74px;		
	}
 
	
	/* SEC03 セラピスト
	-----------------*/
	
	.ladies_area {
   	 	width: 330px;
  	}

	.col3{
	  	width: 130px;
		height:auto;
		margin-bottom:5px; 
		height: 270px;   
   	}
	
	.col3 img{
		max-width:130px;
   
   	}
	
		/* Table 設定
	-----------------*/
	
	table {
    border-collapse: collapse;
    font-size: 100%;
    border-spacing: 0;
}

	.ta1 th {
    width: 100px;
    padding: 5px;
}
	.ta1 th {
    text-align: center;
    font-weight: normal;
}
	.ta1, .ta1 td, .ta1 th {
    border: 1px solid #ccc;
    padding: 10px 15px;
    word-break: break-all;
}
	.ta1 td {
    width: auto;
    padding: 5px;
}
	
	
	
	/* SEC04 設定
	-----------------*/
	#pgc-67-4-0{
		width:100%;
		display:block;
	}


	/* スケジュール スマートフォン設定
	-----------------*/
	
	.schedule_menu li {
		display:block;
    	font-size: 10px;
		margin:12px auto;
		
	}

	.schedule_menu li#active a {
    	padding: 5px 10px;
    	margin: 0px 2px;
	}

	.schedule_menu li a {
    	padding: 10px 20px;
    	margin: 0px 2px;
	}

	.schedule_menu li a:hover {
    	padding: 5px 10px;
    	margin: 0px 2px;
	}
	.ladies_area ul.col3 li.time {
		font-size: 8px;
		text-indent: 24px;

	}
	
	/* システム スマートフォン設定
	-----------------*/
	.sub-contents .panel-body {
   		/*padding: 20px 60px;*/
	}
	#sec09 .system-container{
		width:100%;
	}
	
	span.nl {
    display: block;
}


	/* プロフィール スマートフォン設定
	-----------------*/
	#profile_left{
		display:block;
	}
	
	#profile_right{
		display:block;
		width:100%;
	}
	
	#profile_area01{
		margin-top:10px;
	}
	
	#profile-thum {
		width:400px;
	}
	.col2{
		margin:5px auto;
		width:100%;
	}
	
	.contact_title  img{
		width:100%;
	}
	
	.contact_info  img{
		width:100%;
	}

	.recruit-container .col3 li{
		width: 100%;
		display: block;
	}
	
	
	.timesale {
		width:100%;
	}
	
	.time_disp p.wari {   
    	font-size: 19px;		
	}

		
	.time_disp p.moto {
    	font-size: 11px;
	}
	
	.time_disp h5 {
  	 	line-height: 50px;   
   		font-size: 14px;
	}
	
	
	/* 下部に固定表示 スマートフォン設定
	-----------------*/
	div#footer-bk
	{
	position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 50px;
    z-index: 99;
	}


	div#footer-bk ul{
		display: table;
    table-layout: fixed;
    width: 100%;
    height: 50px;
    padding: 0;
    margin: 0;
	}
	
	div#footer-bk ul li{
		display: table-cell;
	}
	
	div#footer-bk li a {
    background: #4D2712;
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    box-shadow: 0 0 0 2px #735444;

}
	
	
	.footertimeinner{
		width:100%;  
	}
	
	.scrollUp {
    height: 50px;
	}
	.scrollUp a {
    height: 50px;
    display: block;
	}
	.scrollUp a .scrollUpIcon {
    width: 20px;
    height: 20px;
    display: block;
    padding-top: 15px;
}


.footerLogo {
    float: none;
    width: 80%;
    text-align: center;
}

.footerText {
    width: 90%;
}
	
	
	/* moive 共通
------------------------------------------------------------*/
#moive iframe  {
	width: 100%;
}
	
	
}

@media only screen and (max-width: 1199px){
	
	section h2{
		padding: 10px 0 10px 0;
	}
	section h3{
		padding: 0px 0 5px 0;
	}
	
	.vMid{
		padding: 0 20px;
		font-size:20px;
		text-align:center;
		border-radius:20px;
		border-color:#FFF;
		border-style:double;
	}
	
	.feature-content p {
	height:250px;
	overflow:hidden;
}
	
}