@charset "UTF-8";


/*トップページ*/

.top_section_title1 {
	margin:20px 0;
	font-weight:bold;
	font-size:30px;
}

.top_section_title2 {
	margin-top:-10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
	line-height:1.6;
}

.top_section_title3 {
	padding:0 20px;
}


.top_section1 {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	line-height:1.5;
}

.top_section1_photo {
	max-width:1000px;
	margin:0 auto;
}

.top_section1_cell {
	height:280px;
	padding:10px;

}

.top_cell_center {
	max-width:322px;
	margin:0 auto;
	
}

.top_section1_number {
	float:left;
	background-color:#000;
	color:#fff;
	padding:5px;
	font-weight:normal;
	font-size:18px;
	height:40px;
	vertical-align:middle;
	margin-top:10px;
}

.top_section1_boxtext {
	float:left;
	text-align:left;
	height:40px;
	margin-top:10px;
	margin-left:10px;
}

.top_section2 {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	background-color: #f7f6eb;
	padding-top:20px;
}

.top_section2b {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	background-color: #ffffff;
	padding-top:20px;
}

.top_section2_cell {
	height:auto;
	padding:10px;

}

.top_section2_number {
	color:#333;
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}

.top_section2_boxtext {
	text-align:left;
	color:#333;
	margin-top:15px;
	margin-left:10px;

}

.top_cell_center2 {
	max-width:485px;
	margin:0 auto;
	
}

.top_infomation {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	padding-top:20px;
}

.top_infomation_feed {
	background-color: #f0f6fc;
}


#feed div{

	padding:15px;
	}


#feed div .date{
	text-align:left;
	font-weight:bold;
	color:#0074b9;
	padding-top:10px;
	}

#feed div img{
	object-fit: cover;
	display:block;
	margin-left:0px;
	width: 237px;
	height: 108px;
  
	}
	
#feed div p{
	text-align:left;
		}
	
#feed div h3{
	text-align:left;
	color: #000000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	}

#feed a:link { text-decoration: none; color: #000; }
#feed a:visited { color: #000; }
#feed a:hover { color: #0074b9; }
#feed a:active { color: #0074b9; }


#feed .readmore {
	margin-top:10px;
	background-color: #daa66c;
	padding:5px;
}

.top_news {
	background-image:url(../images/top_news_bk.png);
	background-repeat:repeat;
	padding-top:0px;
}

.top_news_title {
	font-size:24px;
	font-weight:bold;
}

.top_news_box {
	margin-bottom:5px;
	border-bottom:1px #0074B9 solid;
}

.news_padding {
	padding-top:10px;
}

.top_news_date {
	font-weight:bold;
	color:#000;
	font-size:18px;
	margin-top:10px;
	margin-bottom:7px;
}

.top_blog_date {
	clear:both;
	float:left;
	background-color: #0074b9;
	color:#fff;
	padding:5px;
	font-size:16px;
	height:45px;
	vertical-align:middle;
	margin-top:6px;
	margin-bottom:6px;
	margin-right:10px;
}

.top_blog_title {
	font-weight:bold;
}

#feed_ameblo a:link { text-decoration: none; color: #000; }
#feed_ameblo a:visited { color: #000; }
#feed_ameblo a:hover { color: #0074b9; }
#feed_ameblo a:active { color: #0074b9; }

.top_blog_text {
	margin-top:-10px;
}

#top_calender {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}

.top_showroom {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	padding-top:20px;
}

.top_contact {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	padding-top:20px;
}

.contactus_box {
	width:800px;
	height:240px;
	margin:0 auto;
	margin-bottom:30px;
}

.contactus_img {
	width:100%;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width:100%;
padding-right:30px;
padding-left:30px;
height: 100%;
}

.top_banner {
	
}

.top_banner_box {
	max-width:1000px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
}

.top_banner_cell {
	height:105px;
	text-align:center;
}


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

.contactus_box {
	width:700px;
	height:210px;
	margin:0 auto;
	margin-bottom:30px;
}

.contactus_img {
	width:700px;
	height:210px;
}


}


@media screen and (max-width : 767px){
	
.contactus_box {
	width:300px;
	height:90px;
	margin:0 auto;
	margin-bottom:30px;
}

.contactus_img {
	width:300px;
	height:90px;
}

}


.top_img {
	position:relative;
	z-index: 0;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}

.pagetitle {
	position:absolute;
	top:135px;
	left:65px;
	z-index:2;
	

}


.pagetitle h2 {
	font-size:36px;
	margin-top:-8px;
}


section.contents {
max-width: 1000px;
text-align: left;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 30px;
}

div#left{
float: left;
width: 740px;
}


div#right{
float: right;
width: 243px;
margin-top: 30px;
}




#cat_navi { margin-bottom: 20px; width: 234px; float: left }
#cat_navi ul  { margin-left: 6px; }
#cat_navi li a:link   { background-color: #eee; display: block; margin-bottom: 1px; padding: 8px; width: 234px; height: 36px;  }
#cat_navi li a:visited  { background-color: #eee; display: block; margin-bottom: 1px; padding: 8px; width: 234px; height: 36px;  }
#cat_navi li a:hover { text-decoration: none; background-color: #CCCCCC }





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

.pagetitle p {
	font-size:12px;
	margin-top:-5px;
	float:left;
	}
	
.pagetitle h2 {
	float:left;
	font-size:18px;
	margin-top:-25px;
	margin-left:50px;
}


}


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

.pagetitle {
	position:absolute;
	top:50px;
	left:10px;
	z-index:2;

}
.pagetitle p {
	font-size:10px;
	float:left;
}
	
	.pagetitle h2 {
	float:none;
	font-size:14px;
	margin-left:0px;
	margin-top:20px;
	
}

.img100 {
width: 100%;
height: auto;
}

div#left{
float: left;
width: 100%;
}


div#right{
float: left;
width: 100%;
margin-top: 30px;
}




#cat_navi { margin-bottom: 20px; width: 100%; float: left }
#cat_navi ul  { margin-left: 6px; }
#cat_navi li a:link   { background-color: #eee; display: block; margin-bottom: 1px; padding: 8px; width: 100%; height: 36px;  }
#cat_navi li a:visited  { background-color: #eee; display: block; margin-bottom: 1px; padding: 8px; width: 100%; height: 36px;  }
#cat_navi li a:hover { text-decoration: none; background-color: #CCCCCC }


}

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

.top_blog_title {padding-top:6px;}
.top_blog_text {margin-top:-5px;}

}