@charset "utf-8";


/*********************************************************
グローバルメニュー
2017awはTOPにも下層と同じメニューを使用するためグローバルメニューを切り離す

/*********************************************************/
/* ヘッダー /////////////////////////////////////////////// */
header.global{background-color: #000;padding: 25px 0px;letter-spacing: 1px;}
header.global a{color: #fff;}

/* ロゴ */
header.global h1{float: left;line-height: 0;width:140px;}
#logoSvg{fill: #fff;}

/* グローバルナビ */
nav.global{float: right;}
nav.global ul{margin-top: 3px;}
nav.global li {float: left;}
nav.global li a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	line-height: 1;
	display: inline-block;
	padding: 5px 15px;
	border-right: 1px solid #666;
	font-size: 14px;
	font-family: "Lato",sans-serif;
}
nav.global li:first-child {border-left: 1px solid #666;}
nav.global li a:hover{color: #888;}

nav.global li.sns i{font-size:190%;margin-top:-1px;}
nav.global li.sns a{border-right: 0;padding: 0;margin-left:20px;}

/* 別窓表記のアイコン */
nav.global li a i{margin-left: 4px;font-size: 65%;vertical-align: top;}




/*********************************************************
/////　　レスポンシブ用スマホナビ　　 ////////////////////////
**********************************************************/
#smpNavi{
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	line-height: 1;
	z-index: 20;
    cursor: pointer;
}

#smpNavi ul li{
    content: "";
    width: 25px; height: 2px;
    background: #000;
    margin-bottom:6px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}
#smpNavi.selected ul li{background: #fff;margin-bottom:4px;}
#smpNavi ul li:last-child{margin-bottom: 0;}


/*################################################################################
  media query
################################################################################*/

/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
	.brSmp { display: inline;}

	/* ヘッダー /////////////////////////////////////////////// */
	header.global{padding: 0px;user-select: none;background-color: transparent;text-align: right;}
	
	/* ロゴ */
	header.global h1{float: none;width:100%;padding: 15px 0px;}
	#logoSvg{fill: #000;width:30%;}
	
	/* グローバルナビ */
    #smpNavi ul li{display: block;}
    nav.global .navLogo{display:inline-block; margin: 10px 0 0 20px;}
    nav.global .navLogo img{width: 95px;}
    
    
	/* グローバルナビ */
	nav.global{
        float: none;
        position: absolute;
        top: 0px;left: 0px;
        width:100%;
        display: none;
        z-index: 12;
        background-color: rgba(42, 42, 42, 0.85);
        height: 100vh;
		text-align: center;
    }
	nav.global ul {
		margin-top: 40px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		height: calc(100vh - 50px);
		align-content: center;
	}
	nav.global li {float: none;width:100%;}
    nav.global li:first-child {border-left:0;}
	nav.global li a {display: block;padding: 14px 22px;font-size: 7vw;border-right: none;}
	
	/* SNSアイコン */
    nav.global li.sns {padding: 20px;}
    nav.global li.sns a{border: none;display: inline-block;padding: 0; margin-left: 0;}
    nav.global li.sns a:last-child{margin-left: 15px;}
    nav.global li.sns i{margin-top: 0px;font-size: 8vw}

	/*---------------------------------------------------------
	スマホ用ドロワーメニュー
	---------------------------------------------------------*/
	#smpNavi{display: block;}

}