
/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/




.shop_photobox{
	position : relative ;
	float : left ;
	width : 680px ;
	margin-top : 64px ;
}
.shop_infobox{
	position : relative ;
	float : right ;
	width : 240px ;
	margin-top : 64px ;
}

.shop_photo_stage{
	position : relative ;
	width : 680px ;
	height : 400px ;
	overflow : hidden ;
	margin-bottom : 12px ;
}

.salonphoto{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
	display : none ;
}

.shop_photo_tn{
	position : relative ;
	float : left ;
	width : 132px ;
	height : 76px ;
	overflow : hidden ;
	margin-left : 5px ;
	cursor : pointer ;
}
.shop_photo_tn.first{
	margin-left : 0px ;
}

.shop_photo_tn img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.shop_story{
	position : relative ;
	font-size : 13px ;
	color : #767676 ;
	margin-top : 24px ;
}


.shop_reservebtn{
	position : relative ;
	width : 240px ;
	height : 48px ;
	line-height : 48px ;
	text-align : center ;
	background-color : #EF9BA5 ;
	color : #FFFFFF ;
	font-size : 21px ;
	font-weight : 600 ;
	margin-bottom : 32px ;
}


.shop_sns_icon{
	position : relative ;
	float : left ;
	width : 30px ;
	height : auto ;
	margin-left : 12px ;
}
.shop_sns_icon.first{
	margin-left : 0px ;
}

.shop_infoitem{
	position : relative ;
	font-size : 14px ;
	color : #767676 ;
	margin-top : 10px ;
}

.shop_info_hr{
	position : relative ;
	width : 100% ;
	height : 1px ;
	background-color : #A9A9A9 ;
	margin-top : 20px ;
	margin-bottom : 20px ;
}

.shop_infoitem_tel{
	position : relative ;
	font-size : 13px ;
	color : #767676 ;
	margin-top : 30px ;
}
.shop_infoitem_telnum{
	position : relative ;
	font-size : 28px ;
	color : #767676 ;
}
.shop_infoitem_telnum2{
	position : relative ;
	font-size : 22px ;
	color : #767676 ;
}

.shop_category_title{
	position : relative ;
	width : 100% ;
	margin-top : 52px ;
	margin-bottom : 16px ;
	font-size : 19px ;
	color : #42210B ;
	padding-bottom : 8px ;
	border-bottom : 3px dotted #CCCCCC ;
}


.shop_gmap{
	position : relative ;
	float : left ;
	width : 600px ;
	height : 330px ;
	overflow : hidden ;
}
.shop_gmap iframe{
	width : 100% ;
	height : 100% ;
}

.shop_accesspath{
	position : relative ;
	float : right ;
	width : 290px ;
	height : 290px ;
	padding : 20px ;
	font-size : 14px ;
	background-color : #F9F2E0 ;
	border: 1px solid #E2D1A3 ;
	color : #666666 ;
}

.shop_calender_superbox{
	position : relative ;
	float : left ;
	width : 460px ;
}

.shop_calender{
	position : relative ;
	width : 458px ;
	min-height : 336px ;
	height: auto;
	background-color : #FFFFFF ;
	border : 1px solid #D3B398 ;
}

.calender_head td{
	height : 56px !important;
}

.shop_calender table{
	width : 448px ;
	height : 250px ;
	padding-top: 45px;
	margin-left : auto ;
	margin-right : auto ;
}

.shop_calender td{
	width : 64px ;
	height : 35px ;
	vertical-align: middle;
	line-height : 35px ;
	text-align : center ;
	overflow : hidden ;
}
.shop_calender td span{
	z-index : 4 ;
}

.shop_calender td img{
	display : inline ;
	vertical-align: middle;
}

.shop_calender th{
	width : 40px ;
	height : 35px ;
	text-align : center ;
}

.shop_calender .holiday{
	position : relative ;
	top : 0% ;
	left : 0% ;
	width : 40px ;
	height : 35px ;
	margin-left : auto ;
	margin-right : auto ;
	background-color : #F7D5E9 ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index : 1 ;
}


.shop_movie_superbox{
	position : relative ;
	float : right ;
	width : 460px ;
}

.shop_moviebox{
	position : relative ;
	width : 460px ;
	height : 338px ;
	background-color : #000000 ;
	overflow : hidden ;
}

.shop_moviebox img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.shop_staff_superbox{
	position : relative ;
	width : 1056px ;
	margin-left : -42px ;
}


.shop_staff_box{
	position : relative ;
	float : left ;
	width : 180px ;
	height : 380px ;
	margin-left : 42px ;
	margin-right : 42px ;
	overflow : hidden ;
}

.shop_staff_imagebox{
	position : relative ;
	width : 180px ;
	height : 240px ;
	overflow : hidden ;
}
.shop_staff_imagebox .wp_fill{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}
.shop_staff_imagebox img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.shop_staff_position{
	font-size : 13px ;
	color : #767676 ;
	margin-top : 10px ;
}
.shop_staff_name{
	font-size : 16px ;
	color : #767676 ;
}

.shop_staff_btnmore{
	position : relative ;
	width : 108px ;
	height : 32px ;
	line-height : 32px ;
	text-align : center ;
	background-color : #FFFFFF ;
	font-size : 15px ;
	color : #42210B ;
	box-shadow : 1px 1px 1px rgba(0,0,0,0.4);
	margin-top : 10px ;
}


.ui-datepicker-prev{
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 0 5px;
	background: #966530;
	color: #fff;
	z-index:1000;
}

.ui-datepicker-next{
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0 5px;
	background: #966530;
	color: #fff;
	z-index:1000;
}
.ui-datepicker-title{
	position: absolute;
	left: 0;
	text-align: center;
	width: 100%;
	top: 10px;
	z-index:999;
}




@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 960px) {








.shop_photobox{
	float : none ;
	width : 580px ;
	margin-top : 50px ;
}
.shop_infobox{
	float : none ;
	width : 580px ;
	margin-top : 20px ;
	text-align : center ;
}

.shop_photo_stage{
	width : 580px ;
	height : 334px ;
	margin-bottom : 90px ;
}

.salonphoto{
}

.shop_photo_tn{
}
.shop_photo_tn.first{
}

.shop_photo_tn img{
}

.shop_story{
	font-size : 24px ;
	margin-top : 0px ;
}


.shop_reservebtn{
	width : 580px ;
	height : 72px ;
	line-height : 72px ;
	font-size : 30px ;
	margin-bottom : 40px ;
}


.shop_sns_icon{
	position : relative ;
	float : none ;
	display : inline ;
	width : 60px ;
	height : auto ;
	margin-left : 7px ;
	margin-right : 7px ;

}
.shop_sns_icon.first{
	margin-left : 7px ;
	margin-left : 7px ;
}

.shop_infoitem{
	font-size : 24px ;
	margin-top : 20px ;
}

.shop_info_hr{
	position : relative ;
	width : 100% ;
	height : 1px ;
	margin-top : 20px ;
	margin-bottom : 20px ;
}

.shop_infoitem_tel{
	font-size : 20px ;
	margin-top : 50px ;
}
.shop_infoitem_telnum{
	font-size : 38px ;
}
.shop_infoitem_telnum2{
	font-size : 30px ;
}

.shop_category_title{
	width : 100% ;
	margin-top : 30px ;
	margin-bottom : 10px ;
	font-size : 26px ;
	padding-bottom : 8px ;
	border-bottom : 3px dotted #CCCCCC ;
}


.shop_gmap{
	float : none ;
	width : 580px ;
	height : 320px ;
	margin-top : 30px ;
}
.shop_gmap iframe{
}

.shop_accesspath{
	float : none ;
	width : 538px ;
	height : auto ;
	padding : 20px ;
	font-size : 24px ;
	margin-top : 24px ;
}

.shop_calender_superbox{
	float : none ;
	width : 580px ;
}

.shop_calender{
	width : 580px ;
	height : 420px ;
}

.shop_calender table{
	width : 448px ;
	height : 320px ;
	margin-left : auto ;
	margin-right : auto ;
}

.calender_head td{
	height : 80px !important;
}

.shop_calender td{
	width : 80px ;
	height : 46px ;
	vertical-align: middle;
	text-align : center ;
	overflow : hidden ;
}
.shop_calender td span{
	z-index : 4 ;
}
.shop_calender th{
	width : 80px ;
	height : 46px ;
	text-align : center ;
}

.shop_calender .holiday{
	position : relative ;
	top : 0% ;
	left : 0% ;
	width : 46px ;
	height : 46px ;
	margin-left : auto ;
	margin-right : auto ;
	background-color : #F7D5E9 ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index : 1 ;
}


.shop_movie_superbox{
	float : none ;
	width : 580px ;
}

.shop_moviebox{
	width : 580px ;
	height : 428px ;
}

.shop_moviebox img{
}

.shop_staff_superbox{
	width : 600px ;
	margin-left : -20px ;
}


.shop_staff_box{
	float : left ;
	width : 280px ;
	height : 570px ;
	margin-left : 10px ;
	margin-right : 10px ;
	margin-bottom : 20px ;
}

.shop_staff_imagebox{
	width : 280px ;
	height : 374px ;
}
.shop_staff_imagebox .wp_fill{
}

.shop_staff_position{
	font-size : 20px ;
	margin-top : 10px ;
}
.shop_staff_name{
	font-size : 24px ;
}

.shop_staff_btnmore{
	width : 168px ;
	height : 50px ;
	line-height : 50px ;
	font-size : 24px ;
	margin-top : 14px ;
}










}

#calendar {
}
.ui-datepicker {
}
.calender table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	text-align:center;
	font-size:18px;
}


.calender th,
.calender td {
	height:40px;
	font-weight:normal;
}

.ui-datepicker th,
.ui-datepicker td {
	height:40px;
	font-weight:normal;
}

.calender td span {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#F7D5E9;
	color:#666;
}
.ui-datepicker td span {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#F7D5E9!important;
}

@media only screen and (max-width: 768px) {
	
	#calendar {
		width:100%;
	}
	#calendar {
		width:100%;
	}

	.calender {
		padding:10px;
	}
	.ui-datepicker {
		padding:10px;
	}
	.calender .month {
		margin:0 0 10px;
	}
	.ui-datepicker table {
		width:90%;
		margin:0 auto;
	}
	.calender th,
	.calender td {
		padding:2%;
		height:auto;
	}
	.ui-datepicker th,
	.ui-datepicker td {
		padding:2%;
		height:auto;
	}
	.ui-datepicker-title{
		top: 3px;
		font-size:1.5em;
	}

}

