@charset "UTF-8"; 

/* clearfix */
*:after { display:block; clear:both; }
/* はみ出し対策 */
/* body { width:100%; overflow:hidden; } */



html {-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */}

body,h1,h2,h3,h4,h5,h6,pre,address,em,strong,p,dl,li,a,th,td,caption,label{
	font-size: 16px;
	 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	line-height: 1.3;
}

body {
}


.sss {font-size:8px;}
.ss {font-size:9px;}
.s {font-size:10px;}
.sm {font-size:11px;}
.m {font-size:12px;}
.l {font-size:14px;}
.ll {font-size:18px;}
.lll {font-size:24px;}
.lm {font-size:16px;}

/* ------------------------------- link ------------------------------- */

a:link{
	color: #ffff00;
	text-decoration: none;
}

a:visited{
	color: #ffff00;
	text-decoration :none;
}

a:hover{
	color: #ffff00;
	text-decoration: none;
}

a:active{
	text-decoration: none;
}


/* ------------------------------- navi ------------------------------- */

.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

.overlay{
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	z-index: 999;
}
 
#header{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	min-width: 320px;
	height: 60px;
	background:url(../img/headerBg.png);
	z-index:9999;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}

#header .inner{
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


#header .navBtn{
	width: 70px;
	height: 100%;
	margin: 13px 2px 0 0;
	cursor: pointer;
	float: right;
}

#header .navBtn img{
	width: 70px;
}


#navi h3 {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;	text-align: center;
	margin: 5px 0 0;
	padding: 5px 0;
	background-color: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom,
						from(#876f34),
						to(#d5cdba));
	background-image: -moz-linear-gradient(
						#876f34,
						#d5cdba);
	background-image: linear-gradient(
						#876f34,
						#d5cdba);
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	font-style: italic;
}
#navi2 h3 {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;	text-align: center;
	margin: 5px 0 0;
	padding: 5px 0;
	background-color: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom,
						from(#876f34),
						to(#d5cdba));
	background-image: -moz-linear-gradient(
						#876f34,
						#d5cdba);
	background-image: linear-gradient(
						#876f34,
						#d5cdba);
	color: #000;
	font-weight: bold;
	font-size: 24px;
	font-style: italic;
}


#navi {
	overflow: hidden;
}

#navi li {
	text-align: center;
	width:50%;
	float: left;
        list-style-type:none;

}

#navi li a {
	position:relative;
	display:block;
	margin: 1px;
	padding: 20px 2px;
	font-size: 16px;
	text-decoration: none;
	background-color: #3c4d62;
	border: 1px solid #cab57d  ;
	color: #fff;
}

#navi ul li a:before{
	position: absolute;
	top: 50%;
	right: 1.5em;
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -4px;
	margin-right: -4px;
	vertical-align: middle;
	border-top: 3px solid #E60012;
	border-right: 3px solid #E60012;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#navi li.tel {
	width:100%;

}



#navi2 {
	overflow: hidden;
}

#navi2 li {
	text-align: center;
	width:50%;
	float: left;
        list-style-type:none;

}

#navi2 li a {
	position:relative;
	display:block;
	margin: 1px;
	padding: 20px 2px;
	font-size: 16px;
	text-decoration: none;
	background-color: #710000;
	border: 1px solid #a80303;
	color: #fff;
}

#navi2 ul li a:before{
	position: absolute;
	top: 50%;
	right: 1.5em;
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -4px;
	margin-right: -4px;
	vertical-align: middle;
	border-top: 3px solid #E60012;
	border-right: 3px solid #E60012;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

#navi2 li.tel {
	width:100%;

}
li:nth-child(1) {
color:red;
}

/* ------------------------------- footer ------------------------------- */

#footer{
	clear: both;
	margin: 20px 0 0;
	text-align: center;
}

	#footer address,
	#footer address a{
		color: #ffff00;
		font-size: 13px;
		display: inline;
	}


/* ------------------------------- TOPへ戻るボタン ------------------------------- */

#page-top{
	position:fixed;
	right: 5px;
	bottom: 15px;
	display: none;
}

#page-top a{
	color:#fff;
	font-size: 24px;
	padding:10px;
	text-decoration:none;
	display:block;
	cursor:pointer;
	text-align:center;
	/* background:#666; */
	line-height:100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	 -moz-border-radius: 5px; 
	border: 1px solid #999;
}

#page-top a:hover{
	/* background:#333; */
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}