@charset "UTF-8";

/*================================================
 *  ヘッダー グローバルナビ
 ================================================*/

#header-area{
	position:fixed;
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	z-index:999;
}
#header-area .header-cont-wrap {
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}
#header-area .header-cont-wrap .hlogo-wrap{
	margin-top:10px;
	margin-right:auto;
	padding-bottom:8px;
}
#header-area .header-cont-wrap .hlogo-wrap img{
	width:100px;
}
@media screen and (max-width:1240px){
#header-area .header-cont-wrap .hlogo-wrap img{
	width:80px;
}
}
@media screen and (max-width:781px){
#header-area .header-cont-wrap .hlogo-wrap img{
	width:100px;
}
}
@media screen and (max-width:550px){
#header-area .header-cont-wrap .hlogo-wrap img{
	width:86px;
}
}
#header-area .header-cont-wrap .hmenu-wrap ul{
	list-style-type:none;
	text-align:right;
	padding:5px 0px 5px 5px
}
#header-area .header-cont-wrap .hmenu-wrap ul li{
	display:inline-block;
	margin:2px 0px 2px 0px;
	padding-left:6px;
	padding-right:6px;
	font-family:'NotoSansJP', sans-serif;
	font-size:14px;
	line-height:1em;
	color:#ffffff;
	border-right:solid 1px #ffffff;
}
@media screen and (max-width:1240px){
#header-area .header-cont-wrap .hmenu-wrap ul li{
	font-size:13px;
}
}
#header-area .header-cont-wrap .hmenu-wrap ul li:last-child{
	border-right:solid 0px transparent;
}
#header-area .header-cont-wrap .hmenu-wrap ul li a{
	color:#ffffff;
	text-decoration:none;
}
#header-area .header-cont-wrap .hmenu-wrap ul li a:hover{
	color:#dddddd;
}
#header-area .header-cont-wrap .hmenu-wrap ul li a::after{
	display:block;
	content:"";
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	width:50%;
	border:solid 1px #f39800;
}
#header-area .header-cont-wrap .hmenu-wrap ul li a:hover::after{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	width:100%;
}
@media screen and (max-width:781px){
#header-area .header-cont-wrap .hmenu-wrap{
	display:none;
}
}


/*================================================
 *  ハンバーガーナビ ボタン
 ================================================*/

#header-area .header-humberger{
	float:right;
	padding-top:20px;
	padding-bottom:22px;
	display:none;
}
@media screen and (max-width:781px){
#header-area .header-humberger{
	display:block;
}
}
.header-humberger .humberger-btn{
	position:relative;
	display:block;
	cursor:pointer;
	width:32px;
	height:24px;
}
.header-humberger .humberger-btn .humberger-btn-icon{
	position:absolute;
	background:#ffffff;
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
	top:50%;
	left:0%;
	width:32px;
	height:4px;
}
.header-humberger .humberger-btn .humberger-btn-icon::before,
.header-humberger .humberger-btn .humberger-btn-icon::after{
	position:absolute;
	display:block;
	background:#ffffff;
	content:"";
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition:all 0.3s ease;
	top:50%;
	left:0%;
	width:32px;
	height:4px;
}
.header-humberger .humberger-btn .humberger-btn-icon::before{
	margin-top:-15px;
}
.header-humberger .humberger-btn .humberger-btn-icon::after{
	margin-top:11px;
}
.header-humberger .humberger-btn .humberger-btn-icon.close{
	background:transparent;
}
.header-humberger .humberger-btn .humberger-btn-icon.close::before,
.header-humberger .humberger-btn .humberger-btn-icon.close::after{
	margin-top:-2px;
}
.header-humberger .humberger-btn .humberger-btn-icon.close::before{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.header-humberger .humberger-btn .humberger-btn-icon.close::after{
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
}

.header-humberger .humberger-btn .humberger-btn-icon.mhover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/*================================================
 *  ハンバーガーナビ メニュー
 ================================================*/

#navi-screen{
	position:absolute;
	background-color:rgba(0, 0, 0, 0.7);
	display:none;
	width:0%;
	height:100%;
	top:0%;
	right:0%;
	z-index:900;
}
#navi-screen #navi-area{
	position:absolute;
	margin-top:90px;
	width:90%;
	top:0px;
	left:5%;
}
#navi-screen #navi-area .navi-cont-wrap{
	position:relative;
	width:100%;
}
#navi-screen #navi-area .navi-cont-wrap ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#navi-screen #navi-area .navi-cont-wrap ul li{
	display:block;
	margin-top:20px;
	padding-left:15px;
	background:#ffffff;
	box-sizing:border-box;
	font-family:'NotoSansJP', sans-serif;
	font-size:20px;
	line-height:1.4em;
	font-weight:bold;
	
}
#navi-screen #navi-area .navi-cont-wrap ul li a{
	display:block;
	transition:all 0.6s ease;
	color:#000000;
	text-decoration:none;
}
#navi-screen #navi-area .navi-cont-wrap ul a:hover{
	color:#999999;
}
#navi-screen #navi-area .navi-cont-wrap ul li:nth-child(8) .icon-link{
	margin-top:10px;
	margin-left:10px;
}


/*================================================
 *  フッター グローバルナビ
 ================================================*/

#gnavi-bottom-area{
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	margin-top:40px;
}
#gnavi-bottom-area .gnavi-bottom-cont-wrap {
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}
#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul{
	list-style-type:none;
	text-align:center;
	padding:10px 0px 10px 5px
}
#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul li{
	display:inline-block;
	margin:2px 0px 2px 0px;
	padding-left:6px;
	padding-right:6px;
	font-family:'NotoSansJP', sans-serif;
	font-size:14px;
	line-height:1em;
	color:#ffffff;
	border-right:solid 1px #ffffff;
}
@media screen and (max-width:1240px){
#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul li{
	font-size:13px;
}
}

#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul li:last-child{
	border-right:solid 0px transparent;
}
#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul li a{
	color:#ffffff;
	text-decoration:none;
}
#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul li a:hover{
	color:#dddddd;
}
#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul li a::after{
	display:block;
	content:"";
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	width:50%;
	border:solid 1px #f39800;
}
#gnavi-bottom-area .gnavi-bottom-cont-wrap .gnavi-bottom-menu-wrap ul li a:hover::after{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	width:100%;
}