@charset "UTF-8";


/*======================================
	ホーム
=======================================*/
#main{
	text-align:center;
}
#top_img{
	max-width:2120px;
	margin:0 auto 80px;
	width:100%;
	height:602px;
	background:url(../img/main_img.jpg) center top repeat-x;
	background-size: auto 100%;
	position:relative;
}

#top_img #top_logo{
	width:100%;
	position:absolute;
	top:170px;
	left:0;
}
#top_img #top_logo img{
	max-width:530px;
	width:100%;
	margin: 0 auto;
	padding-left:90px;
}


#renewal{
	width:100%;
	margin:0 auto 8%;
	background:url(../img/line_top.png) left top repeat-x,
				url(../img/line_btm.png) left bottom repeat-x;
	padding:80px 5%;
}
#renewal img{
	margin:0 auto;
}

#bento{
	margin:0 auto 50px;
}
#bento p{
	width:90%;
	text-align:center;
	margin: 0 auto;
}
#bento p img{
	margin:0 auto 5%;
}
#bento ul{
	overflow:hidden;
	margin:0 auto 5%;
}
#bento li{
	vertical-align:top;
	float:left;
	width:32%;
	margin-right:2%;
}
#bento li:last-child{
	margin-right:0;
}

/* 年末年始のお知らせ */
#news{
	border:2px solid #494949;
	width:100%;
	max-width:700px;
	padding:30px 10px;
	margin:0 auto 8%;
}
#news_title{
	font-size:180%;
	font-weight:bold;
	margin-bottom:20px;
}
#news_txt{
	font-size:120%;
}
#news #red{
	color:#de0012;
	font-size:140%;
}

/* 準備中 */
#news2{
	width:100%;
	font-size:160%;
	padding:30px 10px;
	margin:0 auto 8%;
}

@media screen and (max-width:1060px){
	#top_img{
		max-width:1060px;
		width:100%;
		max-height:602px;
		height:100%;
		background:url(../img/main_img.jpg) center top no-repeat;
		background-size: 100%;
		padding:56% 0 0;
	}
	#top_img #top_logo {
		position: absolute;
		top: 27%;
		left: 0;
	}
}

/*======================================
	タブレット・スマホ
=======================================*/
@media screen and (max-width:780px){
	#top_img{
		max-height:849px;
		height:100%;
		padding:80% 0 0;
		background:url(../img/main_img_sp.png) center top no-repeat;
		background-size:100%;
		position:relative;
	}
	
	#top_img #top_logo{
		width:100%;
		text-align:center;
		position:absolute;
		top:10%;
	}
	#top_img #top_logo .pc_img{
		display:none;
	}
	#top_img #top_logo .sp_img{
		display:block;
	}
	#top_img #top_logo img{
		max-width:640px;
		width:70%;
		margin: 0 auto;
		padding-left:0;
	}
}
@media screen and (max-width:640px){
	
	#top_img{
		margin:0 auto 80px;
	}
	#renewal{
		padding:50px 10%;
		margin:0 auto 80px;
	}
	#bento p{
		max-width:235px;
		margin-bottom:20px;
	}
	#bento li{
		max-width:333px;
		width:100%;
		float:none;
		margin:0 auto 20px !important;
	}

}