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


/*
    SWELLテーマのヘッダーのCSSを追加します。(2023-12-03)
*/


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

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

/* PC */
#gnav.l-header__gnav.c-gnavWrap{
	width:auto!important;
}

/* ヘッダー幅*/
div.w-header pc_{
		width:auto!important;
}

/* ==============================
ロゴの位置
============================== */
/* ロゴ幅の全体を調整 */
.l-header__logo {
    width: 90%; 
    max-width: 200px; 
	  margin-left:0%;
}

/* ロゴの上下位置　*/
@media (min-width: 960px){
.c-headLogo {
	margin-top:auto;
  margin-bottom:auto;
}
}

/* ロゴの画像時の高さを調整 */
.c-headLogo__img {
	  padding-bottom:5px;
	  padding-top:5px;
    width: auto;
}

/* ロゴのテキスト時の高さを調整 */
a.c-headLogo__link{
	margin-top:auto!important;
  margin-bottom:15px!important;
	  font-size:1rem!important;
}


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


/* グローバルメニューの文字装飾 */
.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:#a9bcdb;
}


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

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

/* 虫眼鏡ホバー */
.c-gnav__sBtn:hover{
	background:none;
  color: #a9bcdb;
}