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


a:active {
	color:#06C;
}
a:hover	{
	color:#F39;
}
.cover_hd	{
	width:100%;
	height: 140px;
}
.scroll_hd	{
	width:100%;
	height:430px;
	background-size:contain;
	background-attachment:fixed;
	margin:2em auto;
}

.cover_content	{
	width:100%;
	height:auto;
	margin:0 auto;
}

.title_text {
	margin:1em auto -4.0em;
	width:100%;
	max-width:700px;
	padding:0.5em;
}

.cover_title_hd {	
	font-family:'Noto Serif JP', serif;
	font-size:20px;
	width:100%;
	padding:0.8em 0 0.8em;
	background-color:#363;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	letter-spacing:0.4em;
}
.cover_info	{
	width:100%;
	margin:0 auto;
	height:auto;
}

.renovation_bana	{
	width:100%;
	max-width:900px;
	margin:3.0em auto 3.0em;
}
.renovation_bana img {
	width:100%;
}

.cover_box {
	width:100%;
	max-width:900px;
	display: flex;
  	justify-content: center;
	flex-wrap:wrap;
	padding:0.5em;
	margin:1.0em auto;
}
.cover_items img {
	width:100%;
	height: 90px;
	max-width:140px;
	margin: 0.3em;
}

.cover_items_ctg {
	width:100%;
	max-width:140px;
	margin:0.5em;
	padding: 0.1em;
	background-color: #ccc;
	text-align: center;
	font-size: 12px;
}
.cover_items_ctg img {
	width:100%;
}

.cover_title {
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding:1.0em;
	background-color:#CCCCCC;
	border-radius:5px;
}
.cover_categ {
	width:100%;
	margin-top:140px;
	background-color:#B87070;
	display:flex;
	justify-content: space-between;
	
}
.cover_categ p {
	font-family:'Noto Serif JP', serif;
	font-size:18px;
	width:100%;
	max-width:700px;
	padding:0.8em 0 0.8em;
	color:#FFF;
	margin:0 auto;
}

.ob_line {
	width:100%;
	padding:20px;
	background-color:#FFE0C1;
}

.color_y {
	background-color:#FFD2FF;
}
.color_b {
	background-color:#FFFFB3;
}

.sns_rogo	{
	width:100%;
	max-width:300px;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
	padding:2.0em;
}
.sns_rogo_item	{
	width:70px;
	padding:0.5em;
}
.staff_sh {
	widows:100%;
	max-width:900px;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin:0 auto;
}
.staff_sh img	{
	width:100%;
}
.staff_sh_co {
	width:100%;
	max-width:130px;
	padding:5px;
	margin:10px;
	text-align:center;
	border:#6F9 1px solid;
	font-size:13px;
}

@media screen and (max-width: 1100px) {
.cover_hd	{
	padding-top:80px;
	}
.cover_info	{
	font-size:14px;
}

}

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





}

@media screen and (max-width: 480px) {
/* --リノベーション---*/
.cover_nav {
	display:none;
}

	
}