@charset "utf-8";
/* CSS Document */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		column common

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#main{
	margin: 40px 0 100px;
}
#main .content{
	display: flex;
	justify-content: space-between;
}
#main .content main{
	flex: 1;
}
#main .content #sidebar{
	width: 300px;
	margin-left: 60px;
}

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

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


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








/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		sidebar

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar{}
#sidebar section{
	margin: 0 0 40px;
}
#sidebar section h2{
	margin: 0 0 20px;
	padding: 2px 0;
	color: #fff;
	font-size: 1.4em;
	font-weight: 600;
	background: #999;
	text-align: center;
}

#sidebar ul{
	width: 100%;
	margin: 0;
	list-style: none;
}
#sidebar ul li{
	border-bottom: 1px solid #eee;
}
#sidebar ul li:first-child{}
#sidebar ul li a{
	padding: 10px 10px;
	display: block;
	font-size: 1.2em;
	text-decoration: none;
}
#sidebar ul li a time{
	width: 100%;
	display: block;
	color: #999;
}
#sidebar ul li a span:hover{
	text-decoration: underline;
}


/*		calendar_wrap
--------------------------------------------- */
#sidebar .calendar_wrap{}
#sidebar .calendar_wrap table{
	width: 100%;
}
#sidebar .calendar_wrap table caption{
	background: #ddd;
	padding: 4px 0;
	font-size: 1.2em;
}
#sidebar .calendar_wrap table tr th,
#sidebar .calendar_wrap table tr td{
	height: 40px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 40px;
	font-size: 1.2em;
}
#sidebar .calendar_wrap table tr th{}
#sidebar .calendar_wrap table tr td{}
#sidebar .calendar_wrap table thead tr th{}
#sidebar .calendar_wrap table thead tr td{}
#sidebar .calendar_wrap table tbody tr th{}
#sidebar .calendar_wrap table tbody tr td{}
#sidebar .calendar_wrap table tbody tr td a{
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	display: block;
}
#sidebar .calendar_wrap table tfoot tr th{}
#sidebar .calendar_wrap table tfoot tr td{
	height: 32px;
	line-height: 32px;
}
#sidebar .calendar_wrap table tfoot tr td a{
	width: 100%;
	height: 100%;
	display: block;
}

/*		category
--------------------------------------------- */
#sidebar label.screen-reader-text{
	display: none;
}
#sidebar select.postform{
	width: calc(100% - 20px);
	margin: 0 auto;
	font-size: 1.2em;
	display: block;
	background: #fff;
}

/*		tag cloud
--------------------------------------------- */
#sidebar .tagcloud{
	margin: -2px 0;
}
#sidebar .tagcloud a{
	margin: 2px;
	padding: 10px 10px;
	display: inline-block;
	border: 1px solid #ddd;
	color: #999;
	text-decoration: none;
	font-size: 1.2em !important;
	background: #fff;
}
#sidebar .tagcloud a:hover{
	color: #333;
	border-color: #666;
}


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








/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		column_list main

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*		columnlist_top
--------------------------------------------- */
#columnlist_top{}
#columnlist_top h1{
	color: #000;
	font-size: 2em;
	font-weight: 600;
	letter-spacing: 0.1em;
}

/*		columnlist_article
--------------------------------------------- */
#columnlist_article{}
#columnlist_article > ul{
	width: 100%;
	margin: 0;
	list-style: none;
}
#columnlist_article > ul > li{
	width: 100%;
	padding: 20px 0;
	position: relative;
}
#columnlist_article > ul > li:hover{}
#columnlist_article > ul > li > a{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#columnlist_article > ul > li > .inner{
	display: flex;
	flex-direction: row;
}
#columnlist_article > ul > li > .inner > div{}
#columnlist_article > ul > li > .inner .img{}
#columnlist_article > ul > li > .inner .img img{
	width: 240px;
	height: auto;
	display: block;
}
#columnlist_article > ul > li:hover > .inner .img img{
	opacity: 0.6;
}
#columnlist_article > ul > li > .inner .detail{
	flex: 1;
	padding: 0 20px;
}
#columnlist_article > ul > li > .inner .detail a{
	position: relative;
	z-index: 1;
}
#columnlist_article > ul > li > .inner .detail h2{
	padding: 0 0 10px;
	color: #000;
	font-size: 1.4em;
	font-weight: 500;
	border-bottom: 1px solid #000;
}
#columnlist_article > ul > li > .inner .detail .description{
	margin: 4px 0 10px;
}
#columnlist_article > ul > li > .inner .detail .description .date{
	margin: 0 10px 0 0;
}
#columnlist_article > ul > li > .inner .detail p{
	font-size: 1.2em;
}



/*		columnlist_nav
--------------------------------------------- */
#columnlist_nav{
	margin: 20px 0;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		column_single main

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*		columnsingle_top
--------------------------------------------- */
#columnsingle_top{
	padding: 0 40px 40px;
	background: #fff;
	border-bottom: 1px solid #f5f5f5;
}
#columnsingle_top .topimg{
	width: calc(100% + 80px);
	margin: 0 0 80px -40px;
}
#columnsingle_top .topimg img{
	width: 100%;
	height: auto;
	display: block;
}
#columnsingle_top h2{
	padding: 0 0 10px;
	color: #000;
	font-size: 2.4em;
	font-weight: 600;
}
#columnsingle_top .description{
	margin: 10px 0 0;
	font-size: 1.2em;
}
#columnsingle_top .description span{
	margin-right: 10px;
}

/*		columnsingle_article
--------------------------------------------- */
#columnsingle_article{
	padding: 40px 40px;
	background: #fff;
}
#columnsingle_article h3{
	margin: 40px 0 20px;
	font-size: 1.8em;
	font-weight: 600;
	color: #000;
}
#columnsingle_article h4{}
#columnsingle_article h5{}
#columnsingle_article p{
	margin: 20px 0;
	font-size: 1.4em;
}
#columnsingle_article hr{
	margin: 20px 0;
	background: #ddd;
	height: 1px;
	border: none;
}
#columnsingle_article ul,
#columnsingle_article ol{
	margin-bottom: 20px;
	margin-top: 20px;
}
#columnsingle_article ul li,
#columnsingle_article ol li{
	margin: 4px 0 0;
	font-size: 1.4em;
}
#columnsingle_article ul li:first-child,
#columnsingle_article ol li:first-child{
	margin-top: 0;
}
#columnsingle_article a img{}
#columnsingle_article a img:hover{
	opacity: 0.6;
}
#columnsingle_article table{
	margin: 20px 0;
}
#columnsingle_article table tr{}
#columnsingle_article table tr th,
#columnsingle_article table tr td{
	padding: 10px;
	border: 1px solid #ddd;
	font-size: 1.4em;
}
#columnsingle_article table tr th{}
#columnsingle_article table tr td{}
#columnsingle_article{}
#columnsingle_article{}

/*		salonsingle_info
--------------------------------------------- */
#columnsingle_info{
	padding: 50px 40px 40px;
	background: #f5f5f5;
	position: relative;
}
#columnsingle_info h3{
	color: #ddd;
	font-size: 2em;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#columnsingle_info h4{
	margin: 0 0 20px;
	font-size: 2em;
}
#columnsingle_info p{
	font-size: 1.2em;
}
#columnsingle_info ul.contact{
	width: 300px;
	margin: 20px 0 0;
	list-style: none;
}
#columnsingle_info ul.contact li{
	width: 100%;
	margin: 5px 0 0;
}
#columnsingle_info ul.contact li:first-child{
	margin-top: 0;
}
#columnsingle_info ul.contact li a{
	width: 100%;
	padding: 10px 0;
	background: #fff;
	display: block;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	color: #000;
}
#columnsingle_info ul.contact li a::after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 3px solid transparent;
	border-left: 3px solid #000;
	position: absolute;
	right: -2px;
	bottom: -2px;
	transform: rotate(45deg);
}
#columnsingle_info ul.contact li a:hover{
	opacity: 0.6;
}
#columnsingle_info ul.contact li.tel{}
#columnsingle_info ul.contact li.web{}
#columnsingle_info{}

/*		columnsingle_pager
--------------------------------------------- */
#columnsingle_pager{}
#columnsingle_pager ul{
	width: 100%;
	margin: 0;
	list-style: none;
	display: flex;
}
#columnsingle_pager ul li{
	width: 50%;
}
#columnsingle_pager ul li a{
	padding: 20px;
	display: block;
	font-size: 1.2em;
	position: relative;
}
#columnsingle_pager ul li a:hover{
	background: #fff;
}
#columnsingle_pager ul li.prev{}
#columnsingle_pager ul li.prev a{
	padding-left: 60px;
}
#columnsingle_pager ul li.prev a::before{
	content: "\f060";
	font-family: "font awesome 5 free";
	font-weight: 600;
	font-size: 1.6em;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	color: #ddd;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
}
#columnsingle_pager ul li.next{}
#columnsingle_pager ul li.next a{
	padding-right: 60px;
}
#columnsingle_pager ul li.next a::after{
	content: "\f061";
	font-family: "font awesome 5 free";
	font-weight: 600;
	font-size: 1.6em;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	color: #ddd;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
}


/*		#columnsingle_bottom
--------------------------------------------- */
#columnsingle_bottom{
	padding: 20px 40px 40px;
	background: #fff;
}
#columnsingle_bottom .inner{
	border-top: 1px solid #eee;
}
#columnsingle_bottom .inner .sns{
	margin: 16px 0;
}
#columnsingle_bottom .inner .category,
#columnsingle_bottom .inner .tag{
	margin: 10px 0;
	padding-left: 24px;
	position: relative;
}
#columnsingle_bottom .inner .category::before,
#columnsingle_bottom .inner .tag::before{
	content: "\f02b";
	font-family: "font awesome 5 free";
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
	line-height: 20px;
	color: #ddd;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#columnsingle_bottom .inner .category::before{
	content: "\f07b";
}
#columnsingle_bottom .inner .tag::before{
	content: "\f02b";
}
#columnsingle_bottom .inner .category ul,
#columnsingle_bottom .inner .tag ul{
	width: 100%;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
}
#columnsingle_bottom .inner .category ul li,
#columnsingle_bottom .inner .tag ul li{
	margin: 0 0 0 10px;
}
#columnsingle_bottom .inner .category ul li a,
#columnsingle_bottom .inner .tag ul li a{
	font-size: 1.2em;
	color: #999;
	text-decoration: none;
}
#columnsingle_bottom .inner .category ul li a:hover,
#columnsingle_bottom .inner .tag ul li a:hover{
	text-decoration: underline;
}

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












@media screen and (min-width:801px){
.onlySP{ display: none;}
}
@media screen and (max-width:800px){
.onlyPC{ display: none;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		column common

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#main{
	margin: 20px 0 0;
}
#main .content{
	flex-wrap: wrap;
}
#main .content main{
	width: 100%;
	margin: 0 0 40px;
	padding: 0 10px;
	flex: none;
}
#main .content #sidebar{
	width: 100%;
	margin-left: 0;
	padding: 40px 20px;
	background: #f5f5f5;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		sidebar

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar{}
#sidebar section{
	margin: 0 0 40px;
}
#sidebar section h2{}

#sidebar ul{}
#sidebar ul li{}
#sidebar ul li:first-child{}
#sidebar ul li a{
	padding: 15px 0;
}
#sidebar ul li a:hover{}


/*		calendar_wrap
--------------------------------------------- */
#sidebar .calendar_wrap{}
#sidebar .calendar_wrap table{
	background: #fff;
}
#sidebar .calendar_wrap table caption{}
#sidebar .calendar_wrap table tr th,
#sidebar .calendar_wrap table tr td{}
#sidebar .calendar_wrap table tr th{}
#sidebar .calendar_wrap table tr td{}
#sidebar .calendar_wrap table thead tr th{}
#sidebar .calendar_wrap table thead tr td{}
#sidebar .calendar_wrap table tbody tr th{}
#sidebar .calendar_wrap table tbody tr td{}
#sidebar .calendar_wrap table tbody tr td a{}
#sidebar .calendar_wrap table tfoot tr th{}
#sidebar .calendar_wrap table tfoot tr td{}
#sidebar .calendar_wrap table tfoot tr td a{}

/*		category
--------------------------------------------- */
#sidebar label.screen-reader-text{}
#sidebar select.postform{}

/*		tag cloud
--------------------------------------------- */
#sidebar .tagcloud{}
#sidebar .tagcloud a{
	border-radius: 4px;
}
#sidebar .tagcloud a:hover{}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		column_list main

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*		columnlist_top
--------------------------------------------- */
#columnlist_top{}
#columnlist_top h1{
	padding: 0 10px 30px;
	text-align: center;
	}

/*		columnlist_article
--------------------------------------------- */
#columnlist_article{
	margin: 0 10px;
	}
#columnlist_article > ul{}
#columnlist_article > ul > li{
	margin-top: 10px;
	padding: 0 0 60px;
	background: #fff;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.05);
	position: relative;
}
#columnlist_article > ul > li::after{
	content: "続きを読む";
	width: 100%;
	height: 40px;
	display: block;
	border-top: 1px solid #eee;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 40px;
	z-index: 0;
	}
#columnlist_article > ul > li:first-child{
	margin-top: 0;
	}
#columnlist_article > ul > li:hover{}
#columnlist_article > ul > li > a{
	z-index: 10;
	}
#columnlist_article > ul > li > .inner{
	flex-direction: column;
}
#columnlist_article > ul > li > .inner > div{}
#columnlist_article > ul > li > .inner .img{}
#columnlist_article > ul > li > .inner .img img{
	width: 100%;
}
#columnlist_article > ul > li:hover > .inner .img img{}
#columnlist_article > ul > li > .inner .detail{
	padding: 20px 20px 0;
}
#columnlist_article > ul > li > .inner .detail a{
	z-index: 20;
	}
#columnlist_article > ul > li > .inner .detail h2{}
#columnlist_article > ul > li > .inner .detail .description{}
#columnlist_article > ul > li > .inner .detail p{}

/*		columnlist_nav
--------------------------------------------- */
#columnlist_nav{
	margin: 20px 10px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

		column_single main

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*		columnsingle_top
--------------------------------------------- */
#columnsingle_top{
	padding: 0 20px 40px;
	background: #fff;
	border-bottom: 1px solid #f5f5f5;
}
#columnsingle_top .topimg{
	width: calc(100% + 40px);
	margin: 0 0 40px -20px;
}
#columnsingle_top .topimg img{
	width: 100%;
	height: auto;
	display: block;
}
#columnsingle_top h2{
	font-size: 2em;
}
#columnsingle_top .description{}
#columnsingle_top .description span{
	width: 100%;
	display: block;
	clear: both;
	}

/*		columnsingle_article
--------------------------------------------- */
#columnsingle_article{
	padding: 40px 20px 40px;
}
#columnsingle_article h3{
	margin: 40px 0 20px;
	font-size: 1.8em;
	font-weight: 600;
	color: #000;
}
#columnsingle_article h4{}
#columnsingle_article h5{}
#columnsingle_article p{
	margin: 20px 0;
	font-size: 1.4em;
}
#columnsingle_article hr{
	margin: 20px 0;
	background: #ddd;
	height: 1px;
	border: none;
}
#columnsingle_article ul,
#columnsingle_article ol{
	margin-bottom: 20px;
	margin-top: 20px;
}
#columnsingle_article ul li,
#columnsingle_article ol li{
	margin: 4px 0 0;
	font-size: 1.4em;
}
#columnsingle_article ul li:first-child,
#columnsingle_article ol li:first-child{
	margin-top: 0;
}
#columnsingle_article img{
	width: auto;
	height: auto;
	display: block;
	}
#columnsingle_article a img{}
#columnsingle_article a img:hover{
	opacity: 0.6;
}
#columnsingle_article table{
	margin: 20px 0;
}
#columnsingle_article table tr{}
#columnsingle_article table tr th,
#columnsingle_article table tr td{
	padding: 10px;
	border: 1px solid #ddd;
	font-size: 1.4em;
}
#columnsingle_article table tr th{}
#columnsingle_article table tr td{}
#columnsingle_article{}
#columnsingle_article{}

/*		salonsingle_info
--------------------------------------------- */
#columnsingle_info{
	padding: 50px 40px 40px;
	background: #f5f5f5;
	position: relative;
}
#columnsingle_info h3{
	color: #ddd;
	font-size: 2em;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#columnsingle_info h4{
	margin: 0 0 20px;
	font-size: 2em;
}
#columnsingle_info p{
	font-size: 1.2em;
}
#columnsingle_info ul.contact{
	width: 300px;
	margin: 20px 0 0;
	list-style: none;
}
#columnsingle_info ul.contact li{
	width: 100%;
	margin: 5px 0 0;
}
#columnsingle_info ul.contact li:first-child{
	margin-top: 0;
}
#columnsingle_info ul.contact li a{
	width: 100%;
	padding: 10px 0;
	background: #fff;
	display: block;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	color: #000;
}
#columnsingle_info ul.contact li a::after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 3px solid transparent;
	border-left: 3px solid #000;
	position: absolute;
	right: -2px;
	bottom: -2px;
	transform: rotate(45deg);
}
#columnsingle_info ul.contact li a:hover{
	opacity: 0.6;
}
#columnsingle_info ul.contact li.tel{}
#columnsingle_info ul.contact li.web{}
#columnsingle_info{}


/*		columnsingle_pager
--------------------------------------------- */
#columnsingle_pager{}
#columnsingle_pager ul{
	flex-direction: column;
	border: 1px solid #f5f5f5;
}
#columnsingle_pager ul li{
	width: 100%;
	border: 1px solid #f5f5f5;
}
#columnsingle_pager ul li a{}
#columnsingle_pager ul li a:hover{}
#columnsingle_pager ul li.prev{}
#columnsingle_pager ul li.prev a{
	padding: 20px 60px;
}
#columnsingle_pager ul li.prev a::before{}
#columnsingle_pager ul li.next{}
#columnsingle_pager ul li.next a{
	padding: 20px 60px;
}
#columnsingle_pager ul li.next a::after{}



/*		#columnsingle_bottom
--------------------------------------------- */
#columnsingle_bottom{
	padding: 20px 20px 40px;
}
#columnsingle_bottom .inner{}
#columnsingle_bottom .inner .sns{}
#columnsingle_bottom .inner .category,
#columnsingle_bottom .inner .tag{}
#columnsingle_bottom .inner .category::before,
#columnsingle_bottom .inner .tag::before{}
#columnsingle_bottom .inner .category::before{}
#columnsingle_bottom .inner .tag::before{}
#columnsingle_bottom .inner .category ul,
#columnsingle_bottom .inner .tag ul{}
#columnsingle_bottom .inner .category ul li,
#columnsingle_bottom .inner .tag ul li{}
#columnsingle_bottom .inner .category ul li a,
#columnsingle_bottom .inner .tag ul li a{}
#columnsingle_bottom .inner .category ul li a:hover,
#columnsingle_bottom .inner .tag ul li a:hover{}


}