@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    font-size: 12px;

	text-decoration: none;
}

body{
	max-width:1024px;
	margin-left: auto;
	margin-right:auto;
}
header{
	border-top		: solid 10px #008000;
<!--	border-bottom	: solid  5px #008000;--> <!-- rep DEL -->
}

footer {
	text-align		:	center;
 	background-color	: #008000;
	color				: #fff;
	padding-top		:	10px;
	padding-bottom	:	10px;
}
footer span.name{
	font-size:24px;
}
hf16{
	font-size:15px;
}
hf22{
	font-size:22px;
}section,article{
	margin-bottom	:	10px;
}

ul{
	list-style		:	none;
}

div{
	display:block;
}

img{
	width	:	100%;
}

.mt5	{margin-top:	5px;	}
.mt10	{margin-top:	10px;	}
.mt15	{margin-top:	15px;	}
.mt20	{margin-top:	20px;	}

/** ナビ */
nav{
	overflow		:	hidden;
	/*margin-top		:	5px;*/
}
nav ul li a{
	font-size		:	90%;
	font-weight		:	bold;
	color			:	#000000; <!-- add -->
}
nav ul li a{
	display					:	block;
	width					:	100%;
}
	nav li:hover,
	nav li[selected]{
		background-color		:	#008000; <!-- rep -->
		cursor					:	pointer;
	}
	nav li:hover a,
	nav li[selected] a{
		color					:	#fff;
	}

/** ロゴ */
header {
	position		:	relative;
}

header h1{
 	max-width		:	340px;
	width			:	auto;
	height			:	60px;
	text-indent		:	-1000em;
	background		:	url("../images/logo-001.png") no-repeat; <!-- REP -->
	background-size	:	100%;
}

header div.inquiry{
	position		:	absolute;
	top				:	0;
	right			:	0;
}

header div.inquiry	> .text{
	font-size		:	16px; <!-- REP -->
	text-align		:	right;
}
header div.inquiry	> .tel{
	font-size		:	22px; <!-- REP -->
}

h4{
	font-size		:	20px;
	color			:	#000000;
	border-bottom	:	solid  3px #008000;
	padding			:	10px 0 0 8px;
	margin-bottom	:	5px;
	-webkit-border-top-left-radius	:	5px;
	-moz-border-radius-topleft		:	5px;  
}

h5{ 
	font-size		:	20px; <!-- REP -->
	padding-left	:	200px;
	border-left		:	solid  4px  #008000; <!-- REP -->
	margin-bottom	:	5px;
}

h6{
	font-size		:	16px;
	padding-left	:	10px;
}

.red{
	font color		:	re#0000ff;
}

.clear{
	clear:both;
}

/** 店内 */
.	tennai-image{
	max-width		:	400px;
	width			:	100%;
}

/** news */
div.Indent-list ul li.detail{
	margin-left		:	0px;
	margin-bottom		:	10px;
	font-size		:	15px;
}

/** 紹介画像 */
section.full-image{
	width			:	100%;
}
section.full-image > img{
	max-width		:	768px;
	width			:	100%;
	background-size	:	100%;
}

section.half-image{
	width			:	50%;
	float			:	left;
	padding-right	:	5px;
}
section.half-image > img{
	max-width		:	300px;
	width			:	100%;
	background-size	:	100%;
}
/* Contents */
#contents {
	width:80%;
	margin:0 auto;
}
#contents p{
	margin-bottom:24px;
}


@media screen and (min-width: 0px) and (max-width: 919px) {
	#amain{
		width:100%;
		padding : 0px 8px 0px 8px;
	}
	#asub{
		width:100%;
		padding : 0px 8px 0px 8px;
	}
	section#pc-nav{
		display:none;
	}

	section#mb-nav{
		display:block;
	}

	header div.inquiry{
		display:none;
	}
	
	/** ナビ */
	.menu-button {
		width					:	100px;
		height					:	42px;
		display					:	inline-block;
		text-align				:	center;
		text-decoration			:	none;
		line-height				:	42px;
		outline					:	none;
		background-color		:	#fff;
		color					:	#0a60fd;
		font-weight				:	bold;
		border-radius			:	10px;
		-webkit-border-radius	:	10px;
		-moz-border-radius		:	10px;
		margin-bottom			:	5px;
	}

	#mb-nav div{
		text-align				:	right;
		padding					:	5px;
		background-color		:	#5baff6;
	}
	
	nav li a{
		line-height				:	50px;
	}
	nav ul li{
		width					:	100%;
		height					:	50px;
		text-align				:	center;
		border-top				:	#008000 1px solid;
		display					:	none;
		color					:	#fff;
	}

	/** 画像 */
	section.half-image{
		width					:	100%;
	}

	section.half-image > img{
		max-width				:	100%;
		width					:	100%;
		background-size			:	100%;
	}

}

@media screen and (min-width: 920px) {
	#amain{
		width					:	47.5%;
		float					:	left;
		margin					:	0 1.0416667%;
	}

	#asub{
		width					:	47.5%;
		float					:	left;
		margin					:	0 1.0416667%;
	}
	section#pc-nav{
		display					:	block;
	}
	section#mb-nav{
		display					:	none;
	}

	header div.inquiry{
		display					:	block;
	}
	
	/** ナビ */
	#pc-nav{
		text-align				:	center;
	}
	nav li{
		width					:	100%;
		font-size				:	16px;
		border					:	solid 1px #008000; <!-- rep -->
		margin-top				:	5px;
	}
	nav li a{
		line-height				:	60px;
	}

}