/* ヘッダーのカスタマイズ（header-style.css) */


/*
    SWELLテーマのヘッダーのCSSを追加します。(ver.1.0.1)
*/


/* ==============================
ヘッダーのデザイン
============================== */

/* ヘッダー全体の高さを調整 */
.l-header__inner {
    height: auto; 
    display: flex;
    align-items: center;
}


/* ==============================
ロゴの位置
============================== */
.c-headLogo {
    width: 100%; 
    max-width: 200px; 
	  margin-left:0%;
}

.c-headLogo__img{
	margin-top:auto;
  margin-bottom:auto;
    width: 100%; 
    max-width: 200px; 
	  margin-left:0%;
}

/* ==============================
グロナビメニューのデザイン
============================== */


/* グローバルメニューの文字装飾 */
.c-gnav>.menu-item>a .ttl {
  font-weight: bold;
	font-size:0.9rem;
  letter-spacing: 1.2px;　/*文字間隔*/
}

/*メニュー間隔*/
.c-gnav>.menu-item>a {
padding: 0 0.7rem;
}

/*  グローバルメニューのアンダーライン位置　*/
.c-gnav>.menu-item>a:after{
	margin-bottom:5px; /*下からの位置*/
	width:90%;
	padding:1px; /*高さ*/
	color:var(--color_main);
}



/* ==============================
虫眼鏡のデザイン
============================== */
/* 虫眼鏡ボタン */
.icon-search:before {
  font-size: 1em;
}

.c-gnav__sBtn{
	margin-right:2px;
}

/* 虫眼鏡ホバー */
.c-gnav__sBtn:hover{
	background:none;
  color: var(--color_main);
}