html,body{height:100%;
overflow-x: hidden;
	-webkit-overflow-scrolling: touch;}



/* タイトル */

h1,h2,h3,h4,h5,h6{
	margin:0;
	line-height:1.2;
	letter-spacing:1.8px;
	font-size:100%;
}
h2{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h1{
	font-size:1.3em;
	padding-top: 50px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* イメージ */
img,
a img{border:0;}

/* 段落 */

*{
	margin:0;
	padding:0;
	font-family:'���C���I',Meiryo,'�l�r �o�S�V�b�N',Arial,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-style:normal;
	letter-spacing:1.8px;
	line-height:25px;
	font-size:1em;
	color:#333;
}
.w_100{
	width: 100%;
}
hr { border:1px solid #333;}
a{
	color:#604c3f;
	text-decoration:underline;
}
a:hover{
	color:#999;
	text-decoration:none;
}
img{vertical-align:top;}

.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/*****アイコン******/
.left_bar ul li {
	position: relative;
}
.left_bar ul li a:hover{
	color:#f00;
}
.left_bar ul li::after,
.left_bar ul li::before {
	display: block;
	content: '';
	position: absolute;
}
.left_bar ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.left_bar ul li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*****アイコンend******/

.ml_3{margin-left:3px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_50{margin-left:50px;}
.ml_100{margin-left:100px;}
.ml_150{margin-left:150px;}
.ml_200{margin-left:200px;}

.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}
.mb_50{margin-bottom:50px;}

.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_100{margin-right:100px;}

.m_10{margin:10px;}
.m_box{margin:0 10px 10px 10px;}

.mt_-20{margin-top:-20px !important;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_55{margin-top:55px;}
.mt_70{margin-top:70px;}
.mt_100{margin-top:100px;}
.m_auto{margin:0 auto !important;}

.p_10{padding:10px;}
.p_20{padding:20px;}
.t_c{
	text-align: center !important;
}
.fl{float:left;}
.fr{float:right;}
.fc{clear:both;}
li{
	list-style-type:none;
}
.yajirushi{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:1;
}
#info{
  	z-index:1!important;
	width: 100%;
	height:auto;  
    padding: 10px;
	background-image:url("../images/hed_back.png");
    position: fixed;  
    top:0;  
    left:0;
	margin:0 auto;
}


.info_box{
	width:1200px;
	margin:0 auto;
}
.info_box h1{
	margin-top:7px;
	color:#FFF;
}
@media screen and (max-width: 1200px) {
.info_box{
	width:98%;
	padding: 0 1%;
	margin:0 auto;
}
}
/*
.logo{
	position: relative;
	width: 150px;
	height: 150px;
	top: -100px;
	left: 0px;
	background-color: #124B83;
	display: inline-block;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
	border: 1px solid #FFF;
}
*/
.sp_nav{
	display: none;
}
.navi_box{
	width:1100px;
	margin:0 auto;
	position:relative;
}
.logo{
	position: absolute;
	width: 150px;
	height: 150px;
	top: -100px;
	left: 0px;
  background-image:url("../images/top_logo.png");
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
	border: 1px solid #FFF;
}

.navi{
	top:-5px;
	position:absolute;
	width:800px;
	height:150px;
	left:300px;
}

/*.logo_1{
	margin:15px;
}*/
/*g_navi*/
.nav1{
	float:left;
	margin-top:10px;
	margin-right:5px;
	width:85px;
	height:30px;
    background: url(../images/navi_1_on.png) no-repeat;
}
.nav1_on{
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:85px;
	height:30px;
}

.nav1 a{
    display: block;
}
.nav1 img{
    border: none;
}
.nav1 a:hover{
    background: none;
}
.nav1 a:hover img{
    visibility: hidden;
}
.nav2{
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:85px;
	height:30px;
    background: url(../images/navi_2_on.png) no-repeat;
}
.nav2_on{
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:85px;
	height:30px;
}

.nav2 a{
    display: block;
}
.nav2 img{
    border: none;
}
.nav2 a:hover{
    background: none;
}
.nav2 a:hover img{
    visibility: hidden;
}
.nav3{
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:85px;
	height:30px;
    background: url(../images/navi_3_on.png) no-repeat;
}
.nav3_on{
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:85px;
	height:30px;
}

.nav3 a{
    display: block;
}
.nav3 img{
    border: none;
}
.nav3 a:hover{
    background: none;
}
.nav3 a:hover img{
    visibility: hidden;
}
.nav4{
	float:left;
	margin-top:10px;
	margin-left:5px;
	width:80px;
	margin-right:5px;
	height:30px;
    background: url(../images/navi_4_on.png) no-repeat;
}
.nav4_on{
	float:left;
	margin-top:10px;
	margin-right:5px;
	margin-left:5px;
	width:80px;
	height:30px;
}

.nav4 a{
    display: block;
}
.nav4 img{
    border: none;
}
.nav4 a:hover{
    background: none;
}
.nav4 a:hover img{
    visibility: hidden;
}
.nav5{
	float:left;
	margin-top:10px;
	margin-left:5px;
	width:250px;
	height:30px;
    background: url(../images/navi_5_on.png) no-repeat;
}
.nav5_on{
	float:left;
	margin-top:10px;
	margin-left:5px;
	width:250px;
	height:30px;
}

.nav5 a{
    display: block;
}
.nav5 img{
    border: none;
}
.nav5 a:hover{
    background: none;
}
.nav5 a:hover img{
    visibility: hidden;
}

/*g_naviend*/
.more{
	margin:0 auto;
	width:100px;
	height:30px;
    background: url(../images/more_on.png) no-repeat;
}
.more a{
    display: block;
}
.more img{
    border: none;
}
.more a:hover{
    background: none;
}
.more a:hover img{
    visibility: hidden;
}
#footer_back{
	text-align:center;
	box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 15px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 15px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 15px #aaa;
	min-width:1200px;
	width:100%;
	background-color:#715D47;
/*	background:url(../images/back.jpg) ;
*/}
#footer_back p a{ font-size:80%; color:#FFF;}
#footer_back p{ color:#FFF;}


@media screen and (max-width: 1200px) {
	#footer_back{
		text-align:center;
		box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 15px #aaa;
		-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 15px #aaa;
		-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 15px #aaa;
		min-width:100%;
		width:100%;
		background-color:#715D47;
	}
	#privacy{
		min-width:100% !important;
		width:100%;
		background-color:#000;
	}

}

h2.titi span{
	display: none;
}
@media screen and (max-width: 748px) {
	img.fot_logo{
		width: 80% !important;
	}
	h1{
		font-size:1em;
		text-align: left;
	}
}
@media screen and (max-width: 640px) {
	#info{
		display: none;
	}
	h2{
		font-size: 0.7em;
	}
	h2.titi span{
		display: block;
		background-color: #332200;
		color: #FFF;
		padding: 10px 0;
		font-size: 1.3em;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
	h2.titi img{
		display: none;
	}
	.sp_nav{
		display:block;
		text-align: center;
		margin: 0 auto;
	}
	.nav_flex{
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
		margin-top: 20px;
	}
	.nav_flex_box{
		width: calc(50% - 2px);
		margin: 1px;
		padding: 5px 0;
		background-color: #5B2223;
		color: #FFF;
		text-decoration: none;
	}
	.nav_flex_box2{
		width: calc(100% - 2px);
		margin: 1px;
		padding: 5px 0;
		background-color: #5B2223;
		color: #FFF;
		text-decoration: none;
	}
	.sp_none{
		display: none !important;
	}
}


.fot_logo{
	width: 641px;
}
#footer{
	padding-top:40px;
	margin:0 auto;
	width:1100px;
	height:250px;
}
#privacy{
	min-width:1200px;
	width:100%;
	background-color:#000;
}
.privacy_p{
	padding-top:5px;
	padding-bottom:5px;
	color:#999;
	text-align:center;
	font-size:80%
}
#site{
	margin:50px;
	min-width:1200px;
	width:1200px;
	text-align:center;
}

.black_line{
	min-width:1200px;
	width:100%;
	background-color:#000;
	height:4px;
	margin-top:70px;
}