@charset "utf-8";

/* @group reset */
* { margin: 0;padding: 0;}
a { text-decoration: underline;}
ul, ol { list-style: none;}
img { vertical-align: middle;}
/* @end */

/* レスポンシブ対応イメージ */
img { max-width: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* 全体のフォント */
html {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 2;
	font-size: 14px;
}
/* 背景カラー */
body { background-color: }

/* ｈ系のフォントサイズ、あとでremになおす */
h1,h2,h3,h4,h5,h6 { margin-bottom : 24px;}
h1 {
font-size: 12px;
line-height: 140%;
margin:6px 0 0 0;
} /* 12px */
h2 {
font-size : 16px;
/*line-height : 1;ラインハイトをコメントアウト*/} /* 16px */
h3{
font-size : 24px;
line-height : 1;} /* 24px */
hgroup h2,h4,h5,h6 {
font-size : 16px;
line-height : 1.5;} /* 24px */

/* ヘッダー */
header { overflow: hidden; }

.header-com{
	font-size: 12px;
	line-height: 140%;
	margin:6px 0 0 0;
} /* 12px */

#re_logo{
	float: left;
	width: 15%;
	margin: 1%;
}
#h1 {
	float: left;
	width: 60%;
	margin: 1%;
}
#menu{
	float: right;
	width: 15%;
	margin: 1%;
}
#icatch {
	clear: both;
	margin: 2%;
}

/* ナビ */
nav {
	overflow: hidden;
	background-color: #FDF5EF;
}
/* リストメニュー */
.list_menu {
	float: left;
	width: 33%;
	text-align: center;
	border-top: 1px solid #F2DBC1;
}

/* ボタンセクション */
.button {
	text-align: center;
	padding: 10px;
	border-top: 1px solid #F2DBC1;
}
button.css3button {
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	margin: 2px 0px;
	background: -moz-linear-gradient(
		top,
		#f5b513 0%,
		#fa9120 25%,
		#e67b09);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f5b513),
		color-stop(0.25, #fa9120),
		to(#e67b09));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

button.css3button2 {
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	margin: 2px 0px;
	background: -moz-linear-gradient(
		top,
		#f5b513 0%,
		#fa9120 25%,
		#e67b09);
	background: #00a381;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

/* セクション１ */
.section1 {
	background-color: #FDF5EF;
	border-top: 1px solid #F2DBC1;
}
#section1title1 img,#section1title2 img,#section1title3 img {
	width: 30px;
	float: left;
	padding: 0 3px;
}
#section1title1,#section1title2,#section1title3 {
	overflow: hidden;
	height: 30px;
	padding: 5px;
}
.section1content {
	border-top: 1px solid #F2DBC1;
	background-color: white;
	padding: 10px;
}
/*リストのコメントアウト
.section1content li{
	border-bottom: 1px solid #F2DBC1;
	display: block;
}
*/
.section1content li {
display: block;
position: relative;
border-bottom: 1px solid #ccc;
padding: 11px 25px 11px 11px;
color: #000;
text-decoration: none;
}

.section1content li:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
content: "";
}

#slide_a,#slide_b,#slide_c,#slide_d,#slide_e,#slide_f,#slide_g{
position: relative;
border-bottom: 1px solid #ccc;
padding: 11px 25px 11px 11px;
color: #000;
text-decoration: none;
}

footer p { text-align: center; }
#gNav {
    width: 100%;
    position: absolute;
    top: -1500px;
    z-index: 100;
    transition: top 1s;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    text-align: center;
    background:#36A5BC;
}
#gNav:target {
    top: 0px;
}
#gNav li{
	padding:10px 0 10px 10%;
	border-bottom:1px solid #FDD;
	color:#999;
	text-align:left;
}
#gNav li a{
	color:#FFF;
	text-decoration:none;
	display:block;
}

.nav-close {
	padding:10px 0 10px 0;
	border-bottom:1px solid #FDD;
    background:#666;
}
.nav-close a{
	color:#FFF;
	text-decoration:none;
	display:block;
}
.ekiten{
	margin:10px 0 10px 10%;
	width:80%;
}
.ekiten img{
	width:100%;
	height:auto;
}
.cregit{
	width:98%;
	margin:10px 0 0 1%;
	text-align:left;
	line-height:140%;
	color:#333;
	font-weight:14px;
	padding:0 0 10px 0;
	border-bottom:1px dotted #999;
}
.cregit h3{
	color: #F33;
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px 0;
}
.cregit img{
	width:100%;
	height:auto;
}
.mbcom{
	font-size:14px;
	line-height:140%;
	margin:0px 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #999;
}
.line{
	width:60%;
	margin:10px 0 10px 20%;
}
.line img{
	float:left;
	width:100%;
	height:auto;
}
.line-scr{
	float:left;
	margin:10px 0 15px 40%;
}
.title-bar-h1{
	margin:10px 0 0 0;
	width:99%;
	font-size:16px;
	color:#333;
	padding:0 0 6px 1%;
	border-bottom:1px dotted #999;
}
.comment{
	width:94%;
	margin:10px 0 20px 2%;
}
.comment img{
	width:60%;
	height:auto;
	margin:6px 0 0 3%;
}
.brown{
	color:#C33;
	font-size:14px;
	font-weight:bold;
	width:95%;
	margin:10px 0 0 2%;
}
.brown2{
	color:#C33;
	font-size:14px;
	font-weight:bold;
	width:95%;
	margin:10px 0 0 2%;
}
.brown3{
	color:#C33;
	font-size:14px;
	font-weight:bold;
	width:96%;
	text-align:center;
	margin:20px 0 0 2%;
}

.blue{
	color:#0CF;
}
.shop-photo{
	width:70%;
	margin:10px 0 0 15%;
}
.shop-photo img{
	width:100%;
	height:auto;
	margin:10px 0 0 0;
}
.shop-gaiyo{
	margin:10px 0 20px 1%;
}

.shop-gaiyo dl{
	margin:0 0 0 0;
}
.shop-gaiyo dt{
	width:98%;
	float:left;
	color:#0CF;
	text-align:left;
	line-height:150%;
	border-bottom:1px #999 dotted;
	margin:20px 0 0 0;
	padding:0 0 0px 1%;
	font-size:16px;
}
.shop-gaiyo dd{
	width:92%;
	float:left;
	text-align:left;
	line-height:150%;
	border-bottom:none;
	margin:10px 0 0 3%;
	padding:0 0 0px 1%;
}
.spc{
	height:20px;
}