@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
*/
@font-face
font-family: 'icomoon';
src:url('//iiff.jp/wp-content/themes/swell/assets/fonts/icomoon.woff2?fq24x’) format('woff2'),
url('//iiff.jp/wp-content/themes/swell/assets/fonts/icomoon.ttf') format('truetype'),
url('//iiff.jp/wp-content/themes/swell/assets/fonts/icomoon.eot') format('embedded-opentype'),
url('//iiff.jp/wp-content/themes/swell/assets/fonts/icomoon.woff2?fq24x') format('woff'),
url('//iiff.jp/wp-content/themes/swell/assets/fonts/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

.platinah2 {
  padding: 1rem 2rem;
  border-top: 4px solid #d8dcdc;
  border-right: 4px solid #666;
  border-bottom: 4px solid #333;
  border-left: 4px solid #868888;
  border-radius: 0;
  background-image: -webkit-linear-gradient(135deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  background-image: linear-gradient(-45deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
}

.w-header .swell-block-columns .swell-block-column {
    width: auto;
}
.c-gnav>.menu-item>a {
    padding: 0 1.2em;
}
	/* ホバー時のチラつき対策 */
	-webkit-font-smoothing: antialiased; 
}
/* ヘッダーの背景を透明にしない場合の固定 */
#header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: var(--swl-adminbarH, 0px);
}
/* ヘッダーの背景を透明にした場合の固定 */
#header.-transparent {
  position: fixed !important;
}
/* パンくずリストの固定 */
#breadcrumb {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--swl-headerH, 0px) + var(--swl-adminbarH, 0px));
  z-index: 2;
}
/* ---------------------------------------------------------
// ヘッダーの色調反転設定（トップではヘッダーを常に色調反転で表示）
// --------------------------------------------------------- */
/* トップではヘッダーを常に色調反転で表示 */
#body_wrap.home {
  background: var(--color_bg); /* mix-blend-modeを適用するための指定 */
}
#body_wrap.home #header {
  mix-blend-mode: difference; /* difference または exclusion を指定 */
}
#body_wrap.home .l-header__bar {
  background: #000; /* ヘッダーバーの背景色指定を黒で指定 */
}