/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 19 2026 | 18:57:46 */
/* ==========================================
 * サイトのFont Family
 * ========================================== */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('/cinewire-news-child/fonts/NotoSansCJKjp-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('/cinewire-news-child/fonts/NotoSansCJKjp-Bold.woff2') format('woff2');
}

body {
    font-family: "Noto Sans JP", sans-serif;
}



/* ==========================================
 * リンク画像透過
 * ========================================== */
/* サイト全体で、リンク設定されている画像（ロゴ等）の初期状態 */
a img {
    /* 変化させるプロパティ（透過度）と時間、動きを指定 */
    transition: opacity 0.6s ease; 
}

/* マウスを乗せた（ホバー）時の設定 */
a:hover img {
    /* 不透明度を0.6（60%）にする。数値が小さいほど透明になります */
    opacity: 0.6; 
}


/* ==========================================
 * グローバルナビフォントサイズ
 * ========================================== */
.c-gnav>.menu-item>a .ttl {
    display: block;
    font-size: 16px!important;
    font-weight: bold;
}

/* ==========================================
 * フッターフォントサイズ
 * ========================================== */
.l-footer a {
    transition: color 0.6s ease;
    font-size: 14px!important;
}


/* ==========================================
 * 記事タイトルフォントサイズ
 * ========================================== */
@media (min-width: 600px) {
    .c-postTitle__ttl {
        font-size: 1.8em;
    }
}


/* ==========================================
 * サムネイル下フォントサイズ
 * ========================================== */
@media (min-width: 600px) {
    .-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
        font-size: 14px;
    }
}


/* ==========================================
 * 行間調整
 * ========================================== */
/* SWELLのブロック階層を完全に指定してリストの行間を強制上書き */
.post_content blockquote.wp-block-quote ul.wp-block-list li {
    line-height: 1.8 !important; /* 好みの数値に調整（1.8〜2.0あたりがおすすめ） */
}

/* SWELLの段落スタイルを完全に無効化して行間を強制上書き */
.post_content p.wp-block-paragraph,
.post_content .wp-block-paragraph {
    line-height: 1.8 !important;
}



/* ==========================================
 * パンくずリストフォントサイズ
 * ========================================== */
@media (min-width: 600px) {
    .p-breadcrumb__list {
        font-size: 14px;
    }
}

/* ==========================================
 * トップ全幅エリアタイトル背景色
 * ========================================== */
.-type-thumb .p-postList__body {
    background: #214e53;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: .75em;
    position: absolute;
    width: 100%;
}


/* ==========================================
 * トップ全幅エリアコンテンツ背景色
 * ========================================== */
.-type-card .p-postList__item {
    margin-bottom: 2.5em;
    margin-top: 0;
    padding: .7em .7em;
    width: 50%;
    background: #fff;
}



/* ==========================================
 * カテゴリアイコン背景色
 * ========================================== */
[data-cat-id="13"]{
background:#4695ae !important;
}

[data-cat-id="14"]{
background:#3b5d9c !important;
}

[data-cat-id="15"]{
background:#e1a952 !important;
}

[data-cat-id="16"]{
background:#718096 !important;
}

[data-cat-id="17"]{
background:#d85d5d !important;
}


/* ==========================================
 * カテゴリフォントサイズ
 * ========================================== */
@media (min-width: 600px) {
    .c-postThumb__cat {
        font-size: 12px;
    }
}

/* ==========================================
 * カテゴリフォルダアイコン非表示
 * ========================================== */
.icon-folder:before {
    content: "\e92f";
	display:none;
}


/* ==========================================
 * 記事カテゴリフォルダアイコン非表示
 * ========================================== */
.c-categoryList:before {
    content: "\e92f";
	display:none;
}

/* ==========================================
 * 記事カテゴリフォントサイズ
 * ========================================== */
.p-articleMetas.-top .p-articleMetas__termList {
    font-size: 14px;
}


/* ==========================================
 * フッターリンク色オンマウス挙動
 * ========================================== */
/* フッター内のリンクの初期状態とアニメーション設定 */
.l-footer a {
    transition: color 0.6s ease; /* 0.6秒かけて色を変化させる */
}

/* ホバー（マウスを乗せた）時の設定 */
.l-footer a:hover {
    color: #ecf75b; /* ここにお好みのホバー時の色を入れてください */
}



/* ==========================================
 * フッターコピーライトフォントサイズ
 * ========================================== */
.l-footer .copyright {
    font-size: 14px;
    text-align: center;
}

/* ==========================================
 * TOP記事一覧上部カテゴリー
 * ========================================== */
@media (min-width: 600px) {
    .c-tabList__button {
        font-size: 16px;
        letter-spacing: 0.1em;
    }
}

.c-tabList__button {
    border: none;
    box-sizing: border-box;
    color: var(--color_text);
    display: block;
    font-size: 18px;
    height: 100%;
    line-height: 1;
    padding: var(--the-tab-btn-padding);
    position: relative;
    transition: background-color .25s, color .25s;
    width: 100%;
	letter-spacing: 0.2em;
}

.is-style-bb>.c-tabList .c-tabList__button:hover, .is-style-bb>.c-tabList .c-tabList__button[aria-selected=true] {
    color: var(--color_main);
    font-weight: 600;
    opacity: 1;
}

/* ==========================================
 * コンテンツ枠非表示
 * ========================================== */
.-frame-border .l-mainContent, .-frame-border.-frame-on-sidebar #sidebar .c-widget {
    box-shadow: 0 0 0px var(--swl-color_shadow);
}


/* ==========================================
 * パンくずリスト上下マージン
 * ========================================== */
.-frame-on .p-breadcrumb {
    padding: 30px 0 30px 0;
}


/* ==========================================
 * パTOPページタイトルフォントサイズ
 * ========================================== */
.p-postSlider__title1,
.p-postSlider__title2, 
.p-postSlider__title3 {
  font-size: 34px;
  letter-spacing: 0.3em;
  font-weight: 300;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}

.p-postSlider__title1 {
    margin-bottom: 68px;
}

.p-postSlider__title1::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background: #fff;
  margin: 12px auto 0;
  opacity: 0.8;
}

  .p-postSlider__title2::after,
  .p-postSlider__title3::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background: #333;
  margin: 12px auto 0;
  opacity: 0.8;
}


/* ==========================================
   スマートフォン向けの調整（追加分）
========================================== */
@media (max-width: 599px) {
  .p-postSlider__title1,
  .p-postSlider__title2,
  .p-postSlider__title3	{
    font-size: 26px;         /* スマホに合わせて文字を少し小さく調整 */
    letter-spacing: 0.1em;   /* 文字の間隔もスマホ用にわずかに微調整 */
  }
	
  .p-postSlider__title3 {
    margin-top: 40px; 
  }	

  .p-postSlider__title1::after,
  .p-postSlider__title2::after,
  .p-postSlider__title3::after {
    margin: 8px auto 0;      /* 文字と下線の隙間をスマホ用に少し狭く */
    width: 45px;             /* 下線の長さも文字に合わせて少し短く */
  }
}


/* ==========================================
   サイドナビ黒帯タイトル調整
========================================== */
.c-widget__title.-side {
    padding: .4em 1em;
    border-radius: var(--swl-radius--4, 0) var(--swl-radius--4, 0) 0 0;
    margin: -16px -16px 1.5em;
    background: var(--color_main);
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: 300;
}

/* ==========================================
   サイドナビ検索黒帯タイトル表示
========================================== */
.widget_search .c-widget__title, .widget_search .wp-block-search__label {
    display: block;
}



/* ==========================================
   新着記事エリアフォントサイズ
========================================== */
@media (min-width: 600px) {
    .-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
        font-size: 16px;
    }
}


/* ==========================================
   サイドナビ記事フォントサイズ
========================================== */
@media (min-width: 600px) {
    #sidebar .-type-list .p-postList__title, .-type-card .p-postList__excerpt {
        font-size: 14px;
    }
}


/* ==========================================
   引用部分フォントサイズ
========================================== */
.post_content blockquote>:not(:last-child) {
    margin: 0 0 .5em;
    font-size: 14px;
}

.post_content blockquote>* {
    position: relative;
    z-index: 1;
    font-size: 15px;
}