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

.blog_pagenation{
	position : relative ;
	text-align : center ;
	margin-top : 56px ;
	color : #767676 ;
}
.blog_pagenation a,
.blog_pagenation span{
	padding-left : 2px ;
	padding-right : 2px ;
}
.blog_pagenation a,
.blog_pagenation a:link{
	color : #646464 !important ;
}
.blog_pagenation span{
	font-weight:bold;
}

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

.blog_ranking_superbox{
	position : relative ;
	width : 1000px ;
	margin-left : -15px ;
}

.blog_ranking_itembox{
	position : relative ;
	float : left ;
	width : 170px ;
	height : 220px ;
	margin-bottom : 10px ;
	margin-left : 15px ;
	margin-right : 15px ;
}

.blog_ranking_image{
	position : relative ;
	width : 170px ;
	height : 150px ;
	overflow : hidden ;
	z-index : 1;
}
.blog_ranking_image img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

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

.blog_ranking_num{
	position : absolute ;
	top : -20px ;
	left : 10px ;
	width : 40px ;
	height : 40px ;
	z-index : 4;
}





.blog_superbox{
	position : relative ;
	float : left ;
	width : 680px ;
	margin-top : 40px ;
}
.blog_single_superbox{
	position : relative ;
	float : left ;
	width : 680px ;
	margin-top : 40px ;
}

.blog_widgetbox{
	position : relative ;
	float : right ;
	width : 232px ;
	margin-top : 40px ;
}


.blog_itembox{
	position : relative ;
	width : 100% ;
	padding-top : 16px  ;
	padding-bottom : 16px  ;
	border-bottom : 1px dotted #646464 ;
}

.blog_item_imagebox{
	position : relative ;
	float : left ;
	width : 170px ;
	height : 150px ;
	overflow : hidden ;
}
.blog_item_imagebox img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	transform: translate(-50%,-50%);
}

.blog_item_storybox{
	position : relative ;
	float : right ;
	width : 490px ;
	min-height : 150px ;
}

.blog_item_date{
	position : relative ;
	float : left ;
	width : auto ;
	height : 28px ;
	line-height : 28px ;
	margin-right : 16px ;
	margin-bottom : 4px ;
}

.blog_item_category{
	position : relative ;
	float : left ;
	width : auto ;
	line-height : 26px ;
	margin-right : 16px ;
	font-size : 13px ;
	padding-left : 10px ;
	padding-right : 10px ;
	border : 0px solid #FFFFFF ;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	margin-bottom : 4px ;
}


.blog_item_title{
	font-size : 17px ;
	color : #646464 ;
	/*font-weight : 900 ;*/
	margin-top : 10px ;
}

.blog_item_story{
	position : relative ;
	color : #646464 ;
	/*margin-top : 44px ;*/
	font-size: 13px;
}






#searchForm{
	position: relative;
	display : block ;
}
#searchForm div{
	position: absolute;
	top: 1px;
	right: 1px;
	width : 38px ;
	height : 38px ;
}
#searchForm .btnSubmit{
	width : 100% ;
	height : 100% ;
}

#gsearch02{
	position: relative;
}
#searchForm #search{
	width: 198px !important;
	height: 36px !important;
	padding-left : 16px  !important;
	padding-right : 16px  !important;
	line-height : 36px  !important;
	border : 1px solid #000000  !important;
	font-size : 12px  !important;
	background-color : #FFFFFF ;
	margin-bottom : 26px ;
}
#searchForm .btnSubmit {
	position: absolute;
	top: 0;
	right: 0;
	height: 38px;
	width: 38px;
	color: #FFF;
	border: none;
	cursor: pointer;
	background: url(../images/blog/btn_blog_search.png) no-repeat 0 0;
	background-size: cover;
	background-color: #30AEC7;
}


#gsearch_btn01{

}


.blog_widget_itembox{
	position : relative ;
	width : 218px ;
	padding : 6px ;
	border : 1px solid #000000 ;
	background-color : #FFFFFF ;
	margin-bottom : 26px ;
}
.blog_widget_itembox a,
.blog_widget_itembox a:link{
	color : #646464 !important;
}

.blog_widget_item_title{
	position : relative ;
	width : 100% ;
	height : 32px ;
	line-height : 32px ;
	color : #000000 ;
	margin-bottom : 8px ;
}

.blog_widget_item_title_left{
	position : relative ;
	float : left ;
	margin-left : 10px ;
	/*font-size : 18px ;*/
}
.blog_widget_item_title_right{
	position : relative ;
	float : right ;
	margin-right : 10px ;
	font-size : 10px ;
}

.blog_calender_arrow{
	width : 16px ;
}


.blog_widget_itembox table{
	width : 218px ;
	margin-left : auto ;
	margin-right : auto ;
	font-size : 11px ;
}

.blog_widget_itembox td{
	width : 31px ;
	height : 31px ;
	vertical-align: middle;
	line-height : 31px ;
	text-align : center ;
	overflow : hidden ;
}

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


.blog_widget_item{
	position : relative ;
	width : 206px ;
	padding : 6px ;
	border-top : 1px dotted #C8C8C8 ;
	font-size: 12px;
}
.blog_widget_item.first{
	border-top : none ;
}




.blog_itemtitle{
	padding : 8px 32px ;
	font-size : 19px ;
	color : #42210B ;
	margin-bottom : 10px ;
}
.blog_itemtitle_marker{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 16px ;
	height : 100% ;
}

.blog_contents{
	color : #767676 ;
	font-size : 13px ;
}
.blog_contents p{
	margin-top : 32px ;
}
.blog_contents img{
	width : auto ;
	max-width : 100% ;
	height : auto ;
	margin-top : 32px ;
}
.blog_image_center{
	margin-left : auto ;
	margin-right : auto ;
}

.blog_single_stylistbox{
	width : 646px ;
	padding : 12px ;
	background-color : #FFFFFF ;
	margin-top : 72px ;
}

.blog_single_stylistimage{
	position : relative ;
	float : left ;
	width : 80px ;
	height : auto ;
}

.blog_single_stylist_info{
	position : relative ;
	float : right ;
	width : 546px ;
}

.blog_single_stylist_shop{
	font-size : 14px ;
	margin-bottom : 10px ;
}
.blog_single_stylist_position{
	font-size : 14px ;
	margin-bottom : 0px ;
}
.blog_single_stylist_name{
	font-size : 18px ;
	font-weight : 600 ;
}


.blog_single_stylist_btn{
	position : absolute ;
	bottom : 15px ;
	right : 15px ;
	width : 220px ;
	height : 30px ;
	line-height : 30px ;
	text-align : center ;
	font-size : 13px ;
	font-weight : 400 ;
	color : #FFFFFF ;
}
.blog_single_stylist_btn_icon{
	position : relative ;
	float : left ;
	height : 30px ;
	width : auto ;
}
.blog_single_stylist_btn div{
	float : left ;
	padding-left : 10px ;
	height : 30px ;
	line-height : 30px ;
}


.blog_single_btnreserve{
	position : relative ;
	width : 200px ;
	height : auto ;
	margin-top :  26px ;
}


.blog_single_shop{
	margin-top : 24px ;
	color : #767676 ;
}
.blog_single_shopname{
	margin-bottom : 4px ;
	font-size : 16px ;
	font-weight : 600 ;
}


.blog_single_pagenation{
	position : relative ;
	width : 680px ;
	height : 40px ;
	padding-top : 5px ;
	padding-bottom : 5px ;
	color : #000000 !important ;
	border-top : 1px dotted #646464 ;
	border-bottom : 1px dotted #646464 ;
	margin-top : 42px ;
}
.blog_single_pageprev{
	position : relative ;
	float : left ;
	width : 339px ;
	height : 40px ;
	line-height : 40px ;
	overflow : hidden ;
	text-align : left ;
	border-right : 1px solid #646464 ;
	color : #646464 ;
	font-size: 13px;
}
.blog_single_pagenext{
	position : relative ;
	float : right ;
	width : 340px ;
	height : 40px ;
	line-height : 40px ;
	overflow : hidden ;
	text-align : right ;
	color : #646464 ;
	font-size: 13px;
}

.blog_btn_backtoindex{
	width : 140px ;
	height : 40px ;
	line-height : 40px ;
	text-align : center ;
	margin-left : auto ;
	margin-right : auto ;
	color : #FFFFFF ;
	font-size : 15px ;
	font-weight : 400 ;
}

.blogfooter_ranking_stage{
	width : 100% ;
	margin-top : 24px ;
	margin-bottom : -72px ;
	padding-top : 24px ;
	padding-bottom : 24px ;
}

.blogfooter_ranking_stage_title{
	height : 64px ;
	line-height : 64px ;
}
.blogfooter_ranking_stage_title p{
	position : relative ;
	float : left ;
	height : auto ;
	font-size : 30px ;
	color : #FFFFFF ;
	margin-right : 10px ;
	font-weight : 600 ;
	text-shadow:
		-1px -1px 0 #000000,
		1px -1px 0 #000000,
		-1px 1px 0 #000000,
		1px 1px 0 #000000;
}
.blogfooter_ranking_stage_title div{
	float : left ;
	font-size : 15px ;
}

.blogfooter_ranking_stage_title_icon{
	float : left ;
	width : 32px ;
	height : auto ;
	margin-right : 12px ;
	margin-top: 20px ;
}



.blogfooter_ranking_title{
	position : relative ;
	width : 98% ;
	height : 40px ;
	line-height : 40px ;
	padding-left : 1% ;
	padding-right : 1% ;
	margin-top : 60px ;
	margin-bottom : 40px ;
	font-size : 18px ;
	color : #000000 ;
}

.blogfooter_ranking_superbox{
	position : relative ;
	width : 1000px ;
	margin-left : -15px ;
}

.blogfooter_ranking_itembox{
	position : relative ;
	float : left ;
	width : 170px ;
	height : 270px ;
	margin-bottom : 10px ;
	margin-left : 15px ;
	margin-right : 15px ;
}

.blogfooter_ranking_image{
	position : relative ;
	width : 170px ;
	height : 196px ;
	overflow : hidden ;
	z-index : 1;
}
.blogfooter_ranking_image img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	transform: translate(-50%,-50%);
}

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

.blogfooter_ranking_num{
	position : absolute ;
	top : -24px ;
	left : -20px ;
	width : 52px ;
	height : auto ;
	z-index : 4;
}







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



}


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



.blog_pagenation{
	margin-top : 60px ;
	margin-bottom : 20px ;
	font-size : 24px ;
}
.blog_pagenation a,
.blog_pagenation a:link{
	padding-left : 2px ;
	padding-right : 2px ;
	color : #333333 !important;
}


.blog_ranking_title{
	width : 100% ;
	margin-top : 56px ;
	margin-bottom : 64px ;
	font-size : 26px ;
	padding-bottom : 8px ;
	border-bottom : 3px dotted #CCCCCC ;
}

.blog_ranking_superbox{
	width : 620px ;
	margin-left : -10px ;
}

.blog_ranking_itembox{
	float : left ;
	width : 280px ;
	height : 400px ;
	margin-bottom : 10px ;
	margin-left : 10px ;
	margin-right : 10px ;
}

.blog_ranking_image{
	width : 280px ;
	height : 244px ;
	overflow : hidden ;
}
.blog_ranking_image img{
}

.blog_ranking_story{
	margin-top : 8px ;
	font-size : 20px ;
}

.blog_ranking_num{
	position : absolute ;
	top : -40px ;
	left : 20px ;
	width : 80px ;
	height : 80px ;
	z-index : 4;
}








.blog_superbox{
	float : none ;
	width : 640px ;
	margin-top : 40px ;
	margin-left : -30px ;

}
.blog_single_superbox{
	float : none ;
	width : 580px ;
	margin-top : 40px ;
	margin-left : auto ;
	margin-right : auto ;
}

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


.blog_itembox{
	padding-top : 14px  ;
	padding-bottom : 14px  ;
	border-bottom : 2px dotted #646464 ;
}

.blog_item_imagebox{
	width : 138px ;
	height : 138px ;
	margin-left : 12px ;
}
.blog_item_imagebox img{
}

.blog_item_storybox{
	width : 448px ;
	min-height : 138px ;
	margin-right : 12px ;
}

.blog_item_date{
	height : 34px ;
	line-height : 34px ;
	font-size : 22px ;
}

.blog_item_category{
	height : 34px ;
	line-height : 34px ;
	font-size : 22px ;
}


.blog_item_title{
	font-size : 22px ;
	margin-top : 5px ;
	font-weight : 300 ;
}

.blog_item_story{
}










#searchForm{
	position: relative;
}
#gsearch02{
	position: relative;
}
#searchForm #search{
	width: 514px !important;
	height: 96px !important;
	padding-top : 0px !important;
	padding-bottom : 0px !important;
	padding-left : 30px  !important;
	padding-right : 30px  !important;
	line-height : 90px  !important;
	border : 3px solid #000000  !important;
	font-size : 26px  !important;
	margin-bottom : 60px ;
}
#searchForm div{
	position: absolute;
	top: 3px;
	right: 3px;
	width : 96px ;
	height : 96px ;
}
#searchForm .btnSubmit {
    width: 100%!important;
    height: 100%!important;
}
.blog_calender_arrow{
	width : auto ;
	height : auto ;
}

.blog_widget_itembox{
	width : 546px ;
	padding : 14px ;
	border : 3px solid #000000 ;
	margin-bottom : 60px ;
	color : #333333 ;
}
.blog_widget_itembox a,
.blog_widget_itembox a:link{
	color : #333333 !important;
}

.blog_widget_item_title{
	height : 80px ;
	line-height : 80px ;
	margin-bottom : 10px ;
}

.blog_widget_item_title_left{
	margin-left : 20px ;
	font-size : 32px ;
}
.blog_widget_item_title_right{
}



.blog_widget_itembox table{
	width : 539px ;
	margin-left : auto ;
	margin-right : auto ;
	font-size : 27px ;
}

.blog_widget_itembox td{
	width : 77px ;
	height : 77px ;
	line-height : 77px ;
}

.blog_widget_itembox td img{
}


.blog_widget_item{
	width : 522px ;
	padding : 20px 10px ;
	font-size : 22px ;
	border-top : 3px dotted #C8C8C8 ;
}
.blog_widget_item.first{
}









.blog_itemtitle{
	font-size : 26px ;
	margin-bottom : 20px ;
}

.blog_contents{
	font-size : 24px ;
	color : #333333 ;
}
.blog_contents p{
	margin-top : 40px ;
}
.blog_contents img{
	margin-top : 40px ;
}
.blog_image_center{
}

.blog_single_stylistbox{
}

.blog_single_stylistimage{
}

.blog_single_stylist_info{
}

.blog_single_stylist_shop{
}
.blog_single_stylist_position{
}
.blog_single_stylist_name{
}


.blog_single_stylist_btn{
}


.blog_single_btnreserve{

	width: 400px ;
	margin: 0 auto ;
	padding-top: 20px ;
}


.blog_single_shop{
}
.blog_single_shopname{
	font-size: 24px ;
}


.blog_single_pagenation{
	position : relative ;
	width : 580px ;
	height : auto ;
	padding-top : 10px ;
	padding-bottom : 10px ;
	color : #000000 !important ;
	border-top : 2px dotted #646464 ;
	border-bottom : 2px dotted #646464 ;
	margin-top : 140px ;
}
.blog_single_pageprev{
	position : relative ;
	float : left ;
	width : 289px ;
	height : auto ;
	line-height : 40px ;
	overflow : hidden ;
	text-align : left ;
	border-right : 2px solid #646464 ;
	color : #646464 ;
	font-size: 22px ;
}
.blog_single_pagenext{
	position : relative ;
	float : right ;
	width : 289px ;
	height : auto ;
	line-height : 40px ;
	overflow : hidden ;
	text-align : right ;
	color : #646464 ;
	font-size: 22px ;
}



.blog_btn_backtoindex{
	width : 210px ;
	height : 62px ;
	line-height : 62px ;
	text-align : center ;
	margin-left : auto ;
	margin-right : auto ;
	color : #FFFFFF ;
	font-size : 22px ;
	font-weight : 300 ;
}



.blogfooter_ranking_stage{
	width : 100% ;
	margin-top : 24px ;
	margin-bottom : -80px ;
	padding-top : 24px ;
	padding-bottom : 24px ;
}

.blogfooter_ranking_stage_title{
	height : auto ;
	line-height : 52px ;
	text-align : center ;
	margin-bottom : 48px ;
}
.blogfooter_ranking_stage_title p{
	position : relative ;
	display : inline ;
	float : none ;
	height : 64px ;
	line-height : 64px ;
	font-size : 44px ;
	letter-spacing: 4px ;
	color : #FFFFFF ;
	margin-right : 10px ;
	font-weight : 600 ;
	text-shadow:
		-2px -2px 0 #000000,
		2px -2px 0 #000000,
		-2px 2px 0 #000000,
		2px 2px 0 #000000;
}
.blogfooter_ranking_stage_title div{
	display : block ;
	float : none ;
	clear : both ;
	width : auto ;
	text-align : center ;
	font-size : 26px ;
}

.blogfooter_ranking_stage_title_icon{
	display : inline ;
	float : none ;
	width : auto ;
	height : auto ;
	margin-right : 12px ;
	margin-top: 20px ;
}


.blogfooter_ranking_superbox{
	width : 620px ;
	margin-left : -10px ;
}

.blogfooter_ranking_itembox{
	float : left ;
	width : 280px ;
	height : 490px ;
	margin-bottom : 10px ;
	margin-left : 10px ;
	margin-right : 10px ;
	color : #333333 ;
}

.blogfooter_ranking_image{
	width : 280px ;
	height : 324px ;
	overflow : hidden ;
}
.blogfooter_ranking_image img{
}

.blogfooter_ranking_story{
	margin-top : 8px ;
	font-size : 22px ;
	line-height: 1.5em ;
}

.blogfooter_ranking_num{
	position : absolute ;
	top : -40px ;
	left : -20px ;
	width : auto ;
	height : auto ;
	z-index : 4;
}


}

/*calendar-----------*/
#calendars{
	padding-bottom: 10px;
}
#calendars .month{
	position: relative;
	margin: 0 10px 10px;
	
}
#calendars .month h2{
	margin-top: 3px;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	color: #333;
	background: #fff;
	line-height: 1.6;
}
#calendars .month .btnArrow a{
	color: #FFF!important;
	font-size: 12px;
	line-height: 14px;
	background-color: #30AEC7;
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	vertical-align: top;
	text-align: center;
	border-radius: 50%;
}
#calendars .month .btnPrev a{
	top: 1px;
	left: 10px;
}
#calendars .month .btnNext a{
	top: 1px;
	right: 10px;
}
#calendars table{
	font-size: 11px;
	width: 96%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	text-align: center;
}
#calendars table th{
	padding-bottom: 6px;
}
/*
#calendars .holiday{color:#C00;}
*/
@media screen and (max-width:768px) {
	#calendars{
		padding-bottom: 40px;
	}
	#calendars table td{
		padding: 8px 0;
	}
	#calendars .month h2{
		font-size: 22px;
	}
	#calendars .month .btnArrow a{
		font-size: 28px;
		line-height: 32px;
		width: 32px;
		height: 32px;
	}
	.blog_single_stylist_info {
		float: none;
		width: 100%;
		padding-left: 120px;
		margin-bottom: 40px;
		box-sizing: border-box;
	}
	.blog_single_stylistbox{
		max-width : 100% ;
		width : auto ;
	}
	.blog_single_stylistbox img{
		margin-right:10px;
	}
	.blog_single_stylist_shop {
	    font-size: 22px;
		margin-bottom:0;
	}
	.blog_single_stylist_position {
	    font-size: 20px;
	}
}