@charset "utf-8";

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

pc.css

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

@import url("pc_moduleparts.css");

body {
	font-size: 13px;
}

#wrapper {
	background:#f6f6f6;
	border-top:5px solid #fff;
	/*display:none;*/
}

#container {
	width:960px;
	margin:0 auto;
}

a:link,
a:visited,
a:active {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}




/*-----------------------------------------
login,logout
-----------------------------------------*/

.st-login {
	display:none;
}

.st-logout {
	display:none;
}


/*-----------------------------------------
gheader
-----------------------------------------*/

#gheader {
	background:#fff;
}

#gheader-inner {
	width:960px;
	margin:0 auto;
	position:relative;
	height:90px;
}

#gheader h1 {
	padding-top:30px;
	padding-left:240px;
	word-wrap: break-word;
	color:#000;
}

#gheader .salon-name {
	font-size:160%;
	font-weight:bold;
}

/*http://kaihatsu-server/redmine/issues/1928 Start*/
#gheader .introduction-name{
	display:inline-block;
	font-weight:bold;
	font-size:65%;
	margin-top:3px;
}
/*http://kaihatsu-server/redmine/issues/1928 End*/

#gheader .site-name,.user-name {
	font-size:125%;
	font-weight:bold;
	padding-left:20px;
}

#gheader .btn-login {
	width:80px;
	font-size:85%;
	padding:7px 0;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#gheader .btn-login a {
	color:#fff;
	text-decoration:none;
}


/*-----------------------------------------
gfooter
-----------------------------------------*/

#gfooter {
	clear:both;
}

#gfooter .pagetop-wrap,
#gfooter-nav {
	width:960px;
	margin:0 auto;
}

#gfooter .pagetop {
	float:right;
	font-size:80%;
	font-weight:bold;
	width:80px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding:7px 5px;
	text-align:center;
	margin-right:10px;
}

#gfooter-inner {
	padding:15px 0;
}

#gfooter a {
	color:#fff;
	text-decoration:none;
}
#gfooter a:hover {
	text-decoration:underline;
}

#gfooter ul {
	float:left;
}

#gfooter li {
	float:left;
	border-left:1px solid #fff;
	padding:0 10px;
	font-size:95%;
}
#gfooter li.first {
	padding-left:0;
	border:none;
}

#gfooter .copyright {
	float:right;
	color:#fff;
	font-size:85%;
}


/*-----------------------------------------
side
-----------------------------------------*/

#side {
	width:210px;
	background-color:#fff;
	float:left;
	margin-top:-95px;
	margin-bottom:50px;
	-webkit-box-shadow: 0 6px 7px -6px #666;
	-moz-box-shadow: 0 6px 7px -6px #666;
	box-shadow: 0 6px 7px -6px #666;
}

#side #logoarea {
	background:#fff;
}

#side #logoarea a {
	text-decoration:none;
}


#side #logoarea p {
	width:210px;
	height:210px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#side #logoarea p a {
	width:210px;
	display:block;
	color:#000;
	line-height:1.6;
}

#side #logoarea .salonname {
	word-wrap: break-word;
	width:190px;
	display:block;
	font-weight:bold;
	font-size:150%;
	line-height:1.4;
	color:#000;
	text-align:center;
	margin:0 auto;
}

#side #gmenu li {
	line-height:1.4;
	border-bottom:1px dotted #fff;
	background-image:url(/img/menu-sprite.png);
	background-repeat:no-repeat;
}

#side #gmenu li a {
	display:block;
	padding:10px 10px 10px 40px;
	text-decoration:none;
}

#side #gmenu li.nav01 {
	background-position:10px 10px;
}
#side #gmenu li.nav02 {
	background-position:12px -68px;
}
#side #gmenu li.nav03 {
	background-position:11px -140px;
}
#side #gmenu li:last-child {
	border-bottom:none;
}

#side .box-salon-data {
	margin:15px;
}

#side .box-salon-data dt {
	font-size:115%;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:10px;
	word-wrap: break-word;
	color:#000;
}

#side .box-salon-data .salon-tel {
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
}

#side .box-salon-data .salon-zip,
#side .box-salon-data .salon-ad {
	line-height:1.3;
}

#side .box-salon-data .salon-link {
	margin-top:5px;
}
#side .box-salon-data .salon-link a {
	text-decoration:none;
	padding-right:10px;
}
#side .box-salon-data .salon-link a:hover {
	text-decoration:underline;
}

#side .box-salon-time {
	margin:20px 15px 20px;
}

#side .box-salon-time dt {
	font-weight:bold;
	margin-bottom:5px;
}

#side .box-salon-time dd {
	line-height:1.6;
}

#side .box-salon-qr dt {
	margin-top:20px;
	padding-left:15px;
	font-size:75%;
}

#side .box-salon-group {
	background:#eee;
	padding:15px;
}
#side .box-salon-group dt {
	margin-bottom:10px;
}
#side .box-salon-group dd {
 display: inline-block;
	position: relative;
	padding-left:10px;
	line-height:1.3;
	margin-bottom:5px;
	word-wrap: break-word;
}
#side .box-salon-group dd::before {
	content: "";
	display: inline-block;
	border: 4px solid transparent;
	position: absolute;
	left: 0;
	top: 8px;
	margin-top:-4px;
}

#side .box-salon-group dd a {
	word-wrap: break-word;
	display:block;
	width:170px;
}



/*-----------------------------------------
main
-----------------------------------------*/

#main {
	width:720px;
	float:right;
	padding:30px 0 60px;
}

#popup-main {
	width:720px;
	padding:30px 0 60px;
}

/*-----------------------------------------
parts
-----------------------------------------*/


/* social */

.box-social01 .tw iframe {
	width:100px!important;
}
.box-social01 {
	margin-left:15px;
}
.box-social01 li {
	float:left;
}
.box-social01 .fb {
	margin-right:5px;
}


/* sec-rsvmenu */

#sec-rsvmenu {
	margin-bottom:40px;
}

#sec-rsvmenu ul {
	margin-right:-20px;
	margin-bottom:-20px;
}

#sec-rsvmenu li {
	width:165px;
	height:165px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 1px 3px #999;
	-moz-box-shadow: 0 1px 3px #999;
	box-shadow: 0 1px 3px #999;
	position:relative;
}

#sec-rsvmenu li a {
	width:165px;
	height:165px;
	background-image:url(/img/rsv-sprite.png);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}
#sec-rsvmenu li a:hover {
	margin-top:3px;
}


#sec-rsvmenu li p {
	width:165px;
	height:52px;
	padding-top:8px;
	position:absolute;
	left:0;
	bottom:0;
	width:165px;
	height:52px;
	padding-top:8px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	display:block;
	text-align:center;
	font-weight:bold;
	color:#fff;
}

#sec-rsvmenu li span {
	font-size:140%;
	line-height:1.4;
}

#sec-rsvmenu li.rsv-conf p {
	color:#fff;
}

#sec-rsvmenu li.rsv03 span,
#sec-rsvmenu li.rsv-conf span {
	font-size:125%;
}

#sec-rsvmenu li.rsv01 a {
	background-position:45px 10px;
}
#sec-rsvmenu li.rsv02 a {
	background-position:20px -285px;
}
#sec-rsvmenu li.rsv03 a {
	background-position:30px -585px;
}
#sec-rsvmenu li.rsv04 a {
	background-position:20px -885px;
}
#sec-rsvmenu li.rsv05 a {
	background-position:50px -1185px;
}
#sec-rsvmenu li.rsv06 a {
	background-position:20px -1485px;
}
#sec-rsvmenu li.rsv07 a {
	background-position:30px -1785px;
}
#sec-rsvmenu li.rsv-conf a {
	background-position:40px -2090px;
}

#sec-rsvmenu li.rsv01.no-data,
#sec-rsvmenu li.rsv01.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 45px 10px no-repeat;
}
#sec-rsvmenu li.rsv02.no-data,
#sec-rsvmenu li.rsv0.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 20px -285px no-repeat;
}
#sec-rsvmenu li.rsv03.no-data,
#sec-rsvmenu li.rsv03.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 30px -585px no-repeat;
}
#sec-rsvmenu li.rsv04.no-data,
#sec-rsvmenu li.rsv04.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 20px -885px no-repeat;
}
#sec-rsvmenu li.rsv05.no-data,
#sec-rsvmenu li.rsv05.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 50px -1185px no-repeat;
}
#sec-rsvmenu li.rsv06.no-data,
#sec-rsvmenu li.rsv06.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 20px -1485px no-repeat;
}
#sec-rsvmenu li.rsv07.no-data,
#sec-rsvmenu li.rsv07.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 30px -1785px no-repeat;
}
#sec-rsvmenu li.rsv-conf.no-data,
#sec-rsvmenu li.rsv-conf.no-data:hover {
	background:#ccc url(/img/rsv-sprite.png) 40px -2090px no-repeat;
}

#sec-rsvmenu li.no-data p {
	background:#ccc!important;
}


/* sec-newregist */

#sec-newregist .box-newregist {
	padding-top:30px;
	padding-bottom:30px;
}

#sec-newregist .copy {
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
}

#sec-newregist .copy .point {
	color:#fff;
	margin-right:10px;
	padding:3px 30px;
	font-size:85%;
}

#sec-newregist .txt {
	line-height:1.6;
	padding:0 30px;
}

#sec-newregist .box-registbtn {
	margin:20px -18px 0 30px;
}

#sec-newregist .box-registbtn li {
	float:left;
	width:208px;
	height:70px;
	margin-right:18px;
	margin-bottom: 18px;
}

#sec-newregist .box-registbtn button {
	width:208px;
	height:70px;
	display:table-cell;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
}
#sec-newregist .box-registbtn.no-nomember li,
#sec-newregist .box-registbtn.no-nomember button {
	width:320px;
	height:60px;
}

#sec-newregist .btn-fb span {
	background:url(/img/logo-fb.png) 10px 0px no-repeat;
	display:block;
	text-align:left;
	padding-left:50px;
	line-height:1.3;
}
#sec-newregist .box-registbtn.no-nomember .btn-fb span {
	padding-top:10px;
	padding-bottom:10px;
}

#sec-newregist .btn-line span {
	background:url(/img/line_44.png) 3px 0px no-repeat;
	display:block;
	text-align:left;
	padding-left:50px;
	line-height:1.3;
}
#sec-newregist .box-registbtn.no-nomember .btn-line span {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:70px;
}

/* list-flow  */

.list-flow {
	margin:0 0 20px;
}

.list-flow li {
	float:left;
	background:url(/img/ico-arrow01.gif) right center no-repeat;
	padding-right:18px;
	margin-right:11px;
}
.list-flow li.last {
	background:none;
	margin-right:0;
	padding-right:0;
}

.list-flow li span {
	background:#666;
	padding:12px 10px;
	display:block;
	width:100px;
	font-size:85%;
	text-align:center;
	color:#fff;
}
.list-flow li.current span {
	color:#fff;
}

.list-flow li.wtype01 span {
	width:60px;
}
.list-flow li.wtype02 span {
	width:120px;
}
.list-flow li.wtype03 span {
	width:90px;
}


/*-----------------------------------------
form
-----------------------------------------*/

input,
textarea {
	font-size:100%;
	font-family:inherit;
}

.ime-on {
ime-mode: active;
}
.ime-off {
ime-mode: inactive;
}
.ime-dis {
ime-mode: disabled;
}

.table-form {
	width:100%;
}

.table-form th {
	background:#ddd;
}

.table-form td {
	background:#fff;
	width:420px;
}

.table-form th,
.table-form td {
	padding:20px;
	font-size:90%;
	color:#666;
	vertical-align:top;
	text-align:left;
}

.table-form th {
	border-bottom:1px solid #eee;
}
.table-form td {
	border-bottom:1px solid #f6f6f6;
}
.table-form tr.last th,
.table-form tr.last td {
	border-bottom:none;
}

.table-form .req span {
	color:#fff;
	padding:5px;
	display:block;
	text-align:center;
}

.table-form .note {
	font-size:85%;
}

.table-form .caution {
	font-size:90%;
	margin-top:10px;
}

.table-form .caution02 {
	border:1px dashed #f00;
	padding:5px;
	margin-top:5px;
}

.table-form .caution02,
.table-form .caution02 a {
	color:#f00!important;
}

.form-list01 li {
	float:left;
}

.error-message {
	font-size:90%;
	color:#ff0000;
	margin:5px 0 0;
	font-weight:bold;
}

input.input-err {
	border:2px solid #ff0000!important;
	background:#ffffcc!important;
}




/*-------------------------------------------------------- index */


/* sec-info */

#sec-info {
	margin-bottom:50px;
}
#sec-info p {
	line-height:1.4;
}

/* sec-myrsv */

#sec-myrsv {
	margin-bottom:20px;
}

#sec-myrsv table {
	width:100%;
}

#sec-myrsv table th {
	width:180px;
}
#sec-myrsv td {
	background:#fff;
}
#sec-myrsv th,
#sec-myrsv td {
	padding:10px;
}
#sec-myrsv th {
	border-bottom:1px dotted #fff;
}
#sec-myrsv td {
	border-bottom:1px dotted #eee;
}
#sec-myrsv tr:last-of-type th,
#sec-myrsv tr:last-of-type td {
	border:none!important;
}

#sec-myrsv li {
	background:url(/img/ico-list01.gif) 0 0.5em no-repeat;
	padding-left:10px;
	margin-bottom:5px;
	line-height:1.4;
}

#sec-myrsv .link {
	margin-top:10px;
	text-align:right;
	font-size:82%;
}

/*-------------------------------------------------------- info */

#sec-info-det-box {
	background:#fff;
	padding:20px;
}

#sec-info-det-box .tit {
	font-size:140%;
	line-height:1.6;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
	margin-bottom:20px;
}


/*-------------------------------------------------------- regist */

#box-rules {
	border: 1px solid #ddd;
	height: 100px;
	overflow-y: scroll;
	background:#fff;
}


/*-------------------------------------------------------- login */

#sec-linelogin,
#sec-fblogin,
#sec-login {
	margin-bottom:40px;
}

#sec-fblogin .btn-fb {
	width:350px;
	height:50px;
	display:table-cell;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
}

#sec-fblogin .btn-fb.size02 {
	width:250px;
}

#sec-fblogin .btn-fb span {
	background:url(/img/logo-fb02.png) 20px 7px no-repeat;
	display:block;
	text-align:left;
	padding:10px 0 10px 60px;
	line-height:1.3;
}

#sec-linelogin .btn-line {
	width:350px;
	height:50px;
	display:table-cell;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
}

#sec-linelogin .btn-line.size02 {
	width:250px;
}

#sec-linelogin .btn-line span {
	background:url(/img/line_44.png) 5px 0px no-repeat;
	display:block;
	text-align:left;
	padding:10px 0 10px 60px;
	line-height:1.3;
}

#sec-login .box-login {
	padding:40px;
	border:1px solid #fff;
}
#sec-login .box-login dl {
	margin-left:40px;
}
#sec-login .box-login dt {
	width:120px;
	float:left;
	clear:both;
	font-weight:bold;
	padding-top:5px;
	text-align:left;
}
#sec-login .box-login dd {
	margin-left:120px;
	margin-bottom:20px;
}

/*-------------------------------------------------------- reserve */

#sec-reserve .box-nowselect {
	background:#777;
	margin-bottom:30px;
	position:relative;
	border:1px solid #eee;
	padding:7px;
}

#sec-reserve .box-nowselect dt {
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
}

#sec-reserve .box-nowselect dd {
	padding:5px;
	background:#fff;
}

#sec-reserve .box-nowselect table {
	width:100%;
}

#sec-reserve .box-nowselect th {
	width:150px;
}
#sec-reserve .box-nowselect th,
#sec-reserve .box-nowselect td {
	padding:5px;
	vertical-align:top;
	text-align:left;
	font-size:90%;
	border-bottom:1px dotted #ccc;
}

#sec-reserve .box-nowselect tr.last th,
#sec-reserve .box-nowselect tr.last td {
	border:none;
}

#sec-reserve .box-nowselect dd td li {
	background:url(/img/ico-list01.gif) 0 0.5em no-repeat;
	padding-left:10px;
	margin-bottom:5px;
	line-height:1.4;
}

#sec-reserve .box-nowselect .box-btn-list {
	position:absolute;
	top:3px;
	right:10px;
}
#sec-reserve .box-nowselect .box-btn-list li {
	float:left;
}
#sec-reserve .box-nowselect .btn-clear {
	font-size: 90%;
	height: 23px;
	width: 100px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sec-reserve .box-nowselect .btn-rsv {
	font-size: 90%;
	height: 23px;
	width: 150px;
	margin-left:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#sec-reserve .box-nowselect .box-btn {
	padding:10px 0;
}

#sec-reserve .box-nowselect .box-btn button {
	width:300px;
	height:35px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


#sec-reserve .box-narrow-wrap {
	background:url(/img/ico-arrow04.png) 5% bottom no-repeat;
	padding-bottom:8px;
	margin-top:20px;
	margin-bottom:20px;
}

#sec-reserve .box-narrow {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#333;
}

#sec-reserve .box-narrow .tit-box-narrow {
	background:url(/img/ico-search.png) 10px 5px no-repeat;
	padding-left:20px;
	color:#fff;
	font-weight:bold;
	padding:10px 10px 10px 35px;
}
#sec-reserve .box-narrow .tit-box-narrow:hover {
	cursor:pointer;
}
#sec-reserve .box-narrow .tit-box-narrow span {
	display:block;
	background:url(/img/ico-arrow02.png) 650px 0 no-repeat;
}
#sec-reserve .box-narrow .tit-box-narrow.open span {
	background:url(/img/ico-arrow03.png) 650px 0 no-repeat;
}

#sec-reserve .box-narrow .content-box-narrow {
	padding:0 10px 10px;
	display:none;
}

#sec-reserve .box-narrow .content-box-narrow .btn-narrow-search {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height:30px;
}

#sec-reserve .box-narrow .content-box-narrow dl {
	background:#fff;
}

#sec-reserve .box-narrow .content-box-narrow dt {
	background:#eeeeee;
	padding:7px;
	font-weight:bold;
}

#sec-reserve .box-narrow .content-box-narrow dd {
	padding:10px;
}

#sec-reserve .box-narrow .content-box-narrow dd ul {
	margin-right:-20px;
}

#sec-reserve .box-narrow .content-box-narrow dd li {
	float:left;
	margin-right:25px;
	white-space:nowrap;
}

#sec-reserve .box-narrow .content-box-narrow .btn-radio-reset {
	margin-top:-3px;
	margin-left:15px;
}



/*---------------
day & time
----------------*/

table.table-day-time {
	width:100%;
	border-collapse: separate;
	border-spacing: 4px;
	margin-top:3px;
}

.table-day-time th {
	text-align:center;
	vertical-align:middle;
	border:1px solid #fff;
}
.table-day-time th.time {
	font-size:90%;
}
.table-day-time th.day {
	font-size:90%;
	padding:7px 0;
	line-height:1.6;
}
.table-day-time th.day.sun {
	background-color:#f5cccc;
	color:#C00;
	border-color:#eb9999;
}
.table-day-time th.day.sat {
	background-color:#cce0eb;
	color:#006699;
	border-color:#99c2d6;
}
.table-day-time th.month {
	padding:12px 0;
}

.table-day-time td {
	width:35px;
	height:35px;
	background:#fff;
	text-align:center;
	vertical-align:middle;
}
.table-day-time td a {
	width:35px;
	height:35px;
	display:block;
}
.table-day-time td.sc-no {
	border:1px solid #ccc;
	font-size:110%;
	background:#ddd;
}
.table-day-time td.sc-tel {
	border:1px solid #ccc;
	font-size:85%;
}
.table-day-time td.sc-off {
	border:1px solid #ccc;
	background:#ddd;
}
.table-day-time td.sc-ok {
	box-shadow: -1px -1px #ccc inset, 1px 1px #fff inset;
	border:1px solid #ccc;
}
.table-day-time td.sc-ok a span {
	display:none;
}
.table-day-time td.sc-ok a {
	background:url(/img/ico-rsv-ok.png) center center no-repeat;
}

/*Start http://kaihatsu-server/redmine/issues/1846 【022_日時から予約改善】*/
.table-day-time.unselect .sc-ok:hover { /*既存のhoverを打ち消す*/
	border:1px solid #ccc;
	color: #00B050;
	background:#EEFFE3;
	box-shadow: none;
	font-size: 20px;
}
.table-day-time.unselect .sc-ok{
	border:1px solid #ccc;
	color: #00B050;
	background:#EEFFE3;
	box-shadow: none;
	font-size: 20px;
	/*font-weight: bold;*/
}
.table-day-time.unselect .sc-few{
	border:1px solid #ccc;
	color: #E26B0A;
	background:#FCD5B4;
	box-shadow: none;
	font-size: 20px;
	/*font-weight: bold;*/
}
.table-day-time.unselect .sc-no{
	border:1px solid #ccc;
	background:#ddd;
	box-shadow: none;
	font-size: 20px;
	/*font-weight: bold;*/
}
.table-day-time.unselect .sc-tel{
	border:1px solid #ccc;
	background:#fff;
	box-shadow: none;
	font-size: 20px;
	/*font-weight: bold;*/
}
/*End http://kaihatsu-server/redmine/issues/1846 【022_日時から予約改善】*/

.box-select-week-l {
	float:left;
	background:url(/img/ico-arrow06.gif) 0 6px no-repeat;
	padding-left:20px;
}
.box-select-week-r {
	float:right;
	background:url(/img/ico-arrow01.gif) right 6px no-repeat;
	padding-right:20px;
}


/* Core CSS. Do not edit unless your sure */
.easy-select-box{
	display:inline-block;
	position:relative;
}
.easy-select-box .esb-dropdown{
	position:absolute;
	top:100%;
	left:0;
	z-index:99;
	display:none;
}

/* Default Presentation CSS. You can edit appearance here or create a custom class below */
.easy-select-box{
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:left;
	font-size:90%;
	width:120px;
}

.easy-select-box .esb-displayer{
	padding:5px 10px;
	height:20px;
	line-height:18px;
	cursor: pointer;
}
.easy-select-box:hover .esb-displayer{
	text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
	background-position: 0 -36px;
}
.easy-select-box .esb-dropdown{
	border:1px solid #cccccc;
	width:100px;
	overflow:auto;
}
.easy-select-box .esb-dropdown .esb-item{
	padding:5px;
	background:#fffdf4;
	cursor: pointer;
}
.easy-select-box .esb-dropdown .esb-item:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.box-select-week-r .easy-select-box{
	text-align:right;
}
.box-select-week-r .easy-select-box .esb-dropdown{
	text-align:left;
}


/*---------------
coupon & menu
----------------*/

#sec-coupon,
#sec-menu {
	margin-bottom:40px;
}

#sec-reserve .list-exp-coupon ul {
	float:right;
	margin:10px 0;
}
#sec-reserve .list-exp-coupon li {
	float:left;
	font-size:85%;
	margin-left:20px;
}
.ico-coupon01,
.ico-coupon02,
.ico-coupon03 {
	border:1px solid #000;
	padding:5px;
	display:inline-block;
	margin-right:5px;
	font-size:85%;
}
.ico-coupon01 {
	color:#fff;
}
.ico-coupon02 {
	background:#fff;
}
.ico-coupon03 {
	color:#666;
	border:1px solid #666;
	background:#fff;
}

.sec-group {
	margin-bottom:30px;
}

.sec-cpnmenu-ctgry {
	margin-bottom:30px;
}

#sec-coupon .sec-cpnmenu,
.sec-add-coupon .sec-add-cpnmenu {
	border:1px dashed #fff;
}
.special.sec-cpnmenu  {
	background-image:url(/img/bg-sp-coupon-btm.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.sec-add-cpnmenu.special .box-add-cpnmenu-main-inner {
	background-image:url(/img/bg-sp-coupon-btm.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.sec-cpnmenu,
.sec-add-cpnmenu {
	margin-bottom:5px;
}

.box-cpnmenu-main {
	width:570px;
	float:left;
	background-color:#fff;
}

.box-coupon-text-w-image {
	width:400px;
	float:left;
}

.box-coupon-image {
	max-width:160px;
	max-height:160px;
	float:left;
	padding:4px 0;
	cursor: pointer;
}

.box-coupon-text-w-image {
	width:400px;
	float:left;
}

.box-coupon-image {
	max-width:160px;
	max-height:160px;
	float:left;
	padding:4px 0;
}

#fullsizeImage {
	z-index: 7;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100% !important;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}

#fullsizeImage img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 90%;
	max-height: 90%;
	height: 90%;
	object-fit: contain;
} 

#sec-coupon .box-cpnmenu-main,
.sec-add-coupon .box-add-cpnmenu-main {
	min-height:150px;
}
.sec-add-coupon .box-add-cpnmenu-main,
.sec-add-coupon .box-add-cpnmenu-main-inner/*,
.sec-add-coupon .sec-add-cpnmenu .box-add-check label*/ {
	min-height:130px;
}
.box-cpnmenu-main {
	min-height:115px;
}
.box-add-cpnmenu-main/*,
.sec-add-cpnmenu .box-add-check label*/ {
	min-height:90px;
}

.box-add-check {
	width:50px;
	float:left;
}

/*
.box-add-check label {
	width:50px;
	display:block;
}*/


.sec-add-coupon .sec-add-cpnmenu .box-add-check label {
 padding: 30px 25px 70px;
}
.sec-add-cpnmenu .box-add-check label {
 padding: 30px 25px 40px;
}


.box-add-check input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.box-add-check label {
    background:url(/img/checkbox.png) no-repeat 15px 15px;
    height: 25px;
    line-height: 25px;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
.box-add-check label.c_on{background-position:-185px 15px;}



#sec-coupon header,
#sec-menu header {
	padding:15px 15px 0;
}
.sec-add-menu header {
	padding:10px 10px;
}
.special .box-cpnmenu-main header,
.sec-add-cpnmenu.special .box-add-check {
	background:url(/img/bg-sp-coupon.png) 0 0 no-repeat;
}

.box-cpnmenu-main .ico-coupon01,
.box-cpnmenu-main .ico-coupon02,
.box-cpnmenu-main .ico-coupon03,
.box-add-cpnmenu-main .ico-coupon01,
.box-add-cpnmenu-main .ico-coupon02,
.box-add-cpnmenu-main .ico-coupon03 {
	float:left;
}

#sec-reserve .box-name {
	float:left;
	width:400px;
	font-weight:bold;
	font-size:115%;
	line-height:1.3;
 word-wrap: break-word;
	margin-left:5px;
}

#sec-menu .box-name,
.sec-add-menu .box-name {
	margin-left:0;
}

#sec-reserve .box-name .txt-more {
	font-size:75%;
}

#sec-reserve .menu-sup {
	float:right;
	text-align:right;
}

#sec-reserve .box-time {
	font-size:85%;
	line-height:1.4;
	padding-right:10px;
}

#sec-reserve .box-price {
	font-weight:bold;
	line-height:1.4;
	font-size:95%;
}

.box-coupon-btn,
.box-menu-btn {
	float:right;
	padding:10px;
}

#sec-reserve .btn-rsv01,
#sec-reserve .btn-rsv02 {
	width:127px;
}

#sec-reserve .btn-rsv01 {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#sec-coupon .btn-rsv01 {
	height:70px;
}
#sec-menu .btn-rsv01 {
	height:50px;
	line-height:1.2;
}

#sec-reserve .btn-rsv02 {
	margin-top:5px;
}
#sec-coupon .btn-rsv02 {
	height:55px;
}
#sec-menu .btn-rsv02 {
	height:40px;
	line-height:1.2;
}

#sec-reserve .box-exp {
	line-height:1.4;
	font-size:85%;
	padding:0 10px;
	margin-top:10px;
}
#sec-menu .box-exp {
	padding:0 15px;
	margin-top:15px;
}
.sec-add-menu .box-exp {
	margin-top:0;
}

.box-coupon-limit {
	margin:10px;
}
.box-coupon-limit dt,
.box-coupon-limit dd {
	font-size:85%;
	line-height:1.4;
}
.box-coupon-limit dt {
	width:80px;
	float:left;
	clear:left;
}
.box-coupon-limit dd {
	margin-left:60px;
}


.addbox {
	background:url(/img/ico-arrow05.png) 93% 0 no-repeat;
	padding-top:8px;
	width:710px;
	margin:-8px auto 5px;
	display:none;
}

.addbox-inner {
	border:2px solid #333;
	background:#f6f6f6;
}

.tit-add-menu {
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background:#333;
	text-align:center;
	padding:5px;
	font-size:95%;
}

.tit-add-menu span {
	color:#fff;
	font-weight:bold;
	background:url(/img/ico-check.png) 0 0 no-repeat;
	display:inline-block;
	padding:5px 10px 5px 30px;
}

.sec-add-cpnmenu-ctgry {
	padding:10px;
}



.box-add-cpnmenu-main {
	width:630px;
	float:right;
	background-color:#fff;
}

.box-btn-floating {
	position:fixed;
	bottom:10px;
	background:#f6f6f6;
	padding:30px 20px;
	/*filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;*/
	width:665px;
}

.box-btn-floating button {
	width:250px!important;
	height:50px!important;
}


/*-------------------
stylist & design
---------------------*/

/*---------------- menu stylist list */

.box-menu-stylist-wrap {
	padding:10px 10px 30px;
	border:1px solid #fff;
}

.box-menu-stylist {
	border:1px solid #fff;
	background:#fff;
	margin-bottom:10px;
	padding:10px 10px 15px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
}
.box-menu-stylist.fix {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn-select-stylist01 {
	width:150px;
	height:40px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:right;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
	margin-top:5px;
}
.btn-select-stylist02 {
	width:200px;
	height:40px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}

.box-menu-stylist dl {
	float:left;
}
.box-menu-stylist dt {
	margin-bottom:15px;
}




.box-menu-stylist dt span {
	display:inline-block;
	padding:3px 10px;
	background:#666;
	color:#fff;
	font-size:85%;
	margin-right:10px;
}
.box-menu-stylist dd {
	font-weight:bold;
}

.box-menu-stylist .sec-stylist-list {
	margin-top:20px;
	background:#fff;
	display:none;
}


/*---------------- stylist&design list */

.list-select-stylist,
.list-select-design {
	margin-top:14px;
	margin-left:10px;
	margin-right:-14px;
	margin-bottom:-10px;
}

.list-select-stylist li,
.list-select-design li {
	width:120px;
	float:left;
	margin-right:14px;
	position:relative;
	margin-bottom:20px;
}
.list-select-stylist li {
	height:340px;
}
.list-select-design li {
	height:190px;
}

.list-select-stylist li img,
.list-select-design li img {
	max-width:120px;
	max-height:160px;
}

.list-select-stylist li .btn-st-rsv,
.list-select-design li .btn-st-rsv {
	position:absolute;
	bottom:7px;
	width:120px;
	font-size:90%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
	margin-top:10px;
	line-height:1.4;
}
.list-select-stylist li .btn-st-rsv {
	height:30px;
}
.list-select-design li .btn-st-rsv {
	height:40px;
}

#sec-stylist .list-select-stylist,
#sec-design .list-select-design {
	margin:14px -12px -10px 0;
}

#sec-stylist .list-select-stylist li,
#sec-design .list-select-design li {
	background:#fff;
	padding:8px;
	-webkit-box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	box-shadow: 0 1px 2px #ddd;
	margin-right:10px;
	margin-bottom:10px;
}
#sec-design .list-select-design li {
	/*height:270px;*/ 	/*【マイスターEX_V2】スタイリスト関連無しデザイン対応 */
	height:220px; 		/*【マイスターEX_V2】スタイリスト関連無しデザイン対応 */
}

/*---------------- stylist list */

.list-select-stylist .st-pht {
	width:120px;
	height:160px;
	background:#f6f6f6;
}
.list-select-stylist .st-name {
	font-weight:bold;
	margin-top:10px;
	line-height:1.2;
}
.list-select-stylist .st-name a {
	color:#666;
}
.list-select-stylist .st-lank {
	margin-top:10px;
	width:120px;
	font-size:85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.list-select-stylist .st-career {
	font-size:85%;
	margin-top:10px;
}
.list-select-stylist .st-profile {
	line-height:1.4;
	margin-top:10px;
}


/*---------------- design list */

.list-select-design .ds-pht {
	width:120px;
	height:160px;
	text-align:center;
	background-color:#f6f6f6;
}
.list-select-design .ds-name {
	margin-top:10px;
	width:120px;
	font-size:85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.list-select-design li .ds-st-name {
	margin-top:10px;
	font-size:90%;
}


/*---------------- stylist&design det */

#sec-stylist-det,
#sec-design-det {
	background:#fff;
	-webkit-box-shadow: 0 1px 2px #ddd;
	-moz-box-shadow: 0 1px 2px #ddd;
	box-shadow: 0 1px 2px #ddd;
	padding:30px 20px 50px;
}

#sec-stylist-det header,
#sec-design-det header {
	border-bottom:1px dotted #ddd;
	padding-bottom:10px;
	margin-bottom:20px;
}

#sec-stylist-det .st-name,
#sec-design-det .ds-name {
	font-size:160%;
}
#sec-stylist-det .st-lank,
#sec-stylist-det .st-career,
#sec-design-det .st-name {
	font-size:90%;
	margin-right:10px;
}

#sec-stylist-det .st-cmt,
#sec-design-det .st-cmt {
	margin-bottom:20px;
}
#sec-stylist-det .st-cmt dt,
#sec-design-det .st-cmt dt {
	font-size:85%;
	margin-bottom:10px;
}
#sec-stylist-det .st-cmt dd,
#sec-design-det .st-cmt dd {
	padding:10px 0;
	line-height:1.6;
}
#sec-stylist-det .st-cmt dd {
	border-top:1px dashed #fff;
	border-bottom:1px dashed #fff;
}
#sec-design-det .st-cmt dt {
	border-top:1px dashed #fff;
	border-bottom:1px dashed #fff;
	padding:7px 0;
	margin-bottom:0;
}
#sec-design-det .st-cmt dd {
	padding-bottom:0;
}

.box-about-stylist-l,
.box-about-design-l {
	width:320px;
	float:left;
}
.box-about-stylist-r,
.box-about-design-r {
	width:340px;
	float:right;
}

/*---------------- stylist det */

#sec-stylist-det .st-pht {
	width:320px;
	height:426px;
	background:#f6f6f6;
}
#sec-stylist-det .st-pht img {
	max-width:320px;
	max-height:426px;
}

#sec-stylist-det .st-social {
	margin-bottom:30px;
}
#sec-stylist-det .st-social li {
	float:left;
	width:40px;
	height:40px;
	margin-right:10px;
}
#sec-stylist-det .st-social li a {
	width:40px;
	height:40px;
	display:block;
}
#sec-stylist-det .st-social li a span {
	display:none;
}
#sec-stylist-det .st-social li.blog {
	background:url(/img/ico-stylist-blog.png) 0 0 no-repeat;
}
#sec-stylist-det .st-social li.insta {
	background:url(/img/ico-stylist-insta.png) 0 0 no-repeat;
}
#sec-stylist-det .st-social li.fb {
	background:url(/img/ico-stylist-fb.png) 0 0 no-repeat;
}
#sec-stylist-det .st-social li.twitter {
	background:url(/img/ico-stylist-twitter.png) 0 0 no-repeat;
}

#sec-stylist-det .st-specialty {
	width:100%;
}
#sec-stylist-det .st-specialty th,
#sec-stylist-det .st-specialty td {
	padding:10px;
	border:1px solid #fff;
	font-size:90%;
	line-height:1.3;
}
#sec-stylist-det .st-specialty th {
	color:#fff;
	width:80px;
}

/*---------------- design det */


.slideShow {
	display: none;
}
.slideShow .mainView {
	width: 320px!important;
	height:426px!important;
	text-align: left;
	position: relative;
	overflow: hidden;
	border:1px solid #eee;
}
.slideShow .mainView ul {
	width: 320px!important;
	height:426px!important;
	overflow: hidden;
	position: relative;
}
.slideShow .mainView ul li {
	width: 320px!important;
	height:426px!important;
	top: 0;
	left: 0;
	position: absolute;
}
.slideShow .mainView ul li img {
	max-width:320px;
	max-height:426px;
}
.slideShow .thumbNail {
	overflow: hidden;
	width:auto!important;
	margin-top:10px;
}
.slideShow .thumbNail ul {
	width:auto!important;
	margin-right:-12px;
}
.slideShow .thumbNail ul li {
	float: left;
	cursor: pointer;
	width:71px!important;
	height:95px!important;
	margin-right:10px;
	border:1px solid #ddd;
	filter:alpha(opacity=70)!important;
	-moz-opacity: 0.7!important;
	opacity: 0.7!important;
}
.slideShow .thumbNail ul li img {
	max-width:71px;
	max-height:95px;
}
.slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.slideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.slideShow ul {
	display: inline-block;
	overflow: hidden;
}

#sec-design-det .st-cmt dd .cmt {
	width:210px;
	float:left;
}

#sec-design-det .st-cmt dd .pht {
	width:120px;
	float:right;
	text-align:right;
}
#sec-design-det .st-cmt dd .pht img {
	max-width:120px;
	max-height:160px;
}

#sec-design-det .tit-ds-data {
	padding:5px;
	font-weight:bold;
	font-size:90%;
	margin-bottom:5px;
}

#sec-design-det .ds-data {
	width:100%;
}

#sec-design-det .ds-data th {
	font-weight:normal;
	font-size:85%;
	width:20%;
}
#sec-design-det .ds-data td {
	font-size:85%;
}

#sec-design-det .ds-data.recommend th {
	width:40px;
}

#sec-design-det .ds-data th,
#sec-design-det .ds-data td {
	padding:7px 5px;
	border-bottom:1px dashed #ddd;
	vertical-align:middle;
}

#sec-design-det .ds-data tr.last th,
#sec-design-det .ds-data tr.last td {
	border-bottom:none;
}

#sec-design-det .list-ds-data {
	margin-right:-5px;
}

#sec-design-det .list-ds-data li {
	background:#ddd;
	padding:5px;
	width:80px;
	float:left;
	margin-right:5px;
	text-align:center;
	color:#999;
	font-weight:bold;
}

#sec-design-det .list-ds-data li.hit {
	color:#fff;
}


#sec-design-det .list-ds-face-data li {
	width:40px;
	float:left;
	margin-right:8px;
}
#sec-design-det .list-ds-face-data li.ds-face06 {
	margin-right:0;
}

#sec-design-det .list-ds-face-data li span {
	display:none;
}

#sec-design-det .list-ds-face-data li .ico {
	width:40px;
	height:40px;
	background-color:#ddd;
}
#sec-design-det .list-ds-face-data li .txt {
	height:10px;
	margin-top:3px;
}

#sec-design-det .ds-face01 .ico {
	background:url(/img/ico-ds-face01.png) center center no-repeat;
}
#sec-design-det .ds-face02 .ico {
	background:url(/img/ico-ds-face02.png) center center no-repeat;
}
#sec-design-det .ds-face03 .ico {
	background:url(/img/ico-ds-face03.png) center center no-repeat;
}
#sec-design-det .ds-face04 .ico {
	background:url(/img/ico-ds-face04.png) center center no-repeat;
}
#sec-design-det .ds-face05 .ico {
	background:url(/img/ico-ds-face05.png) center center no-repeat;
}
#sec-design-det .ds-face06 .ico {
	background:url(/img/ico-ds-face06.png) center center no-repeat;
}

#sec-design-det .ds-face01 .txt {
	background:url(/img/txt-ds-face01.png) center 0 no-repeat;
}
#sec-design-det .ds-face02 .txt {
	background:url(/img/txt-ds-face02.png) center 0 no-repeat;
}
#sec-design-det .ds-face03 .txt {
	background:url(/img/txt-ds-face03.png) center 0 no-repeat;
}
#sec-design-det .ds-face04 .txt {
	background:url(/img/txt-ds-face04.png) center 0 no-repeat;
}
#sec-design-det .ds-face05 .txt {
	background:url(/img/txt-ds-face05.png) center 0 no-repeat;
}
#sec-design-det .ds-face06 .txt {
	background:url(/img/txt-ds-face06.png) center 0 no-repeat;
}

#sec-design-det .ds-styling-point {
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border:1px solid #fff;
	margin-top:20px;
}

#sec-design-det .ds-styling-point dt,
#sec-design-det .ds-styling-point dd {
	padding:10px;
	font-size:90%;
	line-height:1.6;
}

#sec-design-det .ds-styling-point dt {
	padding-bottom:0;
	font-weight:bold;
}


/*-------------------
confirm comp
---------------------*/

.box-rsv-conf {
	margin-bottom:10px;
	background:#fff;
	padding:15px;
}

.box-rsv-conf .box-btn button {
	width:150px;
	height:25px;
}

.box-rsv-conf .txt-rsv-conf01 {
	font-weight:bold;
	font-size:110%;
	padding:10px 0;
}
.box-rsv-conf .txt-rsv-conf02 {
	padding:10px 0 10px;
}
.box-rsv-conf .txt-rsv-conf03 {
	padding:10px;
	margin:10px 0 5px;
	background:#eee;
}

.box-rsv-conf .table-rsv-conf {
	width:100%;
	margin-top:10px;
}
.box-rsv-conf .table-rsv-conf th,
.box-rsv-conf .table-rsv-conf td {
	padding:7px;
	border:1px solid #ddd;
}
.box-rsv-conf .table-rsv-conf th {
	background:#eee;
	font-size:85%;
	font-weight:normal;
}
.box-rsv-conf .table-rsv-conf td {
	font-weight:bold;
}

.box-rsv-conf .table-rsv-conf02 {
	width:100%;
	margin-top:10px;
}
.box-rsv-conf .table-rsv-conf02 th,
.box-rsv-conf .table-rsv-conf02 td {
	padding:0 20px 10px;
}
.box-rsv-conf .table-rsv-conf02 th {
	background:url(/img/ico-list01.gif) 10px 7px no-repeat;
	margin-bottom:5px;
	line-height:1.4;
	font-weight:bold;
}
.box-rsv-conf .table-rsv-conf02 td {
	text-align:right;
	font-weight:bold;
}


.box-rsv-conf .list-rsv-conf {
	padding:15px 0 10px;
}
.box-rsv-conf .list-rsv-conf li {
	float:left;
	margin-right:40px;
}

.box-rsv-conf textarea {
	line-height:1.6;
	padding:10px;
	margin:10px 0 0;
	border:1px solid #666;
	width:97%;
	height:70px;
}

.box-rsv-conf .caution {
	font-size:75%;
}


#sec-rsv-comp {
	background:#fff;
	padding:20px;
}

.box-rsv-conf .box-rsv-change01 {
	background:url(/img/ico-arrow11.gif) center bottom no-repeat;
	padding-bottom:10px;
	margin-top:10px;
	font-weight:normal!important;
}
.box-rsv-conf .box-rsv-change01 th,
.box-rsv-conf .box-rsv-change01 td {
	font-weight:normal!important;
}
.box-rsv-conf .box-rsv-change01-inner {
	padding:10px;
	background:#eee;
}
.box-rsv-conf .box-rsv-change02 {
	margin:5px 0 20px;
	padding:10px;
	font-weight:bold;
}

.box-rsv-conf .box-btn {
	text-align:right!important;
}


/*-------------------------------------------------------- member */

#sec-member,
#sec-exit {
	margin-bottom:40px;
}

#sec-now-rsv dl {
	margin-bottom:20px;
	background:#fff;
}

#sec-now-rsv dt {
	padding:10px;
	font-weight:bold;
}
#sec-now-rsv dd.box-menu {
	padding:10px;
}

#sec-now-rsv dd.box-menu table {
	width:100%;
}
#sec-now-rsv dd.box-menu th,
#sec-now-rsv dd.box-menu td {
	padding:7px;
	border:1px solid #ddd;
}
#sec-now-rsv dd.box-menu th {
	background:#eee;
	font-size:85%;
}
#sec-now-rsv dd.box-menu td {
	background:#fff;
}

#sec-now-rsv .box-menu li {
	background:url(/img/ico-list01.gif) 0 0.5em no-repeat;
	padding-left:10px;
	margin-bottom:5px;
	line-height:1.4;
	font-weight:bold;
}
#sec-now-rsv dd.box-action {
	padding:15px;
	border-top:1px dashed #ddd;
}
#sec-now-rsv dd.box-action p {
	color:#ff0000;
}
#sec-now-rsv button {
	-webkit-box-shadow: 0 1px 3px #ccc!important;
	-moz-box-shadow: 0 1px 3px #ccc!important;
	box-shadow: 0 1px 3px #ccc!important;
}
#sec-now-rsv dd.box-action button {
	width:200px;
	height:35px;
	font-size:100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#sec-history table {
	width:100%;
}
#sec-history th,
#sec-history td {
	padding:5px 10px;
	border:1px solid #ddd;
	vertical-align:middle;
	line-height:1.4;
}
#sec-history th {
	color:#fff;
}
#sec-history .daytime {
	width:130px;
}
#sec-history th.stylist {
	width:100px;
}
#sec-history td {
	background:#fff;
	font-size:90%;
}
#sec-history td button {
	width:80px;
	font-size:90%;
	height:40px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height:1.4;
}
#sec-history .ico-coupon {
	font-size:85%;
	padding:2px 5px;
	display:inline-block;
	margin-right:5px;
	font-weight:bold;
	border:1px solid #fff;
}


/*-------------------------------------------------------- nonmember */

#sec-for-member {
	margin-bottom:30px;
}

.box-for-nonmember {
	background:#fff;
	padding:20px;
	margin-top:10px;
}

#sec-for-nonmember .box-input {
	padding:30px;
	border:1px solid #fff;
	background:#eee;
}
#sec-for-nonmember .box-input dl {
	width:330px;
	margin:0 auto;
}
#sec-for-nonmember .box-input dt {
	font-weight:bold;
	padding-top:5px;
	text-align:left;
	margin-bottom:10px;
}
#sec-for-nonmember .box-input dd {
	margin-bottom:20px;
}
#sec-for-nonmember .box-input input {
	border-color:#ccc!important;
}


/*-------------------------------------------------------- err */

body.errpage {
	background-color:#f6f6f6!important;
}

.errpage #gfooter {
	background-color:#eee!important;
}

.errpage #wrapper {
	border:none;
	background-color:#fff!important;
}

.errpage .tit01 {
	border:none;
	padding-left:0;
	font-size:200%!important;
	color:#999!important;
}

.errpage #main {
	width:960px;
	float:none;
}

#sec-err {
	margin-top:50px;
}

#sec-err a {
	color:#ff0000;
}

.errpage #gfooter .copyright {
	color:#000;
}


/*-------------------------------------------------------- salon */

#sec-salon #sec-salon-det {
	background:#fff;
	padding:30px;
}

#sec-salon #sec-salon-det .salon-name {
	font-size:140%;
	font-weight:bold;
	margin-bottom:30px;
}

#sec-salon #sec-salon-det .salon-tel {
	font-weight:bold;
	font-size:120%;
	margin:10px 0 20px;
}

#sec-salon #sec-salon-det .salon-zip {
	margin-bottom:5px;
}
#sec-salon #sec-salon-det .salon-ad {
	line-height:1.3;
}

#sec-salon #sec-salon-det .opentime {
	margin-top:20px;
}

#sec-salon #sec-salon-det .opentime dt {
	font-weight:bold;
}
#sec-salon #sec-salon-det .opentime dd {
	margin-top:5px;
	line-height:1.4;
}

#sec-salon #sec-salon-det .box-map {
	width:660px;
	height:300px;
	background:#f6f6f6;
	margin-top:20px;
}
#sec-salon #sec-salon-det .link-map {
	margin-top:5px;
	text-align:right;
	font-size:85%;
}


/*-------------------------------------------------------- domain */


.box-domain-intro-wrap {
	background:#fff;
	padding:20px;
	margin-top:30px;
}

.box-domain-intro {
	border:2px solid #fff;
	background:#fff;
	padding:10px;
	text-align:center;
}

.box-domain-intro input {
	width:70px;
	padding:5px;
	border:2px solid #ccc;
	font-size:115%;
	margin-right:10px;
}

.box-domain-intro-wrap .nav-company {
	margin-right:-30px;
	margin-top:20px;
}

.box-domain-intro-wrap .nav-company li {
	width:206px;
	height:40px;
	float:left;
	margin-right:30px;
	text-align:center;
}

.box-domain-intro-wrap .nav-company li a {
	width:206px;
	height:27px;
	padding-top:13px;
	display:block;
	color:#fff!important;
	text-decoration:none;
	background:url(/img/ico-arrow08.gif) 20px center no-repeat;
}
.box-domain-intro-wrap .nav-company li:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.sec-domain-company {
	background:#fff;
	margin-top:30px;
}

.sec-domain-models {
	padding:20px;
	border-bottom:1px dashed #ccc;
}

.sec-domain-models.last {
	border-bottom:none;
}

.sec-domain-mailer {
	margin-top:10px;
	margin-bottom:30px;
}

.sec-domain-mailer.last {
	margin-bottom:0;
}

.sec-domain-models > ol,
.sec-domain-mailer > ol {
	margin-top:20px;
	margin-left:30px;
}

.sec-domain-models > ol li,
.sec-domain-mailer > ol li {
	line-height:1.6;
	margin-bottom:10px;
	list-style-type:decimal;
}

.sec-domain-models .caution {
	font-size:93%;
	line-height:1.4;
	margin-top:5px;
}



/*-------------------------------------------------------- terms */

.box-terms {
	background:#fff;
	padding:30px;
}

.box-terms > dl > dt {
	font-weight:bold;
	margin-bottom:10px;
}

.box-terms > dl > dd {
	line-height:1.8;
	margin-bottom:20px;
}

.box-terms ol {
	margin-left:20px;
}

.box-terms ol li {
	list-style-type:decimal;
}

.box-terms .date {
	line-height:1.6;
	text-align:right;
}



/*-------------------------------------------------------- 2014.11 add  */

#btn-whomever {
	cursor:pointer;
	display:inline-block;
	padding-top:13px;
	height:27px;
	line-height:1;
}

#box-select-lank-wrap {
	background:url(/img/ico-arrow05.png) center top no-repeat;
	padding-top:8px;
	margin-top:10px;
	margin-bottom:20px;
	display:none;
}

#box-select-lank {
	background:#333;
	padding:10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#box-select-lank .content-box-select-lank {
}

#box-select-lank .tit-box-select-lank {
	background:url(/img/ico-search.png) 10px 5px no-repeat;
	padding-left:20px;
	color:#fff;
	font-weight:bold;
	padding:10px 10px 10px 35px;
}

#box-select-lank dl {
	background:#fff;
	float:none!important;
}

.box-menu-stylist #box-select-lank-wrap {
	margin-left:10px;
	margin-right:10px;
}

.box-menu-stylist #box-select-lank dt {
	margin-bottom:0;
}

#box-select-lank dt {
	background:#eeeeee;
	padding:7px;
	font-weight:bold;
}

#box-select-lank dd {
	padding:10px;
}

#box-select-lank dd ul {
	margin-right:-20px;
	margin-bottom:-10px;
}

#box-select-lank dd li {
	float:left;
	margin-right:25px;
	margin-bottom:10px;
	white-space:nowrap;
}

#box-select-lank .btn-radio-reset {
	margin-top:-3px;
	margin-left:15px;
}

#box-select-lank .btn-select-lank {
	width:200px;
}


/*
#box-select-lank input{
	display: none;
}
#box-select-lank label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	text-align: center;
	line-height: 1;
}
#box-select-lank label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 15px;
	height: 15px;
	margin-top: -10px;
	border:1px solid #666;
	border-radius: 50%;
}
#box-select-lank input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -5px;
	width: 5px;
	height: 5px;
	margin-top: -5px;
	border-radius: 50%;
	background: #333;
	border:1px solid #333;
}
*/



/*-------------------------------------------------------- 2014.11 add 2  */

#sec-info-det-box .cmt {
	line-height: 1.8;
}

#sec-info-det-box .cmt ol,
#sec-design-det .st-cmt dd .cmt ol,
#sec-design-det .ds-styling-point dd .cmt ol {
	margin-left:20px;
}

#sec-info-det-box .cmt ul,
#sec-design-det .st-cmt dd .cmt ul,
#sec-design-det .ds-styling-point dd .cmt ul {
	margin-left:15px;
}

#sec-info-det-box .cmt ol li,
#sec-design-det .st-cmt dd .cmt ol li,
#sec-design-det .ds-styling-point dd .cmt ol li {
	list-style-type:decimal;
}

#sec-info-det-box .cmt ul li,
#sec-design-det .st-cmt dd .cmt ul li,
#sec-design-det .ds-styling-point dd .cmt ul li {
	list-style-type:disc;
}







.fa-external-link::before {
	font-family: FontAwesome;
	content: "\f08e";
	margin-right: 8px;
}