@charset "UTF-8";
/* CSS TOPPAGE */

/************************************

mainimage

************************************/
#mainimage{
	width:100%;
	max-height:800px;
	overflow:hidden;
	margin:0;
	position:relative;
	transition:2s;
}
#mainimage .sp_slide{
	display:none;
}
#mainimage .slick-slide img {
	width:100%;
	height:auto;
}
@media only screen and (max-width:768px){
	#mainimage{
	width:100%;
	max-height:auto;
}

}
@media only screen and (max-width:480px){
	#mainimage .pc_slide{
	display:none;
}
#mainimage .sp_slide{
	display:block;
}

}

/************************************

NEWSまわりレイアウト

************************************/
#top .beige #top_news {
	float:left;
	width:60%;
	text-align:left;
}
#top .beige #top_news_side {
	float:right;
	width:35%;
	text-align:left;
}
@media only screen and (max-width:768px){
	#top .beige #top_news {
	float:none;
	width:84%;
	margin:0 auto 40px;
	text-align:left;
}
#top .beige #top_news_side {
	float:none;
	width:84%;
	margin:0 auto;
	text-align:left;
}
}
/************************************

NEWS

************************************/
#top_news{
	margin-top:-100px;
	padding-top:100px;
}
#top_news h2 {
position: relative;
	display: block;
	text-decoration: none;
	margin:0 0 30px;
}
#top_news h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #333;
}
#top_news h2::before {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100px;
	height: 2px;
	background: #333;
}
#top_news dl {
	margin:0 0 15px;
	line-height:180%;
}
#top_news dt {
	font-weight:bold;
}
#top_news dd {
	font-size:90%;
}
@media only screen and (max-width:768px){
#top_news{
	margin-top:0;
	padding-top:0;
}	
}
/************************************

top_sodan

************************************/
#top_sodan {
	position:relative;
	margin:0 0 50px;
	font-family: 'Noto Sans Japanese';
	font-weight:400;
	line-height:200%;
	transition:2s;
	color:#fff;
}
#top_sodan a {
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:50px 0;
	display:block;
	background:#3f9c49;
	transition:1s;
}
#top_sodan a:hover{
	opacity:.5;
}
#top_sodan .image {
	position:absolute;
	bottom:-40px;
	right:-20px;
}
/************************************

top_shop

************************************/
#top_shop {
	background:#fff;
	padding:30px;
}
#top_shop h2 {
	
font-weight:normal;
font-size:130%;
margin:0 0 10px;
}
#top_shop p {
	font-size:90%;
}
#top_shop a {
	text-decoration:none;
}
@media only screen and (max-width:768px){
	#top_shop a {
	text-decoration:underline;
}
}

/************************************

top_about

************************************/
#top_about {
	margin-top:-100px;
	padding-top:100px;
	transition:2s;
}
#top_about .about {
	height:540px;
	width:100%;
	background:url(../images/kagu_image_pc.jpg) no-repeat center;
	background-size:cover;
	
}
#top_about  h2 {
	padding-top:180px;
	font-size:190%;
	letter-spacing:0.1em;
	margin:0 0 30px;
}
#top_about  p {
	line-height:220%;
}
#top_about .bt {
	margin:30px auto 0;
}
@media only screen and (max-width:768px){
	#top_about {
	height:auto;
	width:100%;
	background:none;
	text-align:left;
	
}
#top_about {
	height:auto;
	width:100%;
	background:none;
	text-align:left;
}
#top_about .about {
	height:auto;
	width:100%;
	background:none;
	text-align:left;
	
}
#top_about  .image {
	height:300px;
	background:url(../images/kagu_image_sp.jpg) no-repeat center;
	background-size:cover;
}
#top_about  h2 {
	padding-top:40px;
	font-size:130%;
	margin:0 8% 30px;
}
#top_about  p {
	line-height:200%;
	margin:0 8% 1em;
	font-size:90%;
}
#top_about .bt {
	margin:30px 8% 0;
}
}
/************************************

top_funiture

************************************/
#top_funiture{
	padding:170px 0 70px ;
	margin-top:-100px;
}
#top_funiture .wrapper {
	max-width:1150px;
}
#top h2.sen {
	font-size:200%;
	font-weight:normal;
	position: relative;
	display: inline-block;
	text-decoration: none;
	margin:0 0 40px;
	letter-spacing:0.07em;
}
#top h2.sen::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #333;
}
#top_funiture .list {
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
	
}
#top_funiture .list article {
	width:29%;
	margin:0 2% 35px;
	
    
}
/*IE8▼*/
#top_funiture .list article {
float: left\9;
}
/*IE9▼*/
#top_funiture .list article:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top_funiture .list article  {
	float:left !important;
}
}
#top_funiture .list article p{
	padding:10px 0 0;
	
}
@media only screen and (max-width:768px){
	#top_funiture{
	padding:50px 0;
	margin:0;
}
	#top_funiture .wrapper {
		margin:0 8%;
		width:84%;
	}
	#top h2.sen {
	font-size:170%;
}
	#top_funiture .list article {
	width:46%;
	margin:0 2% 35px;
}
#top_funiture .list article p{
	font-size:80%;
}
}
/************************************

top_shop2

************************************/
#top_shop2{
	padding:170px 0 70px ;
	margin-top:-100px;
}
#top_shop2 .image {
	width:100%;
}
#top_shop2 .image article {
	float:left;
	width:33.3333%;
}
#top_shop2 p {
	padding:40px 0 0;
	line-height:200%;
}
@media only screen and (max-width:768px){
	#top_shop2{
	padding:50px 0;
	margin:0;
}
}
@media only screen and (max-width:480px){
	
	#top_shop2 .image article {
	float:none;
	width:100%;
}
#top_shop2 .pc_img{
	display:none;
}
}
/************************************

top_access

************************************/
#top_access{
	padding:170px 0 70px ;
	margin-top:-100px;
}
#top_access .wrapper{
	max-width:800px;
}
#top_access dl {
	float:left;
	width:50%;
	text-align:left;
}
#top_access dl dt {
	font-weight:bold;
}
#top_access #map {
	width:100%;
	height:370px;
	margin:40px 0 0;
}
#top_access #map iframe {
	width:100%;
	height:370px;
}
@media only screen and (max-width:768px){
	#top_access{
	padding:50px 0 0;
	margin:0;
}
	#top_access .wrapper{
	width:84%;
	margin:0 8%;
}
#top_access dl {
	float:none;
	width:100%;
	margin:0 0 1em;
}
#top_access #map {
	width:100%;
	height:300px;
}
#top_access #map iframe {
	width:100%;
	height:300px;
}
}