https://www.nachi-fujikoshi.co.jp/dcms_media/other/custom.js

1// $(function () {
2var lh = "";
3lh = location.href;
4if (lh.match(/dcmsadm/)) {} else {
5  // トグルボタン
6  $(".js-btnAccordion").on("click", function () {
7    $(this).next().slideToggle();
8    $(this).find(".js-btnAccordionIcon").toggleClass("is-active");
9    // aria-expanded(どのhtmlタグに機能するか)の切り替え
10    if ($(this).attr("aria-expanded") == "false") {
11      $(this).attr("aria-expanded", true);
12      $(this).next().attr("aria-hidden", false);
13    } else {
14      $(this).attr("aria-expanded", false);
15      $(this).next().attr("aria-hidden", true);
16    }
17  });
18
19  $(function () {
20    if (window.matchMedia("(max-width: 991px)").matches) {
21      $(".lib-child__item a").on("click", function () {
22        $("body").removeClass("is-overlay");
23        $(".js-gnav__panel").removeClass("is-open");
24        $("html").removeClass("is-open");
25        $(".js-child__focus").removeClass("is-open");
26        $(".js-gnav__btn").removeClass("is-open").attr("aria-expanded", false);
27      });
28    }
29  });
30
31  $(document).ready(function () {
32    // '.half' クラスを持つすべての要素を検索
33    $('.half').each(function () {
34      // 現在の '.half' 要素から最も近い親の '.lib-horizon__col' を探す
35      const $horizonCol = $(this).closest('.lib-horizon__col');
36
37      // '.lib-horizon__col' が見つかればスタイルを適用
38      if ($horizonCol.length) { // $horizonCol.length で要素が見つかったか確認
39        $horizonCol.css('width', '50%');
40
41        // Bootstrapなどのグリッドシステムと併用する場合、
42        // 以下も設定するとより確実です。
43        /*
44        $horizonCol.css({
45          'flex': '0 0 50%', // flex-grow, flex-shrink, flex-basisを一度に設定
46          'max-width': '50%'
47        });
48        */
49      }
50    });
51  });
52
53  $(document).ready(function () {
54    // '.half' クラスを持つすべての要素を検索
55    $('.w-auto').each(function () {
56      // 現在の '.half' 要素から最も近い親の '.lib-horizon__col' を探す
57      const $horizonCol = $(this).closest('.lib-horizon__col');
58
59      // '.lib-horizon__col' が見つかればスタイルを適用
60      if ($horizonCol.length) { // $horizonCol.length で要素が見つかったか確認
61        $horizonCol.css('width', 'auto');
62
63        // Bootstrapなどのグリッドシステムと併用する場合、
64        // 以下も設定するとより確実です。
65        /*
66        $horizonCol.css({
67          'flex': '0 0 50%', // flex-grow, flex-shrink, flex-basisを一度に設定
68          'max-width': '50%'
69        });
70        */
71      }
72    });
73  });
74
75  $(document).ready(function () {
76    // '.half' クラスを持つすべての要素を検索
77    $('.w-100').each(function () {
78      // 現在の '.half' 要素から最も近い親の '.lib-horizon__col' を探す
79      const $horizonCol = $(this).closest('.lib-horizon__col');
80
81      // '.lib-horizon__col' が見つかればスタイルを適用
82      if ($horizonCol.length) { // $horizonCol.length で要素が見つかったか確認
83        $horizonCol.css('width', '100%');
84
85        // Bootstrapなどのグリッドシステムと併用する場合、
86        // 以下も設定するとより確実です。
87        /*
88        $horizonCol.css({
89          'flex': '0 0 50%', // flex-grow, flex-shrink, flex-basisを一度に設定
90          'max-width': '50%'
91        });
92        */
93      }
94    });
95  });
96
97  $(document).ready(function () {
98    // '.half' クラスを持つすべての要素を検索
99    $('.w-70').each(function () {
100      // 現在の '.half' 要素から最も近い親の '.lib-horizon__col' を探す
101      const $horizonCol = $(this).closest('.lib-horizon__col');
102
103      // '.lib-horizon__col' が見つかればスタイルを適用
104      if ($horizonCol.length) { // $horizonCol.length で要素が見つかったか確認
105        $horizonCol.css('width', '70%');
106
107        // Bootstrapなどのグリッドシステムと併用する場合、
108        // 以下も設定するとより確実です。
109        /*
110        $horizonCol.css({
111          'flex': '0 0 50%', // flex-grow, flex-shrink, flex-basisを一度に設定
112          'max-width': '50%'
113        });
114        */
115      }
116    });

117  });
118
119  $(document).ready(function () {
120    // '.half' クラスを持つすべての要素を検索
121    $('.flex-1').each(function () {
122      // 現在の '.half' 要素から最も近い親の '.lib-horizon__col' を探す
123      const $horizonCol = $(this).closest('.lib-horizon__col');
124
125      // '.lib-horizon__col' が見つかればスタイルを適用
126      if ($horizonCol.length) { // $horizonCol.length で要素が見つかったか確認
127        $horizonCol.css('flex', '1');
128
129        // Bootstrapなどのグリッドシステムと併用する場合、
130        // 以下も設定するとより確実です。
131        /*
132        $horizonCol.css({
133          'flex': '0 0 50%', // flex-grow, flex-shrink, flex-basisを一度に設定
134          'max-width': '50%'
135        });
136        */
137      }
138    });
139  });
140}
141// });