/*
Theme Name: X-T9 Child
Theme URI: [お客様のサイトのURL]
Description: X-T9テーマの子テーマです。
Author: Yuji Narita
Author URI: [お客様のサイトのURL]
Template: x-t9
Version: 1.0.0
*/

/* モバイルでの表示時カラム用 */
@media (max-width: 1024px) {
    .wp-block-columns.sp-only {
        display: flex !important; /* モバイル用を表示 */
    }
}


/* PCでの表示時（PC用のテキストを表示し、モバイル用を非表示） */
.sp-only {
    display: none !important;
}

/* モバイルでの表示時 */
@media (max-width: 1024px) {
    .pc-only {
        display: none !important;
    }
    .sp-only {
        display: block !important;
    }
}

/* ナビゲーション3階層目以降のサブメニューを右に展開する */
.wp-block-navigation__submenu-container li.wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation__submenu-container li.wp-block-navigation-item:focus > .wp-block-navigation__submenu-container {
    left: calc(100% + 5px) !important; 
    top: 0 !important;
    transition-duration: 0s !important;
}

/* ナビゲーション3階層目のサブメニューが表示されている間2階層目のリンクの文字色と背景色を変更 */
.wp-block-navigation__submenu-container li.wp-block-navigation-item:hover > a.wp-block-navigation-item__content {
    background-color: #f5f5f5 !important;
}
.wp-block-navigation__submenu-container li.wp-block-navigation-item:hover > a.wp-block-navigation-item__content span.wp-block-navigation-item__label {
    color: #16160E !important;
}

/* ナビゲーション2階層目と3層目のフォントサイズを変更 */
.wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
    font-size: 14px !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
    font-size: 13px !important; 
}

/* ナビゲーションサブメニューのリンクホバー時設定 */
.wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover {
    background-color: #F5F5F5 !important;
    color: #16160E !important;
}
/* 見出しの背景塗り灰色の色を変更 */
.is-style-vk-heading-background_fill_lightgray {
	background-color: #EEEEEE !important;
}

/* すべての段落（本文）ブロックを両端揃えにする */
p {
    text-align: justify;
}

/* テーブル id3(価格) の設定 */
.wp-block-table.table_id_3 tr td:nth-child(1) {
    width: 35%; !important;
  }
.wp-block-table.table_id_3 tr td:nth-child(2) {
    width: 65%; !important;
  }

/* テーブル id2(バリュー) の設定 */
.wp-block-table.table_id_2 tr td:nth-child(1) {
    width: 25%; !important;
    border: none !important;
  }
.wp-block-table.table_id_2 tr td:nth-child(2) {
    width: 75%; !important;
    border: none !important;
  }

/* テーブル id1(企業概要) の設定 */
.wp-block-table.table_id_1 tr td:nth-child(1) {
    width: 15%; !important;
  }
.wp-block-table.table_id_1 tr td:nth-child(2) {
    width: 85%; !important;
  }

/* 全てのテーブルを下線のみにする */
.wp-block-table table,
.wp-block-table th,
.wp-block-table td {
    border: none !important;
}
.wp-block-table tr th,
.wp-block-table tr td {
    border-bottom: 1px solid #cccccc !important;
}