@charset "utf-8";
/* 
CSS Information
 File name:      common.css
 Author:         Administrator
 Style Info:     Modify YUI Reset CSS, YUI Fonts CSS
 *http://yuilibrary.com/license/
 *version: 3.7.2 build: 5639
----------------------------------------------------- */
/* reset.css
****************************/

html {
	color:#000;
	background:#fff;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
	display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
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;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
	*font-size:100%;
}
legend {
	color:#000;
}
small,em,strong {
	font-size: inherit;
	font-style: normal;
}

/* fonts.css
****************************/

body {
	font:14px/1.4 Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
select,input,button,textarea {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

.ffmin {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;
}

/* base.css
****************************/

/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1px;}
.clearfix {display:block;}

/* マージン・インデント */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

/* リンク */
a:link,a:visited,a:hover,a:active {color: #b4741c;}
a:link,a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:hover img.alpha,
input.alpha:hover {
	opacity: 0.85;
	filter:alpha(opacity=85);
	-ms-filter:"alpha( opacity=85 )";
	*zoom: 1;
}
a.alpha:hover {
	opacity: 0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha( opacity=90 )";
	*zoom: 1;
	text-decoration: none;
}

/* 要素設定 */
html,body {
	color: #333;
	text-align: center;
}
ul,dl,ol {
	text-indent: 0;
	list-style-position:outside;
}
th,td {
	vertical-align: top;
}
img {
	vertical-align: top;
}

/* 文字数調整 */
.elps {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* フォームパーツ */
input[type="text"],
input[type="password"] {
	width: 97%;
	padding: 3px;
}

input[type="text"].size_s,
input[type="password"].size_s {
	width: 5em;
}

input[type="text"].size_m,
input[type="password"].size_m {
	width: 47%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 3px;
	vertical-align: middle;
}

textarea {
	width: 97%;
	height: 6em;
	padding: 3px;
}

.attention {
	color: #c00;
}

.attention strong {
	font-weight: bold;
}

/*  */
.bnr {
	text-align: center;
}

figure.bnr,
.bnr figure,
p.bnr,
ul.bnr li {
	margin-bottom: 10px;
}

.bnr img {
	max-width: 100%;
}

.bnr a:hover img {
	opacity: 0.85;
	filter:alpha(opacity=85);
	-ms-filter:"alpha( opacity=85 )";
	*zoom: 1;
}

.bnr figcaption {
	margin: 5px 0;
	font-size: 85%;
}

.alignC {text-align: center;}
.alignR {text-align: right;}
.alignL {text-align: left;}

.inner_box {
	margin-right: 10px;
	margin-left: 10px;
}

.text_area p,
.text_area ul {
	margin-bottom: 1em;
}

.text_area dl {
	margin-top: 2em;
	margin-bottom: 2em;
}

.text_area dt {
	margin-bottom: 5px;
	font-weight: bold;
}

.text_area dd {
	margin: 0 0 2em 1em;
}

.imgL {
	float: left;
	margin: 0 15px 15px 0;
}

.imgR {
	float: right;
	margin: 0 0 15px 15px;
}

/* 点滅 */
.blinking {
    -webkit-animation:blink .7s ease-in-out infinite alternate;
    -moz-animation:blink .7s ease-in-out infinite alternate;
    animation:blink .7s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes blink {
    0% {opacity:0;}
    100% {opacity:1;}
}

/* baseLayout
****************************/
body {
	min-width: 1180px;
	padding-bottom: 25px;
	background: #fff url(../img/common/bg_body.png) repeat-x top;
	text-align: center;
}

#wrapper {
	overflow: hidden;
	width: 1180px;
	margin: 0 auto;
	border: 1px solid #e0c36a;
	border-top: none;
	background: #fff;
	text-align: left;
}

#subWrap {
	padding: 0 10px 35px;
}

/* #header *****************/
h1 {
	padding: 0 5px;
	background: #000;
	font-size: 10px;
	color: #fff;
}

#header #logo {
	float: left;
	width: 350px;
}

#header #logo img {
	max-width: 100%;
}

#header .inner {
	float: right;
	width: 800px;
	padding-top: 10px;
}

#header .inner .lead {
	margin-bottom: 15px;
	font-size: 10px;
}

#header .inner .box {
	padding: 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: -1px -2px 3px rgba(0,0,0,0.2) inset;
	box-shadow: -1px -2px 3px rgba(0,0,0,0.2) inset;
}

#header .inner .box .info {
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 430px;
	height: 122px;
	padding: 10px;
	background: #fff url(../img/common/bg_info.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	font-size: 13px;
}

#header .inner .box .info h2 {
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

#header .inner .box .bnr {
	float: right;
	margin-bottom: 0;
}

#header .inner .utilityNav {
	clear: both;
	padding: 5px 0;
	text-align: center;
	font-size: 0;
}

#header .inner .utilityNav li {
	display: inline-block;
	font-size: 12px;
	color: #b4741c;
}

#header .inner .utilityNav li + li::before {
	content: "｜";
}

/* #nav ********************/
#globalNav {
	clear: both;
	margin-bottom: 10px;
}

#globalNav > ul > li {
	position: relative;
	float: left;
	width: 14%;
	width: -webkit-calc(100% / 7);
	width: calc(100% / 7);
}

#globalNav li a {
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	color: inherit;
}

#globalNav > ul > li > a {
	overflow: hidden;
	background: url(../img/common/nav.png) left top;
	text-indent: 100%;
	white-space: nowrap;
}

#globalNav > ul > li > a[href*="main"] {background-position: left top;}
#globalNav > ul > li > a[href*="schedule"] {background-position: -165px top;}
#globalNav > ul > li > a[href*="therapist"] {background-position: -330px top;}
#globalNav > ul > li > a[href*="system"] {background-position: -495px top;}
#globalNav > ul > li > a[href*="play"] {background-position: -660px top;}
#globalNav > ul > li > a[href*="reserve"] {background-position: -825px top;}
#globalNav ul .globalNavRecruit a{background-position: right top;}

#globalNav > ul > li:hover > a[href*="main"] {background-position: left -55px;}
#globalNav > ul > li:hover > a[href*="schedule"] {background-position: -165px -55px;}
#globalNav > ul > li:hover > a[href*="therapist"] {background-position: -330px -55px;}
#globalNav > ul > li:hover > a[href*="system"] {background-position: -495px -55px;}
#globalNav > ul > li:hover > a[href*="play"] {background-position: -660px -55px;}
#globalNav > ul > li:hover > a[href*="reserve"] {background-position: -825px -55px;}
#globalNav ul .globalNavRecruit a:hover{background-position: right -55px;}


#globalNav ul li ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10000;
	width: 100%;
	background: #fffcc8;
}

#globalNav ul li ul li {
	overflow: hidden;
	height: 0;
	-webkit-transition: .1s;
	transition: .1s;
}

#globalNav ul li ul li a {
	height: 55px;
	line-height: 55px;
	text-align: center;
}

#globalNav ul li:hover ul li {
	overflow: visible;
	height: 55px;
}

#globalNav ul li ul li a:hover {
	color: #ff5494;
	text-decoration: none;
}

/* #content ****************/
#content {
	float: right;
	width: 800px;
}

#pan {
	margin-bottom: 10px;
	font-size: 0;
}

#pan li {
	display: inline-block;
	font-size: 10px;
	margin-right: 1em;
}

#pan li:not(:first-child)::before {
	content: "＞＞";
	margin-right: 1em;
}

/* #aside ******************/
#aside {
	float: left;
	width: 350px;
}

#aside .sidemenu {
	margin-bottom: 20px;
}

#aside .sidemenu li a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 40px;
	background: url(../img/common/nav_side.png) right top;
	text-indent: 100%;
	white-space: nowrap;
}

#aside .sidemenu li a[href*="main"] {background-position: right top;}
#aside .sidemenu li a[href*="therapist"] {background-position: right -40px;}
#aside .sidemenu li a[href*="schedule"] {background-position: right -80px;}
#aside .sidemenu li a[href*="ranking"] {background-position: right -120px;}
#aside .sidemenu li a[href*="howtouse"] {background-position: right -160px;}
#aside .sidemenu li a[href*="massage_aroma"] {background-position: right -200px;}
#aside .sidemenu li a[href*="reserve"] {background-position: right -240px;}
#aside .sidemenu li a[href*="recruit"] {background-position: right -280px;}
#aside .sidemenu li a[href*="faq"] {background-position: right -320px;}
#aside .sidemenu li a[href*="event"] {background-position: right -360px;}
#aside .sidemenu li a[href*="questionnaire"] {background-position: right -400px;}
#aside .sidemenu li a[href*="magazine"] {background-position: right -440px;}
#aside .sidemenu li a[href*="link"] {background-position: right -480px;}
#aside .sidemenu li a[href*="contact"] {background-position: right -520px;}

#aside .sidemenu li a:hover[href*="main"] {background-position: left top;}
#aside .sidemenu li a:hover[href*="therapist"] {background-position: left -40px;}
#aside .sidemenu li a:hover[href*="schedule"] {background-position: left -80px;}
#aside .sidemenu li a:hover[href*="ranking"] {background-position: left -120px;}
#aside .sidemenu li a:hover[href*="howtouse"] {background-position: left -160px;}
#aside .sidemenu li a:hover[href*="massage_aroma"] {background-position: left -200px;}
#aside .sidemenu li a:hover[href*="reserve"] {background-position: left -240px;}
#aside .sidemenu li a:hover[href*="recruit"] {background-position: left -280px;}
#aside .sidemenu li a:hover[href*="faq"] {background-position: left -320px;}
#aside .sidemenu li a:hover[href*="event"] {background-position: left -360px;}
#aside .sidemenu li a:hover[href*="questionnaire"] {background-position: left -400px;}
#aside .sidemenu li a:hover[href*="magazine"] {background-position: left -440px;}
#aside .sidemenu li a:hover[href*="link"] {background-position: left -480px;}
#aside .sidemenu li a:hover[href*="contact"] {background-position: left -520px;}

#aside .to_play {
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

#aside .movie_sample {
	padding: 40px 0 10px;
	margin-bottom: 20px;
	background: #000 url(../img/common/bg_movie_sample.png) no-repeat center top;
	text-align: center;
}

#aside .movie_sample .vjs-default-skin .vjs-big-play-button {
	font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    border: 0.06666em solid #fff;
    border-radius: 0.3em;
    left: 0.5em;
    top: 0.5em;
}

#aside .movie_sample .vjs-default-skin .vjs-big-play-button:before {
    line-height: 1.5em;
}

#aside .movie_sample > div {
	margin: 0 auto;
}

#aside .box {
	padding: 5px 15px 10px;
	margin-bottom: 20px;
	border: 1px solid #e0c36a;
	border-radius: 5px;
}

#aside .box .box_ttl {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #e0c36a;
	text-align: center;
}

#aside .box p {
	color: #4f001a;
}

#aside .box.chain ul.bnr {
	margin-bottom: 10px;
}

#aside .box.chain ul.bnr li {
	margin-bottom: 3px;
}

#aside > ul.bnr {
	margin-bottom: 20px;
}

/* #footer *****************/
#footer {
	clear: both;
	padding-top: 20px;
}

#footer .footmenu {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #e0c36a;
}

#footer .footmenu li {
	margin-bottom: 8px;
	text-align: center;
	color: #b4741c;
	font-size: 0;
	white-space: nowrap;
}

#footer .footmenu li a {
	display: inline-block;
	padding: 0 10px;
	text-decoration: underline;
	font-size: 14px;
	line-height: 1;
}

#footer .footmenu li a:hover {
	text-decoration: none;
}

#footer .footmenu li a + a {
	border-left: 1px solid #b4741c;
}

#footer #copyright {
	text-align: center;
}

/* #slideshow *****************/
#slideshow {
	width: 100%;
	height: 360px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

#slideshow ul {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	margin-left: 0;
}

#slideshow li {
	float: left;
	position: relative;
	display: none;
	height: 100%;
}

#slideshow li span {
	position: absolute;
	left: 0;
	bottom: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	background-color: rgba(0,0,0,0.45);
	color: #fff;
}

#slideshow li span strong {
	margin-right: 1em;
	font-weight: bold;
	color: #ff4281;
}

/* 見出し*****************/
.title01 {
	position: relative;
	height: 27px;
	line-height: 27px;
	padding: 4px 15px;
	margin-bottom: 15px;
	background-image: url(../img/common/bg_title01.png), -moz-linear-gradient(left,  rgba(199,151,73,1) 0%, rgba(248,239,183,1) 100%);
	background-image: url(../img/common/bg_title01.png), -webkit-linear-gradient(left,  rgba(199,151,73,1) 0%,rgba(248,239,183,1) 100%);
	background-image: url(../img/common/bg_title01.png), linear-gradient(to right,  rgba(199,151,73,1) 0%,rgba(248,239,183,1) 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left top;
	color: #fff;
}

.title01 a {
	color: #fff;
}

.title01 img {
	vertical-align: middle;
}

.title01::before,
.title01::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.5);
}

.title01::before {
	top: 3px;
}

.title01::after {
	bottom: 3px;
}

.title02 {
	position: relative;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	margin-bottom: 10px;
	background: -moz-linear-gradient(top,  rgba(199,151,73,1) 0%, rgba(248,239,183,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(199,151,73,1) 0%,rgba(248,239,183,1) 100%);
	background: linear-gradient(to bottom,  rgba(199,151,73,1) 0%,rgba(248,239,183,1) 100%);
	color: #fff;
}

.title02 a {
	color: #fff;
}

.title02 img {
	vertical-align: middle;
}

.title03 {
	padding-bottom: 2px;
	margin-bottom: 15px;
	border-bottom: 1px solid #6f5804;
	font-weight: bold;
	color: #6f5804;
	font-size: 131%;
}

.title04 {
	margin-bottom: 15px;
	font-weight: bold;
	color: #c96;
	font-size: 116%;
}

/* ボタン*****************/
.btn {
	margin-bottom: 15px;
}

ul.btn.clearfix li {
	float: left;
	width: 49%;
	width: -webkit-calc((100% - 10px) / 2);
	width: calc((100% - 10px) / 2);
}

ul.btn.clearfix li:nth-child(odd) {
	clear: both;
	margin-right: 10px;
}

.btn a,
.btn input {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border: none;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
}

.btn a:hover,
.btn input:hover {
	opacity: 0.9;
}

.btn.clr01 a,
.btn.clr01 input,
.btn .clr01 a,
.btn .clr01 input {/*茶*/
	border: 1px solid #CF8C0D;
	background: rgb(248,239,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(248,239,183,1) 0%, rgba(199,151,73,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(248,239,183,1) 0%,rgba(199,151,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(248,239,183,1) 0%,rgba(199,151,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
}

.btn.clr02 a,
.btn.clr02 input,
.btn .clr02 a,
.btn .clr02 input {/*薄いグレー*/
	border: 1px solid #ccc;
	background: #ececec;
	color: #999;
	font-weight: bold;
}

/* 女性一覧*****************/
.list_lady {
	margin: 0 5px;
}

.list_lady li {
	float: left;
	width: 24%;
	width: -webkit-calc((100% - 30px) / 4);
	width: calc((100% - 30px) / 4);
	margin: 0 10px 10px 0;
	background: rgb(248,239,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(248,239,183,1) 0%, rgba(199,151,73,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(248,239,183,1) 0%,rgba(199,151,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(248,239,183,1) 0%,rgba(199,151,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.list_lady li:nth-child(4n) {
	margin-right: 0;
}

.list_lady li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: inherit;
}

.list_lady li .catchcopy {
	overflow: hidden;
	width: 100%;
	margin-bottom: 3px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.list_lady li figure {
	position: relative;
}

.list_lady li figure::before {
	content: "";
	display: block;
	overflow: hidden;
	padding-top: 150%;
}

.list_lady li figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.list_lady li dl {
	padding: 5px;
	background: #fff;
}

.list_lady li dt,
.list_lady li dd {
	overflow: hidden;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.list_lady li dd.time {
	color: #b4741c;
}

/* memo*****************/
.memo_box {
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid #e0dbbb;
	border-radius: 3px;
}

.memo_box .ttl {
	margin-bottom: 10px;
	color: #605040;
	font-weight: bold;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.4);
}

.memo_box p,
.memo_box li {
	margin-bottom: 10px;
	font-size: 93%;
}

/* フォーム*****************/
.form_table {
	width: 100%;
	margin-bottom: 20px;
}

.form_table th,
.form_table td {
	padding: 10px;
	font-size: 93%;
	border: 1px solid #484800;
	text-align: left;
	vertical-align: top;
}

.form_table th {
	width: 30%;
	background: #f7f7f7;
}

.form_table th .attention {
	margin-left: 1em;
}

.form_table td ul.select li {
	display: inline-block;
	margin: 0 2em 5px 0;
}

ul.form_send {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}