@charset "utf-8";

/*-----------------------------*/

@import url("/base.css");
/*-----------------------------*/


body {
	font-size: 14px;
	line-height: 20px;
}


header .top h2{
	height: 30px;
	line-height: 38px;
}
header .top{width: 100%;}

main{
	width: 100%;
	margin-top: 70px;
}

main .main{
	width: 100%;

}

main .main .contents{
	width: 100%;
}

.site_menu span{
	font-size: 14px;
	line-height: 14px;
	width: 24%;
}









.parent{
	float: left;
	height: auto;
	width: 88%;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 8%;
}

.pref .child a{
	width: 23%;

}
.pref .child{
	display: none;

}

.pref .child a{
	text-align: center;
	float: left;
	height: 20px;
	width: 23%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 5px;
	margin: 1%;
	background-color: #eee;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
}

.s .child .on{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
	opacity: 0.5;
	width: 100%;
}
.s .child a{
	text-align: left;
	float: left;
	height: 20px;
	width: 88%;
	font-size: 14px;
	line-height: 20px;
	padding-top: 15px;
	padding-right: 1%;
	padding-bottom: 15px;
	padding-left: 8%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	border-radius: 0px;
}




.shop .shop_name{
	background-color: #FFFFFF;
}



.shop .shop_img_1{
	text-align: center;
	float: left;
	height: auto;
	width: 50%;
	width: -webkit-calc(100% - 173px);
	width: calc(100% - 173px);
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
.shop .shop_box_1{
	padding: 0px;
	float: left;
	height: auto;
	width: 168px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.shop .shop_img_2{
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.shop .shop_box_2{
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.shop .shop_box_2 span{
	width: 24%;
	margin: 0.5%;
}

.shop .shop_img_3{
	display: none;
}
.shop .shop_box_3{
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.shop .shop_box_3 span{
	width: 24%;
	margin: 0.5%;
}
.shop .gals_img{
	padding: 2%;
	float: left;
	height: 110px;
	width: 25%;
	text-align: center;
	clear: left;
}

.shop .gals_img img{
	max-width:80px;
	max-height:110px;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.shop .shop_comment{
	float: right;
	height: 110px;
	width: 70%;
	text-align: left;
	padding-top: 2%;
	padding-right: 0%;
	padding-bottom: 2%;
	padding-left: 0%;
}
.shop p{
	float: left;
	height: auto;
	width: 100%;
	font-size: 12px;
	line-height: 18px;

	margin: 0px;
}





.shop_html .shop_top{
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

}
.shop_html .shop_top .shop_img_1,.shop_img_2,.shop_img_3{
	width: 100%;
	height: auto;
	min-height:10px;
	background-color: #eee;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.shop_html .shop_top .shop_text{
	width: 95%;
	padding: 2.5%;
	float: left;
	height: auto;
}
.shop_html .shop_top .shop_text .kome{
	width: 80%;
	float: left;
	height: auto;
	padding-top: 0%;
	padding-right: 10%;
	padding-bottom: 0%;
	padding-left: 10%;
}
.shop_html .shop_top .shop_text h3{
	text-align: center;
}


.shop_html .shop_top .shop_text .text span{
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
}
.shop_html .shop_top .shop_text .tel{
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
	line-height: 30px;
}
.shop_html .shop_top .shop_box{
	text-align: left;
	float: left;
	height: auto;
	width: 90%;
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 0px;
	padding-left: 5%;
	margin: 0px;
}
.shop_html .shop_top .shop_box span{
	box-sizing: border-box;
	border-radius: 3px;
	display: inline-block;
	padding: 3px;
	cursor: pointer;
	height: 30px;
	width: 31.3%;
	text-align: center;
	color: #FF6600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF6600;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FF6600;
	float: left;
	margin: 1%;
	font-size: 14px;
	line-height: 20px;
}



.shop_html .box{
	width: 100%;
	height: auto;
	padding: 0px;
}

.shop_html h4{
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
}
.shop_html .shop_area .area_data{
	box-sizing: border-box;
	border-radius: 3px;
	height: 30px;
	width: 32.3%;
}
.shop_html .system .top{
	width: 100%;
	float: left;
	box-sizing: border-box;
	height: auto;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.shop_html .system .play{
	width: 100%;
	float: left;
	box-sizing: border-box;
	height: auto;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.shop_html .schedule_week .gals_week{
	float: left;
	height: auto;
	width: 500px;
	background-color: #eee;
	clear: left;
	font-size: 12px;
	line-height: 12px;
}

.shop_html .schedule_week .gals_week .week_box {
	width: 58px;
	margin: 1px;
}
.shop_html .schedule_week .gals_week a.week_box {
	width: 78px;
	margin: 1px;
}

.shop_html .schedule_week .gals_week .week_box_n{
	width: 58px;
	margin: 1px;
}


.shop .shop_discount .name{
	background-color: #FFCA00;
	height: 14px;
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
}
.shop .shop_discount .data{
	padding: 2%;
	margin: 0px;
	height: auto;
	width: 96%;
	font-size: 12px;
	line-height: 14px;
}
.area .shop_name{
	font-size: 14px;
	line-height: 20px;
}

.area .shop_comment{
	padding: 1%;
	width: 98%;
}

.area .shop_comment span{
	float: left;
	width: 100%;
}

.gals_data .item_box {
	float: left;
	height: 340px;
	width: 48%;
	padding: 0.5%;
	background-color: #FFFFFF;
	margin: 0.5%;
}
.gals_html .gals_top span{
	text-align: center;
	width: 100%;
	clear: left;
	float: left;
	height: auto;
}
.gals_data .gals_img {
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	height: 240px;
	position: relative;
}
.gals_data .gals_img p{
	top: 180px;
}


.gals_catalog {
	height: auto;
	width: 90%;
	float: left;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}



.gals_html .gals_schedule .box{
	height: 20px;
	float: left;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-right-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #eee;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.gals_html .gals_schedule .box [class*="day"]{
	float: left;
	text-align: center;
	float: left;
	height: 20px;
	width: 40%;
	padding: 0px;	
}

.gals_html .gals_schedule .time{
	float: left;
	text-align: center;
	float: left;
	height: 20px;
	width: 60%;
	padding: 0px;
}
.gals_html .gals_photo{
	height: auto;
	width: 100%;
	margin: 0px;

}


.gals_html .gals_photo #slideShow {
	width: 260px;
	height: 420px;
	padding: 0px;
	margin-right: 60px;
	margin-right: -webkit-calc((100% - 260px)/2);	
	margin-right: calc((100% - 260px)/2);
	
	
	margin-left: 60px;
	margin-left: -webkit-calc((100% - 260px)/2);	
	margin-left: calc((100% - 260px)/2);
	
}
#slideListInner {
	height: 390px;

}

#slideList #slideListInner .slide img{
vertical-align: bottom;
height: auto;
width: 260px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#prevBtn,
#nextBtn {
	position: absolute;
	top: 180px;
	cursor: pointer;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px; 
	border-radius: 20px;
	text-align: center;
	color: #f4f4f4;
	background: #5d5d5d;
}
.shop_info{
	margin: 0px;
	float: left;
	height: 60px;
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}

.shop_info .text{
	width: 260px;
	width: -webkit-calc((100% - 80px));	
	width: calc((100% - 80px));
	margin: 0px;
	float: left;
	height: 60px;
}




.shop_info .time{
	width: 95%;
	float: left;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.shop_info .title{
	width: 95%;
	float: left;
	height: auto;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.time_sale .sale{
	float: left;
	height: auto;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
}
.time_sale .sale span{
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.time_sale .title{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	float: left;
	height: auto;
	width: 95%;
	text-align: left;
	margin: 0px;
	font-size: 16px;
	line-height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
}

.list_search .list_item {
	float: left;
	height: 240px;
	width: 98%;
	padding: 0.5%;
	background-color: #FFFFFF;
	margin: 0.5%;
}


footer .main{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.error_comment {
	padding: 2%;
	float: left;
	height: auto;
	width: 92%;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	margin-top: 50px;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 2%;
}