@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	color: #333;
	line-height: 1.8;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}
.switch {
	visibility: hidden;
}
.nobreak span{
	white-space:nowrap;
	display:inline-block;
}
img{
	display: block;
	height: auto;
	max-width: 100%;
}
a:hover{
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
a img{
	display: block;
	height: auto;
	max-width: 100%;
	background-color: rgba(255, 255, 255, .01);
}
.noto{
	font-family: 'Noto Sans Japanese', sans-serif !important;
}
.fixed{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;

}
#gnavi-bg{
	color: #FFF;
	background:#231815;
	padding: 28px 0;
	z-index: 10000;
}
@media screen and (max-width: 991px) {
	#gnavi-bg{
		padding: 0;
	}
	.container {
		width:100%;
	}
}
#gnavi-bg a{
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#gnavi-bg a:hover{
	background:#5B1216;
}
#gnavi-bg .navbar{
	margin-bottom: 0;
}
.navbar-toggle{
	font-size: 12px;
}
.nav > li > a:focus, .nav > li > a:hover{
	background: #000;
}
a.navbar-brand img{
	width:186px;
	height:29px;
	max-width:100%
}

a.navbar-brand {
    padding-top: 10px;
    padding-bottom: 5px;
}
#gnavi-bg.fixed{
padding:8px 0;
}
@media only screen and (max-width: 768px)  {
	#gnavi-bg a.navbar-brand:hover{
		background:#000000;
		opacity: 1.0;
		-webkit-opacity: 1.0;
		-moz-opacity: 1.0;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	.navbar-toggle .icon-bar {
		background: #FFF;
		width: 35px;
		border-radius: 0;
	}
	#gnavi-bg {
	    background: rgba(35,24,21,0.8) !important;
	    padding: 0;
	}
	.navbar-toggle {
		font-size: 10px;
		padding: 6px 0px;
		margin-top: 4px;
		margin-bottom: 2px;
	}
	a.navbar-brand {
	    margin-top: 6px;
	    margin-left: 4px;
	    padding-bottom: 10px;
		height: 40px;
	}
	#gnavi-bg.fixed {
	    padding: 0px 0;
	}
	a.navbar-brand img {
		width: 130px;
		height: auto;
		max-width: 100%;
	}
    .navbar-collapse.in {
    overflow-y: auto;
    background: rgba(35,24,21,0.8) ;
}
    #gnavi-bg.fixed .navbar-collapse.in{
       background: rgba(35,24,21,0) ; 
    }
}

/*footer*/
#footer-bg{
	padding: 30px 15px 16px 15px;
	background: #231815;
	color: #FFF;
}

#footer-bg a{
	display:inline-block;
	float:left;
	vertical-align:middle;
}

#footer-bg p.noto{
	vertical-align:middle;
	display:inline-block;
	padding-top:6px;
}
#footer-bg ul{
	float: right;
}
#footer-bg a img#f-logo{
	margin-right:20px;
	padding-top:4px;
}
#footer-bg ul li img{
	width: auto;
	height:36px;
	padding-top:4px;
}
#f-contact-btn{
	font-family: 'Noto Sans Japanese', sans-serif !important;
}
#f-contact-btn a{
	vertical-align: top;
	float: left;
	color: #FFF;
	border:solid 1px #FFF;
	font-size: 16px;
	min-width: 210px;
	line-height: 30px;
	display: block;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
#f-contact-btn a:hover{
	background: #FFF;
	color:#231815;
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	#footer-bg{
		padding: 40px 15px 20px;
	}
	#footer-bg a img#f-logo,#footer-bg p.noto{
		padding-bottom:10px;
		font-size:12px;
		font-weight:normal
	}
	#footer-bg ul{
		float: none;
	}
}