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

section{
	margin-bottom:40px;
}

/*画像ブロック*/
#main-image-centrair {
	clear: left;
	/*text-indent: -9999px;*/
	position: fixed;	/*スクロールしても固定表示させる指定*/
	top: 0px;
	width: 100%;
	height: 80%;
	z-index: -1;
	background: url(images/main.jpg) no-repeat center top/contain;
	padding-top:40px;
	text-align:center;
}

#main-image-centrair img{
	width:50%;
	}

#contents {
	height: auto;
	position: absolute;
	width: 100%;
	top:80%;
	margin:0 auto;
	background:#fff;
}
.secand-centrair-top{
	padding:20px 15% 20px 15%!important;
	/*position:relative;*/
	width:70%;
	display:inline-block;
}
.top-come{
	width:100%;
	padding:20px;
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
	font-size:120%;
}

/*2カラム
	----------------------------------------*/

.kodawari-left01 {
	width: 48%;	/*幅*/
	float: left;	/*左に回り込み*/
	padding-right: 2%;	/*左に空ける余白*/
	/*margin-bottom: 40px;	/*下に空ける余白*/
}
/*footer内の右側のブロック指定*/
.kodawari-right01 {
	width: 48%;	/*幅*/
	float: right;	/*右に回り込み*/
	padding-left: 2%;	/*右に空ける余白*/
	/*margin-bottom: 40px;	/*下に空ける余白*/
}

/*店舗情報　タイトル*/
.kodawari-left01 h4{
	background:#666!important;
	color:#fff!important;
	padding:10px 0 10px 30px!important;
	float:left!important;
	width:100%!important;
	text-align:left!important;
	margin-bottom:20px;
}

.kodawari-left01 p.info{
	float:left;
	margin-top:20px;
	line-height:2.8em;
	clear:both;
}

.kodawari-left01 ul{
	width:100%;
	float:left;
	padding:20px 12.5%;
}

.kodawari-left01 ul li{
	width:21%;
	margin:10px 2%;
	float:left;
	list-style-type:none;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

.come{
	font-size:80%!important;
	line-height:1.5em!important;
	clear:both;
	margin:5px 0px!important;
	padding:0px!important;
	float:left;
}

/*背景和紙*/
.secand-bg-centrair{
	padding:20px 15% 20px 15%!important;
	/*position:relative;*/
	width:70%;
	display:inline-block;
	background: url(images/bg.jpg) repeat-x top;
}

.secand-bg-centrair h3{
	font-size:30px!important;
	margin:20px 0px;
	width:100%;
	text-align:center;
}

/*3カラム
	----------------------------------------*/
.col3{
	padding:0px 0% 0px 0%;	/*ボックス内の余白*/
	margin-bottom:40px;
	clear:both;
	display: inline-block;
}

.col3 ul {
	width:100%;
	float:left;
}

.col3 ul li{
	width:30%;
	float:left;
	list-style-type:none;
	margin:10px 1.5%;
}

.col3 ul li p{
	text-align:center;
	padding:0!important;
	margin-top:20px;
	font-size:100%!important;
	line-height:1.5em!important;
}

.image-line img{
	border:solid 1px #ccc;
	box-sizing: border-box;
}
	
/*画面幅1367px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1367px){

/*背景和紙*/
.secand-bg-centrair{
	background: url(images/bg-sp.jpg) repeat-x top;
}
	.col3 ul li p{
	text-align:center;
	padding:0!important;
	margin-top:20px;
	font-size:85%!important;
	line-height:1.5em!important;
}
	#main-image-centrair img{
	width:65%;
	}
}

/*画面幅1125px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1125px){

#main-image-centrair img{
	width:60%;
	}
}

/*画面幅1025px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1025px){

p.aji-title img{
		zoom:.5;
	}

#main-image-centrair img{
	width:70%;
	}
#contents {
	height: auto;
	position: absolute;
	width: 100%;
	top:45%;
	margin:0 auto;
	background:#fff;
}
.secand-centrair-top{
	padding:20px 5% 20px 5%!important;
	/*position:relative;*/
	width:90%;
	display:inline-block;
}
/*2カラム
	----------------------------------------*/

.kodawari-left01 {
	width: 48%;	/*幅*/
	float: left;	/*左に回り込み*/
	padding-right: 2%;	/*左に空ける余白*/
	/*margin-bottom: 40px;	/*下に空ける余白*/
}
/*footer内の右側のブロック指定*/
.kodawari-right01 {
	width: 48%;	/*幅*/
	float: right;	/*右に回り込み*/
	padding-left: 2%;	/*右に空ける余白*/
	/*margin-bottom: 40px;	/*下に空ける余白*/
}
/*店舗情報　タイトル*/
.kodawari-left01 h4{
	background:#666!important;
	color:#fff!important;
	padding:10px 0 10px 30px!important;
	float:left!important;
	width:98%!important;
	text-align:left!important;
	margin-bottom:20px;
}
.secand-bg-centrair h3{
	font-size:25px!important;
	margin:15px 0px;
	width:100%;
	text-align:center;
}
	
/*背景和紙*/
.secand-bg-centrair{
	padding:20px 5% 20px 5%!important;
	/*position:relative;*/
	width:90%;
	display:inline-block;
	background: url(images/bg-sp.jpg) repeat-x top;
}
	
	
}

/*画面幅1024px以下で横に見たときの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-height:800px){
#contents {
	height: auto;
	position: absolute;
	width: 100%;
	top:80%;
	margin:0 auto;
	background:#fff;
}
}

/*画面幅820px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:820px){
#contents {
	height: auto;
	position: absolute;
	width: 100%;
	top:40%;
	margin:0 auto;
	background:#fff;
}

	
.top-come{
	width:100%;
	padding:20px;
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
	font-size:100%;
}
	
	
/*背景和紙*/
.secand-bg-centrair{
	background: url(images/bg-sp-sp.jpg) repeat-x top;
}
	
.col3 ul li p{
	text-align:center;
	padding:0!important;
	margin-top:20px;
	font-size:80%!important;
	line-height:1.5em!important;
}	
	
}

/*画面幅820px以下で横に見たときの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-height:420px){
#contents {
	height: auto;
	position: absolute;
	width: 100%;
	top:100%;
	margin:0 auto;
	background:#fff;
}
}

/*画面幅420px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:420px){
	
	
/*画像ブロック*/
#main-image-centrair {
	clear: left;
	/*text-indent: -9999px;*/
	position: fixed;	/*スクロールしても固定表示させる指定*/
	top: 0px;
	width: 100%;
	height: 80%;
	z-index: -1;
	background: url(images/main.jpg) no-repeat center top/contain;
	padding-top:25px;
	text-align:center;
}
	
#main-image-centrair img{
	width:80%;
	}


#contents {
	height: auto;
	position: absolute;
	width: 100%;
	/*bottom: 0px;	/*下からの配置指定*/
	/*right: 15%;		/*右からの配置指定*/
	top:35%;
	margin:0 auto;
	background:#fff;
}
	
	.secand-centrair-top{
	padding:0px 5% 20px 5%!important;
	/*position:relative;*/
	width:90%;
	display:inline-block;
}
.top-come{
	width:100%;
	padding:20px;
	text-align:left;
	margin-top:0px;
	margin-bottom:40px;
	font-size:120%;
}
	
/*2カラム
	----------------------------------------*/

.kodawari-left01 {
	width: 100%;	/*幅*/
	float: left;	/*左に回り込み*/
	padding-left: 0%;	/*左に空ける余白*/
	padding-bottom: 20px;	/*下に空ける余白*/
}
/*footer内の右側のブロック指定*/
.kodawari-right01 {
	width: 100%;	/*幅*/
	float: left;	/*左に回り込み*/
	padding-left: 0%;	/*右に空ける余白*/
	padding-bottom: 20px;	/*下に空ける余白*/
}
	

	
/*店舗情報　タイトル*/
.kodawari-left01 h4{
	background:#666!important;
	color:#fff!important;
	padding:10px 5% 10px 5%!important;
	float:left!important;
	width:90%!important;
	text-align:left!important;
	margin-bottom:20px;
}

.kodawari-left01 ul{
	width:100%;
	float:left;
	padding:20px 0%;
}

.kodawari-left01 ul li{
	width:31%;
	margin:10px 1%;
	float:left;
	list-style-type:none;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
.kodawari-left01 p.info{
	float:left;
	margin-top:10px;
	line-height:2.8em;
	clear:both;
	font-size:90%;
}
	
.kodawari-left01 p.info img{
	width:40px;
	}
.come{
	font-size:80%!important;
	line-height:1.5em!important;
	clear:both;
	margin:5px 0px!important;
	padding:5px!important;
	float:left;
}
	
/*背景和紙*/	
.secand-bg-centrair{
	padding:0px 3% 0px 3%!important;
	/*position:relative;*/
	width:94%;
}
	/*背景和紙　タイトル*/	
	.secand-bg-centrair h3{
	font-size:20px!important;
	margin:20px 0px;
	width:100%;
	text-align:center;
	line-height:1.5em;
}
	
.col3 ul li{
	width:100%;
	float:left;
	list-style-type:none;
	margin:10px 0%;
}
	
.col3 ul li p{
	text-align:center;
	padding:0!important;
	margin-top:20px;
	font-size:100%!important;
	line-height:1.5em!important;
}	
	
}