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


.shop_shopname_superbox{
	position : relative ;
	width : 100% ;
	height : 20px ;
	text-align : center ;
	margin-top : 56px ;
	margin-bottom : 64px ;
}
.shop_shopname{
	position : relative ;
	display : inline-block ;
	width : auto ;
	height : 30px ;
	line-height : 30px ;
	padding : 0px 40px ;
	background-color : #FFFFFF ;
	margin-top : -5px ;
	margin-left : auto ;
	margin-right : auto ;
	font-size : 22px ;
	color : #000000 ;
}

.shop_photobox_superbox{
	width : 100% ;
	height : auto ;
	margin-top : 26px ;
}

.shop_photobox{
	position : relative ;
	width : 680px ;
	margin-left : auto ;
	margin-right : auto ;
	color : #646464 ;
}

.shop_infobox{
	position : relative ;
	width : 680px ;
	margin-top : 40px ;
	margin-left : auto ;
	margin-right : auto ;
}

.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{
	width : 680px ;
	font-size : 13px ;
	color : #767676 ;
	margin-top : 24px ;
	margin-left : auto ;
	margin-right : auto ;
}


.shop_reservebtn{
	position : relative ;
	width : 240px ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 32px ;
}


.shop_sns_icon{
	position : relative ;
	float : left ;
	width : 24px ;
	height : auto ;
	margin-right : 8px ;
}


.shop_infoitem_left{
	position : relative ;
	float : left ;
	width : 80px ;
	text-align : right ;
	font-size : 13px ;
	color : #646464 ;
}
.shop_infoitem_right{
	position : relative ;
	float : left ;
	font-size : 13px ;
	color : #646464 ;
	margin-left : 20px ;
}

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

.shop_infoitem_tel{
	position : relative ;
	float : left ;
	text-align : right ;
	width : 80px ;
	height :30px ;
	line-height : 30px ;
	font-size : 13px ;
	color : #646464 ;
}
.shop_infoitem_telnum{
	position : relative ;
	float : left ;

	height :30px ;
	line-height : 30px ;
	font-size : 28px ;
	margin-left : 20px ;
}

.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_access_icon{
	float : left ;
	width : 92px ;
	height : auto ;
	margin-top : 4px ;
}
.shop_access_story{
	float : left ;
	margin-left : 10px ;
	font-size : 14px ;
	color : #646464 ;
}

.shop_gmap{
	position : relative ;
	width : 100% ;
	height : 400px ;
	overflow : hidden ;
	margin-top : 30px ;
}
.shop_gmap iframe{
	width : 100% ;
	height : 100% ;
}

.shop_access_etc{
	width : 938px ;
	padding : 8px 16px ;
	margin-top : 6px ;
	font-size : 14px ;
}


.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 : 444px ;
	border : 1px solid #000000 ;
	margin-top : 46px ;
	margin-bottom : 46px ;
	padding : 10px ;
	color : #000000 ;
}

.shop_calender_superbox .holiday{
	position : absolute ;
	bottom:5px;
	right:5px;
	font-size: 12px;
}

.calender_title{
	width : 100% ;
	height : 46px ;
	line-height : 46px ;
	font-size : 20px ;
	text-align : center ;
	color : #000000 ;
}

.shop_calender{
	position : relative ;
	width : 424px ;
	/** height : 344px ; **/
	margin-left : auto ;
	margin-right : auto ;
	padding : 10px ;
	font-size : 15px ;
	background-color : #FFFFFF ;
}
.calender_head td{
	height : 40px !important;
}

.shop_calender table{
	padding-top: 30px;
	width : 426px ;
	/** height : 320px ; **/
	margin-left : auto ;
	margin-right : auto ;
	background-color : #FFFFFF ;
}

.shop_calender td{
	width : 64px ;
	height : 40px ;
	vertical-align: middle;
	line-height : 40px ;
	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 : 40px ;
	text-align : center ;
}

.shop_calender .holiday{
	position : relative ;
	top : 0% ;
	left : 0% ;
	width : 40px ;
	height : 40px ;
	margin-left : auto ;
	margin-right : auto ;
	background-color : #E6E6E6  ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index : 1 ;
}
.calender_etc{
	text-align : right !important ;
	height : 20px !important ;
	line-height : 20px !important ;
	font-size : 12px ;
	padding-right : 10px ;
}
.calender_etc span{
	vertical-align: 16% ;
}
.calender_etc_circle{
	position : relative ;
	display : inline-block ;
	top : 0% ;
	left : 0% ;
	width : 20px ;
	height : 20px ;
	margin-left : auto ;
	margin-right : auto ;
	background-color : #E6E6E6  ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index : 1 ;
}

.shop_movie_superbox{
	position : relative ;
	float : right ;
	width : 448px ;
	border : 1px solid #000000 ;
	margin-top : 46px ;
	margin-bottom : 46px ;
	padding : 10px ;
	color : #000000 ;
}

.odds{
	float : none  !important;
	margin-left : auto  !important;
	margin-right : auto !important;
}

.shop_moviebox{
	position : relative ;
	width : 428px ;
	height : 338px ;
	margin-left : auto ;
	margin-right : auto ;
	overflow : hidden ;
}
.shop_movie_wrapbox{
	width : 428px ;
	padding : 10px ;
	background-color : #FFFFFF ;
	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 ;
	margin-top : 10px ;
}
.shop_staff_name{
	font-size : 16px ;
}

.shop_staff_btnmore{
	position : relative ;
	width : 160px ;
	height : 20px ;
	line-height : 20px ;
	padding-left : 10px ;
	padding-right : 10px ;
	text-align : right ;
	font-size : 11px ;
	font-weight : 600 ;
	color : #FFFFFF ;
	margin-top : 10px ;
}

.shop_staff_namebox{
	width : 148px ;
	padding-left : 32px ;
}
.shop_staff_namebox_marker{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 16px ;
	height : 100% ;
}




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



}


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







.shop_shopname_superbox{
	position : relative ;
	width : 100% ;
	height : auto ;
	text-align : center ;
	margin-top : 76px ;
	margin-bottom : 64px ;
}
.shop_shopname{
	position : relative ;
	display : inline-block ;
	width : auto ;
	height : auto ;
	line-height : 40px ;
	padding : 0px 40px ;
	background-color : #FFFFFF ;
	margin-top : -5px ;
	margin-left : auto ;
	margin-right : auto ;
	font-size : 26px ;
	color : #000000 ;
}


.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 : 20px ;
}

.salonphoto{
}

.shop_photo_tn{
		width : 108px ;
	height : 64px ;
	overflow : hidden ;
	margin-left : 10px ;
}
.shop_photo_tn.first{
}

.shop_photo_tn img{
}

.shop_story{
	font-size : 22px ;
	margin-top : 24px ;
	color : #333333 ;
	width : 100% ;
}


.shop_reservebtn{
	width : auto ;
	height : auto ;
	margin-top : 40px ;
	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 ;
	border-bottom : 2px dotted #646464 ;
	margin-top : 20px ;
	margin-bottom : 20px ;
}

.shop_infoitem_tel{
	float : none ;
	clear : both ;
	width : 100% ;
	text-align : center ;
	font-size : 22px ;
	margin-top : 50px ;
}
.shop_infoitem_telnum{
	float : none ;
	clear : both ;
	width : 100% ;
	text-align : center ;
	font-size : 38px ;
	margin-top : 10px ;
	margin-left : 0px ;
}

.shop_infoitem_left{
	float : none ;
	clear : both ;
	width : 100% ;
	text-align : center ;
	font-size : 22px ;
	margin-top : 24px ;
}
.shop_infoitem_right{
	float : none ;
	clear : both ;
	width : 100% ;
	text-align : center ;
	font-size : 22px ;
	margin-top : 10px ;
	margin-left : 0px ;
	color : #333333 ;
}

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

.shop_access_icon{
	float : none ;
	clear : both ;
	width : auto ;
	height : auto ;
	margin-top : 4px ;
}
.shop_access_story{
	float : none ;
	clear : both ;
	margin-top : 16px ;
	margin-left : 0px ;
	font-size : 22px ;
	color : #333333 ;
}

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

.shop_access_etc{
	width : 90% ;
	padding : 8px 5% ;
	margin-top : 14px ;
	font-size : 24px ;
}

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

.shop_calender_superbox{
	float : none ;
	width : 546px ;
	border : 2px solid #000000 ;
}

.calender_title{
	width : 100% ;
	height : 56px ;
	line-height : 56px ;
	font-size : 28px ;
}

.shop_calender{
	width : 526px ;
	font-size : 22px ;
}
.shop_calender table{
	width : 526px ;
	margin-left : auto ;
	margin-right : auto ;
}

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

.shop_calender td{
	width : 80px ;
	height : 46px ;
	vertical-align: middle;
	line-height : 40px ;
	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 ;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	z-index : 1 ;
}

.calender_etc{
	font-size : 14px ;
}


.shop_movie_superbox{
	float : none ;
	width : 546px ;
	border : 2px solid #000000 ;
}

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

.shop_moviebox img{
}

.shop_movie_wrapbox{
	width : 526px ;
	height : 428px ;
	padding : 10px ;
	background-color : #FFFFFF ;
	overflow : hidden ;
}

.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 : 260px ;
	height : 50px ;
	line-height : 50px ;
	font-size : 16px ;
	margin-top : 14px ;
}

}

#calender .month {
	position:relative;
	margin:0 0 20px;
	
}
.ui-datepicker .ui-datepicker-header {
	position:absolute;
	margin:0 0 20px;
	width:96%;
}
#calender .month h4 {
	letter-spacing:0.2em;
	text-align:center;
	font-size:18px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	letter-spacing:0.2em;
	text-align:center;
	font-size:22px;
}
#calender .month .btnArrow a{
	color:#FFF;
	font-size:16px;
	line-height:20px;
	background-color:#000;
	width:22px;
	height:27px;
	display:block;
	position:absolute;
	top:3px;
	vertical-align:top;
}
.ui-datepicker .ui-datepicker-header a{
	color:#FFF;
	line-height:27px;
	background-color:#BFE3EA ;
	width:22px;
	height:27px;
	display:block;
	position:absolute;
	top:3px;
	vertical-align:top;
	cursor:pointer;
}
#calender .month .btnPrev a{
	top: 15%;
	left:7%;
	padding-left:6px;
	text-align:left;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
	top: 15%;
	left:7%;
	padding-left:6px;
	text-align:left;
	z-index: 1000;
}

#calender .month .btnNext a{
	top: 15%;
	right:7%;
	padding-right:6px;
	text-align:right;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next{
	top: 15%;
	right:7%;
	padding-right:6px;
	text-align:right;
	z-index: 1000;
}

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

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

#calender td span {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#E6E6E6;
	color:#666;
}
.ui-datepicker td span {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#E6E6E6;
	color:#000;
}
@media screen and (max-width:768px) {
	/*#calendar {
		margin-bottom:20px;
	}*/
	
	#calendar .box {
		height:auto;
		text-align:center;
	}
	#calender {
		padding:10px;
	}
	.ui-datepicker {
		padding:10px;
	}
	#calender .month {
		margin:0 0 10px;
	}
	.ui-datepicker .ui-datepicker-header {
		margin:0 0 10px;
	}
	#calender .month h4 {
		letter-spacing:0.2em;
		font-size:12px;
	}
	.ui-datepicker .ui-datepicker-header h4 {
		letter-spacing:0.2em;
		font-size:12px;
	}
	#calender .month .btnArrow a{
		font-size:30px;
		line-height:30px;
		width:30px;
		height:30px;
		top:0px;
	}
	.ui-datepicker .ui-datepicker-header a{
		font-size:30px;
		line-height:30px;
		width:30px;
		height:30px;
		top:0px;
		cursor:pointer;
	}
	#calender .month .btnPrev a{
		top: 15%;
		left:10%;
		padding-left:4px;
	}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
		top: 15%;
		left:10%;
		padding-left:4px;
	}
	#calender .month .btnNext a{
		top: 15%;
		right:7%;
		padding-right:4px;
	}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
		top: 15%;
		right:7%;
		padding-right:4px;
	}
	.ui-datepicker table {
		width:90%;
		margin:0 auto;
		font-size:22px;
	}
	#calender th,
	#calender td {
		padding:2%;
		height:auto;
	}
	.ui-datepicker th,
	.ui-datepicker td {
		padding:2%;
		height:auto;
	}
	#calender td span {
		width:40px;
		height:40px;
	}
	.ui-datepicker td span {
		width:40px;
		height:40px;
	}

	.shop_calender_superbox .holiday {
		font-size: 20px ;
}

