@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ヘッダー内の中央寄せコンテナ解除 */
.l-header .l-container {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
/* ロゴ余白 */
.c-headLogo  {
	padding-left: 20px; /* 画面端にベタ付きしすぎない調整 */
}

/*Menu bar*/
header.l-header:after {
    display: block;
    content: '';
    background: #9c8d24;
    width: 90%;
    height: 46px;
    position: absolute;
    top: 50%;
    right: -10%;
	transform: translateY(-50%) skewX(30deg);
}


.c-gnav>.menu-item>a .ttl {
    display: flex;
	align-items: center;
}
.l-header .c-gnav li.has-icon > a span.ttl::before {
	content: '';
    width: 30px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
}

/* さがみはらカードとはアイコン */
.about > a span.ttl::before {
 background-image: url('/wp-content/uploads/2026/01/sagamiheroes_s.png');
}

/* 新着情報アイコン */
.news > a span.ttl::before {
  background-image: url('/wp-content/uploads/2026/01/news.png');
}

/* カード検索アイコン */
.cards > a span.ttl::before {
  background-image: url('/wp-content/uploads/2026/01/icon_cardsearch.png');
}

@media screen and (max-width: 640px) {
header.l-header:after {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform: translateY(0) skewX(0);
}
}