/* Theme Name: nagano2028.jp Site's Main Theme Version: 1.0 Derived from the Original Theme: Twenty Eleven Original Theme URI: http://wordpress.org/extend/themes/twentyeleven Original Author: the WordPress team Original Author URI: http://wordpress.org/ Original Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @charset "utf-8"; /* 2026.09 KAZ: moved here */ /* @ import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@400;700&display=swap'); 2025.12 KAZ: moved to header.php */ /* Description: Style common to PC & Smartphone for Nagano 2028 Site Note: CSS variable definitions are also included in this file */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; max-height: 999999px; /* against Android Chrome Font Boosting */ } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; } table, caption, tfoot, thead { vertical-align: middle; } :focus {/* remember to define focus styles! */ outline: #be001a 3px solid; /* 2024.1 KAZ: ChkHTML: was var(--n2028-red) */ } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } img[usemap^="#"], /* MTL KAZ: added for IE 9 or older */ a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Variables ----------------------------------------------- */ :root { /* Dimensions */ --pagewidth: calc(100vw - 17px); /* 2025.5 KAZ: added */ --viewheight: 100vh; /* Colors */ /* 絶対色 */ --n2028-text-gray: #222; --n2028-light-gray: #ccd1ce; --n2028-blue: #009; --n2028-skyblue: #006dfc; --n2028-gradient-blue: #4ed3e5; --n2028-pale-green: #ebf8e7; --n2028-yellow-green: #beeb56; --n2028-gradient-green: #96e1a4; --n2028-green: #00a63c; --n2028-dark-green: #00572f; --n2028-pale-yellow: #fcfca6; --n2028-yellow: yellow; --n2028-dark-yellow: #d3ce46; --n2028-clear-yellow: rgba(211,206,70,0.4); --n2028-gold: #ad7800; --n2028-pale-pink: #fae5e5; --n2028-pink: #fdb191; --n2028-red: #dd0321; /* .bg-normal */ /* 相対色 */ /* 共通 */ --n2028-common-bg-color: white; --n2028-sogo-normal-bg-color: var(--n2028-pale-green); --n2028-sogo-dark-bg-color: linear-gradient(to bottom, var(--n2028-yellow-green) 0%, var(--n2028-gradient-green) 81%, var(--n2028-gradient-blue) 100%); /* This one is a gradient!!! */ --n2028-kokuspo-normal-bg-color: var(--n2028-pale-yellow); --n2028-kokuspo-dark-bg-color: var(--n2028-dark-yellow); --n2028-kokuspo-clear-bg-color: var(--n2028-clear-yellow); --n2028-zenshospo-normal-bg-color: var(--n2028-pale-pink); --n2028-zenshospo-dark-bg-color: var(--n2028-pink); --n2028-text-color: var(--n2028-text-gray); --n2028-highlight-bg-color: white; --n2028-highlight-text-color: var(--n2028-text-gray); --n2028-title-color: var(--n2028-dark-green); --n2028-inverted-bg-color: var(--n2028-dark-green); --n2028-inverted-text-color: white; --n2028-linkbtn-bg-color: white; --n2028-linkbtn-border-color: var(--n2028-dark-green); --n2028-linkbtn-text-color: var(--n2028-dark-green); --n2028-linkbtn-inverted-border-color: var(--n2028-dark-green); --n2028-linkbtn-small-bg-color: white; --n2028-linkbtn-small-border-color: var(--n2028-text-gray); --n2028-linkbtn-small-text-color: var(--n2028-text-gray); --n2028-linkbtn-small-sogo-arrow-bg-color: var(--n2028-dark-green); --n2028-linkbtn-small-kokuspo-arrow-bg-color: var(--n2028-dark-yellow); --n2028-linkbtn-small-zenshospo-arrow-bg-color: var(--n2028-pink); --n2028-linkbtn-small-arrow-text-color: white; --n2028-linkbtn-small-sogo-inverted-bg-color: var(--n2028-pale-green); --n2028-linkbtn-small-kokuspo-inverted-bg-color: var(--n2028-pale-yellow); --n2028-linkbtn-small-zenshospo-inverted-bg-color: var(--n2028-pale-pink); --n2028-linkbtn-small-inverted-text-color: var(--n2028-text-gray); --n2028-linkbtn-small-sogo-inverted-arrow-bg-color: var(--n2028-dark-green); --n2028-linkbtn-small-kokuspo-inverted-arrow-bg-color: var(--n2028-dark-yellow); --n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color: var(--n2028-pink); --n2028-linkbtn-small-inverted-arrow-text-color: white; --n2028-linktext-icon-arrow: url(/images/icon_arrow_green.svg); /* 2024.1 KAZ */ --n2028-linktext-inverted-icon-arrow: url(/images/icon_arrow_white.svg); /* 2024.1 KAZ */ --n2028-postmenu-item-hover-before: url(/images/postmenu_hover.svg); --n2028-pdflink-icon: url(/images/icon_pdf_black.svg); --n2028-wordlink-icon: url(/images/icon_word_black.svg); /* 2024.1 KAZ */ --n2028-excellink-icon: url(/images/icon_excel_black.svg); /* 2024.1 KAZ */ /* Header */ --n2028-gnavi-normal-text-color: var(--n2028-dark-green); --n2028-gnavi-inverted-text-color: var(--n2028-dark-green); --n2028-gnavi-normal-subttl-color: var(--n2028-text-gray); --n2028-gnavi-inverted-subttl-color: var(--n2028-text-gray); --n2028-gnavi-sogo-bg-color: var(--n2028-pale-green); --n2028-gnavi-kokuspo-bg-color: var(--n2028-pale-yellow); --n2028-gnavi-zenshospo-bg-color: var(--n2028-pale-pink); --n2028-gnavi-normal-icon-arrow: url(/images/icon_arrow_green.svg); --n2028-gnavi-inverted-icon-arrow: url(/images/icon_arrow_green.svg); --n2028-gnavi-border-color: var(--n2028-dark-green); --n2028-head-funcs-bg-color: var(--n2028-dark-green); --n2028-head-funcs-button-bg-color: white; --n2028-head-funcs-button-text-color: var(--n2028-text-gray); --n2028-head-funcs-speaker-icon: url(/images/icon_speaker.svg); --n2028-head-funcs-search-bg-color: white; --n2028-head-funcs-search-border-color: var(--n2028-text-gray); --n2028-head-funcs-search-text-color: var(--n2028-dark-green); /* Navigation */ --n2028-pagenavi-normal-bg-color: white; --n2028-pagenavi-normal-border-color: var(--n2028-dark-green); --n2028-pagenavi-normal-text-color: var(--n2028-text-gray); --n2028-pagenavi-inverted-bg-color: var(--n2028-dark-green); --n2028-pagenavi-inverted-border-color: var(--n2028-dark-green); --n2028-pagenavi-inverted-text-color: white; /* Widget */ --n2028-widget-item-normal-bg-color: white; --n2028-widget-item-normal-text-color: var(--n2028-text-gray); --n2028-widget-item-inverted-bg-color: var(--n2028-dark-green); --n2028-widget-item-inverted-text-color: white; /* Footer */ --n2028-footer-icon-arrow: url(/images/icon_arrow_white.svg); /* 新着情報+総合TOP */ --n2028-news-new-icon-color: var(--n2028-red); /* 実施競技 */ --n2028-competition-sport-type-bg-color: white; --n2028-competition-sport-type-border-color: var(--n2028-dark-green); --n2028-competition-sport-type-text-color: var(--n2028-dark-green); --n2028-competition-event-table-th-bg-color: var(--n2028-dark-yellow); --n2028-competition-event-table-th-text-color: var(--n2028-text-gray); --n2028-competition-double-highlight-bg-color: #f5f5f0; --n2028-competition-double-highlight-text-color: var(--n2028-text-gray); --n2028-competition-sidebar-h3-normal-bg-color: white; --n2028-competition-sidebar-h3-normal-text-color: var(--n2028-text-gray); --n2028-competition-sidebar-h3-inverted-bg-color: var(--n2028-dark-green); --n2028-competition-sidebar-h3-inverted-text-color: white; /* 実施会場 */ --n2028-venue-map-legend-bg-color: var(--n2028-pale-yellow); /* 2025.5 KAZ */ --n2028-venue-map-legend-border-color: var(--n2028-dark-green); --n2028-location-details-icon-external: url(/images/icon_external_link_black.svg); /* 総合TOP */ --n2028-top-2028nagano-color: var(--n2028-green); --n2028-top-light-bg-color: linear-gradient(to bottom, var(--n2028-pale-green) 0%, #ECF9DC 62.5%, #F1FFA3 87.5%, var(--n2028-yellow-green) 100%); --n2080-top-slider-button-active-color: var(--n2028-green); /* 準備委員会 */ --n2028-committee-large-button-normal-bg-color: white; --n2028-committee-large-button-normal-border-color: var(--n2028-dark-green); --n2028-committee-large-button-normal-text-color: var(--n2028-dark-green); --n2028-committee-large-button-inverted-bg-color: var(--n2028-dark-green); --n2028-committee-large-button-inverted-border-color: var(--n2028-dark-green); --n2028-committee-large-button-inverted-text-color: white; --n2028-committee-large-button-shadow-color: var(--n2028-yellow-green); --n2028-committee-small-button-normal-bg-color: var(--n2028-yellow-green); --n2028-committee-small-button-normal-border-color: var(--n2028-yellow-green); --n2028-committee-small-button-normal-text-color: #333333; --n2028-committee-small-button-inverted-bg-color: var(--n2028-dark-green); --n2028-committee-small-button-inverted-border-color: var(--n2028-dark-green); --n2028-committee-small-button-inverted-text-color: white; --n2028-committee-small-button-number-normal-bg-color: white; --n2028-committee-small-button-number-inverted-bg-color: white; --n2028-committee-small-button-number-text-color: #333333; /* お問い合わせ */ --n2028-inquiry-highlight-color: var(--n2028-red); --n2028-inquiry-highlight-bg-color: rgba(34,34,34,0.1); --n2028-inquiry-highlight-text-color: var(--n2028-text-color); /* 2026.09 KAZ */ --n2028-inquiry-highlight-title-color: var(--n2028-title-color); /* 2026.09 KAZ */ /* 競技紹介 */ --n2028-kyogi-shadow-color: var(--n2028-dark-green); --n2028-kyogi-hover-shadow-color: var(--n2028-yellow-green); --n2028-kyogi-arrow-color: white; --n2028-kyogi-hover-arrow-color: var(--n2028-dark-green); --n2028-kyogi-arrow-bg-color: var(--n2028-dark-green); --n2028-kyogi-hover-arrow-bg-color: white; /* 寄附金募集 */ --n2028-light-title-color: var(--n2028-green); /* 協賛募集 */ --n2028-light-bg-color: var(--n2028-green); /* ボランティア */ --n2028-link_text_color: var(--n2028-dark-green); --n2028-table_text_color: var(--n2028-text-gray); --n2028-volunteer-pdflink-icon: url(/images/icon_pdf_green.svg); --n2028-volunteer-pdflink-hover-icon: url(/images/icon_pdf_white.svg); } :root.bg-black { /* 相対色 */ /* 共通 */ --n2028-common-bg-color: black; --n2028-sogo-normal-bg-color: black; --n2028-sogo-dark-bg-color: black; /* This one is a gradient when bg-normal!!! */ --n2028-kokuspo-normal-bg-color: black; --n2028-kokuspo-dark-bg-color: var(--n2028-inverted-bg-color); --n2028-kokuspo-clear-bg-color: black; --n2028-zenshospo-normal-bg-color: black; --n2028-zenshospo-dark-bg-color: black; --n2028-text-color: white; --n2028-highlight-bg-color: rgba(255,255,255,0.1); --n2028-highlight-text-color: white; --n2028-title-color: var(--n2028-yellow); --n2028-inverted-bg-color: var(--n2028-yellow); --n2028-inverted-text-color: black; --n2028-linkbtn-bg-color: var(--n2028-yellow); --n2028-linkbtn-border-color: var(--n2028-yellow); --n2028-linkbtn-text-color: black; --n2028-linkbtn-inverted-border-color: var(--n2028-yellow); --n2028-linkbtn-small-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-border-color: var(--n2028-yellow); --n2028-linkbtn-small-text-color: black; --n2028-linkbtn-small-sogo-arrow-bg-color: black; --n2028-linkbtn-small-kokuspo-arrow-bg-color: black; --n2028-linkbtn-small-zenshospo-arrow-bg-color: black; --n2028-linkbtn-small-arrow-text-color: var(--n2028-yellow); --n2028-linkbtn-small-sogo-inverted-bg-color: black; --n2028-linkbtn-small-kokuspo-inverted-bg-color: black; --n2028-linkbtn-small-zenshospo-inverted-bg-color: black; --n2028-linkbtn-small-inverted-text-color: var(--n2028-yellow); --n2028-linkbtn-small-sogo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-kokuspo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-inverted-arrow-text-color: black; --n2028-linktext-icon-arrow: url(/images/icon_arrow_yellow.svg); /* 2024.1 KAZ */ --n2028-linktext-inverted-icon-arrow: url(/images/icon_arrow_black.svg); /* 2024.1 KAZ */ --n2028-postmenu-item-hover-before: url(/images/postmenu_hover_yellow.svg); --n2028-pdflink-icon: url(/images/icon_pdf_white.svg); --n2028-wordlink-icon: url(/images/icon_word_white.svg); /* 2024.1 KAZ */ --n2028-excellink-icon: url(/images/icon_excel_white.svg); /* 2024.1 KAZ */ /* Header */ --n2028-gnavi-normal-text-color: var(--n2028-yellow); --n2028-gnavi-inverted-text-color: black; --n2028-gnavi-normal-subttl-color: white; /* 2024.1 KAZ: ChkHTML: was var(--n2028-yellow) */ --n2028-gnavi-inverted-subttl-color: black; --n2028-gnavi-sogo-bg-color: var(--n2028-yellow); --n2028-gnavi-kokuspo-bg-color: var(--n2028-yellow); --n2028-gnavi-zenshospo-bg-color: var(--n2028-yellow); --n2028-gnavi-normal-icon-arrow: url(/images/icon_arrow_yellow.svg); --n2028-gnavi-inverted-icon-arrow: url(/images/icon_arrow_black.svg); --n2028-gnavi-border-color: black; --n2028-head-funcs-bg-color: black; --n2028-head-funcs-button-bg-color: black; --n2028-head-funcs-button-text-color: white; --n2028-head-funcs-speaker-icon: url(/images/icon_speaker_white.svg); --n2028-head-funcs-search-bg-color: rgba(255,255,255,0.1); --n2028-head-funcs-search-border-color: transparent; --n2028-head-funcs-search-text-color: var(--n2028-yellow); /* Navigation */ --n2028-pagenavi-normal-bg-color: rgba(255,255,255,0.1); --n2028-pagenavi-normal-border-color: transparent; --n2028-pagenavi-normal-text-color: var(--n2028-yellow); --n2028-pagenavi-inverted-bg-color: var(--n2028-yellow); --n2028-pagenavi-inverted-border-color: var(--n2028-yellow); --n2028-pagenavi-inverted-text-color: black; /* Widget */ --n2028-widget-item-normal-bg-color: rgba(255,255,255,0.1); --n2028-widget-item-normal-text-color: var(--n2028-yellow); --n2028-widget-item-inverted-bg-color: var(--n2028-yellow); --n2028-widget-item-inverted-text-color: var(--n2028-text-gray); /* Footer */ --n2028-footer-icon-arrow: url(/images/icon_arrow_black.svg); /* 新着情報+総合TOP */ --n2028-news-new-icon-color: var(--n2028-skyblue); /* 実施競技 */ --n2028-competition-sport-type-bg-color: rgba(255,255,255,0.1); --n2028-competition-sport-type-border-color: rgba(0,87,47,0.1); --n2028-competition-sport-type-text-color: var(--n2028-yellow); --n2028-competition-event-table-th-bg-color: var(--n2028-yellow); --n2028-competition-event-table-th-text-color: var(--n2028-text-gray); --n2028-competition-double-highlight-bg-color: rgba(255,255,255,0.1); --n2028-competition-double-highlight-text-color: white; --n2028-competition-sidebar-h3-normal-bg-color: var(--n2028-yellow); --n2028-competition-sidebar-h3-normal-text-color: var(--n2028-text-gray); --n2028-competition-sidebar-h3-inverted-bg-color: var(--n2028-yellow); --n2028-competition-sidebar-h3-inverted-text-color: var(--n2028-text-gray); /* 実施会場 */ --n2028-venue-map-legend-bg-color: rgba(255,255,255,0.1); /* 2025.5 KAZ */ --n2028-venue-map-legend-border-color: white; --n2028-location-details-icon-external: url(/images/icon_external_link_white.svg); /* 総合TOP */ --n2028-top-2028nagano-color: var(--n2028-yellow); --n2028-top-light-bg-color: black; --n2080-top-slider-button-active-color: var(--n2028-yellow); /* 準備委員会 */ --n2028-committee-large-button-normal-bg-color: black; --n2028-committee-large-button-normal-border-color: var(--n2028-yellow); --n2028-committee-large-button-normal-text-color: var(--n2028-yellow); --n2028-committee-large-button-inverted-bg-color: var(--n2028-yellow); --n2028-committee-large-button-inverted-border-color: black; --n2028-committee-large-button-inverted-text-color: black; --n2028-committee-large-button-shadow-color: var(--n2028-yellow); --n2028-committee-small-button-normal-bg-color: black; --n2028-committee-small-button-normal-border-color: var(--n2028-yellow); --n2028-committee-small-button-normal-text-color: white; --n2028-committee-small-button-inverted-bg-color: var(--n2028-yellow); --n2028-committee-small-button-inverted-border-color: var(--n2028-yellow); --n2028-committee-small-button-inverted-text-color: black; --n2028-committee-small-button-number-normal-bg-color: rgba(255,255,255,0.1); --n2028-committee-small-button-number-inverted-bg-color: black; --n2028-committee-small-button-number-text-color: white; /* お問い合わせ */ --n2028-inquiry-highlight-color: var(--n2028-skyblue); --n2028-inquiry-highlight-bg-color: black; --n2028-inquiry-highlight-text-color: var(--n2028-text-color); /* 2026.09 KAZ */ --n2028-inquiry-highlight-title-color: var(--n2028-title-color); /* 2026.09 KAZ */ /* 競技紹介 */ --n2028-kyogi-shadow-color: rgba(0,0,0,0.1); --n2028-kyogi-hover-shadow-color: rgba(0,0,0,0.1); --n2028-kyogi-arrow-color: var(--n2028-yellow); --n2028-kyogi-hover-arrow-color: #222; --n2028-kyogi-arrow-bg-color: #222; --n2028-kyogi-hover-arrow-bg-color: var(--n2028-yellow); /* 寄附金募集 */ --n2028-light-title-color: var(--n2028-title-color); /* 協賛募集 */ --n2028-light-bg-color: var(--n2028-yellow); /* ボランティア */ --n2028-link_text_color: var(--n2028-highlight-text-color); --n2028-table_text_color: var(--n2028-text-gray); --n2028-volunteer-pdflink-icon: url(/images/icon_pdf_white.svg); --n2028-volunteer-pdflink-hover-icon: url(/images/icon_pdf_black.svg); } :root.bg-blue { /* 相対色 */ /* 共通 */ --n2028-common-bg-color: var(--n2028-blue); --n2028-sogo-normal-bg-color: var(--n2028-blue); --n2028-sogo-dark-bg-color: var(--n2028-blue); /* This one is a gradient when bg-normal!!! */ --n2028-kokuspo-normal-bg-color: var(--n2028-blue); --n2028-kokuspo-dark-bg-color: var(--n2028-inverted-bg-color); --n2028-kokuspo-clear-bg-color: var(--n2028-blue); --n2028-zenshospo-normal-bg-color: var(--n2028-blue); --n2028-zenshospo-dark-bg-color: var(--n2028-blue); --n2028-text-color: white; --n2028-highlight-bg-color: rgba(255,255,255,0.1); --n2028-highlight-text-color: white; --n2028-title-color: var(--n2028-yellow); --n2028-inverted-bg-color: var(--n2028-yellow); --n2028-inverted-text-color: black; --n2028-linkbtn-bg-color: var(--n2028-yellow); --n2028-linkbtn-border-color: var(--n2028-yellow); --n2028-linkbtn-text-color: black; --n2028-linkbtn-inverted-border-color: var(--n2028-yellow); --n2028-linkbtn-small-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-border-color: var(--n2028-yellow); --n2028-linkbtn-small-text-color: black; --n2028-linkbtn-small-sogo-arrow-bg-color: black; --n2028-linkbtn-small-kokuspo-arrow-bg-color: black; --n2028-linkbtn-small-zenshospo-arrow-bg-color: black; --n2028-linkbtn-small-arrow-text-color: var(--n2028-yellow); --n2028-linkbtn-small-sogo-inverted-bg-color: black; --n2028-linkbtn-small-kokuspo-inverted-bg-color: black; --n2028-linkbtn-small-zenshospo-inverted-bg-color: black; --n2028-linkbtn-small-inverted-text-color: var(--n2028-yellow); --n2028-linkbtn-small-sogo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-kokuspo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-inverted-arrow-text-color: black; --n2028-linktext-icon-arrow: url(/images/icon_arrow_yellow.svg); /* 2024.1 KAZ */ --n2028-linktext-inverted-icon-arrow: url(/images/icon_arrow_black.svg); /* 2024.1 KAZ */ --n2028-postmenu-item-hover-before: url(/images/postmenu_hover_yellow.svg); --n2028-pdflink-icon: url(/images/icon_pdf_white.svg); --n2028-wordlink-icon: url(/images/icon_word_white.svg); /* 2024.1 KAZ */ --n2028-excellink-icon: url(/images/icon_excel_white.svg); /* 2024.1 KAZ */ /* Header */ --n2028-gnavi-normal-text-color: var(--n2028-yellow); --n2028-gnavi-inverted-text-color: black; --n2028-gnavi-normal-subttl-color: white; /* 2024.1 KAZ: ChkHTML: was var(--n2028-yellow) */ --n2028-gnavi-inverted-subttl-color: black; --n2028-gnavi-sogo-bg-color: var(--n2028-yellow); --n2028-gnavi-kokuspo-bg-color: var(--n2028-yellow); --n2028-gnavi-zenshospo-bg-color: var(--n2028-yellow); --n2028-gnavi-normal-icon-arrow: url(/images/icon_arrow_yellow.svg); --n2028-gnavi-inverted-icon-arrow: url(/images/icon_arrow_black.svg); --n2028-gnavi-border-color: var(--n2028-blue); --n2028-head-funcs-bg-color: var(--n2028-blue); --n2028-head-funcs-button-bg-color: var(--n2028-blue); --n2028-head-funcs-button-text-color: white; --n2028-head-funcs-speaker-icon: url(/images/icon_speaker_white.svg); --n2028-head-funcs-search-bg-color: rgba(255,255,255,0.1); --n2028-head-funcs-search-border-color: transparent; --n2028-head-funcs-search-text-color: var(--n2028-yellow); /* Navigation */ --n2028-pagenavi-normal-bg-color: rgba(255,255,255,0.1); --n2028-pagenavi-normal-border-color: transparent; --n2028-pagenavi-normal-text-color: var(--n2028-yellow); --n2028-pagenavi-inverted-bg-color: var(--n2028-yellow); --n2028-pagenavi-inverted-border-color: var(--n2028-yellow); --n2028-pagenavi-inverted-text-color: black; /* Widget */ --n2028-widget-item-normal-bg-color: rgba(255,255,255,0.1); --n2028-widget-item-normal-text-color: var(--n2028-yellow); --n2028-widget-item-inverted-bg-color: var(--n2028-yellow); --n2028-widget-item-inverted-text-color: var(--n2028-text-gray); /* Footer */ --n2028-footer-icon-arrow: url(/images/icon_arrow_black.svg); /* 新着情報+総合TOP */ --n2028-news-new-icon-color: var(--n2028-gold); /* 実施競技 */ --n2028-competition-sport-type-bg-color: rgba(255,255,255,0.1); --n2028-competition-sport-type-border-color: rgba(0,87,47,0.1); --n2028-competition-sport-type-text-color: var(--n2028-yellow); --n2028-competition-event-table-th-bg-color: var(--n2028-yellow); --n2028-competition-event-table-th-text-color: var(--n2028-text-gray); --n2028-competition-double-highlight-bg-color: rgba(255,255,255,0.1); --n2028-competition-double-highlight-text-color: white; --n2028-competition-sidebar-h3-normal-bg-color: transparent; --n2028-competition-sidebar-h3-normal-text-color: white; --n2028-competition-sidebar-h3-inverted-bg-color: var(--n2028-yellow); --n2028-competition-sidebar-h3-inverted-text-color: var(--n2028-text-gray); /* 実施会場 */ --n2028-venue-map-legend-bg-color: rgba(255,255,255,0.1); /* 2025.5 KAZ */ --n2028-venue-map-legend-border-color: white; --n2028-location-details-icon-external: url(/images/icon_external_link_white.svg); /* 総合TOP */ --n2028-top-2028nagano-color: var(--n2028-yellow); --n2028-top-light-bg-color: var(--n2028-blue); --n2080-top-slider-button-active-color: var(--n2028-yellow); /* 準備委員会 */ --n2028-committee-large-button-normal-bg-color: black; --n2028-committee-large-button-normal-border-color: var(--n2028-yellow); --n2028-committee-large-button-normal-text-color: var(--n2028-yellow); --n2028-committee-large-button-inverted-bg-color: var(--n2028-yellow); --n2028-committee-large-button-inverted-border-color: black; --n2028-committee-large-button-inverted-text-color: black; --n2028-committee-large-button-shadow-color: var(--n2028-yellow); --n2028-committee-small-button-normal-bg-color: black; --n2028-committee-small-button-normal-border-color: var(--n2028-yellow); --n2028-committee-small-button-normal-text-color: white; --n2028-committee-small-button-inverted-bg-color: var(--n2028-yellow); --n2028-committee-small-button-inverted-border-color: var(--n2028-yellow); --n2028-committee-small-button-inverted-text-color: black; --n2028-committee-small-button-number-normal-bg-color: rgba(255,255,255,0.1); --n2028-committee-small-button-number-inverted-bg-color: black; --n2028-committee-small-button-number-text-color: white; /* お問い合わせ */ --n2028-inquiry-highlight-color: var(--n2028-skyblue); /* KAZ: was var(--n2028-gold) */ --n2028-inquiry-highlight-bg-color: black; --n2028-inquiry-highlight-text-color: var(--n2028-text-color); /* 2026.09 KAZ */ --n2028-inquiry-highlight-title-color: var(--n2028-title-color); /* 2026.09 KAZ */ /* 競技紹介 */ --n2028-kyogi-shadow-color: rgba(0,0,0,0.3); --n2028-kyogi-hover-shadow-color: var(--n2028-yellow); --n2028-kyogi-arrow-color: var(--n2028-yellow); --n2028-kyogi-hover-arrow-color: #222; --n2028-kyogi-arrow-bg-color: #222; --n2028-kyogi-hover-arrow-bg-color: var(--n2028-yellow); /* 寄附金募集 */ --n2028-light-title-color: var(--n2028-title-color); /* 協賛募集 */ --n2028-light-bg-color: var(--n2028-yellow); /* ボランティア */ --n2028-link_text_color: var(--n2028-highlight-text-color); --n2028-table_text_color: var(--n2028-text-gray); --n2028-volunteer-pdflink-icon: url(/images/icon_pdf_white.svg); --n2028-volunteer-pdflink-hover-icon: url(/images/icon_pdf_black.svg); } :root.bg-yellow { /* 相対色 */ /* 共通 */ --n2028-common-bg-color: var(--n2028-yellow); --n2028-sogo-normal-bg-color: var(--n2028-yellow); --n2028-sogo-dark-bg-color: var(--n2028-yellow); /* This one is a gradient when bg-normal!!! */ --n2028-kokuspo-normal-bg-color: var(--n2028-yellow); --n2028-kokuspo-dark-bg-color: black; --n2028-kokuspo-clear-bg-color: var(--n2028-yellow); --n2028-zenshospo-normal-bg-color: var(--n2028-yellow); --n2028-zenshospo-dark-bg-color: var(--n2028-yellow); --n2028-text-color: black; --n2028-highlight-bg-color: black; --n2028-highlight-text-color: var(--n2028-yellow); --n2028-title-color: black; --n2028-inverted-bg-color: black; --n2028-inverted-text-color: white; --n2028-linkbtn-bg-color: var(--n2028-yellow); --n2028-linkbtn-border-color: black; --n2028-linkbtn-text-color: black; --n2028-linkbtn-inverted-border-color: var(--n2028-yellow); --n2028-linkbtn-small-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-border-color: var(--n2028-yellow); --n2028-linkbtn-small-text-color: black; --n2028-linkbtn-small-sogo-arrow-bg-color: black; --n2028-linkbtn-small-kokuspo-arrow-bg-color: black; --n2028-linkbtn-small-zenshospo-arrow-bg-color: black; --n2028-linkbtn-small-arrow-text-color: var(--n2028-yellow); --n2028-linkbtn-small-sogo-inverted-bg-color: black; --n2028-linkbtn-small-kokuspo-inverted-bg-color: black; --n2028-linkbtn-small-zenshospo-inverted-bg-color: black; --n2028-linkbtn-small-inverted-text-color: var(--n2028-yellow); --n2028-linkbtn-small-sogo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-kokuspo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color: var(--n2028-yellow); --n2028-linkbtn-small-inverted-arrow-text-color: black; --n2028-linktext-icon-arrow: url(/images/icon_arrow_yellow.svg); /* 2024.1 KAZ */ --n2028-linktext-inverted-icon-arrow: url(/images/icon_arrow_black.svg); /* 2024.1 KAZ */ --n2028-postmenu-item-hover-before: url(/images/postmenu_hover_black.svg); --n2028-pdflink-icon: url(/images/icon_pdf_black.svg); --n2028-wordlink-icon: url(/images/icon_word_black.svg); /* 2024.1 KAZ */ --n2028-excellink-icon: url(/images/icon_excel_black.svg); /* 2024.1 KAZ */ /* Header */ --n2028-gnavi-normal-text-color: black; --n2028-gnavi-inverted-text-color: var(--n2028-yellow); --n2028-gnavi-normal-subttl-color: black; --n2028-gnavi-inverted-subttl-color: var(--n2028-yellow); --n2028-gnavi-sogo-bg-color: black; --n2028-gnavi-kokuspo-bg-color: black; --n2028-gnavi-zenshospo-bg-color: black; --n2028-gnavi-normal-icon-arrow: url(/images/icon_arrow_green.svg); --n2028-gnavi-inverted-icon-arrow: url(/images/icon_arrow_green.svg); --n2028-gnavi-border-color: var(--n2028-yellow); --n2028-head-funcs-bg-color: var(--n2028-yellow); --n2028-head-funcs-button-bg-color: white; --n2028-head-funcs-button-text-color: black; --n2028-head-funcs-speaker-icon: url(/images/icon_speaker.svg); --n2028-head-funcs-search-bg-color: white; --n2028-head-funcs-search-border-color: black; --n2028-head-funcs-search-text-color: black; /* Navigation */ --n2028-pagenavi-normal-bg-color: var(--n2028-yellow); --n2028-pagenavi-normal-border-color: black; --n2028-pagenavi-normal-text-color: black; --n2028-pagenavi-inverted-bg-color: black; --n2028-pagenavi-inverted-border-color: black; --n2028-pagenavi-inverted-text-color: var(--n2028-yellow); /* Widget */ --n2028-widget-item-normal-bg-color: black; --n2028-widget-item-normal-text-color: var(--n2028-yellow); --n2028-widget-item-inverted-bg-color: black; --n2028-widget-item-inverted-text-color: white; /* Footer */ --n2028-footer-icon-arrow: url(/images/icon_arrow_white.svg); /* 新着情報+総合TOP */ --n2028-news-new-icon-color: var(--n2028-skyblue); /* 実施競技 */ --n2028-competition-sport-type-bg-color: black; --n2028-competition-sport-type-border-color: var(--n2028-yellow); --n2028-competition-sport-type-text-color: var(--n2028-yellow); --n2028-competition-event-table-th-bg-color: black; --n2028-competition-event-table-th-text-color: var(--n2028-yellow); --n2028-competition-double-highlight-bg-color: black; --n2028-competition-double-highlight-text-color: var(--n2028-yellow); --n2028-competition-sidebar-h3-normal-bg-color: black; --n2028-competition-sidebar-h3-normal-text-color: var(--n2028-yellow); --n2028-competition-sidebar-h3-inverted-bg-color: black; --n2028-competition-sidebar-h3-inverted-text-color: var(--n2028-yellow); /* 実施会場 */ --n2028-venue-map-legend-bg-color: var(--n2028-pale-yellow); /* 2025.5 KAZ */ --n2028-venue-map-legend-border-color: black; --n2028-location-details-icon-external: url(/images/icon_external_link_yellow.svg); /* 総合TOP */ --n2028-top-2028nagano-color: black; --n2028-top-light-bg-color: var(--n2028-yellow); --n2080-top-slider-button-active-color: var(--n2028-green); /* 準備委員会 */ --n2028-committee-large-button-normal-bg-color: black; --n2028-committee-large-button-normal-border-color: var(--n2028-yellow); --n2028-committee-large-button-normal-text-color: var(--n2028-yellow); --n2028-committee-large-button-inverted-bg-color: var(--n2028-yellow); --n2028-committee-large-button-inverted-border-color: black; --n2028-committee-large-button-inverted-text-color: black; --n2028-committee-large-button-shadow-color: var(--n2028-yellow); --n2028-committee-small-button-normal-bg-color: black; --n2028-committee-small-button-normal-border-color: var(--n2028-yellow); /* 2025.6 KAZ: was white */ --n2028-committee-small-button-normal-text-color: white; --n2028-committee-small-button-inverted-bg-color: var(--n2028-yellow); --n2028-committee-small-button-inverted-border-color: var(--n2028-yellow); /* 2025.6 KAZ: was white */ --n2028-committee-small-button-inverted-text-color: black; --n2028-committee-small-button-number-normal-bg-color: rgba(255,255,255,0.1); --n2028-committee-small-button-number-inverted-bg-color: black; --n2028-committee-small-button-number-text-color: white; /* お問い合わせ */ --n2028-inquiry-highlight-color: var(--n2028-skyblue); --n2028-inquiry-highlight-bg-color: var(--n2028-yellow); --n2028-inquiry-highlight-text-color: black; /* 2026.09 KAZ */ --n2028-inquiry-highlight-title-color: black; /* 2026.09 KAZ */ /* 競技紹介 */ --n2028-kyogi-shadow-color: rgba(0,0,0,0.1); --n2028-kyogi-hover-shadow-color: rgba(0,0,0,0.1); --n2028-kyogi-arrow-color: var(--n2028-yellow); --n2028-kyogi-hover-arrow-color: #222; --n2028-kyogi-arrow-bg-color: #222; --n2028-kyogi-hover-arrow-bg-color: var(--n2028-yellow); /* 寄附金募集 */ --n2028-light-title-color: var(--n2028-inverted-text-color); /* 協賛募集 */ --n2028-light-bg-color: black; /* ボランティア */ --n2028-link_text_color: var(--n2028-highlight-text-color); --n2028-table_text_color: var(--n2028-yellow); --n2028-volunteer-pdflink-icon: url(/images/icon_pdf_white.svg); --n2028-volunteer-pdflink-hover-icon: url(/images/icon_pdf_black.svg); } :root.bg-yellow .highlight-color { /* 相対色 */ /* 共通 */ --n2028-title-color: var(--n2028-yellow); --n2028-text-color: var(--n2028-yellow); --n2028-pdflink-icon: url(/images/icon_pdf_yellow.svg); /* 2024.1 KAZ */ --n2028-wordlink-icon: url(/images/icon_word_yellow.svg); /* 2024.1 KAZ */ --n2028-excellink-icon: url(/images/icon_excel_yellow.svg); /* 2024.1 KAZ */ } @media print, screen and (min-width: 768px) { /* PC/TB */ :root { /* Dimensions */ --n2028-wall-width: 1240px; --n2028-news-width: 1022px; /* 新着情報用 */ --n2028-semi-width: 1000px; --n2028-small-width: 780px; /* 2025.5 MTL Aki */ --n2028-wide-width: 1400px; /* 2026.1 MTL Aki */ --n2028-max-wall-width: 96.15%; /* 1000 / 1040; KAZ */ /* .bg-normal */ /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/bg_2028nagano_cloud.png); --n2028-top-2028nagano-bottom: url(/images/bg_2028nagano_bottom_normal.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/bg_kokuspo_cloud.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/bg_shospo_cloud.png); } :root.bg-black { /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/bg_2028nagano_cloud_black.png); --n2028-top-2028nagano-bottom: url(/images/bg_2028nagano_bottom_black.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/bg_2028nagano_cloud_black.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/bg_2028nagano_cloud_black.png); } :root.bg-blue { /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/bg_2028nagano_cloud_blue.png); --n2028-top-2028nagano-bottom: url(/images/bg_2028nagano_bottom_blue.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/bg_2028nagano_cloud_blue.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/bg_2028nagano_cloud_blue.png); } :root.bg-yellow { /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/bg_2028nagano_cloud_yellow.png); --n2028-top-2028nagano-bottom: url(/images/bg_2028nagano_bottom_yellow.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/bg_2028nagano_cloud_yellow.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/bg_2028nagano_cloud_yellow.png); } } @media screen and (max-width: 1266px) and (min-width: 768px) { /* PC; 新着情報用 special breakpoint; 2024.1 KAZ: per request */ #my-blog, #my-bidding, #my-bidding-type { /* Dimensions */ --n2028-news-width: 676px; /* 新着情報用 */ } } @media screen and (max-width: 1080px) and (min-width: 768px) { /* PC; #top_news 新着情報用 special breakpoint; 2024.1 KAZ: added min-width() */ #top_news { /* 2024.1 KAZ: was :root */ /* Dimensions */ --n2028-news-width: 676px; /* 新着情報用 */ } } @media screen and (max-width: 907px) and (min-width: 768px) { /* PC; 新着情報用 special breakpoint; 2024.1 KAZ: per request */ #my-blog { /* Dimensions */ --n2028-news-width: auto; /* 新着情報用; 2024.1 KAZ: per request; was 390px = enough width to contain 2 columns of .post_menu */ } #my-bidding, #my-bidding-type { /* Dimensions */ --n2028-news-width: auto; /* 新着情報用; 2024.1 KAZ: per request; was 330px */ } } @media print, screen and (min-width: 768px) { /* PC (Menu) */ :root { /* Dimensions */ --n2028-header-height: 114px; } } @media screen and (max-width: 960px) { /* TB/SP (Menu) */ :root { /* Dimensions */ --n2028-header-height: 94px; --n2028-head-sp-menu-wall-width: 88%; /* 2024.1 KAZ */ } } @media screen and (max-width: 767px) { /* SP */ :root { /* Dimensions */ --n2028-wall-width: 88%; /* 330 / 375 */ --n2028-news-width: 297px; /* 新着情報用 */ --n2028-semi-width: 88%; /* 330 / 375 */ --n2028-small-width: 94.444%; /* 2025.5 MTL Aki 306 / 324 */ /* .bg-normal */ /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/sp/bg_2028nagano_cloud.png); --n2028-top-2028nagano-bottom: url(/images/sp/bg_2028nagano_bottom_normal.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/sp/bg_about_cloud_pale_yellow.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/sp/bg_about_cloud_pink.png); } :root.bg-black { /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/sp/bg_2028nagano_cloud_black.png); --n2028-top-2028nagano-bottom: url(/images/sp/bg_2028nagano_bottom_black.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/sp/bg_about_cloud_black.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/sp/bg_about_cloud_black.png); } :root.bg-blue { /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/sp/bg_2028nagano_cloud_blue.png); --n2028-top-2028nagano-bottom: url(/images/sp/bg_2028nagano_bottom_blue.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/sp/bg_about_cloud_blue.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/sp/bg_about_cloud_blue.png); } :root.bg-yellow { /* 総合TOP */ --n2028-top-2028nagano-cloud: url(/images/sp/bg_2028nagano_cloud_yellow.png); --n2028-top-2028nagano-bottom: url(/images/sp/bg_2028nagano_bottom_yellow.png); /* 国スポTOP */ --n2028-top-kokuspo-cloud: url(/images/sp/bg_about_cloud_yellow.png); /* 全障スポTOP */ --n2028-top-zenshospo-cloud: url(/images/sp/bg_about_cloud_yellow.png); } } @media screen and (min-width: 783px) { /* WP Admin Bar */ :root { /* Dimensions */ --wp-admin-bar-height: 32px; } } @media screen and (max-width: 782px) { /* WP Admin Bar */ :root { /* Dimensions */ --wp-admin-bar-height: 46px; } } @media print { /* WP Admin Bar */ :root { /* Dimensions */ --wp-admin-bar-height: 0px; } } /* =Structure ----------------------------------------------- */ html { scroll-padding-top: var(--n2028-header-height); } html:has(body.admin-bar) { /* on Firefox, the layout.css.has-selector.enabled preference needs to be set true */ scroll-padding-top: calc(var(--n2028-header-height) + var(--wp-admin-bar-height)); } html.font-size-large { font-size: 122.22%; /* 22 / 18 */ } body { background-color: var(--n2028-common-bg-color); padding: 0; font-size: 100%; -webkit-text-size-adjust: none; /* KAZ: was 100% */ text-size-adjust: none; /* KAZ */ } /*#masthead, #breadcrumbs/*, #mainwall, #ft_links Aki c/o */ { width: var(--n2028-wall-width); } #page { } /*#primary, *#content #nav-single { / * linkbtnのbeforeが見えなくなるのを防ぐ * / * position: relative; * z-index: 1; *} */ #primary { float: left; margin: 0; width: var(--n2028-news-width); /* 2024.1 KAZ: per request */ } #primary.nosidebar { float: none; margin: 0 auto; width: 100%; } #content { margin: 0; } #secondary { float: right; width: 261px; /* width of sidebar, if no margin between the sidebar and the main area, this can be commented out (MAT) */ } /* Alignment */ .alignleft { float: left; margin-right: 1.625em; /* display: inline; */ } .alignright { float: right; margin-left: 1.625em; /* display: inline; */ } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wall { width: var(--n2028-wall-width); margin: 0 auto; } /* =Global ----------------------------------------------- */ body, input, textarea, select, button { /* KAZ: added select and button */ line-height: 1.333; color: var(--n2028-text-color); font-family: "Noto Sans JP", sans-serif; font-weight: 500; } input, textarea, select, button { /* KAZ: added button */ font-size: 100%; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; color: var(--n2028-title-color); } hr { background-color: #ccc; border: 0; height: 1px; } /* Text elements */ hr, p { margin-bottom: 16px; } strong, .strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; } code, kbd, samp, var { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } address { display: block; margin: 0 0 1.625em; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: smaller; } /* Table */ table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: collapse; border-spacing: 0; margin-bottom: 16px; } tbody { vertical-align: top; } /* List */ ul { list-style: none; } ul, ol { margin: 0 0 16px 22px; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } /* Data list */ dl { margin: 0 0 1.625em; } dt { font-weight: bold; } dd { margin-bottom: 1.625em; } /* Forms */ input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea { background: white; box-shadow: none; border: 1px solid #ddd; } textarea { padding-left: 3px; width: 98%; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=number] { padding: 3px; } input[type=submit], input[type=image], input[type=button], button { cursor: pointer; } form :-ms-input-placeholder { color: #aaaaaa; } /* IE 10+ */ form ::-webkit-input-placeholder { color: #aaaaaa; } /* Google Chrome, Safari, Opera 15+, Android, iOS */ form :-moz-placeholder { color: #aaaaaa; opacity: 1; } /* Firefox 18- */ form ::-moz-placeholder { color: #aaaaaa; opacity: 1; } /* Firefox 19+ */ form :placeholder-shown { color: #aaaaaa; } /* Links */ a { color: inherit; /* KAZ: was #1982d1 */ text-decoration: none; } p a { text-decoration: underline; /* KAZ: accessibility */ } /* a:focus, a:active, */ a.current { /* text-decoration: underline; Aki c/o */ } @media (any-hover: hover) { a:hover { text-decoration: underline; } } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* =Header ----------------------------------------------- */ #branding, #headmenu { height: var(--n2028-header-height); } #branding { position: relative; z-index: 9999; } #masthead { position: fixed; width: 100%; top: 0; left: 0; } .admin-bar #masthead { top: var(--wp-admin-bar-height); } /* =Menu -------------------------------------------------------------- */ #headmenu { /* display: flex; */ /* KAZ: moved to PC */ } #headmenu button { -webkit-appearance: none; appearance: none; padding: 0; } #headmenu ul { margin: 0; } #headmenu ul li { } #headmenu ul li a { } #headmenu ul li .sns_wrap { } #headmenu ul li .sns_wrap ul { } #headmenu ul#gnavi { display: flex; } #headmenu ul#gnavi li { position: relative; width: 33.333%; height: 100%; text-align: center; } #headmenu ul#gnavi li:not(:last-child)::after { background: var(--n2028-gnavi-border-color); /* KAZ: was var(--n2028-dark-green) */ display: block; position: absolute; width: 2px; top: 0; right: 0; content: ''; } #headmenu ul#gnavi li a { background-color: var(--n2028-common-bg-color); display: block; height: 100%; color: var(--n2028-gnavi-normal-text-color); /* KAZ */ font-weight: 600; } #headmenu ul#gnavi li.sogo a { border-bottom: solid 6px var(--n2028-green); } #headmenu ul#gnavi li.kokuspo a { border-bottom: solid 6px var(--n2028-dark-yellow); } #headmenu ul#gnavi li.zenshospo a { border-bottom: solid 6px var(--n2028-pink); } .corner-sogo #headmenu ul#gnavi li.sogo a, .corner-kokuspo #headmenu ul#gnavi li.kokuspo a, .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { color: var(--n2028-gnavi-inverted-text-color); /* KAZ */ } #headmenu ul#gnavi li a:focus { outline-offset: -3px; } #headmenu ul#gnavi li a .subttl { color: var(--n2028-gnavi-normal-subttl-color); /* KAZ: was var(--n2028-text-color) */ font-weight: 500; padding-right: 33px; } .corner-sogo #headmenu ul#gnavi li.sogo a .subttl, .corner-kokuspo #headmenu ul#gnavi li.kokuspo a .subttl, .corner-zenshospo #headmenu ul#gnavi li.zenshospo a .subttl { color: var(--n2028-gnavi-inverted-subttl-color); /* KAZ */ } @media (any-hover: hover) { #headmenu ul#gnavi li a:hover { text-decoration: none; } } #headmenu #head_funcs { background-color: var(--n2028-head-funcs-bg-color); } #headmenu #head_funcs .wrap { display: flex; } #headmenu #head_funcs .pseudoselect { position: relative; } /*#headmenu #head_funcs .pseudoselect button.pseudolabel, #headmenu #head_funcs #readspeaker_button1 a { border: 1px solid; border-radius: 10px; color: var(--n2028-head-funcs-button-text-color); } */ /* KAZ: moved below and to PC */ #headmenu #head_funcs .pseudoselect button.pseudolabel { background-color: var(--n2028-head-funcs-button-bg-color); /* 2024.2 KAZ: moved again; KAZ: moved to PC */ border-radius: 10px; position: relative; /* color: inherit; */ /* KAZ */ color: var(--n2028-head-funcs-button-text-color); /* 2024.2 KAZ: moved from PC */ text-align: left; } /*#headmenu #head_funcs .pseudoselect button.pseudolabel::after { border: 1px solid; border-radius: 50%; display: block; position: absolute; text-align: center; content: '▼'; } */ /* KAZ: moved to PC */ #headmenu #head_funcs .pseudoselect ul.pseudooptions { background-color: var(--n2028-light-gray); /* 2024.2 KAZ: moved from PC */ display: none; /* 2024.2 KAZ: moved from PC */ position: absolute; /* 2024.2 KAZ: moved from PC */ margin: 0; z-index: 1; /* 2024.2 KAZ: moved from PC */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions { } #headmenu #head_funcs #color_selector ul.pseudooptions { } #headmenu #head_funcs .pseudoselect ul.pseudooptions li { list-style-type: none; } #headmenu #head_funcs .pseudoselect ul.pseudooptions li button { border: 0; width: 100%; /* 2024.2 KAZ: moved again; KAZ: moved to PC */ color: inherit; /* KAZ */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button { background-color: transparent; color: var(--n2028-text-gray); /* 2024.2 KAZ: moved again; KAZ: moved to PC */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button.font-size-large { border-top: 1px solid; /* 2024.2 KAZ: moved from common */ } #headmenu #head_funcs #color_selector ul.pseudooptions li button { } #headmenu #head_funcs #color_selector ul.pseudooptions li button.bg-normal { background-color: white; color: var(--n2028-text-gray); } #headmenu #head_funcs #color_selector ul.pseudooptions li button.bg-black { background-color: black; color: var(--n2028-yellow); } #headmenu #head_funcs #color_selector ul.pseudooptions li button.bg-yellow { background-color: var(--n2028-yellow); color: black; } #headmenu #head_funcs #color_selector ul.pseudooptions li button.bg-blue { background-color: var(--n2028-blue); color: var(--n2028-yellow); } #headmenu #head_funcs #readspeaker_button1 { } #headmenu #head_funcs #readspeaker_button1 a { background: var(--n2028-head-funcs-button-bg-color) var(--n2028-head-funcs-speaker-icon) no-repeat center bottom 5px; border: 1px solid; /* KAZ: moved from above */ border-radius: 10px; /* KAZ: moved from above */ display: block; color: var(--n2028-head-funcs-button-text-color); /* KAZ: moved from above */ text-align: center; } @media (any-hover: hover) { #headmenu #head_funcs #readspeaker_button1 a:hover { background-color: var(--n2028-text-gray); /* Always */ background-image: url(/images/icon_speaker_white.svg); /* Always */ border-color: var(--n2028-text-gray); /* Always */ color: white; /* Always */ text-decoration: none; } } #headmenu #head_funcs .search { /* PC only */ } #headmenu .searchform { /* 2024.1 KAZ */ border-radius: 19px; } #headmenu .searchform input, #headmenu .searchform button { /* 2024.1 KAZ: was #searchform */ background-color: transparent; border: 0; height: 36px; vertical-align: top; } #headmenu .searchform input { /* 2024.1 KAZ: was #searchform */ -webkit-appearance: none; appearance: none; border-radius: 18px 0 0 18px; box-shadow: none; padding: 0 0 0 14px; line-height: 36px; } #headmenu .searchform input:-ms-input-placeholder { color: var(--n2028-head-funcs-search-text-color); } /* IE 10+ */ #headmenu .searchform input::-webkit-input-placeholder { color: var(--n2028-head-funcs-search-text-color); } /* Google Chrome, Safari, Opera 15+, Android, iOS */ #headmenu .searchform input:-moz-placeholder { color: var(--n2028-head-funcs-search-text-color); opacity: 1; } /* Firefox 18- */ #headmenu .searchform input::-moz-placeholder { color: var(--n2028-head-funcs-search-text-color); opacity: 1; } /* Firefox 19+ */ #headmenu .searchform input:placeholder-shown { color: var(--n2028-head-funcs-search-text-color); } #headmenu .searchform button { /* 2024.1 KAZ: was #searchform */ border-radius: 0 18px 18px 0; width: 48px; line-height: 0; } #headmenu .searchform button img { /* 2024.1 KAZ: was #searchform */ } #headmenu ul#spmenu { position: absolute; width: 100%; top: var(--n2028-header-height); left: 0; } #headmenu ul#spmenu > li { } #headmenu ul#spmenu > li.sogo { } #headmenu ul#spmenu > li.kokuspo { } #headmenu ul#spmenu > li.zenshospo { } #headmenu ul#spmenu > li .parent { } #headmenu ul#spmenu > li .parent a { display: block; } #headmenu ul#spmenu > li .submenu_panel { } #headmenu ul#spmenu > li #sogo_subpanel { } #headmenu ul#spmenu > li #kokuspo_subpanel { } #headmenu ul#spmenu > li #zenshospo_subpanel { } #headmenu ul#spmenu > li .submenu_panel ul.children { } #headmenu ul#spmenu > li .submenu_panel ul.children li { } #headmenu ul#spmenu > li .submenu_panel ul.children li::before { content: '〉'; } #headmenu ul#spmenu > li .submenu_panel ul.children li a { /* display: block; */ /* text-decoration: underline; */ /* KAZ: ChkHTML; c/o */ } #xp1 { /* ReadSpeaker */ position: fixed; } #rs-controlpanel { /* ReadSpeaker */ inset: auto auto 17px -500px !important; /* 2024.2 KAZ: hide to the left; per request */ } #breadcrumbs { /* font-size: 0.875rem; */ /* 14px; KAZ: moved */ line-height: 1; /* margin: 12px auto 15px; */ /* padding: 12px 0 15px; */ /* KAZ: moved; Aki */ } :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) #breadcrumbs, #my-venue #breadcrumbs { /* KAZ */ background-color: var(--n2028-common-bg-color); /* KAZ: was var(--n2028-highlight-bg-color) */ } #breadcrumbs span[property="name"] br { display: none; /* 2024.1 KAZ: per request */ } /* =Content ----------------------------------------------- */ #topmain, #main { clear: both; overflow: hidden; position: relative; } #topmain { } #topmain::after { /* KAZ */ background-color: var(--n2028-common-bg-color); /* 2024.2 KAZ: was var(--n2028-sogo-normal-bg-color) */ display: block; position: absolute; width: 100%; content: ''; } #main { } .corner-sogo #main { /* 総合; KAZ: was :is(#my-blog, #my-bidding).singular #main */ background-color: var(--n2028-sogo-normal-bg-color); } .corner-sogo#my-blog:not(.singular) #main { /* 共通; KAZ: was :is(#my-blog, #my-bidding):not(.singular) #main */ background: var(--n2028-sogo-dark-bg-color); } :root.bg-normal .corner-sogo:is(#my-bidding, #my-bidding-type) #main { /* 共通; KAZ: ChkHTML */ background-color: var(--n2028-yellow-green); } .corner-kokuspo #main { /* 国スポ; KAZ: was :is(#my-blog, #my-bidding-type):is(.category-kokuspo, .term-kokuspo) #main */ background-color: var(--n2028-kokuspo-normal-bg-color); } .corner-zenshospo #main { /* 全障; KAZ: was :is(#my-blog, #my-bidding-type):is(.category-zenshospo, .term-zenshospo) #main */ background-color: var(--n2028-zenshospo-normal-bg-color); } #mainwall { /* Mat c/o for slide show buttons like http://kobabo-s.com overflow: hidden; */ margin: 0 auto; } #mainwall section { /* Aki */ position: relative; } .page-title, .entry-title { /* KAZ */ line-height: 1.5; /* 42px */ font-size: 1.75rem; /* 28px */ font-weight: bold; } .page-title, .page .entry-title { /* KAZ */ padding: 0 0 2.6em; /* KAZ: was margin */ text-align: center; } .page-title a { } .hentry, .no-results { position: relative; } .entry-title { clear: both; } .entry-title a { color: inherit; /* text-decoration: none; */ } @media (any-hover: hover) { .entry-title a:hover { color: inherit; /* text-decoration: underline; */ } } .entry-title img { vertical-align: middle; } .entry-title-top { display: none; } .entry-meta { color: #666; clear: both; font-size: 12px; line-height: 18px; } .entry-meta a { font-weight: bold; } .single-author .entry-meta .by-author { display: none; } .entry-content, .entry-summary { /* margin-bottom: 20px; */ } .entry-content h1, .entry-content h2 { margin: 0 0 20px; } .entry-content h1 { line-height: 1.5; /* 42px */ font-size: 1.75rem; /* 28px */ } .entry-content h2 { line-height: 1.6667; /* 40px */ font-size: 1.5rem; /* 24px */ font-weight: bold; } .entry-content h3 { margin: 0 0 12px; line-height: 1.5; /* 30px */ font-size: 1.25rem; /* 20px */ font-weight: bold; } .entry-content h4 { margin: 0 0 12px; line-height: 1.5; /* 24px */ font-weight: bold; } .entry-content #s { width: 75%; } .entry-content p, .entry-content li { /* to avoid Android's bug, see wordpress\todo.txt in MTL */ /* background-color: rgba(255,255,255,0.01); */ /* 2024.1 KAZ: c/o; appearance when bg-black/blue */ } /* -- Mat copied from the original twentyeleven .css after pointed out by Viex and talking with kaz 2021.1 */ .entry-content table { border-bottom: 1px solid #ddd; width: 100%; } .entry-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none; } @media (any-hover: hover) { .page-link a:hover { background: #888; color: #fff; font-weight: bold; } } .page-link span { margin-right: 6px; } .entry-meta .edit-link a { background: #eee; -moz-border-radius: 3px; border-radius: 3px; position: absolute; /* KAZ */ /* float: right; */ bottom: 0; /* KAZ */ right: 10px; /* KAZ */ z-index: 100; /* KAZ */ padding: 0 8px; line-height: 1.5em; color: #666; font-size: 12px; font-weight: 300; text-decoration: none; } @media (any-hover: hover) { .entry-meta .edit-link a:hover { background: #888; color: #fff; } } .entry-content .edit-link { clear: both; display: block; } .searchform .screen-reader-text { /* 2024.1 KAZ: was #searchform */ display: none; } /* Gutenberg blocks */ /* Counter-styles against /wp-includes/css/dist/block-library/style.min.css */ .entry-content figure { margin-bottom: 45px; } .entry-content .wp-block-image { line-height: 0; } .entry-content .wp-block-image .alignleft { margin-right: 40px; } .entry-content .wp-block-image .alignright { margin-left: 40px; } .entry-content .wp-block-image figcaption { line-height: 1.5; color: inherit; font-size: 100%; } /* Images */ .entry-content img { max-width: 100%; height: auto; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { max-width: 96%; background: #eee; margin-bottom: 1em; padding: 5px 0; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption img[class*='wp-image-'] { /* MTL: added against img[class*='wp-image-'] */ border: 0; padding: 0; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 1px; padding: 2px 0 0 5px; position: relative; background: transparent; text-align: center; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =error404 ----------------------------------------------- */ .error404 .entry-title { /* MAY-2023 KAZ: added */ padding: 200px 0; text-align: center; } .error404 #primary #searchform { background: #f9f9f9; border: 1px solid #ddd; overflow: hidden; margin: 0 0 25px; } .error404 #primary #s { width: 95%; } .error404 #primary .widget { clear: none; float: left; width: 45%; } .error404 #primary .widget_archive { clear: both; } /* =Navigation -------------------------------------------------------------- */ #content nav { clear: both; overflow: hidden; padding: 0 0 1.625em; } #content nav a { /* color: inherit; */ } #nav-above { padding: 0 0 1.625em; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #content nav .meta-nav { font-weight: normal; } /* Singular navigation */ #content #nav-single { width: 100%; display: flex; /* Aki */ justify-content: center; /* Aki */ } #content div.wp-pagenavi { clear: both; text-align: center; } #content div.wp-pagenavi a, #content div.wp-pagenavi span { /* border: solid 1px var(--n2028-dark-green); */ /* KAZ: c/o */ border-radius: 10px; display: inline-block; min-width: 40px; min-height: 40px; margin: 0 5px; /* padding: 5px; */ padding-top: 11px; line-height: 1; font-size: 0.875rem; /* 14px */ } #content div.wp-pagenavi span.current { font-weight: inherit; } #content div.wp-pagenavi a.page, #content div.wp-pagenavi a.previouspostslink, #content div.wp-pagenavi a.nextpostslink, #content div.wp-pagenavi span.extend { color: var(--n2028-pagenavi-normal-text-color); /* KAZ: was inherit */ } #content div.wp-pagenavi a.page, #content div.wp-pagenavi a.previouspostslink, #content div.wp-pagenavi a.nextpostslink { background-color: var(--n2028-pagenavi-normal-bg-color); /* KAZ: was white */ border: var(--n2028-pagenavi-normal-border-color) 1px solid; /* KAZ */ outline-offset: -3px; /* 2024.1 KAZ: ChkHTML */ } #content div.wp-pagenavi span.current { background-color: var(--n2028-pagenavi-inverted-bg-color); /* KAZ: was var(--n2028-dark-green) */ border: var(--n2028-pagenavi-inverted-border-color) 1px solid; /* KAZ */ color: var(--n2028-pagenavi-inverted-text-color); /* KAZ: was white */ } #content div.wp-pagenavi span.extend { border: 0; /* KAZ */ } @media (any-hover: hover) { #content div.wp-pagenavi a.page:hover, #content div.wp-pagenavi a.previouspostslink:hover, #content div.wp-pagenavi a.nextpostslink:hover { background-color: var(--n2028-pagenavi-inverted-bg-color); /* KAZ: was var(--n2028-dark-green) */ border: var(--n2028-pagenavi-inverted-border-color) 1px solid; /* KAZ */ color: var(--n2028-pagenavi-inverted-text-color); /* KAZ: was white */ } } /* =Widgets ----------------------------------------------- */ .widget { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; clear: both; margin: 0 0 10px; text-align: center; /* Aki */ } .widget h3.widget-title { color: var(--n2028-highlight-text-color); /* Aki */ font-size: 1.125rem; /* 18px */ padding-bottom: 15px; } .widget ul { margin: 0; list-style-type: none; } .widget ul > li { /* Aki */ padding-bottom: 10px; } .widget ul > li a { /* Aki */ background-color: var(--n2028-widget-item-normal-bg-color); /* 2024.1 KAZ: was white */ border-radius: 20px; display: block; position: relative; padding-left: 20px; line-height: 40px; color: var(--n2028-widget-item-normal-text-color); /* 2024.1 KAZ */ font-size: 0.875rem; /* 14px */ text-align: left; } a.linktext::after, .widget ul > li a::after, /* Aki */ #competition_form form .venue span.select_wrapper::before, /* KAZ */ #venue_form form span.select_wrapper::before, /* KAZ */ #my-competition.page ul.sport_list li a::after { /* KAZ */ /* background-color: var(--n2028-linkbtn-text-color); */ /* 2024.1 KAZ: use icon svg */ border-radius: 50%; display: inline-block; position: absolute; width: 18px; height: 18px; top: 2px; right: 10px; padding-left: 1px; line-height: 18px; /* color: white; */ /* 2024.1 KAZ: use icon svg */ /* font-size: 0.5rem; */ /* 2024.1 KAZ: use icon svg */ /* text-align: center; */ /* 2024.1 KAZ: use icon svg */ content: var(--n2028-linktext-icon-arrow); /* 2024.1 KAZ: was "▶" */ } /*.widget ul > li a::after, Aki c/o viex chk */ #competition_form form .venue span.select_wrapper::before, /* KAZ */ #venue_form form span.select_wrapper::before { /* KAZ */ top: 11px; content: url(/images/icon_arrow_down_green.svg); /* 2024.1 KAZ: was "▼" */ } .widget ul > li a::after { background-color: var(--n2028-widget-item-inverted-bg-color); /* 2024.1 KAZ */ top: 11px; color: var(--n2028-widget-item-inverted-text-color); /* 2024.1 KAZ */ font-size: 0.5rem; /* 2024.1 KAZ: keep text arrow */ text-align: center; /* 2024.1 KAZ: keep text arrow */ content: "▶"; /* 2024.1 KAZ: keep text arrow */ } :root.bg-yellow .widget ul > li a::after { background-color: var(--n2028-widget-item-normal-text-color); /* 2024.1 KAZ */ color: var(--n2028-widget-item-normal-bg-color); /* 2024.1 KAZ */ } .widget ul ul { /* margin-left: 1.5em; Aki c/o */ } @media (any-hover: hover) { .widget ul > li a:hover { background-color: var(--n2028-widget-item-inverted-bg-color); /* 2024.1 KAZ */ color: var(--n2028-widget-item-inverted-text-color); /* 2024.1 KAZ */ text-decoration: none; } .widget ul > li a:hover::after, :root.bg-yellow .widget ul > li a:hover::after { background-color: var(--n2028-widget-item-inverted-text-color); /* 2024.1 KAZ */ color: var(--n2028-widget-item-inverted-bg-color); /* 2024.1 KAZ */ } } /* =Footer ----------------------------------------------- */ #ft_nav_top { display: none; position: fixed; bottom: 20px; right: 30px; /* KAZ: was 50% */ z-index: 9000; /* margin: 0 -600px 0 0; */ opacity: 0; z-index: 9000; } #ft_nav_top a { position: relative; color: white; font-size: 0.875rem; /* 14px */ line-height: 1; } #ft_nav_top a img { } #ft_nav_top a::before, #ft_nav_top a::after { content:""; display: block; transition: 0.2s all; } #colophon { background-color: var(--n2028-common-bg-color); /* KAZ: to hide fixed stuff on front page */ clear: both; overflow: hidden; } #ft_logo { text-align: center; background-color: white; margin: 0 auto; } #ft_logo img { height: auto; } #ft_add, #ft_copyright { text-align: center; } #ft_add { } #ft_add p.ttl { color: var(--n2028-title-color); } #ft_links { margin: 0 auto; } ul#footmenu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: left; margin: 0; } ul#footmenu li { display: flex; align-items: center; } ul#footmenu li a { color: inherit; font-weight: 600; } @media (any-hover: hover) { ul#footmenu li a:hover { text-decoration: none; } } ul#footmenu li a::after { background: var(--n2028-footer-icon-arrow) no-repeat center / cover; /* KAZ: was url(/images/icon_footer_arrow.svg) */ display: inline-block; width: 18px; height: 18px; margin-left: 8px; vertical-align: sub; content: ''; } #ft_copyright { font-size: 70%; } /* Common entries -------------------------------------------------------------- */ .left { text-align: left; display: block; /* Mat added these. If you use these for table, list, etc. and can't cover by the following td.right .., please override these invidually. */ } .center { text-align: center; display: block; } .right { text-align: right; display: block; } td.right, th.right, td.center, th.center, td.left, th.left { display: table-cell; } li.right, li.right, li.center { display: list-item } .middle { vertical-align: middle; } .imgonly { line-height: 0; } .imgonly a, a.imgonly { display: inline-block; } .bold { font-weight: bold; } .clear { clear: both; } a.current img { opacity: 0.75; filter: alpha(opacity=75); } @media (any-hover: hover) { .transbtn:hover, a:hover img { opacity: 0.75; filter: alpha(opacity=75); } .notransbtn:hover, a:hover img.notransbtn, #ft_links a:hover img { opacity: 1; filter: none; } } /*.ios .transbtn:hover { */ /* iOS 8.4.1 で :hover に opacity が指定してあると 2 回タップしないとリンク先に飛ばない。script.js でユーザーエージェントを見て body に class="ios" を追加。 */ /* opacity: 1; * filter: none; *} */ .nomargin { margin: 0 !important; } .topbottommargin { margin: 20px auto !important; } .topmargin { margin-top: 60px !important; } .topmarginbig { margin-top: 80px !important; } .notopmargin { margin-top: 0 !important; } .bottommargin { margin-bottom: 20px !important; } .bottommarginbig { margin-bottom: 60px !important; } .nobottommargin { margin-bottom: 0 !important; } .onlymarginright{ margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } .onlymarginleft{ margin-top: 0 !important; margin-bottom: 0 !important; margin-right: 0 !important; } .nopadding { padding: 0 !important; } .noborder { border: 0px !important; } .border { border: 1px solid gray; } .noclear { clear: none !important; } .nobackground { background: transparent none !important; } .inverted-color { background-color: var(--n2028-inverted-bg-color); color: var(--n2028-inverted-text-color); } .highlight-color { background-color: var(--n2028-highlight-bg-color); color: var(--n2028-highlight-text-color); } :root:not(.bg-normal) .bg-normalonly, :root:not(.bg-black) .bg-blackonly, :root:not(.bg-yellow) .bg-yellowonly, :root:not(.bg-blue) .bg-blueonly, :root:is(.bg-normal, .bg-yellow) .bg-darkonly, :root:is(.bg-black, .bg-blue) .bg-lightonly { display: none !important; } ul.nostyle { list-style: none; margin: 0; } .roboto { font-family: 'Roboto', sans-serif; } a.linkbtn, button.linkbtn:not(.button-rewrite) { display: inline-block; position: relative; font-weight: bold; text-align: left; /* Aki */ background-color: transparent; /* Aki */ border: 0; /* Aki */ } a.linkbtn { text-decoration: none; } button.linkbtn:not(.button-rewrite) { padding: 0; } a.linkbtn::before, button.linkbtn:not(.button-rewrite)::before { background-color: var(--n2028-linkbtn-border-color); display: block; position: absolute; content: ''; } a.linkbtn .inner, button.linkbtn:not(.button-rewrite) .inner { background-color: var(--n2028-linkbtn-bg-color); border: var(--n2028-linkbtn-border-color) 2px solid; display: block; position: relative; color: var(--n2028-linkbtn-text-color); } a.linkbtn .inner::after, button.linkbtn:not(.button-rewrite) .inner::after { background-color: var(--n2028-linkbtn-text-color); border-radius: 50%; display: block; position: absolute; color: var(--n2028-linkbtn-bg-color); content: '▶'; } @media (any-hover: hover) { a.linkbtn:hover { text-decoration: none; /* Aki added */ } a.linkbtn:hover::before, button.linkbtn:not(.button-rewrite):hover::before { background-color: var(--n2028-linkbtn-inverted-border-color); } a.linkbtn:hover .inner, button.linkbtn:not(.button-rewrite):hover .inner { background-color: var(--n2028-linkbtn-text-color); border-color: var(--n2028-linkbtn-inverted-border-color); color: var(--n2028-linkbtn-bg-color); } a.linkbtn:hover .inner::after, button.linkbtn:not(.button-rewrite):hover .inner::after { background-color: var(--n2028-linkbtn-bg-color); color: var(--n2028-linkbtn-text-color); } a.linkbtn:hover::after, button.linkbtn:not(.button-rewrite):hover::after { content: ""; display: block; background: url(/images/hover_kamifubuki.svg) no-repeat center /cover; width: 120px; height: 175px; position: absolute; top: -55px; right: -20px; } #inquiry_wrap p.submit-button:hover::after { top: -10px; z-index: 1; } } a.linkbtn_small { background-color: var(--n2028-linkbtn-small-bg-color); /* KAZ */ border: solid 1px var(--n2028-linkbtn-small-border-color); /* KAZ: was var(--n2028-text-color) */ border-radius: 23px; display: inline-block; position: relative; height: 46px; margin-bottom: 20px; padding-left: 20px; line-height: 44px; color: var(--n2028-linkbtn-small-text-color); /* KAZ */ font-weight: 600; text-align: left; width: 263px; } a.linkbtn_small.kokuspo { } a.linkbtn_small.zenshospo { } a.linkbtn_small::after { content: "▶"; background-color: var(--n2028-linkbtn-small-sogo-arrow-bg-color); /* KAZ: was var(--n2028-dark-yellow); 総合をデフォルトにした */ border-radius: 50%; display: inline-block; position: absolute; width: 18px; height: 18px; top: 13px; right: 10px; padding-left: 1px; line-height: 18px; color: var(--n2028-linkbtn-small-arrow-text-color); /* KAZ: was white */ font-size: 0.5rem; /* 8px */ text-align: center; } a.linkbtn_small.kokuspo::after { /* KAZ */ background-color: var(--n2028-linkbtn-small-kokuspo-arrow-bg-color); } a.linkbtn_small.zenshospo::after { background-color: var(--n2028-linkbtn-small-zenshospo-arrow-bg-color); /* KAZ: was var(--n2028-pink) */ } a.linkbtn_small:hover { text-decoration: none; } a.linkbtn_small.pdf { width: auto; color: var(--n2028-linkbtn-text-color); border-width: 2px; filter: drop-shadow(5px 5px 0px var(--n2028-dark-yellow)); } a.linkbtn_small.pdf .size { color: var(--n2028-text-gray); font-weight: 500; } a.linkbtn_small.pdf::before { content: ""; display: inline-block; background: url(/images/ic_pdf.svg)no-repeat center /cover; } a.linkbtn_schedule { background-color: var(--n2028-linkbtn-bg-color); display: flex; flex-direction: column; position: relative; height: 100%; padding: 5px 10px; color: var(--n2028-linkbtn-text-color); font-weight: 600; line-height: 1.25; text-align: center; } a.linkbtn_schedule .inner { display: flex; flex: 1; align-items: center; justify-content: center; } a.linkbtn_schedule .link_arrow { position: relative; display: block; width: 20px; height: 8px; margin: 0 auto; } a.linkbtn_schedule .link_arrow::before, a.linkbtn_schedule .link_arrow::after { content: ""; position: absolute; bottom: 0; left: calc(50% - 0.5px); width: 2px; height: 12.9px; border-radius: 9999px; background-color: var(--n2028-linkbtn-text-color); transform-origin: 50% calc(100% - 0.5px); } a.linkbtn_schedule .link_arrow::before { transform: rotate(63.45deg); } a.linkbtn_schedule .link_arrow::after { transform: rotate(-63.45deg); } a.linktxt.linkpdf { /* 2026.6 Aki */ display: flex; align-items: center; gap: 0 10px; font-size: 0.9375rem; /* 15px */ } a.linktxt.linkpdf::before { content: ""; display: inline-block; width: 15px; height: 20px; background: var(--n2028-pdflink-icon)no-repeat center /cover; } @media (any-hover: hover) { a.linkbtn_small:hover { background-color: var(--n2028-linkbtn-small-sogo-inverted-bg-color); /* KAZ: 総合をデフォルトにした; was var(--n2028-pale-yellow) */ border-color: var(--n2028-linkbtn-small-inverted-border-color); /* KAZ */ border-width: 2px; padding-left: 19px; line-height: 43px; color: var(--n2028-linkbtn-small-inverted-text-color); /* KAZ */ } a.linkbtn_small.kokuspo:hover { /* KAZ */ background-color: var(--n2028-linkbtn-small-kokuspo-inverted-bg-color); } a.linkbtn_small.zenshospo:hover { background-color: var(--n2028-linkbtn-small-zenshospo-inverted-bg-color); /* KAZ: was var(--n2028-pale-pink) */ } a.linkbtn_small:hover::after { background-color: var(--n2028-linkbtn-small-sogo-inverted-arrow-bg-color); /* KAZ */ top: 12px; right: 9px; color: var(--n2028-linkbtn-small-inverted-arrow-text-color); /* KAZ */ } a.linkbtn_small.kokuspo:hover::after { background-color: var(--n2028-linkbtn-small-kokuspo-inverted-arrow-bg-color); /* KAZ */ } a.linkbtn_small.zenshospo:hover::after { background-color: var(--n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color); /* KAZ */ } a.linkbtn_small.pdf:hover { line-height: 44px; /* 2026.6 Aki added */ padding-left: 27px; } a.linkbtn_schedule:hover { text-decoration: none; color: var(--n2028-linkbtn-bg-color); background-color: var(--n2028-linkbtn-text-color); } a.linkbtn_schedule:hover .link_arrow::before, a.linkbtn_schedule:hover .link_arrow::after { background-color: var(--n2028-kyogi-hover-arrow-bg-color); } } a.linktext { position: relative; color: var(--n2028-title-color); font-size: 0.875rem; /* 14px */ font-weight: 600; text-align: right; text-decoration: underline; padding-right: 30px; } /* Blog Page Components ----------------------------------------------- */ .post_menu { } .post_menu ul { display: flex; justify-content: center; flex-wrap: wrap; } .post_menu ul > li { } .post_menu ul > li a { box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08); display: block; position: relative; color: var(--n2028-title-color); /* KAZ: missing */ font-weight: bold; /* KAZ: missing */ text-align: center; } .post_menu ul > li a:hover { text-decoration: none; } .post_menu ul > li a::before, .post_menu ul > li a::after{ content: ""; display: block; position: absolute; } .post_menu ul > li a::after { border-style: solid; border-color: transparent var(--n2028-highlight-bg-color) var(--n2028-highlight-bg-color) transparent; border-width: 9px; /* KAZ: was 20px */ border-radius: 0 0 9px 0; /* KAZ: was 0 0 10px 0 */ width: 0; height: 0; left: 50%; bottom: -9px; /* KAZ: was -5px */ transform: translatex(-50%) scale(0.6,1) rotate(45deg); } .post_menu ul > li a.current { background-color: var(--n2028-inverted-bg-color); color: var(--n2028-inverted-text-color); /* KAZ: was white */ } .post_menu ul > li a.current::after { border-color: transparent var(--n2028-inverted-bg-color) var(--n2028-inverted-bg-color) transparent; } @media (any-hover: hover) { .post_menu ul > li a:hover { background-color: var(--n2028-inverted-bg-color); color: var(--n2028-inverted-text-color); /* KAZ: was white */ } .post_menu ul > li a:hover::before { width: 69px; height: 19px; background: var(--n2028-postmenu-item-hover-before) no-repeat center / cover; /* KAZ: was url(/images/postmenu_hover.svg) */ left: 50%; transform: translatex(-50%); top: -28px; } .post_menu ul > li a:hover::after { border-color: transparent var(--n2028-inverted-bg-color) var(--n2028-inverted-bg-color) transparent; } } /* 一覧 */ :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) .page-header { border-bottom: solid 4px; /* 2024.1 KAZ: moved here; per request */ } #my-blog .link.nyusatsu { text-align: center; } .article_wrapper { /* background: var(--n2028-sogo-dark-bg-color); */ /* border-top: solid 4px; */ /* 2024.1 KAZ: moved above; per request */ } .article_wrapper .wall { } article.list { } article.list .wrap { } article.list .wrap .photo { } article.list .wrap .photo img { } article.list .wrap ul.categories { } article.list .wrap ul.categories > li { } article.list .wrap ul.categories > li a { } article.list .wrap .date { } article.list .wrap .title { } article.list .wrap .linktext { } article .wrap a.title:hover { text-decoration: none; } /* 個別 */ #primary.news_single { width: var(--n2028-semi-width); } #primary.news_single .wall { width: 100%; /* KAZ: was var(--n2028-semi-width) */ } article.single { /* background-color: white; */ /* KAZ: c/o */ } article.single .new { /* 2024.1 KAZ */ color: var(--n2028-news-new-icon-color); font-weight: bold; } article.single .photo { /* display: block; */ } article.single .photo img { width: 100%; height: auto; border-radius: 30px; } article.single .wrap { } article.single .wrap .date { } article.single .entry-title { color: var(--n2028-text-color); } article.single .entry-content { } article.single .entry-content table, article.single .entry-content table td { /* 2024.4 KAZ: per request */ border-width: 1px; padding: 6px 10px; } /* 検索結果 */ #my-search ul.search-results { border-radius: 30px; width: var(--n2028-semi-width); margin-inline: auto; } #my-search ul.search-results li { border-bottom: var(--n2028-title-color) 1px solid; /* 2024.1 KAZ: ChkHTML: moved */ } #my-search ul.search-results li > a { /* border-bottom: var(--n2028-title-color) 1px solid; */ color: inherit; } #my-search ul.search-results li > a .date { font-size: 1.125rem; /* 18px */ } #my-search ul.search-results li > a .title { background-image: var(--n2028-linktext-icon-arrow); background-repeat: no-repeat; background-size: 22px auto; } #my-search .not-found, #my-competition.page .error_message, #my-competition.tax-event-categories .sport_main .events .not-found, #my-venue .error_message, /* 2024.1 KAZ: ChkHTML */ #location_details section.events .not-found { font-size: 1.125rem; /* 18px */ text-align: center; } #my-search #nav-below { padding: 0; } #my-search .not-found { } #my-search .not-found img, #my-competition.page .error_message img, #my-competition.tax-event-categories .sport_main .events .not-found img, #my-venue .error_message img, /* 2024.1 KAZ: ChkHTML */ #location_details section.events .not-found img { width: 218px; height: auto; margin-bottom: 28px; vertical-align: top; } #my-search .not-found img { } @media (any-hover: hover) { #my-search ul.search-results li > a:hover { text-decoration: none; } :root:not(.bg-yellow) #my-search ul.search-results li > a:hover { /* 2024.1 KAZ: ChkHTML */ background-color: var(--n2028-inverted-bg-color); color: var(--n2028-inverted-text-color); } :root.bg-yellow #my-search ul.search-results li > a:hover { /* 2024.1 KAZ: ChkHTML */ background-color: var(--n2028-yellow); color: black; } #my-search ul.search-results li > a:hover .title { background-image: var(--n2028-linktext-inverted-icon-arrow); /* 2024.1 KAZ: ChkHTML */ /* text-decoration: underline; */ /* 2024.1 KAZ: ChkHTML: c/o */ } } /* Event & Location Page Components ----------------------------------------------- */ /* 実施競技 */ /* 一覧 == 固定ページ */ #my-competition.page { } #competition_form { } :root.bg-normal .corner-kokuspo #competition_form, :root.bg-normal .corner-kokuspo #venue_form { background-color: var(--n2028-kokuspo-dark-bg-color); } :root.bg-normal .corner-zenshospo #competition_form, :root.bg-normal .corner-zenshospo #venue_form { background-color: var(--n2028-zenshospo-dark-bg-color); } :root:not(.bg-normal) #competition_form, :root:not(.bg-normal) #venue_form { background-color: var(--n2028-inverted-bg-color); color: var(--n2028-inverted-text-color); } #competition_form form, #my-competition.page .post_menu, #my-competition.page ul.sport_list, #my-competition.page .error_message, #venue_map .legend, #venue_map .pdflink, #venue_form form, .location_list .wall, #my-venue .error_message, section#map-pdf-link { /* 2025.5 Aki added #map-pdf-link*/ width: var(--n2028-semi-width); margin-inline: auto; } #competition_form form, #venue_form form { display: flex; justify-content: center; font-size: 0.875rem; /* 14px */ font-weight: bold; } #competition_form form .date { } #competition_form form span.label, #competition_form form .date span.wavy, #venue_form form span.label { /* 2024.1 KAZ: missing */ font-size: 1.125rem; /* 18px */ } #competition_form form .date span.label { } #competition_form form .date input, #competition_form form .venue span.select_wrapper, #competition_form form .venue span.select_wrapper select, #competition_form form .submit button, #venue_form form span.select_wrapper, #venue_form form span.select_wrapper select, #venue_form form .submit button { border-radius: 20px; } #competition_form form .date input, #competition_form form .venue span.select_wrapper select, #competition_form form .submit button, #venue_form form span.select_wrapper select, #venue_form form .submit button { -webkit-appearance: none; appearance: none; border: 0; box-shadow: none; height: 40px; line-height: 40px; font-weight: inherit; } #competition_form form .date input, #competition_form form .venue span.select_wrapper, #venue_form form span.select_wrapper { background-color: white; } #competition_form form .date input, #competition_form form .venue span.select_wrapper select, #venue_form form span.select_wrapper select { color: var(--n2028-text-gray); } #competition_form form .date input { } /*#competition_form form .date input:not(:valid)::before { * content: attr(placeholder); *} *#competition_form form .date input:not(:valid)::-webkit-datetime-edit-fields-wrapper { * display: none; *} */ /* This is experimental */ #competition_form form .date span.wavy { margin-inline: 8px; color: var(--n2028-highlight-bg-color); } #competition_form form .venue { } #competition_form form .venue span.label { } #competition_form form .venue span.select_wrapper, #venue_form form span.select_wrapper { display: inline-block; position: relative; } #competition_form form .venue span.select_wrapper::before { /* See a.linktext::after and .widget ul > li a::after */ } #competition_form form span.select_wrapper select, #venue_form form span.select_wrapper select { background-color: transparent; position: relative; width: 100%; } #competition_form form .submit, #venue_form form .submit { } #competition_form form .submit button, #venue_form form .submit button { background: var(--n2028-dark-green) url(/images/icon_search_competition_white.svg) no-repeat 14px center; color: white; } #my-competition.page .post_menu { } #my-competition.page .post_menu ul { } #my-competition.page .post_menu ul li { } #my-competition.page .post_menu ul li a { } #my-competition.page ul.sport_list { display: flex; flex-wrap: wrap; } #my-competition.page ul.sport_list li { } #my-competition.page ul.sport_list li a { display: block; position: relative; overflow: hidden; } #my-competition.page ul.sport_list li a::after { /* See also a.linktext::after */ top: calc(50% - 9px); } #my-competition.page ul.sport_list li a .arukuma { } #my-competition.page ul.sport_list li a .arukuma img { object-fit: contain; } #my-competition.page ul.sport_list li a .name { display: flex; flex-direction: column; justify-content: center; font-weight: bold; text-align: center; } :root.bg-normal .corner-kokuspo#my-competition.page ul.sport_list li a .name { background-color: var(--n2028-dark-yellow); } :root.bg-normal .corner-zenshospo#my-competition.page ul.sport_list li a .name { background-color: var(--n2028-pink); } :root:is(.bg-black, .bg-blue) #my-competition.page ul.sport_list li a .name { background-color: var(--n2028-inverted-bg-color); color: var(--n2028-inverted-text-color); } :root.bg-yellow #my-competition.page ul.sport_list li a .name { /* outline: 1px solid; */ background-color: var(--n2028-inverted-text-color); /* 2024.1 KAZ: ChkHTML */ color: var(--n2028-inverted-bg-color); /* 2024.1 KAZ: ChkHTML */ } #my-competition.page .error_message { /* See #my-search .not-found */ } #my-competition.page .error_message img { /* See #my-search .not-found img */ } /* 個別 == event-categories アーカイブ */ #my-competition.tax-event-categories { } #my-competition.tax-event-categories #mainwall { } #my-competition.tax-event-categories #primary, #my-competition.tax-event-categories #ternary { width: var(--n2028-semi-width); } #my-competition.tax-event-categories #primary { } #my-competition.tax-event-categories .sport_main { border-radius: 30px; } #my-competition.tax-event-categories .sport_main .arukuma { } #my-competition.tax-event-categories .sport_main .sport_type { /* 2024.1 KAZ: was .sport; debugged per request */ background-color: var(--n2028-competition-sport-type-bg-color); border: var(--n2028-competition-sport-type-border-color) 1px solid; display: inline-block; color: var(--n2028-competition-sport-type-text-color); font-weight: bold; text-align: center; } #my-competition.tax-event-categories .sport_main h1 { } #my-competition.tax-event-categories .sport_main .summary { line-height: 1.778; /* 32px */ font-size: 1.125rem; /* 18px */ } #my-competition.tax-event-categories .sport_main .mainvisual { text-align: center; } #my-competition.tax-event-categories .sport_main .mainvisual img { max-width: 100%; } #my-competition.tax-event-categories .sport_main .details { } #my-competition.tax-event-categories .sport_main .details .event_type { overflow: hidden; /* 2024.1 KAZ: ChkHTML */ } #my-competition.tax-event-categories .sport_main .details .event_type h2, #location_details h2 { text-align: center; } :root.bg-yellow #my-competition.tax-event-categories .sport_main .details .event_type h2 { outline: 1px solid; color: var(--n2028-yellow); } #my-competition.tax-event-categories .sport_main .details .event_type p { } #my-competition.tax-event-categories .sport_main .details .event_type p:last-child { margin-bottom: 0; /* 2024.1 KAZ: ChkHTML */ } #my-competition.tax-event-categories .sport_main .details .event_type p img { margin-top: 0; } #my-competition.tax-event-categories .sport_main .details .event_type p img.alignleft { } #my-competition.tax-event-categories .sport_main .events { clear: both; /* 2024.1 KAZ: debugged per request */ } #my-competition.tax-event-categories .sport_main .events h2, #my-competition.tax-event-categories .sport_main .locations h2, .location_list h2, #location_details section h3 { border-bottom: 1px solid; } #my-competition.tax-event-categories .sport_main .events h2 { } #my-competition.tax-event-categories .sport_main .events h2::before, #my-competition.tax-event-categories .sport_main .locations h2::before, .location_list h2::before, #location_details section h3::before { background-color: var(--n2028-green); border-radius: 4px; display: inline-block; transform: rotate(45deg); content: ''; } #my-competition.tax-event-categories .sport_main .events .event_table_wrapper { overflow-x: auto; margin: 0 -1px; /* for outline */ padding: 0 1px; /* for outline */ } #my-competition.tax-event-categories .sport_main .events p.note { /* 2026.4 MTL Aki */ font-size: 0.875rem; /* 14px */ margin-bottom: 0; } #my-competition.tax-event-categories .sport_main .events p.note a { /* 2026.4 MTL Aki */ font-size: 0.875rem !important; } #my-competition.tax-event-categories .sport_main .events .event_table { border-collapse: separate; border-spacing: 0 8px; width: 740px; /* FIXED */ margin: 0; line-height: 1.4286; /* 20px */ font-size: 0.875rem; /* 14px */ } #my-competition.tax-event-categories .sport_main .events .event_table thead { } #my-competition.tax-event-categories .sport_main .events .event_table thead tr { } #my-competition.tax-event-categories .sport_main .events .event_table .type, #my-competition.tax-event-categories .sport_main .events .event_table .class { width: 76px; } #my-competition.tax-event-categories .sport_main .events .event_table .town { width: 119px; } #my-competition.tax-event-categories .sport_main .events .event_table .venue { width: 240px; } #my-competition.tax-event-categories .sport_main .events .event_table .dates { width: 229px; } #my-competition.tax-event-categories .sport_main .events .event_table thead th, #my-competition.tax-event-categories .sport_main .events .event_table tbody td { padding: 0 5px; text-align: center; vertical-align: middle; } #my-competition.tax-event-categories .sport_main .events .event_table thead th { background-color: var(--n2028-competition-event-table-th-bg-color); height: 37px; color: var(--n2028-competition-event-table-th-text-color); } #my-competition.tax-event-categories .sport_main .events .event_table thead th:first-child { border-radius: 18.5px 0 0 18.5px; } #my-competition.tax-event-categories .sport_main .events .event_table thead th:last-child { border-radius: 0 18.5px 18.5px 0; } #my-competition.tax-event-categories .sport_main .events .event_table thead th:not(:first-child) { border-left: white 1px solid; } #my-competition.tax-event-categories .sport_main .events .event_table tbody { } #my-competition.tax-event-categories .sport_main .events .event_table tbody tr { background-color: var(--n2028-competition-double-highlight-bg-color); border-radius: 28px; /* for outline */ color: var(--n2028-competition-double-highlight-text-color); } :root.bg-yellow #my-competition.tax-event-categories .sport_main .events .event_table tbody tr { outline: 1px solid; } #my-competition.tax-event-categories .sport_main .events .event_table tbody td { position: relative; height: 56px; } #my-competition.tax-event-categories .sport_main .events .event_table tbody td:first-child { border-radius: 28px 0 0 28px; } #my-competition.tax-event-categories .sport_main .events .event_table tbody td:last-child { border-radius: 0 28px 28px 0; } #my-competition.tax-event-categories .sport_main .events .event_table tbody td:not(:first-child)::before { background-color: var(--n2028-competition-double-highlight-text-color); position: absolute; width: 1px; height: 40px; top: calc(50% - 20px); left: 0; content: ''; } #my-competition.tax-event-categories .sport_main .events .not-found { /* See #my-search .not-found */ } #my-competition.tax-event-categories .sport_main .events .not-found img { /* See #my-search .not-found img */ } #my-competition.tax-event-categories .sport_main .locations { } #my-competition.tax-event-categories .sport_main .locations h2 { } #my-competition.tax-event-categories .sport_main .locations ul.location_list { display: flex; /* 2024.1 KAZ: ChkHTML */ flex-direction: column; /* 2024.1 KAZ: ChkHTML */ gap: 20px 0; /* 2024.1 KAZ: ChkHTML */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li { background-color: var(--n2028-competition-double-highlight-bg-color); border-radius: 20px; color: var(--n2028-competition-double-highlight-text-color); } :root.bg-yellow #my-competition.tax-event-categories .sport_main .locations ul.location_list li { outline: 1px solid; } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .name { font-weight: bold; } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .name a { display: block; color: inherit; } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address .label { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address .value { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .gmap { } #my-competition.tax-event-categories #secondary { /* width: 260px; */ /* 2024.1 KAZ: moved to PC; per request */ } #my-competition.tax-event-categories #secondary h2 { margin-bottom: 17px; /* padding-left: 34px; */ /* 2024.1 KAZ: moved to PC; per request */ color: var(--n2028-gnavi-normal-subttl-color); font-size: 1.125rem; /* 18px */ } #my-competition.tax-event-categories #secondary .widget_sport, #my-competition.tax-event-categories #secondary .widget_sport h3, #my-competition.tax-event-categories #secondary .widget_sport h3 button { border-radius: 20px; } #my-competition.tax-event-categories #secondary .widget_sport { margin-bottom: 18px; } #my-competition.tax-event-categories #secondary .widget_sport h3 { background-color: var(--n2028-competition-sidebar-h3-normal-bg-color); position: relative; color: var(--n2028-competition-sidebar-h3-normal-text-color); padding: 12px 36px 12px 18px /* 2024.2 KAZ: ChkHTML for font-size-large; top/bottom was 0 */ /* line-height: 40px; */ /* 2024.2 KAZ: ChkHTML for font-size-large; c/o */ /* font-size: 0.75rem; */ /* 12px */ /* 2024.1 KAZ: moved to PC; per request */ } #my-competition.tax-event-categories #secondary .widget_sport.expanded h3 { background-color: var(--n2028-competition-sidebar-h3-inverted-bg-color); color: var(--n2028-competition-sidebar-h3-inverted-text-color); } :root.bg-yellow #my-competition.tax-event-categories #secondary .widget_sport.expanded h3 { outline: 1px solid; } #my-competition.tax-event-categories #secondary .widget_sport h3 button { -webkit-appearance: none; appearance: none; background-color: transparent; border: 0; box-shadow: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #my-competition.tax-event-categories #secondary .widget_sport h3 button span.triangle { background-color: var(--n2028-competition-sidebar-h3-inverted-bg-color); border-radius: 50%; position: absolute; width: 18px; height: 18px; top: 11px; right: 10px; line-height: 18px; color: var(--n2028-competition-sidebar-h3-inverted-text-color); font-size: 0.5rem; font-weight: 500; text-align: center; } :root.bg-black #my-competition.tax-event-categories #secondary .widget_sport h3 button span.triangle, :root.bg-yellow #my-competition.tax-event-categories #secondary .widget_sport h3 button span.triangle { /* 2024.1 KAZ */ background-color: var(--n2028-competition-sidebar-h3-inverted-text-color); color: var(--n2028-competition-sidebar-h3-inverted-bg-color); } #my-competition.tax-event-categories #secondary .widget_sport.expanded h3 button span.triangle { background-color: var(--n2028-competition-sidebar-h3-inverted-text-color); color: var(--n2028-competition-sidebar-h3-inverted-bg-color); transform: rotate(180deg); } #my-competition.tax-event-categories #secondary .widget_sport ul { display: none; margin: 0; padding: 12px 17px 21px; /* 2024.1 KAZ: ChkHTML; bottom was 24px */ line-height: 1.25rem; } #my-competition.tax-event-categories #secondary .widget_sport.expanded ul { display: block; } #my-competition.tax-event-categories #secondary .widget_sport ul li { list-style-type: none; } #my-competition.tax-event-categories #secondary .widget_sport ul li a { display: block; padding: 6px; } #my-competition.tax-event-categories #ternary { text-align: center; } /* 実施会場 == location */ /* 一覧 */ #my-venue .entry-title, #venue_map { background-color: var(--n2028-common-bg-color); } #venue_map { } #venue_map .mapslider-wrapper { /* 2025.5 KAZ */ position: relative; margin-inline: auto; } #venue_map .mapslider-wrapper .mapslider .mapslide { /* 2025.5 KAZ */ } #venue_map .legend { /* See also #competition_form form */ } #venue_map .legend ul { background-color: var(--n2028-venue-map-legend-bg-color); /* 2025.5 KAZ */ /* border-block: var(--n2028-venue-map-legend-border-color) 2px solid; */ /* 2025.5 KAZ: c/o */ display: flex; flex-wrap: wrap; justify-content: center; /* gap: 10px 30px; */ /* 2024.1 KAZ: moved to PC; per request */ /* padding: 12.5px 1em; */ /* 2024.1 KAZ: moved to PC; per request */ } #venue_map .legend ul li { line-height: 28px; /* 2025.5 KAZ: ChkHTML: was 21px */ } #venue_map .legend ul li span.label { border-radius: 6px; display: inline-block; width: 48px; /* 2025.5 KAZ: ChkHTML: was 36px */ height: 28px; /* 2025.5 KAZ: ChkHTML: was 21px */ /* margin-right: 10px; /* 2024.1 KAZ: moved to PC; per request */ color: white; font-size: 1rem; /* 16px; 2025.5 KAZ: ChkHTML: was 0.75rem = 12px */ font-weight: bold; text-align: center; } #venue_map .legend ul li.k_official span.label { background-color: var(--n2028-dark-green); } #venue_map .legend ul li.k_winterofficial span.label { background-color: #065789; } #venue_map .legend ul li.k_public span.label { background-color: #654419; } #venue_map .legend ul li.k_demonstration span.label { background-color: #007c86; /* 2024.9 KAZ: added */ } #venue_map .legend ul li.k_special span.label { background-color: #9f168a; } #venue_map .legend ul li span.descr { font-size: 1.125rem; /* 18px; 2025.5 KAZ: ChkHTML: was 0.875rem = 14px */ } #venue_map .map { text-align: center; } .corner-kokuspo #venue_map .map { background-color: white; /* 2025.5 KAZ */ } #venue_map .map img { } .corner-kokuspo #venue_map .map img { display: inline-block; /* 2025.5 KAZ */ } .corner-zenshospo #venue_map .map img { background-color: white; /* 2025.6 Aki added */ } #venue_map .mapslider-wrapper .slider_nav { /* 2025.5 KAZ */ } #venue_map .mapslider-wrapper .slider_nav .slick-arrow { /* 2025.5 KAZ */ border-radius: 50%; position: absolute; line-height: 0; } #venue_map .mapslider-wrapper .slider_nav .slick-arrow.slick-disabled { /* 2025.5 KAZ */ opacity: 0.2; } #venue_map .mapslider-wrapper .slider_nav .slick-arrow svg path.arrow { /* 2025.5 KAZ */ fill: var(--n2028-gnavi-normal-text-color); stroke: none; } #venue_map .mapslider-wrapper .slider_buttons { /* 2025.5 KAZ */ position: absolute; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots { /* 2025.5 KAZ */ display: flex; justify-content: center; margin: 0; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots li { /* 2025.5 KAZ */ list-style-type: none; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots li button { /* 2025.5 KAZ */ background-color: #b7b7b7; border: 0; border-radius: 50%; display: block; padding: 0; color: transparent; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots li.slick-active button { /* 2025.5 KAZ */ background-color: var(--n2028-gnavi-normal-text-color); } #venue_map .mappdflink { /* 2024.9 KAZ */ text-align: center; } #venue_map .mappdflink a.linkbtn { /* 2024.9 KAZ */ } #venue_map .mappdflink a.linkbtn .inner svg { /* 2024.9 KAZ */ display: inline-block; margin-right: 13px; } #venue_map .mappdflink .linknote { /* 2024.9 KAZ */ line-height: 2.1667; /* 26px */ font-size: 0.75rem; /* 12px */ } #venue_map .mappdflink .linknote img { /* 2024.9 KAZ */ margin-right: 8px; vertical-align: -6px; } /* 2025.5 MTL Aki added for #map-pdf-link */ #map-pdf-link { border-top: solid 2px var(--n2028-gnavi-normal-text-color); border-bottom: solid 2px var(--n2028-gnavi-normal-text-color); margin-top: 50px; /* 2025.6 Aki added */ } #map-pdf-link .wall { width: var(--n2028-small-width); } #map-pdf-link :is(h2, p) { font-weight: bold; } #map-pdf-link h2 { text-align: center; } #map-pdf-link p { color: var(--n2028-gnavi-normal-text-color); font-size: 0.875rem; /* 14px */ margin-bottom: 11px; } #map-pdf-link ul { display: flex; flex-wrap: wrap; } #map-pdf-link ul > li { } #map-pdf-link ul > li a { display: inline-block; color: var(--n2028-gnavi-normal-text-color); background-color: var(--n2028-head-funcs-search-bg-color); border: solid 2px; border-radius: 20px; line-height: 38px; text-align: center; } #map-pdf-link ul > li:is(.map_black, .map_yellow, .map_blue) a { text-align: left; padding-left: 10px; } #map-pdf-link ul > li:is(.map_black, .map_yellow, .map_blue) a::before { content: ""; display: inline-block; width: 27px; height: 27px; background-color: black; border-radius: 50%; border: solid 1px white; vertical-align: -8px; } #map-pdf-link ul > li.map_yellow a:before { background-color: #FFFF00; border-color: black; } #map-pdf-link ul > li.map_blue a:before { background-color: #000099; } #venue_map .pdflink { /* See also #competition_form form */ text-align: center; /* 2024.9 KAZ */ } #venue_map .pdflink a { font-size: 0.875rem; /* 14px */ } #venue_map .pdflink a::before { display: inline-block; width: 19px; height: 24px; margin-right: 13px; vertical-align: middle; content: var(--n2028-pdflink-icon); } #venue_form { /* See #competition_form */ } #venue_form form { /* See also #competition_form form */ } #venue_form form .venue { } #venue_form form .sport { } #venue_form form span.label { /* See also #competition_form form */ } #venue_form form span.select_wrapper { } #venue_form form span.select_wrapper::before { /* See a.linktext::after and .widget ul > li a::after */ } #venue_form form .sport span.select_wrapper { } #venue_form form span.select_wrapper select { } #venue_form form .submit { } #venue_form form .submit button { } .location_list { } .location_list .wall { /* See also #competition_form form */ border-radius: 30px; } .location_list h2 { /* See #my-competition.tax-event-categories .sport_main .events h2 */ } .location_list h2::before { /* See #my-competition.tax-event-categories .sport_main .events h2::before */ } .location_list ul { display: flex; flex-wrap: wrap; } .location_list ul li { position: relative; } .location_list ul li a { display: block; } .location_list ul li a .image { aspect-ratio: 380 / 204; } .location_list ul li a .image img { width: 100%; height: 100%; object-fit: cover; } .location_list ul li a .title { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--n2028-text-gray); text-align: center; } .corner-kokuspo .location_list ul li a .title { background-color: var(--n2028-pale-yellow); } .corner-zenshospo .location_list ul li a .title { background-color: var(--n2028-pale-pink); } .location_list ul li a .seemore { font-size: 0.875rem; /* 14px */ font-weight: bold; text-align: right; } .location_list ul li a .seemore::after { border-radius: 50%; display: inline-block; width: 18px; height: 18px; margin-left: 35px; padding-left: 6px; line-height: 18px; color: white; font-size: 0.5rem; /* 8px */ text-align: left; vertical-align: 2px; content: '▶'; } .corner-kokuspo .location_list ul li a .seemore::after { background-color: var(--n2028-dark-yellow); } .corner-zenshospo .location_list ul li a .seemore::after { background-color: var(--n2028-pink); } /* 個別 */ #my-location .page-title { color: var(--n2028-title-color); } #my-location .hentry { width: var(--n2028-semi-width); margin-inline: auto; } #my-location h1.entry-title { border-top: 2px solid; text-align: center; } #location_details { } #location_details h2 { /* See #my-competition.tax-event-categories .sport_main .details .event_type h2 */ } #location_details .entry-image { } #location_details .entry-image img { width: 100%; height: auto; } #location_details section { border-radius: 30px; } #location_details section h3 { /* See #my-competition.tax-event-categories .sport_main .events h2 */ } #location_details section.address { } #location_details section.address .content { } #location_details section.website { } #location_details section.website .content { } #location_details section.website .content a { color: var(--n2028-title-color); text-decoration: underline; word-break: break-all; } #location_details section.website .content a span.note { color: var(--n2028-text-color); /* 2024.1 KAZ: ChkHTML */ font-size: 0.75rem; /* 12px */ } #location_details section.website .content a span.note::before { display: inline-block; width: 24px; height: 24px; margin-right: 8px; vertical-align: -6px; content: var(--n2028-location-details-icon-external); } #location_details section.events { } #location_details section.events .event_table_wrapper { overflow-x: auto; } #location_details section.events .event_table { width: 900px; /* FIXED */ margin: 0; } #location_details section.events .event_table .sport, #location_details section.events .event_table .type, #location_details section.events .event_table .class { padding-right: 1em; } #location_details section.events .event_table .sport { width: 287px; } #location_details section.events .event_table .type { width: 221px; } #location_details section.events .event_table .class { width: 176px; } #location_details section.events .event_table .dates { width: 216px; } #location_details section.events .event_table thead th, #location_details section.events .event_table tbody td { border-bottom: 1px solid; } #location_details section.events .event_table thead th { padding-block: 6px; font-size: 0.875rem; /* 14px */ } #location_details section.events .event_table tbody td { padding-block: 9px; } #location_details section.events .not-found { /* See #my-search .not-found */ } #location_details section.events .not-found img { /* See #my-search .not-found img */ } #my-location .gmap { } /* kyogi-syokai Components 競技紹介 2025.11 MTL Aki ----------------------------------------------- */ #kyogi-syokai { } #kyogi-syokai .wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 37px 0; /* Aki was 37px 90px : 動画のみ先行公開のため、余分なgapが付いてしまうので一旦削除 */ } #kyogi-syokai .wrapper .wrap + .wrap { /* 2026.1 Aki : 上記のgapを復活させるなら不要 */ /* margin-left: 37px; */ /* 2026.3 KAZ: moved to PC */ } #kyogi-syokai .wrapper .wrap { position: relative; } #kyogi-syokai .wrapper .wrap :is(a, .nolink), .wrap.has_img_link :is(a, .nolink) { /* 2026.8 Aki added */ display: block; position: relative; width: 100%; height: 100%; text-align: center; /* background-color: var(--n2028-highlight-bg-color); border: solid 2px var(--n2028-inverted-bg-color); border-radius: 30px; padding: 23px 30px 25px; */ z-index: 1; } #kyogi-syokai .wrapper .wrap :is(a, .nolink)::before, .wrap.has_img_link :is(a, .nolink)::before { /* 2026.8 Aki added */ content: ""; display: block; background-color: var(--n2028-kyogi-shadow-color); width: 100%; height: 100%; border-radius: 30px; position: absolute; bottom: -10px; right: -10px; z-index: -1; } #kyogi-syokai .wrapper .wrap .nolink, .wrap.has_img_link .nolink { /* 2026.8 Aki added */ display: block; width: 100% !important; } #kyogi-syokai .wrapper .wrap a::after, .wrap.has_img_link a::after { /* 2026.8 Aki added */ content: "▶"; display: inline-block; border-radius: 50%; position: absolute; background-color: var(--n2028-kyogi-arrow-bg-color); color: var(--n2028-kyogi-arrow-color); } #kyogi-syokai .wrapper .wrap :is(a, .nolink) .inner, .wrap.has_img_link :is(a, .nolink) .inner { /* 2026.8 Aki added */ display: block; width: 100%; height: 100%; text-align: center; border-radius: 30px; color: var(--n2028-highlight-text-color); background-color: var(--n2028-highlight-bg-color); border: var(--n2028-linkbtn-border-color) 2px solid; } #kyogi-syokai .wrapper .wrap img, .wrap.has_img_link img { /* 2026.8 Aki added */ vertical-align: top; /* KAZ */ } #kyogi-syokai .wrapper .wrap span, .wrap.has_img_link span { /* 2026.8 Aki added */ display: block; } #kyogi-syokai .wrapper .wrap .ttl, .wrap.has_img_link .ttl { /* 2026.8 Aki added */ color: var(--n2028-highlight-text-color); font-weight: 600; line-height: 1; } .bg-normal #kyogi-syokai .wrapper .wrap .ttl, .bg-normal .wrap.has_img_link .ttl { /* 2026.8 Aki added */ color: var(--n2028-dark-green); } #kyogi-syokai .wrapper .wrap span:not(.inner):not(.ttl), .wrap.has_img_link span:not(.inner):not(.ttl) { /* 2026.8 Aki added */ color: var(--n2028-highlight-text-color); font-size: 18px; /* FIXED: KAZ: ChkHTML: was 1.125rem; 18px */ line-height: 1.7778; /* 18 / 32; KAZ: ChkHTML: moved from PC */ text-align: left; } /* 動画一覧 */ :is(#my-video) #content { /* width: var(--n2028-semi-width); max-width: var(--n2028-max-wall-width); 2026.1 Aki c/o */ margin: 0 auto; } :is(#my-video) ul.news_list { width: var(--n2028-max-wall-width); gap: 30px 20px; } ul.news_list > li.kyogi-movies ul.categories > li { font-weight: 600; color: var(--n2028-pagenavi-inverted-text-color); background-color: var(--n2028-pagenavi-inverted-bg-color); padding: 6px 12px 7px; } ul.news_list > li.kyogi-movies .image { width: auto; height: 112px; text-align: center; margin-bottom: 8px; } ul.news_list > li.kyogi-movies .image img { max-width: 100%; max-height: 100%; } ul.news_list > li.kyogi-movies ul.categories > li.type { color: var(--n2028-pagenavi-inverted-text-color); background-color: var(--n2028-pagenavi-inverted-bg-color); border-color: var(--n2028-pagenavi-inverted-bg-color); } ul.news_list > li.kyogi-movies .video { position: relative; margin-top: 10px; } ul.news_list > li.kyogi-movies .video img { max-width: 100%; } ul.news_list > li.kyogi-movies .video svg { width: 25px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 767px) { ul.news_list > li.kyogi-movies:hover { padding: 9px 21px 25px; } } /* Front Page Components ----------------------------------------------- */ #top_mainvisual { /* 2025.7 KAZ: new */ background: #c1ec5e; /* 2026.1 KAZ: was linear-gradient(to top, var(--n2028-yellow-green) 0% 240px, white 100%) */ position: relative; margin-top: calc(var(--n2028-header-height) * -1); } #top_mainvisual::after { /* 2026.1 KAZ */ content: ''; background: url(/images/top_mainvisual_people.png) no-repeat center; display: block; position: absolute; bottom: 0; left: 50%; margin-inline: auto; transform: translateX(-50%); } #top_mainvisual img { max-width: 100%; height: auto; } #top_mainvisual video { display: block; position: relative; top: 0; } #top_mainvisual .heading { position: absolute; width: 100%; top: var(--n2028-header-height); left: 0; text-align: center; } #top_mainvisual .heading .red { position: absolute; top: 0; left: 20px; line-height: 2; color: red; font-weight: bold; } #top_mainvisual .heading .logomarks { position: absolute; } #top_mainvisual .heading h1 { display: flex; align-items: center; justify-content: center; } #top_mainvisual .heading h1 img { } #top_mainvisual .heading ul.mainmenu { display: flex; justify-content: space-between; position: relative; /* 2026.1 KAZ */ z-index: 1; /* 2026.1 KAZ */ margin-inline: auto; } #top_mainvisual .heading ul.mainmenu li { list-style-type: none; } #top_mainvisual .heading ul.mainmenu li a, #top_mainvisual .heading ul.mainmenu li a span { display: block } #top_mainvisual .heading ul.mainmenu li a { background-color: white; border-style: solid; border-radius: 20px; box-shadow: 0 8px 0 0 rgba(0,0,0,0.16); position: relative; color: var(--n2028-dark-green); text-align: left; transition: transform 0.2s 0s; } #top_mainvisual .heading ul.mainmenu li.kokuspo a { border-color: var(--n2028-dark-yellow); } #top_mainvisual .heading ul.mainmenu li.zenshospo a { border-color: var(--n2028-pink); } #top_mainvisual .heading ul.mainmenu li a::after { background: url(/images/icon_arrow_green.svg) no-repeat center / 100% auto; display: block; position: absolute; width: 25px; height: 25px; top: calc(50% - 12px); content: ''; } #top_mainvisual .heading ul.mainmenu li a span.nickname { font-weight: bold; } #top_mainvisual .heading ul.mainmenu li a span.name { line-height: 1.4286; /* 20px */ font-size: 0.875rem; /* 14px */ } @media (any-hover: hover) { #top_mainvisual .heading ul.mainmenu li a:hover { background-color: var(--n2028-dark-green); border-color: var(--n2028-dark-green); color: white; text-decoration: none; transform: translateY(-10px); } #top_mainvisual .heading ul.mainmenu li a:hover::after { width: 41px; height: 41px; top: calc(50% - 20px); } #top_mainvisual .heading ul.mainmenu li.kokuspo a:hover::after { background-image: url(/images/icon_arrow_dark_yellow.svg); } #top_mainvisual .heading ul.mainmenu li.zenshospo a:hover::after { background-image: url(/images/icon_arrow_pink.svg); } } .slide-from-bottom { /* script.js 内の $objects のセレクターと同期が必要 */ /* See also @media print */ visibility: hidden; } .delighter.started { animation-duration: 1.5s; animation-fill-mode: both; animation-name: mtlSlideInFromBottom; animation-timing-function: ease; visibility: visible !important; } @keyframes mtlSlideInFromBottom { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0); } } #top_mainmenu { } #top_mainmenu img { height: auto; } #top_mainmenu .wall { width: 100%; } #top_mainmenu .heading { } #top_mainmenu .heading .logomark { display: flex; justify-content: space-between; position: absolute; } #top_mainmenu .heading h1 { line-height: 0; transform: translateY(-100%); } /* カウントダウン 2026.1 Aki+KAZ */ #top_countdown { } #top_countdown .wall { } #top_countdown .wrapper { display: flex; justify-content: center; } #top_countdown .wrap { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; filter: drop-shadow(0px 10px 40px rgba(0,0,0,0.16)); } #top_countdown .wrap .prefix, #top_countdown .wrap .postfix { display: none; /* 2026.04 KAZ: only for ReadSpeaker */ } #top_countdown .wrap .days { display: block; position: absolute; width: 2.1em; font-family: Montserrat, sans-serif; font-weight: bold; } :root.bg-normal #top_countdown .wrap .days { color: var(--n2028-red); } :root:not(.bg-normal) #top_countdown .wrap .days { color: var(--n2028-yellow); } #top_mainmenu .heading ul.mainmenu { display: flex; justify-content: space-between; } #top_mainmenu .heading ul.mainmenu li { list-style-type: none; position: relative; } #top_mainmenu .heading ul.mainmenu li::before, #top_mainmenu .heading ul.mainmenu li::after { position: absolute; content: ''; } #top_mainmenu .heading ul.mainmenu li::before { width: 100%; height: 100%; z-index: 1; } #top_mainmenu .heading ul.mainmenu li.kokuspo::before { background-color: var(--n2028-dark-yellow); } #top_mainmenu .heading ul.mainmenu li.zenshospo::before { background-color: var(--n2028-pink); } #top_mainmenu .heading ul.mainmenu li::after { } #top_mainmenu .heading ul.mainmenu li a, #top_mainmenu .heading ul.mainmenu li a::after, #top_mainmenu .heading ul.mainmenu li a span { display: block; } #top_mainmenu .heading ul.mainmenu li a { position: relative; z-index: 2; } #top_mainmenu .heading ul.mainmenu li a::after { background: url(/images/icon_arrow_green.svg) no-repeat center / 100% auto; position: absolute; content: ''; } #top_mainmenu .heading ul.mainmenu li.kokuspo a { background-color: var(--n2028-pale-yellow); box-shadow: inset 0 0 30px 0 var(--n2028-dark-yellow); } #top_mainmenu .heading ul.mainmenu li.zenshospo a { background-color: var(--n2028-pale-pink); box-shadow: inset 0 0 30px 0 var(--n2028-pink); } #top_mainmenu .heading ul.mainmenu li a .arukuma { } #top_mainmenu .heading ul.mainmenu li a .text { } #top_mainmenu .heading ul.mainmenu li a .text .logo { } #top_mainmenu .heading ul.mainmenu li a .text .name { } #top_mainmenu .heading .copyright { color: var(--n2028-text-gray); font-weight: bold; /* 2024.2 KAZ: per request */ text-align: right; } /* 2028NAGANO */ #introduction { } #introduction::before, #introduction::after, #top_about::before, #top_sponsors::before { /* 2026.3 KAZ: added */ content: ""; display: block; width: 100%; position: absolute; top: 0; /* z-index: -1; */ /* KAZ: c/o */ } #introduction .wall { background-color: var(--n2028-sogo-normal-bg-color); position: relative; /* KAZ */ width: 100%; } #introduction .descr { } #introduction .descr p { line-height: 2; } #introduction .descr p.strong { } #introduction .descr p.strong span { } #introduction .descr p.colored { color: var(--n2028-title-color); /* KAZ: was var(--about-title) */ } #introduction .descr.wrap1 { margin: 0 auto; } #introduction .descr.wrap1 p.strong { } #introduction.new .descr.wrap1 p.colored { /* 2025.7 KAZ */ letter-spacing: 0.18em; } #introduction .title { position: relative; color: var(--n2028-top-2028nagano-color); /* KAZ: was var(--n2028-green) */ font-weight: 600; text-align: center; line-height: 1; } #introduction .title::after { content: ""; display: block; position: absolute; background: url(/images/arukuma_2028nagano.png) no-repeat center /cover; } #introduction .descr.wrap2 { } #introduction .descr.wrap2 p { text-align: center; } #introduction .descr.wrap2 p.strong { line-height: 1.444; } #introduction .yt_slider_wrapper { /* 2025.7 KAZ */ overflow: hidden; margin-inline: auto; } #introduction .yt_slider_wrapper .yt_slider { /* 2025.7 KAZ */ margin-inline: auto; } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) { /* 2026.04 KAZ */ display: flex; justify-content: center; } #introduction .yt_slider_wrapper .yt_slider .slick-list { /* 2025.7 KAZ */ overflow: visible; } #introduction .yt_slider_wrapper .yt_slider .slick-slide { /* 2025.7 KAZ */ position: relative; } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) .slide:first-child, /* 2026.04 KAZ */ #introduction .yt_slider_wrapper .yt_slider .slick-slide.slick-active { /* 2025.7 KAZ */ z-index: 1; } #introduction .yt_slider_wrapper .yt_slider .slide { /* 2025.7 KAZ */ position: relative; transition: transform 1s 0s; } } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) .slide { /* 2026.04 KAZ */ flex-shrink: 0; } #introduction .yt_slider_wrapper .yt_slider .slide .image { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) .slide:first-child .image, /* 2026.04 KAZ */ #introduction .yt_slider_wrapper .yt_slider .slick-slide.slick-active .slide .image { /* 2025.7 KAZ */ border: white 2px solid; } #introduction .yt_slider_wrapper .yt_slider .slide .image img { /* 2025.7 KAZ */ width: 100%; height: auto; } #introduction .yt_slider_wrapper .yt_slider .slide a { /* 2025.7 KAZ */ display: none; align-items: center; justify-content: center; position: absolute; outline: 0; height: 100%; top: 0; } #introduction .yt_slider_wrapper .yt_slider .slick-slide.slick-active .slide a { /* 2025.7 KAZ */ display: flex; } #introduction .yt_slider_wrapper .yt_slider .slide a svg { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider .slide a img.icon { /* 2025.7 KAZ */ position: absolute; left: -2px; bottom: -2px; opacity: 1; } #introduction .yt_slider_wrapper .yt_slider_panel { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul { /* 2025.7 KAZ */ display: flex; justify-content: center; margin: 0; } #introduction .yt_slider_wrapper .yt_slider_panel ul li { /* 2025.7 KAZ */ list-style-type: none; } #introduction .yt_slider_wrapper .yt_slider_panel ul li button { /* 2025.7 KAZ */ background: transparent; border: 0; box-shadow: none; outline: 0; padding: 14px; line-height: 0; text-indent: -9999px; } #introduction .yt_slider_wrapper .yt_slider_panel ul li button::after { /* 2025.7 KAZ */ background-color: var(--n2028-text-color); border-radius: 50%; display: block; content: ''; } #introduction .yt_slider_wrapper .yt_slider_panel ul li.slick-active button::after { /* 2025.7 KAZ */ background-color: var(--n2080-top-slider-button-active-color); } #introduction .sns { } .sns p { background: url(/images/line_2028nagano.svg) no-repeat center; padding-left: 0.3em; /* KAZ: counter space for letter-spacing */ letter-spacing: 0.3em; text-align: center; } .sns ul.sns_icons { display: flex; justify-content: center; } .sns ul.sns_icons > li { text-align: center; } .sns ul.sns_icons > li.notyet { display: none; /* KAZ: temporarily until SNS gets ready */ } .sns ul.sns_icons > li a { display: block; color: inherit; } .sns ul.sns_icons > li a .text { display: block; } .sns ul.sns_icons > li a img { transition: 0.2s all; } .sns ul.sns_icons > li a:hover { text-decoration: none; } @media (any-hover: hover) { .sns ul.sns_icons > li a:hover img { opacity: 1; transform: scale(1.416); } } #introduction .imgonly.message { /* height: auto; */ /* margin: 0 auto; */ text-align: center; } #introduction .imgonly.message img { } #introduction::after { } /* Banners */ #top_banners { background-color: var(--n2028-common-bg-color); position: relative; } #top_banners .banner_wrapper { position: relative; overflow: hidden; } #top_banners .banner_slider { } #top_banners .banner_slider .slick-list { overflow: visible; } #top_banners .banner_slider .slick-list .slick-track { } #top_banners .banner_slider .slick-list .slick-track .slick-slide { } #top_banners .banner_slider .banner { vertical-align: top; } #top_banners .banner_slider > .banner:not(:first-child) { /* before slick init */ display: none; } #top_banners .banner_slider .banner a { display: block; } #top_banners .banner_slider .banner a img { width: 100%; height: auto; aspect-ratio: 9 / 4; object-fit: cover; } @media (any-hover: hover) { #top_banners .banner_slider .banner a:hover img { opacity: 1; } } #top_banners .slider_buttons { position: relative; } #top_banners .slider_buttons button { -webkit-appearance: none; appearance: none; border: 0; box-shadow: none; } #top_banners .slider_buttons #banner_slider_stop { background: var(--n2028-text-gray) url(/images/icon_media_stop.svg) no-repeat 16px center; border-radius: 19px; width: 107px; height: 38px; padding: 0 0 0 30px; line-height: 38px; color: white; font-size: 1.125rem; /* 18px */ font-weight: bold; } #top_banners .slider_buttons #banner_slider_stop.stopped { background-image: url(/images/icon_media_play.svg); } #top_banners .slider_buttons ul { display: flex; gap: 0 18px; margin: 0; line-height: 0; } #top_banners .slider_buttons ul li { list-style-type: none; } #top_banners .slider_buttons ul li button { background-color: var(--n2028-text-color); width: 46px; height: 6px; text-indent: -9999px; vertical-align: top; } #top_banners .slider_buttons ul li.slick-active button { background-color: var(--n2080-top-slider-button-active-color); } /* 新着情報・トピックス */ :is(#top_news, #top_about) h2 { text-align: center; } #top_news { background: var(--n2028-sogo-dark-bg-color); padding-bottom: 50px; z-index: 1; } #top_news::after { content: ""; display: block; width: 100%; position: absolute; bottom: 0; left: 0; /* z-index: -2; */ } #top_news .wall { /* KAZ: instead of above z-index -2 */ position: relative; z-index: 1; } #top_news h2 { background-color: var(--n2028-common-bg-color); } ul.news_list { /* KAZ: was #top_news ul.news_list, .article_wrapper .wall */ width: 100%; /* 2024.1 KAZ: was var(--n2028-news-width); per request */ display: flex; /* Aki moved from pc.css */ flex-wrap: wrap; /* Aki moved from pc.css */ gap: 17px 16px; /* Aki moved from pc.css */ margin: 0 auto; } #top_news ul.news_list { width: var(--n2028-news-width); /* 2024.1 KAZ: devided; per request */ } ul.news_list > li { /* KAZ: was #top_news ul.news_list > li, article.list */ clear: both; position: relative; border-radius: 30px; padding: 15px 15px 50px 15px; } ul.news_list > li a.linktext { /* KAZ: was #top_news ul.news_list > li a.linktext, article.list .wrap .linktext */ position: absolute; right: 15px; bottom: 15px; } @media (any-hover: hover) { ul.news_list > li:hover { /* KAZ: was #top_news ul.news_list > li:hover, article.list:hover */ border: solid 4px var(--n2028-title-color); padding: 11px 11px 46px 11px; } ul.news_list > li:hover .linktext { /* KAZ: was #top_news ul.news_list > li:hover .linktext, article.list:hover .linktext */ right: 11px; bottom: 11px; } } ul.news_list > li .wrap { /* KAZ: was #top_news ul.news_list > li .wrap, article.list .wrap */ padding-top: 9px; } ul.news_list > li .photo { /* KAZ: was #top_news ul.news_list > li .photo, article.list .photo */ position: relative; width: 100%; line-height: 0; } ul.news_list > li .photo .new { /* 2024.1 KAZ: was ul.news_list > li:nth-child(-n+2) .photo::after; KAZ: was #top_news ul.news_list > li:nth-child(-n+2) .photo::after, article.list:nth-child(-n+2) .photo::after */ /* content: "NEW"; */ display: block; width: 64px; height: 64px; color: var(--n2028-news-new-icon-color); background-color: white; font-size: 1.125rem; /* 18px */ font-weight: 600; text-align: center; border: solid 3px; border-radius: 50%; position: absolute; top: 7px; left: 8px; padding-top: 27px; } ul.news_list > li .photo img { /* KAZ: was #top_news ul.news_list > li .photo img, article.list .photo img */ width: 100%; height: auto; border-radius: 24px; } ul.news_list > li .date { /* KAZ: was #top_news ul.news_list > li .date, article.list .date */ } ul.news_list > li ul.categories, /* KAZ: was #top_news ul.news_list > li ul.categories */ article .wrap ul.categories { display: flex; flex-wrap: wrap; gap: 6px; /* 2024.1 KAZ: was 0 6px; per request */ } ul.news_list > li ul.categories > li, /* KAZ: was #top_news ul.news_list > li ul.categories > li */ article .wrap ul.categories > li { padding-top: 0; } ul.news_list > li ul.categories > li a, /* KAZ: was #top_news ul.news_list > li ul.categories > li a */ article .wrap ul.categories > li a { border: solid 2px; display: block; color: var(--n2028-title-color); text-align: center; padding-left: 12px; /* 2025.11 Aki added */ padding-right: 12px; /* 2025.11 Aki added */ } :root.bg-yellow ul.news_list > li ul.categories > li a, /* KAZ: was :root.bg-yellow #top_news ul.news_list > li ul.categories > li a */ :root.bg-yellow article .wrap ul.categories > li a { background-color: var(--n2028-yellow); /* KAZ */ color: black; /* KAZ */ } ul.news_list > li ul.categories > li.type a, /* KAZ: was #top_news ul.news_list > li ul.categories > li:first-child a */ article .wrap ul.categories > li.type a { /* KAZ: was article .wrap ul.categories > li:first-child a */ color: var(--n2028-text-gray); /* KAZ: was var(--n2028-text-color) */ } ul.news_list > li ul.categories > li.type.common a, /* KAZ: was #top_news ul.news_list > li ul.categories > li:first-child.common a */ article .wrap ul.categories > li.type.common a { /* KAZ: article .wrap ul.categories > li:first-child.common a */ background-color: var(--n2028-yellow-green); } ul.news_list > li ul.categories > li.type.kokuspo a, /* KAZ: was #top_news ul.news_list > li ul.categories > li:first-child.kokuspo a */ article .wrap ul.categories > li.type.kokuspo a { /* KAZ: was article .wrap ul.categories > li:first-child.kokuspo a */ background-color: var(--n2028-pale-yellow); } ul.news_list > li ul.categories > li.type.zenshospo a, /* KAZ: was #top_news ul.news_list > li ul.categories > li:first-child.zenshospo a */ article .wrap ul.categories > li.type.zenshospo a { /* KAZ: was article .wrap ul.categories > li:first-child.zenshospo a */ background-color: var(--n2028-pale-pink); } ul.news_list > li a:is(.title, .linktext) { /* KAZ: was #top_news ul.news_list > li a:is(.title, .linktext), article .wrap a:is(.title, .linktext) */ display: block; } ul.news_list > li a.title { /* KAZ: was #top_news ul.news_list > li a.title, article .wrap a.title */ line-height: 1.75; } @media (any-hover: hover) { ul.news_list > li ul.categories > li a:hover, /* KAZ: was #top_news ul.news_list > li ul.categories > li a:hover */ article .wrap ul.categories > li a:hover, ul.news_list > li a.title:hover { /* KAZ: was #top_news ul.news_list > li a.title:hover, article .wrap a.title:hover */ text-decoration: none; } } a.linktext, #top_news ul.news_list > li a.linktext { /* KAZ: was #top_news ul.news_list > li a.linktext, article .wrap a.linktext */ /* position: relative; color: var(--n2028-title-color); font-size: 0.875rem; /* 14px font-weight: 600; text-align: right; text-decoration: underline; padding-right: 30px; Aki moved to common */ } ul.news_list > li a.linktext::after { /* KAZ: was #top_news ul.news_list > li a.linktext::after, article .wrap a.linktext::after */ /* content: "▶"; Aki moved */ top: 11px; } #top_news .link { text-align: center; } /* 大会について */ #top_about { z-index: 1; } #top_about .wall { width: 100%; } #top_about h2 { background-color: transparent; } #my-top #top_about .wrapper { } #my-top #top_about .wrapper .wrap { /* background-color: var(--n2028-common-bg-color); */ /* 2023.12 KAZ: added class .highlight-color */ border-radius: 50%; position: relative; background-color: transparent; /* Aki */ } #my-top #top_about .wrapper .wrap h3 { color: inherit; text-align: center; } #my-top #top_about .wrapper .wrap .imgonly, #my-top #top_about .wrapper .wrap p.small { /* 2024.1 KAZ: added */ margin: 0 auto; } #my-top #top_about .wrapper .wrap .imgonly { } #my-top #top_about .wrapper .wrap .imgonly img { width: 100%; height: auto; } #top_about .wrapper .wrap p { line-height: 1.777; } #my-top #top_about .wrapper .wrap p.small { font-size: 0.75rem; /* 12px */ line-height: 1; text-align: center; } #my-top #top_about .wrapper .wrap .linkwrap { text-align: center; } #my-top #top_about .wrapper .wrap::before, #my-top #top_about .wrapper .wrap.wrap3 .imgonly::after { content: ""; display: block; position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; /* Aki */ } #my-top #top_about .wrapper .wrap::before { left: 50%; transform: translatex(-50%); } #my-top #top_about .wrapper .wrap .circle { /* Aki */ width: 100%; height: 100%; min-height: 758px; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translatex(-50%); } #my-top #top_about .wrapper .wrap :is(h3, .imgonly, p) { /* Aki */ position: relative; } #my-top #top_about .wrapper .wrap.wrap1 { } #my-top #top_about .wrapper .wrap.wrap1::before { background-image: url(/images/about_illust01.png); } #my-top #top_about .wrapper .wrap.wrap1 .imgonly { padding-top: 10px; padding-bottom: 23px; } #my-top #top_about .wrapper .wrap.wrap1 p { } #my-top #top_about .wrapper .wrap.wrap2 { } #my-top #top_about .wrapper .wrap.wrap2::before { background-image: url(/images/about_illust02.png); } #my-top #top_about .wrapper .wrap.wrap2 .imgonly { } #my-top #top_about .wrapper .wrap.wrap2 p:not(.small) { } #my-top #top_about .wrapper .wrap.wrap3 { /* background: radial-gradient(farthest-side, black 83.11%, var(--n2028-highlight-bg-color) 83.11% 100%); */ /* KAZ: c/o; was radial-gradient(transparent 315px, var(--n2028-highlight-bg-color) 315px 100%) */ /* width: 805px; height: 805px; Aki moved to pc.css*/ } :root.bg-normal #my-top #top_about .wrapper .wrap.wrap3 { /* background: radial-gradient(farthest-side, transparent 83.11%, var(--n2028-highlight-bg-color) 83.11% 100%); */ /* KAZ: c/o; devided */ } #my-top #top_about .wrapper .wrap.wrap3::before { background-image: url(/images/about_illust03.png); } #my-top #top_about .wrapper .wrap.wrap3 .circle { /* Aki */ background: radial-gradient(farthest-side, transparent 78.811%, var(--n2028-highlight-bg-color) 78.811% 100%); /* Aki was 83.11% */ position: absolute; /* min-width: 805px; Aki c/o */ min-height: 805px; top: 0; left: 50%; transform: translatex(-50%); } :root.bg-yellow #my-top #top_about .wrapper .wrap.wrap3 .circle { background-color: black; /* KAZ: devided */ } #my-top #top_about .wrapper .wrap.wrap3 .imgonly::after { background-image: url(/images/masukotto.png); } #my-top #top_about .wrapper .wrap.wrap3 .imgonly { position: relative; } #my-top #top_about .wrapper .wrap.wrap3 p:not(.small) { text-align: center; } #my-top #top_about .wrapper .wrap.wrap3 p.small { text-align: left; } #my-top #top_about .wrapper .wrap.wrap3 a.linktext::after { top: 2px; } #top_sns { /* 2024.2 KAZ */ background-color: var(--n2028-common-bg-color); position: relative; } #top_sns::before { /* 2024.2 KAZ */ display: block; position: absolute; width: 100%; top: 0; left: 0; content: ''; } #my-top #top_sns::before { /* 2024.2 KAZ */ background-color: var(--n2028-sogo-normal-bg-color); } #my-kokuspo #top_sns::before { /* 2024.2 KAZ */ background-color: var(--n2028-kokuspo-normal-bg-color); } #my-shospo #top_sns::before { /* 2024.2 KAZ */ background-color: var(--n2028-zenshospo-normal-bg-color); } #top_sns .wall { /* 2024.2 KAZ */ display: flex; } #top_sns h2 { /* 2024.2 KAZ */ line-height: 1.5; /* 24px */ color: inherit; text-align: center; } #top_sns h2 img { /* 2024.2 KAZ */ width: 60px; margin-bottom: 18px; vertical-align: bottom; } #top_sns .instagram .inner { /* 2024.2 KAZ */ margin: -20px -20px 30px; /* bottom 30 = 70 - 40 */ } #top_sns .instagram .inner #sbi_mod_error { /* 2024.2 KAZ: logged-in only */ width: calc(100% - 40px); margin: 20px 20px 0; } #top_sns .instagram .btn_line { /* 2024.2 KAZ */ text-align: center; } #top_sns .instagram .btn_line a.linkbtn_small { /* 2024.2 KAZ */ font-size: 0.875rem; /* 14px */ font-weight: bold; } :root.bg-yellow #top_sns .instagram .btn_line a.linkbtn_small { /* 2024.2 KAZ */ border-color: black; } #top_sns .twitter .inner, #top_sns .facebook .inner { /* 2024.2 KAZ */ border: var(--n2028-text-color) 1px solid; } #top_sns .twitter .inner { /* 2024.2 KAZ */ border-radius: 12px; overflow: hidden; } #top_sns .twitter .inner .twitter-timeline { /* 2024.2 KAZ */ max-width: calc(100% + 2px) !important; margin: -1px !important; } #top_sns .facebook .inner { /* 2024.2 KAZ */ background-color: white; /* always */ border-radius: 10px; /* height: 533px; */ padding: 8px; } #top_sponsors { /* 2026.3 KAZ */ position: relative; } #top_sponsors #sponsor_banners { /* 2026.3 KAZ */ background-color: var(--n2028-sogo-normal-bg-color); border-top: 0; margin-top: 0; } #top_sponsors #sponsor_banners img { /* 2026.3 KAZ */ max-width: 100%; height: auto; } #my-top #colophon { position: relative; /* KAZ */ } /* Fixed Page Components ----------------------------------------------- */ /* サイトマップ */ .corner_sitemap { border-radius: 30px; width: var(--n2028-semi-width); margin-inline: auto; } #sitemap_sns { } .corner_sitemap .corner_top { } .corner_sitemap .corner_top a.linkbtn_small { } .corner_sitemap ul { display: flex; flex-wrap: wrap; margin-bottom: 0; font-size: 0.875rem; /* 14px */ } .corner_sitemap ul li { } .corner_sitemap ul li.notyet { display: none; /* KAZ: temporarily until SNS gets ready */ } .corner_sitemap ul li::before { display: block; /* 2024.1 KAZ: per request */ float: left; /* 2024.1 KAZ: per request */ content: '〉'; } .corner_sitemap ul li a { display: inline-block; /* 2024.1 KAZ: per request */ max-width: calc(100% - 1em); /* 2024.1 KAZ: per request */ /* text-decoration: underline; */ /* KAZ: ChkHTML; c/o */ } /* お問い合わせ */ #inquiry_message { } #inquiry_wrap { } :is(#inquiry_message, #inquiry_wrap, #thanks_wrap) .wall { width: var(--n2028-semi-width); } :is(#inquiry_wrap, #thanks_wrap) .wall { /* background-color: var(--n2028-highlight-bg-color); */ /* 2024.1 KAZ: use class */ border-radius: 30px; } #inquiry_wrap p { } table.contactform { border-bottom: 0; } table.contactform p { } table.contactform :is(table, tbody, tr, th, td) { /* 2026.09 KAZ: added table, tbody, tr */ display: block; } table.contactform th { font-size: 1.125rem; /* 18px */ font-weight: 500; } table.contactform th p { margin-bottom: 6px; } table.contactform td { border-top: 0; } .required { display: inline-block; color: white; background-color: var(--n2028-inquiry-highlight-color); width: 60px; font-size: 1rem; text-align: center; line-height: 24px; border-radius: 12px; margin-right: 18px; } table.contactform input[type=text], table.contactform input[type=email], table.contactform input[type=tel], /* 2026.09 KAZ: added */ textarea { width: 100%; background-color: var(--n2028-inquiry-highlight-bg-color); border-radius: 10px; border: 0; height: 60px; color: var(--n2028-inquiry-highlight-text-color); /* 2026.09 KAZ */ } table.contactform .wpcf7-list-item { /* 2026.09 KAZ */ color: var(--n2028-inquiry-highlight-text-color); } table.contactform textarea { } #inquiry_wrap p.accept_line { text-align: center; } #inquiry_wrap p.accept_line label, #inquiry_wrap p.accept_line label input[type="checkbox"]{ cursor: pointer; /* 2024.1 KAZ: per request */ } #inquiry_wrap p.link { text-align: center; } #inquiry_wrap p:is(.buttons-area-confirm, .submit-button) { position: relative; margin: 0 auto; } input.button-confirm { margin: 0 auto; } input.button-confirm::before { } input.button-confirm::after { } form.wpcf7-form span.wpcf7-form-control-wrap .error-messages { font-weight: 500; } #inquiry_wrap p.buttons-area { display: flex; flex-wrap: wrap; justify-content: center; } .wpcf7-spinner { width: 100% !important; order: 2; background-color: transparent !important; } button.wpcf7-submit { order: 3; } button.button-rewrite { order: 1; } form.wpcf7-form p.buttons-area .button-rewrite { color: var(--n2028-title-color); font-size: 0.875rem; /* 18px */ text-decoration: underline; border: 0; background: var(--n2028-gnavi-normal-icon-arrow)no-repeat center right / 18px auto transparent; padding-right: 26px; } .wpcf7 form.sent .wpcf7-response-output { display: none !important; } .wpcf7 .wpcf7-not-valid-tip { display: none !important; /* 2024.1 KAZ: ChkHTML */ } /* Thanks Page */ #thanks_wrap { } #thanks_wrap .wall { } #thanks_wrap h2 { font-size: 1.5625rem; /* 25px */ text-align: center; } #thanks_wrap .imgonly { height: auto; margin: 0 auto; } #thanks_wrap p:not(.strong) { border-top: solid 1px var(--n2028-dark-green); margin: 0 auto; } #thanks_wrap p.strong { text-align: center; font-weight: 500; } /* 県民運動 2026.3 MTL Aki ----------------------------------------------- */ .project_campaign { margin-top: 90px; } /* 寄付金 2026.3 MTL Aki ----------------------------------------------- */ #contribution_sponsor h2.inverted-color_ttl { font-weight: bold; /* KAZ */ } #contribution_sponsor .desc { font-weight: 400; } #contribution_sponsor .repeater h4:is(.subheading1, .subheading2) { text-align: left; font-weight: 600; } #contribution_sponsor .repeater h4.subheading1 { display: inline-block; border-radius: 0 30px 30px 0; padding: 6px 16px 6px 12px; } #contribution_sponsor .contents p, #contribution_sponsor .repeater .sub_desc { font-size: 1.125rem; /* 18px */ line-height: 1.7777; /* 18/32 */ font-weight: 400; margin-bottom: 25px; } #contribution_sponsor .repeater h4.subheading2 { color: var(--n2028-light-title-color); background-color: transparent; line-height: 1.25; /* design is 20/50 */ border-radius: 0; border-bottom: dotted 2px; padding: 0 0 9px; /* Aki bottom was 16px fomr chkHTML */ margin-bottom: 15px; } #contribution_sponsor .repeater h4.subheading2::before { content: "▶"; display: inline-block; font-size: 0.875rem; /* 14px */ vertical-align: 2px; margin-right: 10px; } #contribution_sponsor .repeater .pdf_links { margin-top: 35px; } #contribution_sponsor .repeater a.linkpdf { display: block; font-size: 1.125rem; /* 18px */ text-decoration: underline; margin-bottom: 8px; } /* 協賛 2026.3 MTL Aki ----------------------------------------------- */ h2.light-inverted-color_ttl { text-align: center; } h2.light-inverted-color_ttl .inner { display: inline-block; color: var(--n2028-widget-item-inverted-text-color); background-color: var(--n2028-light-bg-color); border-radius: 60px; } #sponsor_banners { border-top: solid 1px #C1E0B8; } #sponsor_banners .banners_ttl { text-align: center; font-weight: 600; letter-spacing: 0.05em; } #sponsor_banners .banners_ttl::before, #sponsor_banners .banners_ttl::after { display: inline-block; vertical-align: -8px; } #sponsor_banners .banners_ttl::before { content: url(/images/sponsors_before.svg); } :root.bg-black #sponsor_banners .banners_ttl::before, :root.bg-blue #sponsor_banners .banners_ttl::before { content: url(/images/sponsors_before_white.svg); /* KAZ */ } #sponsor_banners .banners_ttl::after { content: url(/images/sponsors_after.svg); margin-right: 0; } :root.bg-black #sponsor_banners .banners_ttl::after, :root.bg-blue #sponsor_banners .banners_ttl::after { content: url(/images/sponsors_after_white.svg); /* KAZ */ } #sponsor_banners ul { display: flex; justify-content: center; flex-wrap: wrap; } #sponsor_banners ul.noimg { align-items: center; } #sponsor_banners ul:last-child { /* 2026.04 KAZ: was ul.noimg:last-child */ margin-bottom: 0; /* KAZ */ } #sponsor_banners ul li { position: relative; } #sponsor_banners ul.noimg li { font-weight: 600; } #sponsor_banners ul li a { display: inline-block; height: auto; margin-bottom: 28px; } #sponsor_banners ul li a.banner_box { background-color: white; /* KAZ */ border: solid 3px var(--iti-border-color); border-radius: 30px; /* KAZ */ box-shadow: 2px 4px 0 0 var(--iti-border-color); /* KAZ: was filter: drop-shadow(2px 4px 0px var(--iti-border-color)); */ } #sponsor_banners ul li .links_box_window { position: absolute; right: 0; bottom: 0; } #sponsor_banners ul li .highlight-color_box_window img { width: 14px; height: 14px; } #sponsor_banners .arukuma { } #sponsor_banners .arukuma picture { display: inline-block; } #sponsor_banners .arukuma .copy { /* KAZ */ margin-top: 18px; font-weight: 500; margin-top: 0; /* Aki */ } /* ボランティア 2026.8 MTL Aki ----------------------------------------------- */ .wrap.has_img_link { /* margin: 0 auto; */ /* KAZ: moved to PC */ } .wrap.has_img_link :is(a, .nolink) .inner { display: flex; } a.text_link { color: var(--n2028-link_text_color); text-decoration: underline; } /* 下位共通 */ /*:is(#volunteer_about, .volunteer_detail) .wall { * max-width: 100%; *} */ /* KAZ: moved to PC */ #volunteer_about .highlight-color_box_desc, #info-volunteer_about .highlight-color_box_desc, .volunteer_detail .highlight-color_box_desc { /* KAZ */ font-weight: 500; } .volunteer_detail h4 { color: var(--n2028-text-color); margin-bottom: 18px; } .volunteer_detail h5 { color: var(--n2028-text-color); font-weight: 500; } .volunteer_detail :is(p, ul) { } /*.volunteer_detail p:has(+ p.note) { * margin-bottom: 2px; *} */ /* KAZ: moved to PC */ .volunteer_detail ul { list-style: none; } ul.has_circle li::before { content: "●"; display: inline-block; color: #00A63C; margin-right: 5px; } ul.has_color { color: var(--n2028-title-color); } /*ul.has_circle li { * margin-bottom: 7px; *} */ /* KAZ: moved to PC */ .volunteer_detail ul:not(.has_circle) li { text-indent: -0.9em; margin-left: 1em; } .volunteer_detail ul:not(.has_circle) li::before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: var(--n2028-text-color); border-radius: 50%; vertical-align: 5px; margin: 0 7px 0 3px; } .volunteer_detail ul.flex { display: flex; flex-wrap: wrap; gap: 0 20px; /* KAZ: block was 10px */ } .volunteer_detail ul.has_color li { font-weight: 600; } .volunteer_detail ul li .act_note { font-weight: 500; } .volunteer_detail p.note { text-indent: -1em; margin-left: 1em; } /* Table */ .volunteer_detail .event_table_wrapper { margin-top: 16px; margin-bottom: 8px; /* KAZ: moved */ } .volunteer_detail .event_table_wrapper table { border-bottom: solid 2px #00572F; /* KAZ */ } .volunteer_detail .event_table_wrapper .tablepress { position: relative; margin-bottom: 0; /* KAZ: was 8px */ } .volunteer_detail .event_table_wrapper .tablepress caption { position: absolute; bottom: 0; /* KAZ: was -1rem */ right: 0; font-size: 12px; } .volunteer_detail .event_table_wrapper table :is(th, td) { border-bottom: solid 1px #00572F; /* test */ text-align: center; } .volunteer_detail .event_table_wrapper table thead th { color: var(--n2028-committee-large-button-inverted-text-color); background-color: var(--n2028-committee-large-button-inverted-bg-color); border-right: solid 1px white; font-weight: 600; padding: 8px 0; } .volunteer_detail .event_table_wrapper table tbody td { vertical-align: middle; border-top: 0; border-left: solid 1px #00572F; padding: 9px 0 11px; } .volunteer_detail .event_table_wrapper table tbody td.column-1 { font-weight: 500; vertical-align: middle; border-left: 0; } /* .volunteer_detail .event_table_wrapper table :is(.row-4, .row-8) td:is(.column-2, .column-3) { border-bottom: solid 1px #00572F; } .volunteer_detail .event_table_wrapper table :is(.row-5, .row-9) td.column-4 { border-top: solid 1px #00572F; } */ /* test */ .volunteer_detail .event_table_wrapper table.activity_table tbody td.column-1, .volunteer_detail .event_table_wrapper table.activity-info_table tbody td.column-1 { /* KAZ: was .volunteer_detail .event_table_wrapper table tbody td.column-1 */ background-color: var(--n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color); /* KAZ: moved here */ color: var(--n2028-text-gray); } /*.volunteer_detail .event_table_wrapper table tbody tr.row-6 td.column-1 { * background-color: var(--n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color); *} */ /* KAZ: moved above */ .volunteer_detail .event_table_wrapper table.activity_table tbody tr.row-2 td.column-1, .volunteer_detail .event_table_wrapper table.activity-info_table tbody tr.row-2 td.column-1 { /* KAZ: was .volunteer_detail .event_table_wrapper table tbody tr.row-2 td.column-1 */ background-color: var(--n2028-dark-yellow); } .volunteer_detail .event_table_wrapper table tbody td.column-3 { text-align: left; } /*.volunteer_detail .event_table_wrapper table.activity_table tbody tr:nth-child(odd) td:is(.column-2, .column-3), .volunteer_detail .event_table_wrapper table.activity-info_table tbody tr:nth-child(odd) td:is(.column-2, .column-3) { */ /* KAZ: was .volunteer_detail .event_table_wrapper table tbody tr:nth-child(odd) td:is(.column-2, .column-3) */ /* color: var(--n2028-table_text_color); background-color: var(--n2028-gnavi-kokuspo-bg-color); } */ /* test */ .volunteer_detail#form .link { display: flex; justify-content: center; flex-wrap: wrap; } .volunteer_detail .pdflink_wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 30px; } .pdflink_wrapper a.linkpdf.ex_small { display: inline-block; color: var(--n2028-committee-large-button-normal-text-color); font-size: 0.875rem; /* 14px */ border: solid 2px; /* border-radius: 22px; */ /* KAZ: moved to PC */ /* padding: 7px 44px 7px 20px; */ /* KAZ: moved to PC */ } .pdflink_wrapper a.linkpdf.ex_small::before { content: var(--n2028-volunteer-pdflink-icon); display: inline-block; width: 19px; height: 24px; vertical-align: middle; } .volunteer_detail#contact_info h4 { color: var(--n2028-title-color); font-weight: 500; margin-bottom: 11px; } .volunteer_detail .media-info_box--center { font-weight: 500; /* KAZ */ } .volunteer_detail .media-info_box--center h4 { } .volunteer_detail:is(#cities, #status) .wrapper :is(h4, p) { padding-left: 0; padding-right: 0; } .volunteer_detail:is(#cities, #status) .wrapper .wrap { border-bottom: solid 1px var(--iti-border-color); } .volunteer_detail#cities .wrapper .wrap p { margin-bottom: 0; } .volunteer_detail#cities .wrapper .wrap .links_box_url { text-decoration: underline; } /* 運営ボランティア */ #volunteer_about .imgonly img { /* width: 50%; */ /* KAZ: c/o */ } .volunteer_detail .event_table_wrapper table.activity_table /* , .volunteer_detail .event_table_wrapper table.activity_table tr.row-2 td.column-1, .volunteer_detail .event_table_wrapper table.activity_table tr.row-5 td:is(.column-2, .column-3, .column-4) */ /* test */ { border-bottom: solid 3px #00572F; } /* .volunteer_detail .event_table_wrapper table.activity_table tbody tr:is(.row-6, .row-8, .row-10) td:is(.column-2, .column-3) { background-color: var(--n2028-gnavi-zenshospo-bg-color) !important; } */ /* test */ /* 情報支援ボランティア */ .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) tbody td { } /* .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table, .activity-info_table), .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) tbody tr.row-2 td.column-1, .info-category_table tbody tr.row-3 td:is(.column-2, .column-3), .volunteer_detail .event_table_wrapper table.info-category_table tbody td.column-4, .volunteer_detail .event_table_wrapper table.info-apply_table tr.row-2 td:is(.column-1, .column-2), .volunteer_detail .event_table_wrapper table.activity-info_table tr.row-2 td:is(.column-1, .column-4) { border-bottom: solid 2px #00572F; } .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) tbody tr.row-2 td.column-1, .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) tbody tr:nth-child(odd) td:is(.column-2, .column-3), .volunteer_detail .event_table_wrapper table.activity-info_table tbody tr:nth-child(odd) td:is(.column-2, .column-3) { background-color: transparent; } .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) tr:is(.row-4, .row-5, .row-8) td:is(.column-2, .column-3, .column-4), .event_table_wrapper table.activity-info_table tr.row-5 td:is(.column-2, .column-3, .column-4) { border-bottom: 0; } .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) tbody tr:nth-child(even) td:is(.column-2, .column-3), .volunteer_detail .event_table_wrapper table.info-apply_table tr.row-3 .column-1 { color: var(--n2028-table_text_color); background-color: var(--n2028-gnavi-sogo-bg-color); } */ /* test */ .volunteer_detail .event_table_wrapper table.info-apply_table tbody .column-2 { /* 2026.09 KAZ: added tbody */ text-align: left; /* KAZ */ } .volunteer_detail .event_table_wrapper table.activity-info_table tbody tr:nth-child(odd) td:is(.column-2, .column-3) { color: inherit; } /*.volunteer_detail .event_table_wrapper table.activity-info_table tbody tr:nth-child(even) td:is(.column-2, .column-3) { color: var(--n2028-table_text_color); background-color: var(--n2028-gnavi-kokuspo-bg-color); } .volunteer_detail .event_table_wrapper table.activity-info_table tbody tr:is(.row-5, .row-7) td:is(.column-2, .column-3) { background-color: var(--n2028-gnavi-zenshospo-bg-color); } */ /* test */ /*.volunteer_detail .event_table_wrapper table.activity-info_table tbody .row-4 .column-1 { * background-color: var(--n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color); *} */ /* KAZ: moved above */ /*.volunteer_detail .event_table_wrapper table.activity-info_table .row-4 td:is(.column-2, .column-3) { border-bottom: 0; border-top: solid 2px #00572F; } .volunteer_detail .event_table_wrapper table.activity-info_table .row-7 td:is(.column-2, .column-3, .column-4) { border-top: solid 1px #00572F; } */ /* test */ #my-info-support-volunteer .volunteer_detail#form .link_wrap { display: flex; justify-content: center; } .volunteer_detail#status .status_over { display: inline-block; color: white; background-color: var(--n2028-inquiry-highlight-color); font-weight: 700; /* KAZ: was 600 */ border-radius: 6px; padding: 1px 11px !important; /* margin-bottom: 0; */ /* KAZ: moved to PC */ } /* Kokuspo Shospo Page Components ----------------------------------------------- */ :is(#my-kokuspo, #my-shospo).page-parent .entry-header { display: none; } :is(#my-kokuspo, #my-shospo).page-parent #breadcrumbs { } :is(#my-kokuspo, #my-shospo) #top_mainmenu { } :is(#my-kokuspo, #my-shospo) #top_mainmenu { position: relative; } :is(#my-kokuspo, #my-shospo) #top_mainmenu img { max-width: 100%; } :is(#my-kokuspo, #my-shospo) #top_mainmenu h1.imgonly { margin: 0 auto; } :is(.corner-kokuspo, .corner-shospo) #top_mainmenu .wall, :is(#my-kokuspo, #my-shospo) #top_mainmenu .wall { height: auto; } :is(#my-kokuspo, #my-shospo) #top_banners { background: transparent; } :is(#my-kokuspo, #my-shospo) #top_banners .banner_wrapper { } :is(#my-kokuspo, #my-shospo) #top_banners .banner_slider { } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma_wrap { text-align: center; } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma_wrap p { /* font-size: 0.75rem; */ /* 2024.2 KAZ: moved to media query */ font-weight: bold; /* 2024.2 KAZ: was 500; per request */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma { margin: 0 auto; } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma img { max-width: 100%; } :is(#my-kokuspo, #my-shospo) #top_mainmenu .link_wrap { display: flex; justify-content: center; flex-wrap: wrap; } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn { } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner { border: var(--n2028-linkbtn-border-color) 5px solid; } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn::before { content: none; } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner::after { } :is(#my-kokuspo, #my-shospo) #top_news { background: transparent; } :is(#my-kokuspo, #my-shospo) #top_news h2 { background-color: transparent; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu { display: flex; justify-content: center; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li a { border: solid 4px; /* border-bottom: 0; */ /* KAZ: c/o */ display: block; font-weight: 600; text-align: center; transition: none; /* KAZ: don't know where this is inherited from */ } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li a:hover { text-decoration: none; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper > .wrap { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper > .wrap:not(:first-of-type):not(.ui-tabs-panel) { display: none; /* KAZ: hide it until ui.tabs is ready */ } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper #news_wrap { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper #bidding_wrap { } :is(#my-kokuspo, #my-shospo) #top_news ul.news_list { } :is(#my-kokuspo, #my-shospo) #top_about { } :is(#my-kokuspo, #my-shospo) #top_about h2 { } :is(#my-kokuspo, #my-shospo) #top_about { } :is(#my-kokuspo, #my-shospo) #top_about::before { } :is(#my-kokuspo, #my-shospo) #top_about .wall { } :is(#my-kokuspo, #my-shospo) #top_about h2 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper { width: var(--n2028-semi-width); margin: 0 auto; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap { position: relative; box-shadow: 10px 10px 20px 0px rgba(121, 110, 22, 0.08), -10px -10px 20px 0px rgba(255, 255, 255, 0.6); } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .detail { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap h3 { color: inherit; text-align: center; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .imgonly img { width: 100%; /* Aki added */ } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap p.small { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .linkwrap { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap::before, :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap::after { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 .imgonly { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 .imgonly { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3::after { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 .imgonly { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 p.small { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 .linkwrap { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap a.linkbtn_small { font-size: 0.875rem; /* 14px */ margin-bottom: 0; } /* Kokuspo Page Components ----------------------------------------------- */ #my-kokuspo #top_news .tab_wrapper ul.tab_menu > li.news a, #my-kokuspo #top_news .tab_wrapper #news_wrap { background-color: var(--n2028-kokuspo-dark-bg-color); /* KAZ */ } #my-kokuspo #top_news .tab_wrapper ul.tab_menu > li.bidding a, #my-kokuspo #top_news .tab_wrapper #bidding_wrap { background-color: var(--n2028-kokuspo-normal-bg-color); /* KAZ */ } #my-kokuspo #top_about .wall { background: var(--n2028-kokuspo-normal-bg-color); /* 2024.1 KAZ: was var(--n2028-gnavi-kokuspo-bg-color); per request */ } #my-kokuspo #top_about::before { background: var(--n2028-top-kokuspo-cloud) no-repeat center top / 100% auto; /* 2024.1 KAZ: moved from PC */ } #my-kokuspo #top_about .wrapper .wrap.wrap3 { align-items: flex-start; /* KAZ */ } #my-kokuspo #top_about .wrapper .wrap.wrap3 .imgonly { position: relative; /* KAZ */ } #my-kokuspo #top_about .wrapper .wrap.wrap3 .imgonly::after { /* KAZ: was #my-kokuspo #top_about .wrapper .wrap.wrap3::after */ background: url(/images/masukotto.png) no-repeat center / cover; display: block; position: absolute; content: ''; } /* 競技会会期 2026.1 MTL Aki ----------------------------------------------- */ #schedule_pdf { position: relative; text-align: center; } #schedule_pdf::before { content: ""; display: block; background: url(/wp-content/uploads/2026/01/arukuma_schedule.png) no-repeat center / cover; } #schedule_menu { background-color: var(--n2028-clear-yellow); } #schedule_menu .wall { width: var(--n2028-max-wall-width); } #schedule_menu ul { display: flex; flex-wrap: wrap; /* justify-content: center; */ } #schedule_menu ul li { } #schedule_schedules { } #schedule_schedules .wall { } #schedule_schedules .highlight-color_box { } #schedule_schedules .schedule_wrap { } #schedule_schedules .schedule_wrap h2 { text-align: center; } #schedule_schedules .schedule_wrap h2:has(+ p) { margin-bottom: 10px; } :root.bg-yellow #schedule_schedules .schedule_wrap h2 { background-color: var(--n2028-common-bg-color); color: black; } #schedule_schedules .schedule_wrap h3 { padding-left: 1em; } #schedule_schedules .schedule_wrap h3::before { display: inline-block; width: 1em; margin-left: -1em; content: '●'; } #schedule_schedules .schedule_wrap .ttl { font-weight: bold; } #schedule_schedules .schedule_wrap .event_table_wrapper { } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table { border: var(--n2028-text-color) 1px solid; table-layout: fixed; margin: 0; } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table th, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table td { border-top: #cbc9c9 1px solid; border-left: #cbc9c9 1px solid; text-align: center; vertical-align: middle; } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table th.column-1, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table td.column-1 { border-left: 0; } #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-3 th.column-1, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 th.column-1[colspan="2"], /* 2026.1 KAZ: added */ #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-3 td.column-1 { /* width: calc((100% - 407px) * 0.278689); */ /* 221 / 793 */ width: 18.4167%; /* 221 / 1200 */ text-align: left; } #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 th.column-1, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 td.column-1 { width: 10.3333%; /* 124 / 1200 */ text-align: left; } #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 th.column-2, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 td.column-2 { width: 8.0833%; /* 97 / 1200 */ } #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4.ski-schedule td.column-2 { text-align: left; } #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-3 th.column-2, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 th.column-3, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-3 td.column-2, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 td.column-3 { /* width: calc((100% - 407px) * 0.126103); */ /* 100 / 793 */ width: 8.3333%; /* 100 / 1200 */ } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table th { padding: 5px 0; } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table th.column-1, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table th.column-2, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table th.column-3, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table.venue-col-4 th.column-4 { padding: 5px 8px; } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table tr.row-1 th, #rehearsal_schedules .schedule_wrap .noevents { /* 2026.06 KAZ: added */ background-color: #f5f2f2; } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table tr.row-1 th { border-top: 0; } :root.bg-black :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table tr.row-1 th, :root.bg-blue :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table tr.row-1 th, :root.bg-yellow :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table tr.row-1 th, :root.bg-black #rehearsal_schedules .schedule_wrap .noevents, /* 2026.06 KAZ: added */ :root.bg-blue #rehearsal_schedules .schedule_wrap .noevents, /* 2026.06 KAZ: added */ :root.bg-yellow #rehearsal_schedules .schedule_wrap .noevents { /* 2026.06 KAZ: added */ background-color: rgba(255,255,255,0.2); } #schedule_schedules .schedule_wrap .event_table_wrapper table tr.row-1 th.longvenue { /* width: calc((100% - 407px) * 0.595208); */ /* 472 / 793 */ width: 39.3333%; /* 472 / 1200 */ text-align: left; } #schedule_schedules .schedule_wrap .event_table_wrapper table tr.row-1 th.shortvenue { /* width: calc((100% - 407px) * 0.595208 - 2em - 3px); */ width: calc(39.3333% - 2em - 3px); text-align: left; } #schedule_schedules .schedule_wrap .event_table_wrapper table tr.row-1 th.numdays { width: calc(2em + 3px); } #schedule_schedules .schedule_wrap .event_table_wrapper table tr.row-1 th:last-child { /* width: 407px; */ width: 33.9167%; /* 407 / 1200 */ } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table td { height: 49px; padding: 3px 0px; } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table td.column-1, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table td.column-2, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table td.column-3, :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table.venue-col-4 td.column-4 { padding: 3px 8px; } #schedule_schedules .schedule_wrap .event_table_wrapper table td.column-1, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-3 td.column-3, #schedule_schedules .schedule_wrap .event_table_wrapper table.venue-col-4 td.column-4 { /* padding: 3px 15px; */ text-align: left; } :is(#schedule_schedules, #rehearsal_schedules) .schedule_wrap .event_table_wrapper table caption a { background: #eee; border-radius: 3px; display: inline-block; padding: 0 8px; line-height: 1.5em; color: #666; font-size: 12px; font-weight: 300; } #schedule_schedules .schedule_wrap .event_table_wrapper p.note { margin-top: 15px; /* 2026.2 KAZ: was -8px */ font-size: 15px; } /* リハーサル大会 2026.6 MTL Aki/KAZ ----------------------------------------------- */ #my-rehearsal :is(#kokuspo_shinsyu, #shospo_shinsyu) :is(.kokuspo_shinsyu_desc, .shospo_shinsyu_desc) { align-items: center; margin-bottom: 23px; } #rehearsal_pdf { margin-bottom: 80px; } #rehearsal_pdf a.linkbtn_small.pdf { display: flex; align-items: center; } :root.bg-yellow #rehearsal_pdf a.linkbtn_small.pdf { border-color: black; /* KAZ */ } #rehearsal_pdf a.linkbtn_small.pdf .size { position: relative; right: auto; padding-left: 0.5em; } #rehearsal_schedules { } #rehearsal_schedules .schedule_wrap h2, #rehearsal_schedules .schedule_wrap h3 { margin-top: 70px; } #rehearsal_schedules .schedule_wrap h2 { text-align: center; } :root.bg-yellow #rehearsal_schedules .schedule_wrap h2 { outline: 1px solid; color: var(--n2028-yellow); } #rehearsal_schedules .schedule_wrap :is(h3, .ttl) { color: inherit; font-weight: bold; } #rehearsal_schedules .schedule_wrap h3 { } #rehearsal_schedules .schedule_wrap h3::before { content: ""; display: inline-block; width: 10px; background-color: var(--n2028-linkbtn-small-kokuspo-inverted-arrow-bg-color); } #rehearsal_schedules .schedule_wrap .ttl { margin-bottom: 10px; } #rehearsal_schedules .schedule_wrap .event_table_wrapper { } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td { text-align: left; } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td:is(.column-1, .column-2) { /* padding: 3px 24px; */ /* KAZ: moved */ } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-1, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-2, #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-3, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-5, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-6, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-7, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-8 { text-align: center; } .corner-kokuspo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-1, .corner-kokuspo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-1 { width: 21.3333%; /* 256 / 1200 */ } .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-1, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-1 { width: 9.75%; /* 117 / 1200 */ } .corner-kokuspo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-2, .corner-kokuspo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-2 { width: 42.9167%; /* 515 / 1200 */ } .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-2, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-2 { width: 19.75%; /* 237 / 1200 */ } .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table.tournament th.column-2, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table.tournament td.column-2 { width: 11.75%; /* 141 / 1200 */ } .corner-kokuspo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-2 { padding: 3px 24px; /* KAZ: moved */ } .corner-zenshospo #rehearsal_pdf a.linkbtn_small.pdf { filter: drop-shadow(5px 5px 0px var(--n2028-pink)); } #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-3, #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-3 { width: 9.9167%; /* 119 / 1200 */ } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-3 { /* padding: 30px 8px 10px; Aki c/o from Viex */ } .corner-kokuspo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-4, .corner-kokuspo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-4 { width: 25.8333%; /* 310 / 1200 */ } .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-4, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-4 { width: 26.0833%; /* 313 / 1200; 311px in design */ } .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table.tournament th.column-4, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table.tournament td.column-4 { width: 22.5833%; /* 271 / 1200; 274px in design */ } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-4 { padding: 10px 8px 10px; /* 2026.07 KAZ: per request: top was 23px */ } .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-5, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-6, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-7, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table th.column-8, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-5, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-6, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-7, .corner-zenshospo #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-8 { width: 11.5%; /* 138 / 1200 */ } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td.column-4 a, #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a.linkpdf { /* 2026.07 KAZ: per request */ display: inline-block; margin-top: 13px; } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a:not(.linkpdf)::after, #rehearsal_schedules .schedule_wrap .event_table_wrapper .link::after { content: "別ウィンドウで外部サイトが開きます"; display: block; font-size: 0.625rem; /* 10px */ line-height: 1.3; /* 10/13 */ background: url(/images/icon_external_link_black.svg) no-repeat top 17px left / 10px auto; padding-top: 16px; /* KAZ: was margin-top */ padding-left: 2px; text-align: left; text-indent: 1em; } :root.bg-black #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a:not(.linkpdf)::after, :root.bg-black #rehearsal_schedules .schedule_wrap .event_table_wrapper .link::after, :root.bg-blue #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a:not(.linkpdf)::after, :root.bg-blue #rehearsal_schedules .schedule_wrap .event_table_wrapper .link::after { background-image: url(/images/icon_external_link_white.svg); } :root.bg-yellow #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a:not(.linkpdf)::after, :root.bg-yellow #rehearsal_schedules .schedule_wrap .event_table_wrapper .link::after { background-image: url(/images/icon_external_link_yellow.svg); } #rehearsal_schedules .schedule_wrap .event_table_wrapper .link::after { display: inline-block; margin-left: 15px; } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a.linkpdf { display: flex; flex-direction: column; align-items: center; gap: 10px; } #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a.linkpdf::before { content: url(/images/icon_pdf_black.svg); display: block; width: 20px; height: 24px; } :root.bg-black #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a.linkpdf::before, :root.bg-blue #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a.linkpdf::before { content: url(/images/icon_pdf_white.svg); } :root.bg-yellow #rehearsal_schedules .schedule_wrap .event_table_wrapper table td a.linkpdf::before { content: url(/images/icon_pdf_yellow.svg); } #rehearsal_schedules .schedule_wrap .noevents { padding-inline: 20px; line-height: 40px; } @media (any-hover: hover) { :root.bg-normal #rehearsal_pdf .wrapper a.linkbtn_small:hover { background-color: var(--n2028-committee-large-button-normal-border-color); color: white; border-color: var(--n2028-committee-large-button-normal-border-color); } :root.bg-normal #rehearsal_pdf .wrapper a.linkbtn_small:hover::before { background-image: url(/images/icon_pdf_white.svg); /* KAZ: was white */ } :root.bg-normal #rehearsal_pdf .wrapper a.linkbtn_small:hover::after { color: var(--n2028-linkbtn-small-sogo-inverted-arrow-bg-color); background-color: var(--n2028-linkbtn-small-inverted-arrow-text-color); } :root.bg-normal #rehearsal_pdf a.linkbtn_small.pdf:hover .size { color: var(--n2028-linkbtn-small-inverted-arrow-text-color); } :root.bg-black #rehearsal_pdf a.linkbtn_small.pdf:hover::before, :root.bg-blue #rehearsal_pdf a.linkbtn_small.pdf:hover::before, :root.bg-yellow #rehearsal_pdf a.linkbtn_small.pdf:hover::before { background-image: url(/images/icon_pdf_yellow.svg); /* KAZ: was white */ } #rehearsal_pdf a.linkbtn_small.pdf:hover .size { color: var(--n2028-linkbtn-small-inverted-text-color); } } /* 2026.6 Aki fix */ /* cultural-program Page*/ #media-info .cultural_bn_wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; } #media-info .cultural_bn_wrapper img.square { max-width: 210px; } #media-info .cultural_bn_wrapper img.rectangle { max-width: 510px; } /* Shospo Page Components ----------------------------------------------- */ #my-shospo #top_news .tab_wrapper ul.tab_menu > li.news a, #my-shospo #top_news .tab_wrapper #news_wrap { background-color: var(--n2028-zenshospo-dark-bg-color); /* KAZ */ } #my-shospo #top_news .tab_wrapper ul.tab_menu > li.bidding a, #my-shospo #top_news .tab_wrapper #bidding_wrap { background-color: var(--n2028-zenshospo-normal-bg-color); /* KAZ */ } #my-shospo #top_about .wall { background: var(--n2028-zenshospo-normal-bg-color); /* 2024.1 KAZ: was var(--n2028-gnavi-zenshospo-bg-color); per request */ } #my-shospo #top_about::before { background: var(--n2028-top-zenshospo-cloud) no-repeat center top / 100% auto; /* 2024.1 KAZ: moved from PC */ } /* 全障スポ リハーサル 2026.6 Aki */ #my-rehearsal #shospo_shinsyu { margin-bottom: 75px; } .corner-zenshospo #rehearsal_schedules .schedule_wrap h3::before { background-color: var(--n2028-linkbtn-small-zenshospo-inverted-arrow-bg-color); } /* Description: PC style for Nagano 2028 site Note: Style for printing is also included in this file */ /* Responsive Structure ----------------------------------------------- */ /* PC/Tablet共通のスタイル (メニュー以外) ----------------------------------------------- */ @media print, screen and (min-width: 768px) { .sponly { display: none !important; } .wall { max-width: var(--n2028-max-wall-width); /* KAZ */ } /* =Structure */ body { } #primary { } :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) #primary { max-width: calc(100% - 180px); /* 2024.1 KAZ: added per request */ } #secondary { /* float: none; Aki c/o */ width: 160px; /* position: absolute; top: 95px; left: calc(50% + 600px); Aki c/o */ } #my-blog:not(.singular) #secondary { padding-top: 78px; /* 2024.1 KAZ: added per request */ } :is(#my-bidding, #my-bidding-type):not(.singular) #secondary { padding-top: 67px; /* 2024.1 KAZ: added per request */ } /* =Header */ /* =Menu */ #breadcrumbs { padding: 12px 12px 105px; /* KAZ: merged and added side */ font-size: 0.875rem; /* 14px; KAZ: moved */ } :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) #breadcrumbs { /* KAZ: added #my-bidding-type */ padding-bottom: 110px; } /* =Content */ #topmain, #main { /* KAZ: added #topmain */ /* background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / 100% auto; */ padding-bottom: 360px; /* KAZ: was 450px */ } #topmain { background: linear-gradient(to bottom, transparent 0% calc(100% - 360px), var(--n2028-sogo-normal-bg-color) calc(100% - 360px) 100%); } /* :root.bg-normal #topmain { * background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / 100% auto, linear-gradient(to bottom, transparent 0% calc(100% - 360px), var(--n2028-sogo-normal-bg-color) calc(100% - 360px) 100%); * } */ #topmain::after { /* KAZ */ height: 360px; } :root.bg-normal #topmain::after { /* KAZ */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-common-bg-color); /* 2024.2 KAZ: color was var(--n2028-sogo-normal-bg-color) */ } :root.bg-normal .logged-in #topmain::after { /* 2026.3 KAZ */ background-color: var(--n2028-sogo-normal-bg-color); } #main { } :root.bg-normal .corner-sogo #main { /* 総合; KAZ: 雲は標準色時のみ (以下同様) */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-sogo-normal-bg-color); } :root.bg-normal .corner-sogo#my-blog:not(.singular) #main { /* 共通; KAZ: was :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) #main */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto, var(--n2028-sogo-dark-bg-color) /* linear-gradient */; } :root.bg-normal .corner-sogo:is(#my-bidding, #my-bidding-type):not(.singular) #main { /* 共通; KAZ: ChkHTML */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-yellow-green); } :root.bg-normal .corner-sogo#my-blog.singular #main { /* 共通; KAZ: was :is(#my-blog, #my-bidding).singular #main */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_newssingle.svg) repeat-x center top 718px, url(/images/bg_cloud_green.png) repeat-x center top 1160px / max(100%, 1920px) auto var(--n2028-sogo-normal-bg-color); } :root.bg-normal #my-kokutai #main, /* KAZ: merged */ :root.bg-normal #my-committee #main, /* KAZ: merged */ :root.bg-normal #my-operations-volunteer #main, /* 2026.08 KAZ: added */ :root.bg-normal #my-info-support-volunteer #main { /* 2026.08 KAZ: added */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto, url('/images/bg_page_main_clouds.png') no-repeat center 588px, url('/images/bg_page_main_clouds.png') no-repeat center 3541px var(--n2028-sogo-normal-bg-color); } :root.bg-normal #my-project #main, /* KAZ: merged */ /* :root.bg-normal #my-media #main, */ /* 2024.1 KAZ: temp. c/o per request; KAZ: merged */ :root.bg-normal #my-license #main, /* KAZ: merged */ :root.bg-normal #my-links #main, /* KAZ: merged */ :root.bg-normal #my-regulations #main, /* KAZ: merged */ :root.bg-normal #my-format #main, /* KAZ: merged */ :root.bg-normal #my-volunteer #main, /* 2026.08 KAZ: added */ :root.bg-normal #my-sitemap #main, :root.bg-normal #my-privacy-policy #main, /* KAZ: merged */ :root.bg-normal #my-inquiry #main, /* KAZ */ :root.bg-normal #my-thanks #main { /* KAZ */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto, url('/images/bg_page_main_clouds.png') no-repeat center 588px / max(100%, 1920px) auto var(--n2028-sogo-normal-bg-color); } :root.bg-normal .corner-kokuspo #main { /* 国スポ; KAZ: was :is(#my-blog, #my-bidding-type):is(.category-kokuspo, .term-kokuspo) #main */ background: url(/images/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal .corner-zenshospo #main { /* 全障; KAZ: was :is(#my-blog, #my-bidding-type):is(.category-zenshospo, .term-zenshospo) #main */ background: url(/images/bg_cloud_pink-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-normal .corner-kokuspo#my-blog.singular #main, /* 国スポ; KAZ: was :root.bg-normal .corner-kokuspo:is(#my-blog, #my-bidding).singular #main */ :root.bg-normal .corner-kokuspo#my-competition.page #main, /* KAZ: added */ :root.bg-normal .corner-kokuspo#my-competition.tax-event-categories #main, /* KAZ: added */ :root.bg-normal .corner-kokuspo#my-location #main { /* KAZ: added */ background: url(/images/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_newssingle.svg) repeat-x center top 718px, url(/images/bg_cloud_yellow.png) repeat-x center top 1160px / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal .corner-zenshospo#my-blog.singular #main, /* 全障; KAZ: was :root.bg-normal .corner-zenshospo:is(#my-blog, #my-bidding).singular #main */ :root.bg-normal .corner-zenshospo#my-competition.page #main, /* KAZ: added */ :root.bg-normal .corner-zenshospo#my-competition.tax-event-categories #main, /* KAZ: added */ :root.bg-normal .corner-zenshospo#my-location #main { /* KAZ: added */ background: url(/images/bg_cloud_pink-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_newssingle.svg) repeat-x center top 718px, url(/images/bg_cloud_pink.png) repeat-x center top 1160px / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-normal #my-kokuspo #main { /* 国スポTOP; 2024.1 KAZ: added :root.bg-normal */ /* background: url(/images/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto, url(/images/bg_cloud_yellow-white.png) no-repeat center bottom / 100% auto var(--n2028-kokuspo-normal-bg-color); */ /* KAZ: position-y was top; size-x was 100%; added cloud */ background: url(/images/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); /* 2024.2 KAZ: removed cloud */ padding-bottom: 0; /* 2024.2 KAZ */ } :root.bg-black #my-kokuspo #main, :root.bg-blue #my-kokuspo #main { /* 国スポTOP; 2024.1 KAZ: per request */ background: url(/images/bg_top_kokuspo_for_dark.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-yellow #my-kokuspo #main { /* 国スポTOP; 2024.1 KAZ: per request */ background: url(/images/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal .corner-kokuspo#my-about #main { /* KAZ: merged */ background: url(/images/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_kokuspo_main_clouds.png) no-repeat center 588px / max(100%, 1920px) auto, url(/images/bg_kokuspo_main_clouds.png) no-repeat center 3541px / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal .corner-kokuspo#my-yamanami #main { /* KAZ: merged */ background: url(/images/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_kokuspo_main_clouds.png) no-repeat center 588px / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal #my-shospo #main { /* 全障スポTOP; 2024.1 KAZ: added :root.bg-normal */ /* background: url(/images/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto, url(/images/bg_cloud_pink-white.png) no-repeat center bottom / 100% auto var(--n2028-zenshospo-normal-bg-color); */ /* KAZ: position-y was top; size-x was 100%; added cloud; color was var(--n2028-gnavi-zenshospo-bg-color) */ background: url(/images/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); /* 2024.2 KAZ: removed cloud */ padding-bottom: 0; /* 2024.2 KAZ */ } :root.bg-black #my-shospo #main, :root.bg-blue #my-shospo #main { /* 全障スポTOP; 2024.1 KAZ: per request */ background: url(/images/bg_top_kokuspo_for_dark.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-yellow #my-shospo #main { /* 全障スポTOP; 2024.1 KAZ: per request */ background: url(/images/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-normal .corner-zenshospo#my-about #main, :root.bg-normal .corner-zenshospo#my-yamanami #main { /* KAZ: merged */ background: url(/images/bg_cloud_pink-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_shospo_main_clouds.png) no-repeat center 588px / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-normal .corner-kokuspo#my-venue #main { background: url(/images/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_newssingle.svg) no-repeat center 3812px, url(/images/bg_cloud_yellow.png) repeat-x center 4254px / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal .corner-zenshospo#my-venue #main { background: url(/images/bg_cloud_pink-white.png) no-repeat center bottom / max(100%, 1920px) auto, url(/images/bg_newssingle.svg) no-repeat center 3670px, url(/images/bg_cloud_pink.png) repeat-x center 4112px / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); } #mainwall { position: relative; /* padding-top: 95px; moved to breadcrumbs */ } /* :is(#my-blog, #my-bidding) #mainwall { * overflow: hidden; * } */ /* KAZ: c/o */ /* =Navigation */ #content #nav-single { padding-top: 100px; padding-bottom: 50px; } /* =Widgets */ .widget ul { } .widget ul > li { } .widget ul > li a { } /* =Content */ .page-title, .entry-title, /* KAZ */ :is(#top_news, #top_about) h2 { /* 2023.12 KAZ */ font-size: 3.125rem; /* 50px */ } .page-title, .page .entry-title, /* KAZ */ :is(#top_news, #top_about) h2 { /* 2023.12 KAZ */ /* background: url(/images/bg_toph2.png) no-repeat center top; */ background: url(/images/bg_entry-title.png) no-repeat calc(50% + 21px) top / 1086.5px auto; /* KAZ */ padding-top: 28px; } .page .entry-title, /* KAZ */ #my-location .page-title { padding-bottom: 98px; } :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) .page-title { /* KAZ */ background-color: var(--n2028-common-bg-color); } #my-about .entry-title { /* 2024.1 KAZ: ChkHTML */ padding-bottom: 123px; } .corner-kokuspo#my-about .entry-title { /* 2024.1 KAZ: ChkHTML */ position: relative; } #my-yamanami .entry-title { /* 2024.1 KAZ: ChkHTML */ margin-bottom: -11px; padding-bottom: 53px; } .corner-kokuspo#my-about .entry-title span.subtitle { /* 2024.1 KAZ: ChkHTML */ display: block; position: absolute; bottom: 84px; left: calc(50% - 4em); font-size: 1.5625rem; /* 25px */ } .page-title::after, .page .entry-title::after, :is(#top_news, #top_about) h2::after { /* 2023.12 KAZ */ background: url(/images/bg_two_diamonds.svg) no-repeat center; display: inline-block; width: 36px; height: 40px; margin-left: 16px; margin-right: -52px; vertical-align: 14px; content: ''; } /* =Footer */ #colophon { text-align: center; padding-top: 25px; padding-bottom: 28px; } #ft_logo { /* background: url(/images/arukuma_01.png) no-repeat left 95px top 65px / 100px auto, url(/images/arukuma_02.png) no-repeat right 97px top 65px / 110px auto white; */ background: url(/images/arukuma_01.png) no-repeat left calc(50% - 314px) top 65px / 100px auto, url(/images/arukuma_02.png) no-repeat right calc(50% - 307px) top 65px / 110px auto white; /* 2024.1 KAZ */ width: 918px; /* 728px */ max-width: var(--n2028-max-wall-width); /* KAZ */ height: 225px; padding-top: 29px; } #ft_logo img { width: 485px; } #ft_add { font-size: 1.125rem; /* 18px */ line-height: 1.777; padding-bottom: 22px; /* Aki chkHTML */ } #ft_add p.ttl { margin-bottom: 0; padding: 17px 0 5px; /* 2024.1 KAZ: ChkHTML; top was 4px; */ line-height: 1.4; /* 2024.1 KAZ: ChkHTML */ font-size: 1.5rem; /* 24px */ } #ft_links { height: 42px; padding-top: 9px; } ul#footmenu { } ul#footmenu li { } ul#footmenu li:not(:last-child)::after { content: ""; background-color: var(--n2028-inverted-text-color); display: inline-block; width: 1px; height: 20px; } ul#footmenu li a { padding: 0 40px; } ul#footmenu li a::after { } #ft_copyright { font-size: 0.875rem; /* 14px */ padding-top: 30px; } /* Common entries */ a.linkbtn, button.linkbtn:not(.button-rewrite), span.linkbtn, a.linkbtn .inner, button.linkbtn:not(.button-rewrite) .inner, span.linkbtn .inner { border-radius: 37.5px; } a.linkbtn::before, button.linkbtn:not(.button-rewrite)::before, span.linkbtn::before, #inquiry_wrap p:is(.buttons-area-confirm, .submit-button)::before { border-radius: 39px; width: 397px; height: 78px; top: 3px; left: 3px; } a.linkbtn .inner, button.linkbtn:not(.button-rewrite) .inner, span.linkbtn .inner { width: 401px; height: 75px; padding-left: 34px; line-height: 71px; font-size: 1.25rem; /* 20px */ } a.linkbtn .inner::after, button.linkbtn:not(.button-rewrite) .inner::after, span.linkbtn .inner::after { width: 52px; height: 52px; line-height: 52px; top: 9px; right: 14px; padding-left: 19px; font-size: 1.0625rem; /* 17px */ } a.linkbtn_small { width: 263px; } :root.font-size-large a.linkbtn_small { width: 322px; } a.linkbtn_small.kokuspo { } a.linkbtn_small.zenshospo { } a.linkbtn_small.pdf { border-radius: 30px; min-width: 619px; height: auto; /* KAZ: was 80px */ margin-bottom: 25px; padding-block: 16px; padding-left: 27px; font-size: 1.75rem; /* 28px */ /* line-height: 74px; */ } a.linkbtn_small.pdf .size { font-size: 1.125rem; /* 18px */ position: absolute; right: 75px; } a.linkbtn_small.pdf::before { width: 28px; height: 36px; vertical-align: -7px; margin-right: 8px; } a.linkbtn_small.pdf::after { width: 39px; height: 39px; font-size: 0.75rem; line-height: 38px; top: 19px; right: 19px; } a.linkbtn_schedule { border: solid 2px; width: 300px; min-height: 64px; font-size: 1.25rem; /* 20px */ border-radius: 80px; filter: drop-shadow(6px 6px 0px var(--n2028-linkbtn-border-color)); } a.linkbtn_schedule .inner { } a.linkbtn_schedule .link_arrow { } /* Blog Page Components */ .page-title { } .post_menu { /* width: var(--n2028-news-width); * max-width: var(--n2028-max-wall-width); * margin: 0 auto; */ /* 2024.1 KAZ: c/o; per request */ padding-top: 78px; } .post_menu ul { gap: 30px; /* KAZ: was 31px */ } .post_menu ul > li { } .post_menu ul > li a { font-size: 1.125rem; /* 18px */ font-weight: 600; width: 180px; height: 64px; line-height: 64px; border-radius: 32px; } .post_menu ul > li a:hover { } .post_menu ul > li a::before, .post_menu ul > li a::after{ } .post_menu ul > li a::before { } .post_menu ul > li a::after { } .post_menu ul > li a.current::before { width: 69px; height: 19px; background: var(--n2028-postmenu-item-hover-before) no-repeat center / cover; /* KAZ: was url(/images/postmenu_hover.svg) */ left: 50%; transform: translatex(-50%); top: -28px; } /* 一覧 */ :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) #mainwall { width: calc(var(--n2028-news-width) + 260px); /* 2024.1 KAZ: per request */ max-width: var(--n2028-max-wall-width); } #my-blog .link.nyusatsu { padding-top: 45px; } article.list { } article.list .wrap { } article.list .wrap .photo { } article.list .wrap .photo img { } article.list .wrap ul.categories { } article.list .wrap ul.categories > li { } article.list .wrap ul.categories > li a { } article.list .wrap .date { } article.list .wrap .title { } article.list .wrap .linktext { } /* 個別 */ #my-blog.single-post #mainwall, #my-bidding.single-bidding #mainwall { width: calc(var(--n2028-semi-width) + 260px); max-width: var(--n2028-max-wall-width); /* KAZ */ } #primary.news_single { max-width: calc(100% - 180px); /* KAZ */ } #primary.news_single .wall { max-width: none; /* KAZ */ } article.single { border-radius: 35px; padding: 83px min(5.5556%, 70px) 40px; /* 70 / 1260; 2024.1 KAZ: top was 47px; KAZ: side was 70px; Aki top was 83px chkHTML */ } article.single .new { /* 2024.1 KAZ */ position: absolute; top: 14px; left: 29px; line-height: 1.4444; /* 52px */ font-size: 2.25rem; /* 36px */ } article.single .photo { margin-bottom: 38px; /* 2024.1 KAZ: moved */ /* padding-top: 36px; */ /* 2024.1 KAZ: merged to padding-top of article.single; Aki chkHTML */ } article.single .photo img { } article.single .wrap { /* padding-top: 38px; */ /* 2024.1 KAZ: moved to margin-bottom of .photo; Aki was 36px chkHTML */ } article.single .wrap .date { padding-top: 25px; } article.single .entry-title { font-size: 1.5625rem; /* 25px */ line-height: 2; padding-top: 15px; } article.single .entry-content { font-size: 1.125rem; /* 18px */ line-height: 1.777; padding-top: 30px; } /* 検索結果 */ #my-search #main { padding-bottom: 325px; } #my-search .page-title { background-image: none; } #my-search .page-title::after { content: none; } #my-search ul.search-results { max-width: var(--n2028-max-wall-width); padding: 46px min(5.7692vw, 60px) 28px; /* 2024.1 KAZ: added min() */ } #my-search ul.search-results li { margin-bottom: 21px; padding-bottom: 11px; /* 2024.1 KAZ: ChkHTML */ } #my-search ul.search-results li > a { display: flex; align-items: center; min-height: 95px; padding: 17px 0; /* 2024.1 KAZ: ChkHTML: bottom was 28px */ } #my-search ul.search-results li > a .date, #my-search ul.search-results li > a .title { /* display: flex; flex-direction: column; justify-content: center; */ } #my-search ul.search-results li > a .date { border-right: var(--n2028-title-color) 2px solid; width: 164px; height: 40px; line-height: 40px; text-align: center; } #my-search ul.search-results li > a .title { background-position: right 19px center; width: calc(100% - 164px); padding-left: 40px; padding-right: 172px; font-size: 1.125rem; /* 18px */ } #my-search #nav-below { margin-top: 60px; } #my-search .not-found { } #my-search .not-found img { } @media (any-hover: hover) { :root:not(.bg-yellow) #my-search ul.search-results li > a:hover .date { /* 2024.1 KAZ: ChkHTML */ border-right-color: var(--n2028-inverted-text-color); } :root.bg-yellow #my-search ul.search-results li > a:hover .date { /* 2024.1 KAZ: ChkHTML */ border-right-color: black; } } /* Event & Location Page Components */ /* 実施競技 */ /* 一覧 == 固定ページ */ #my-competition.page { } #my-competition.page #main { min-height: 1686px; } #competition_form { } #competition_form form, #my-competition.page .post_menu, #my-competition.page ul.sport_list, #my-competition.page .error_message, #venue_map .legend, #venue_map .pdflink, #venue_form form, .location_list .wall, #my-venue .error_message, section#map-pdf-link { /* 2025.5 Aki added #map-pdf-link */ max-width: var(--n2028-max-wall-width); } #competition_form form, #venue_form form { flex-wrap: wrap; gap: 15px 0; /* when wrapped */ padding: 15px 0; } #competition_form form .date { margin-right: 42px; } #competition_form form .date span.label { margin-right: 24px; } #competition_form form .date input, #competition_form form .venue span.select_wrapper select, #competition_form form .submit button, #venue_form form span.select_wrapper select, #venue_form form .submit button { } #competition_form form .date input { width: 155px; padding: 0 12px; /* 0 20px in design, but for the same width */ } #competition_form form .date span.wavy { } #competition_form form .venue { margin-right: 11px; } #competition_form form .venue span.label { margin-right: 21px; } #competition_form form .venue span.select_wrapper, #venue_form form .venue span.select_wrapper { width: 229px; } #competition_form form span.select_wrapper select, #venue_form form span.select_wrapper select { padding: 0 18px; } #competition_form form .submit, #venue_form form .submit { } #competition_form form .submit button, #venue_form form .submit button { width: 134px; padding: 0 0 0 16px; } #my-competition.page .post_menu { margin-bottom: 69px; } #my-competition.page .post_menu ul { gap: 40px 23px; /* 2024.1 KAZ: row gap was 59px; per request; column gap is 24px in design */ } #my-competition.page .post_menu ul li { } #my-competition.page .post_menu ul li a { width: auto; min-width: 210px; padding: 0 24px; /* minimum in design */ } #my-competition.page ul.sport_list { gap: 40px; } #my-competition.page ul.sport_list li { } #my-competition.page ul.sport_list li a { border-radius: 30px; width: 220px; } #my-competition.page ul.sport_list li a .arukuma { border-width: 0; /* 2024.1 KAZ: ChkHTML */ border-style: solid; /* 2024.1 KAZ: ChkHTML */ border-radius: 30px 30px 0 0; /* 2024.1 KAZ: ChkHTML */ height: 182px; /* 2024.1 KAZ: ChkHTML; to avoid trembling */ /* padding: 22px 43px 16px 33px; */ /* 2024.1 KAZ: ChkHTML; c/o; bottom 17px in design */ transition: all 0.3s; /* 2024.1 KAZ: ChkHTML */ } :root.bg-normal .corner-kokuspo#my-competition.page ul.sport_list li a .arukuma { /* 2024.1 KAZ: ChkHTML */ border-color: var(--n2028-dark-yellow); } :root.bg-normal .corner-zenshospo#my-competition.page ul.sport_list li a .arukuma { /* 2024.1 KAZ: ChkHTML */ border-color: var(--n2028-pink); } :root:is(.bg-black, .bg-blue) #my-competition.page ul.sport_list li a .arukuma { /* 2024.1 KAZ: ChkHTML */ border-color: var(--n2028-inverted-bg-color); } :root.bg-yellow #my-competition.page ul.sport_list li a .arukuma { /* 2024.1 KAZ: ChkHTML */ border-color: var(--n2028-inverted-text-color); } #my-competition.page ul.sport_list li a .arukuma img { position: absolute; /* 2024.1 KAZ: ChkHTML; to avoid trembling */ width: 144px; height: 144px; top: 22px; /* 2024.1 KAZ: ChkHTML; to avoid trembling */ left: 33px; /* 2024.1 KAZ: ChkHTML; to avoid trembling */ transition: transform 0.3s; /* 2024.1 KAZ: ChkHTML */ } #my-competition.page ul.sport_list li a .name { min-height: 48px; /* 47px in design */ font-size: 1.125rem; /* 18px */ } .corner-zenshospo#my-competition.page ul.sport_list li a .name { font-size: 0.875rem; /* 14px; 2024.1 KAZ: per request */ } @media (any-hover: hover) { /* 2024.1 KAZ: ChkHTML */ #my-competition.page ul.sport_list li a:hover { text-decoration: none; } #my-competition.page ul.sport_list li a:hover .arukuma { border-width: 5px 5px 0; /* padding: 17px 38px 16px 28px; */ /* bottom 17px in design */ } #my-competition.page ul.sport_list li a:hover .arukuma img { opacity: 1; transform: scale(1.167); } } #my-competition.page .error_message { } #my-competition.page .error_message img { } /* 個別 == event-categories アーカイブ */ #my-competition.tax-event-categories { } #my-competition.tax-event-categories #mainwall { width: calc(var(--n2028-semi-width) + 382px); max-width: var(--n2028-max-wall-width); } #my-competition.tax-event-categories #primary, #my-competition.tax-event-categories #ternary { max-width: calc(100% - 280px); } #my-competition.tax-event-categories #primary { margin-bottom: 140px; /* 2024.1 KAZ: was 222px; varies in design; per request */ } #my-competition.tax-event-categories .sport_main { padding: 39px 13% 99px; } #my-competition.tax-event-categories .sport_main .arukuma { float: right; margin-right: -86px; } #my-competition.tax-event-categories .sport_main .arukuma img { width: 198px; height: auto; } #my-competition.tax-event-categories .sport_main .sport_type, /* 2024.1 KAZ: was .sport; debugged per request */ #my-competition.tax-event-categories .sport_main h1 { margin-right: 112px; } #my-competition.tax-event-categories .sport_main .sport_type { /* 2024.1 KAZ: was .sport; debugged per request */ border-radius: 21px; min-width: 160px; height: 42px; margin: 53px 0 12px; padding: 0 1em; line-height: 40px; } #my-competition.tax-event-categories .sport_main h1 { clear: none; margin-bottom: 25px; font-size: 3.125rem; /* 50px */ } .corner-zenshospo#my-competition.tax-event-categories .sport_main h1 { font-size: 2.5rem; /* 40px; 2024.1 KAZ: per request */ } #my-competition.tax-event-categories .sport_main .summary { min-height: 128px; margin-bottom: 21px; } #my-competition.tax-event-categories .sport_main .summary:empty { /* 2024.4 KAZ: added per request */ min-height: 1px; } #my-competition.tax-event-categories .sport_main .mainvisual { margin-bottom: 40px; } #my-competition.tax-event-categories .sport_main .mainvisual img { border-radius: 30px; } #my-competition.tax-event-categories .sport_main .details { margin-bottom: 100px; line-height: 1.778; /* 32px */ font-size: 1.125rem; /* 18px */ } #my-competition.tax-event-categories .sport_main .details .event_type { } #my-competition.tax-event-categories .sport_main .details .event_type h2, #location_details h2 { border-radius: 30px; padding: 17px 1em; line-height: 1.357; /* 38px */ font-size: 1.75rem; /* 28px */ } #my-competition.tax-event-categories .sport_main .details .event_type h2 { margin-bottom: 24px; } #my-competition.tax-event-categories .sport_main .details .event_type:not(:first-of-type) h2 { margin-top: 40px; } #my-competition.tax-event-categories .sport_main .details .event_type p { /* overflow: hidden; */ /* 2024.1 KAZ: ChkHTML; c/o */ margin-bottom: 1.357em; /* 2024.1 KAZ: ChkHTML */ } #my-competition.tax-event-categories .sport_main .details .event_type p img { } #my-competition.tax-event-categories .sport_main .details .event_type p img.alignleft { margin-right: 13px; } #my-competition.tax-event-categories .sport_main .events { margin-bottom: 87px; } #my-competition.tax-event-categories .sport_main .events h2, #my-competition.tax-event-categories .sport_main .locations h2, .location_list h2, #location_details section h3 { padding-bottom: 12px; line-height: 1.357; /* 38px */ font-size: 1.75rem; /* 28px */ } #my-competition.tax-event-categories .sport_main .events h2, #my-competition.tax-event-categories .sport_main .locations h2 { margin-bottom: 40px; } #my-competition.tax-event-categories .sport_main .events h2 { } #my-competition.tax-event-categories .sport_main .events h2::before, #my-competition.tax-event-categories .sport_main .locations h2::before, .location_list h2::before, #location_details section h3::before { width: 20px; height: 20px; margin-left: 4px; /* 2024.1 KAZ: ChkHTML */ margin-right: 19px; /* 2024.1 KAZ: ChkHTML: was 23px */ } #my-competition.tax-event-categories .sport_main .events .event_table_wrapper { } #my-competition.tax-event-categories .sport_main .events .event_table { } #my-competition.tax-event-categories .sport_main .events .not-found { } #my-competition.tax-event-categories .sport_main .locations { } #my-competition.tax-event-categories .sport_main .locations h2 { } #my-competition.tax-event-categories .sport_main .locations ul.location_list { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li { overflow: hidden; padding: 20px 20px 20px 4.73%; /* 35 / 740 */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info { float: left; width: 45.55%; /* 312 / 685 */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .name { min-height: 128px; margin-bottom: 11px; font-size: 1.5rem; /* 24px */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .name a { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address { line-height: 1.25; /* 20px */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address .label { float: left; } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address .value { margin-left: 50px; } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .gmap { height: 187px; margin-left: 53.28%; /* 365 / 685 */ } #my-competition.tax-event-categories #secondary { width: 260px; /* 2024.1 KAZ: moved from common; per request */ } #my-competition.tax-event-categories #secondary h2 { padding-left: 34px; /* 2024.1 KAZ: moved from common; per request */ } #my-competition.tax-event-categories #secondary .widget_sport { } #my-competition.tax-event-categories #secondary .widget_sport h3 { font-size: 0.75rem; /* 12px */ /* 2024.1 KAZ: moved from common; per request */ } .corner-zenshospo#my-competition.tax-event-categories #secondary .widget_sport h3 { /* 2024.1 KAZ: ChkHTML */ background-color: var(--n2028-competition-sidebar-h3-inverted-bg-color); color: var(--n2028-competition-sidebar-h3-inverted-text-color); } :root.bg-yellow .corner-zenshospo#my-competition.tax-event-categories #secondary .widget_sport h3 { /* 2024.1 KAZ: ChkHTML */ outline: 1px solid; } .corner-zenshospo#my-competition.tax-event-categories #secondary .widget_sport h3 button span.triangle { /* 2024.1 KAZ: ChkHTML */ background-color: var(--n2028-competition-sidebar-h3-inverted-text-color); color: var(--n2028-competition-sidebar-h3-inverted-bg-color); transform: rotate(180deg); } .corner-zenshospo#my-competition.tax-event-categories #secondary .widget_sport ul { /* 2024.1 KAZ: ChkHTML */ display: block; } #my-competition.tax-event-categories #ternary { } /* 実施会場 == location */ /* 一覧 */ #venue_map { padding-bottom: 80px; } #venue_map .mapslider-wrapper, #venue_map .mapslider-wrapper .mapslider .mapslide { /* 2025.5 KAZ */ width: 1080px; max-width: calc(var(--pagewidth) * 0.9615); } #venue_map .mapslider-wrapper { /* 2025.5 KAZ */ margin-bottom: 50px; padding-bottom: 58px; } #venue_map .legend { /* See also #competition_form form */ width: auto; /* 2025.5 KAZ */ max-width: none; /* 2025.5 KAZ */ } #venue_map .legend ul { gap: 10px 35px; /* 2025.5 KAZ: ChkHTML: was 10px 30px; 2024.1 KAZ: moved from common; per request */ margin-bottom: 10px; /* 2025.5 KAZ: ChkHTML */ padding: 13px 1em; /* 2025.5 KAZ: ChkHTML: was 12.5px 1em; 2024.1 KAZ: moved from common; per request */ } #venue_map .legend ul li { } #venue_map .legend ul li span.label { margin-right: 13px; /* 2025.5 KAZ: ChkHTML: was 10px; 2024.1 KAZ: moved from common; per request */ } #venue_map .legend ul li span.descr { } #venue_map .map { padding-top: 33px; } /* .corner-kokuspo 2025.6 Aki c/o */#venue_map .map { width: var(--n2028-semi-width); /* 2025.5 KAZ */ max-width: 92.5926%; /* 1000 / 1080; 2025.5 KAZ */ margin-inline: auto; /* 2025.5 KAZ */ padding: 39px 0 44px; /* 2025.5 KAZ: ChkHTML: was 44px 0 */ background-color: white; /* 2025.6 Aki */ } #venue_map .map img { max-width: 100%; } /* .corner-kokuspo 2025.6 Aki c/o */#venue_map .map img { width: 90%; /* 2025.5 KAZ: was 1358px */ } .corner-zenshospo #venue_map .map img { /* width: 1464px; 2025.6 Aki c/o */ } #venue_map .mapcopyright, /* 2025.5 KAZ */ #venue_map .date { /* 2024.4 nishi: rs_preserve */ width: 1000px; margin: 0 auto; /* font-size: 14px; */ /* 2024.9 KAZ: c/o */ } #venue_map .mapcopyright, .corner-kokuspo #venue_map .date { max-width: 92.5926%; /* 1000 / 1080; 2025.5 KAZ */ } #venue_map .mapcopyright { /* 2025.5 KAZ */ font-size: 14px; } #venue_map .date p { margin-bottom: 37px; /* 2024.9 KAZ: was 50px */ } #venue_map .mapslider-wrapper .slider_nav { /* 2025.5 KAZ */ } #venue_map .mapslider-wrapper .slider_nav .slick-arrow { /* 2025.5 KAZ */ top: calc(50% - 45px); } #venue_map .mapslider-wrapper .slider_nav .slick-prev { /* 2025.5 KAZ */ left: max(-126px, -1.8vw); /* KAZ: ChkHTML: was -2vw */ } #venue_map .mapslider-wrapper .slider_nav .slick-next { /* 2025.5 KAZ */ right: max(-126px, -1.8vw); /* KAZ: ChkHTML: was -2vw */ } #venue_map .mapslider-wrapper .slider_nav .slick-arrow svg circle.shadow { /* 2025.5 KAZ */ fill: var(--n2028-gnavi-normal-text-color); stroke: none; } #venue_map .mapslider-wrapper .slider_nav .slick-arrow svg circle.outer { /* 2025.5 KAZ */ fill: var(--n2028-common-bg-color); stroke: none; } #venue_map .mapslider-wrapper .slider_nav .slick-arrow svg circle.inner { /* 2025.5 KAZ */ fill: none; stroke: var(--n2028-gnavi-normal-text-color); } @media (any-hover: hover) { #venue_map .mapslider-wrapper .slider_nav .slick-arrow:not(.slick-disabled):hover svg circle.outer { /* 2025.5 KAZ */ fill: var(--n2028-gnavi-normal-text-color); } #venue_map .mapslider-wrapper .slider_nav .slick-arrow:not(.slick-disabled):hover svg path.arrow { /* 2025.5 KAZ */ fill: var(--n2028-inverted-text-color); } } #venue_map .mapslider-wrapper .slider_buttons { /* 2025.5 KAZ */ width: 100%; bottom: 0; left: 0; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots { /* 2025.5 KAZ */ gap: 0 25px; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots li { /* 2025.5 KAZ */ } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots li button { /* 2025.5 KAZ */ width: 12px; height: 12px; } #venue_map .mappdflink { /* 2024.9 KAZ */ margin-bottom: 54px; } #venue_map .mappdflink a.linkbtn { /* 2024.9 KAZ */ margin-bottom: 38px; } .font-size-large #venue_map .mappdflink a.linkbtn::before { /* 2024.9 KAZ */ width: 456px; } #venue_map .mappdflink a.linkbtn .inner { /* 2024.9 KAZ */ } .font-size-large #venue_map .mappdflink a.linkbtn .inner { /* 2024.9 KAZ */ width: 460px; } #venue_map .mappdflink a.linkbtn .inner svg { /* 2024.9 KAZ */ width: 36px; height: 45.5px; vertical-align: -14px; } /* 2025.5 MTL Aki added for #map-pdf-link */ #map-pdf-link { margin-bottom: 44px; /* KAZ */ padding: 33px 0 30px; } #map-pdf-link h2 { font-size: 1.5rem; /* 24px */ margin-bottom: 26px; } #map-pdf-link ul { gap: 20px; margin-bottom: 20px; } #map-pdf-link ul > li { width: calc(25% - 15px); /* KAZ */ } #map-pdf-link ul > li a { font-size: 0.875rem; /* 14px */ width: 100%; /* KAZ */ /* min-width: 180px; */ transition: all 0.2s; } @media (any-hover: hover) { #map-pdf-link ul > li a:hover { text-decoration: none; color: var(--n2028-inverted-text-color); background-color: var(--n2028-widget-item-inverted-bg-color); border-color: var(--n2028-widget-item-inverted-bg-color); } } #map-pdf-link ul > li:is(.map_black, .map_yellow, .map_blue) a::before { margin-right: 6px; /* KAZ: 16px in design */ } #venue_map .pdflink { /* See also #competition_form form */ } #venue_map .pdflink a { } #venue_form { /* See also #competition_form */ margin-bottom: 120px; } #venue_form form { /* See also #competition_form form */ } #venue_form form .venue { margin-right: 60px; /* 86px in design */ } #venue_form form .sport { margin-right: 50px; /* 51px in design */ } #venue_form form span.label { margin-right: 22px; } #venue_form form span.select_wrapper { } #venue_form form span.select_wrapper::before { /* See a.linktext::after and .widget ul > li a::after */ } #venue_form form .sport span.select_wrapper { min-width: 229px; } #venue_form form span.select_wrapper select { } #venue_form form .submit { } #venue_form form .submit button { } .location_list { margin-bottom: 52px; } .location_list .wall { /* See also #competition_form form */ padding: 27px 40px 34px; } .location_list h2 { /* See #my-competition.tax-event-categories .sport_main .events h2 */ margin-bottom: 56px; } .location_list h2::before { /* See #my-competition.tax-event-categories .sport_main .events h2::before */ } .location_list ul { gap: 12px 9.348%; /* 86 / 920 */ padding: 0 4.02%; /* 37 / 920 */ } .location_list ul li { width: 44.92%; /* 380 / 846 */ } .location_list ul li a { } .location_list ul li a .image { overflow: hidden; } .location_list ul li a .image img { transition: transform 0.3s; } .location_list ul li a .title { min-height: calc(3.5em + 20px); padding: 10px 1em; line-height: 1.75; /* 28px */ } .location_list ul li a .seemore { padding: 18px 0; } .location_list ul li a .seemore::after { } @media (any-hover: hover) { #venue_map .pdflink a:hover { color: var(--n2028-title-color); } .location_list ul li a:hover { text-decoration: none; } .location_list ul li a:hover .image img { opacity: 1; transform: scale(1.5); /* average */ } .location_list ul li a:hover .seemore { text-decoration: underline; } } /* 個別 */ #my-location #main { padding-bottom: 280px; } #my-location .page-title { /* See .page .entry-title */ } #my-location .hentry { max-width: var(--n2028-max-wall-width); } #my-location h1.entry-title { padding: 83px 0 70px; line-height: 1.2; /* 60px */ } #location_details { } #location_details h2 { /* See also #my-competition.tax-event-categories .sport_main .details .event_type h2 */ margin-bottom: 40px; } #location_details .entry-image { } #location_details section { margin-top: 40px; padding: 27px 40px 34px; } #location_details section h3 { /* See also #my-competition.tax-event-categories .sport_main .events h2 */ margin-bottom: 20px; } #location_details section.address { } #location_details section.address .content, #location_details section.website .content { margin-left: 40px; font-size: 1.125rem; /* 18px */ } #location_details section.address .content { } #location_details section.website { } #location_details section.website .content { overflow: hidden; } #location_details section.website .content a { } #location_details section.website .content a span.note { display: inline-block; float: right; margin-top: 20px; /* 2026.5 nishizawa: ChkHTML: was 5px */ } #location_details section.events { padding-bottom: 59px; } #location_details section.events .event_table_wrapper { margin: 31px 10px 0; } #location_details section.events .event_table { } #location_details section.events .not-found { } #my-location .gmap { height: 360px; margin-top: 109px; } #my-location #content #nav-single { padding-top: 123px; } @media (any-hover: hover) { #location_details section.website .content a:hover span.note { text-decoration: underline; } } /* Front Page Components */ .top_mainvisual_wrap { position: relative; } .top_mainvisual_wrap::before { content: ''; display: block; padding-top: 116%; /* 2026.1 KAZ: was 69.94% */ } .top_mainvisual_wrap #top_mainvisual { /* 2025.7 KAZ: new */ /*margin-bottom: -6.9vw; padding-bottom: 10vw;*/ position: absolute; width: 100%; top: 0; left: 0; padding-bottom: min(450px, 40%); /* 2026.1 KAZ */ } .top_mainvisual_wrap #top_mainvisual.fixed { position: fixed; top: auto; bottom: 0; left: 0; } @media screen and (max-width: 960px) { .top_mainvisual_wrap #top_mainvisual.fixed { /*bottom: var(--n2028-sns-menu-height);*/ top: var(--n2028-header-height);; bottom: auto; } } /* #top_mainvisual:before { content: ''; display: block; padding-top: 85.94%; }*/ #top_mainvisual::after { /* 2026.1 KAZ */ background-size: cover; width: 85.2083%; /* 1636 / 1920 */ aspect-ratio: 3272 / 781; } .top_mainvisual_wrap #top_mainvisual video { /* width: max(1920px, 100%); aspect-ratio: 1920 / 1650; left: min(0px, calc(50% - 960px)); */ width: 100%; /* position: absolute; top: 0; left: 0; */ } #top_mainvisual video.fixed { position: fixed; top: auto; bottom: 0; } #top_mainvisual .heading { padding-top: 80px; } #top_mainvisual .heading .logomarks { width: min(28vw, 222px); top: 19px; right: 17px; } #top_mainvisual .heading h1 { /* min-height: min(800px, calc(100vh - 120px - var(--n2028-header-height))); */ } #top_mainvisual .heading h1 img { /* width: 1080px; max-width: 90%; */ width: 64%; max-width: 1209px; } #top_mainvisual .heading ul.mainmenu { /* width: 1082px; max-width: 62.1046%; */ width: 90%; max-width: 1082px; margin-top: 3.5417%; /* 68 / 1920; 2026.1 KAZ: was 49px */ } #top_mainvisual .heading ul.mainmenu li { width: 46.2107%; /* 500 / 1082 */ max-width: 500px; } #top_mainvisual .heading ul.mainmenu li a { border-width: 8px; padding: 22px 54px 22px 29px; } #top_mainvisual .heading ul.mainmenu li a::after { right: 22px; } #top_mainvisual .heading ul.mainmenu li a span.nickname { line-height: 1.4286; /* 40px */ /*font-size: 1.75rem;*/ /* 28px % */ font-size: min(3vw, 1.75rem); } #top_mainvisual .heading ul.mainmenu li a span.name { } @media (any-hover: hover) { #top_mainvisual .heading ul.mainmenu li a:hover::after { right: 14px; } } #top_mainmenu { } #top_mainmenu .wall, #introduction .wall, #top_about .wall { max-width: none; } #top_mainmenu .wall { position: relative; height: calc(var(--viewheight) - var(--n2028-header-height) - 4.2708vw); /* 2024.2 KAZ: was - 82px */ } .admin-bar #top_mainmenu .wall { height: calc(var(--viewheight) - var(--n2028-header-height) - 4.2708vw - var(--wp-admin-bar-height)); /* 2024.2 KAZ: was - 82px */ } #top_mainmenu .heading { /* background: url(/images/bg_top_mainmenu_confetti.png) no-repeat calc(50% + 34px) 135px / 1880px auto, url(/images/bg_top_mainmenu_people.png) no-repeat center bottom min(-8.594vw, -165px) / max(100%, 1920px) auto, url(/images/bg_top_mainmenu.webp) no-repeat center top / cover; */ /* 2024.1 KAZ: added min() & max() per request */ background: url(/images/bg_top_mainmenu_confetti.png) no-repeat calc(50% + 34px) 135px / 1880px auto, url(/images/bg_top_mainmenu_people.png) no-repeat center bottom -8.5938vw / 100% auto, url(/images/bg_top_mainmenu.webp) no-repeat center top / cover; /* 2024.2 KAZ: made @2 responsive */ position: fixed; overflow: hidden; width: 100%; height: var(--viewheight); top: 0; left: 0; /* z-index: -1; */ /* KAZ: c/o */ /* padding-top: calc(var(--viewheight) * 0.4172); */ /* 450.6 / 1080 */ padding-top: calc(var(--n2028-header-height) + (var(--viewheight) - var(--n2028-header-height)) * 0.3484); /* (450.6 - 114) / (1080 - 114); 2024.2 KAZ */ } .admin-bar #top_mainmenu .heading { height: calc(var(--viewheight) - var(--wp-admin-bar-height)); top: var(--wp-admin-bar-height); /* padding-top: calc((var(--viewheight) - var(--wp-admin-bar-height)) * 0.4172); */ /* 2024.1 KAZ: c/o + var(--wp-admin-bar-height) */ padding-top: calc(var(--n2028-header-height) + (var(--viewheight) - var(--n2028-header-height) - var(--wp-admin-bar-height)) * 0.3484); /* 2024.2 KAZ */ } #top_mainmenu .heading .logomark { width: 13.48%; /* 186 / 1380 */ /* max-width: 186px; */ max-width: min(186px, calc((var(--viewheight) - var(--n2028-header-height)) * 0.35)); /* 2024.2 KAZ: 縦横両方向のリスポンシブ */ /* top: calc(var(--viewheight) * 0.4347); */ /* 469.5 / 1080 */ top: calc(var(--n2028-header-height) + (var(--viewheight) - var(--n2028-header-height)) * 0.368); /* (469.5 - 114) / (1080 - 114); 2024.2 KAZ */ left: max(5.8%, calc(50% - 610px)); transform: translateY(-100%); } .admin-bar #top_mainmenu .heading .logomark { /* top: calc((var(--viewheight) - var(--wp-admin-bar-height)) * 0.4347); */ /* 2024.1 KAZ: c/o + var(--wp-admin-bar-height) */ top: calc(var(--n2028-header-height) + (var(--viewheight) - var(--n2028-header-height) - var(--wp-admin-bar-height)) * 0.368); /* 2024.2 KAZ */ } #top_mainmenu .heading .logomark img { width: 47.31%; /* 88 / 186 */ } #top_mainmenu .heading h1, #top_mainmenu .heading ul.mainmenu, #top_mainmenu .heading .copyright { width: 80%; /* 2024.1 KAZ: was 97.1%; 1340 / 1380; per request */ /* max-width: 1072px; */ /* 2024.1 KAZ: was 1340px; per request */ /* max-width: min(1072px, calc((var(--viewheight) - var(--n2028-header-height)) * 1.5)); */ /* 2024.2 KAZ: 縦横両方向のリスポンシブ */ /* margin-inline: max(10%, calc(50% - 536px)); */ /* 2024.1 KAZ: was max(1.45%, calc(50% - 670px)); per request */ /* margin-inline: max(10%, calc(50% - 536px), calc(50% - (var(--viewheight) - var(--n2028-header-height)) * 0.75)); */ /* 2024.2 KAZ: 縦横両方向のリスポンシブ */ } #top_mainmenu .heading h1 { max-width: min(1072px, calc((var(--viewheight) - var(--n2028-header-height)) * 1.5)); /* 2024.2 KAZ: divided; 縦横両方向のリスポンシブ */ margin-bottom: calc(var(--viewheight) * 0.105); /* 2024.1 KAZ: was 0.07 */ margin-inline: max(10%, calc(50% - 536px), calc(50% - (var(--viewheight) - var(--n2028-header-height)) * 0.75)); /* 2024.2 KAZ: divided; 縦横両方向のリスポンシブ */ text-align: center; } .admin-bar #top_mainmenu .heading h1 { margin-bottom: calc((var(--viewheight) - var(--wp-admin-bar-height)) * 0.105); /* 2024.1 KAZ: was 0.07 */ } #top_mainmenu .heading h1 img { width: 55.63%; /* 745.4 / 1340 */ } /* カウントダウン 2026.1 Aki+KAZ */ #top_countdown { } #top_countdown .wall { width: var(--n2028-max-wall-width); max-width: 1630px; padding-top: 8.3333%; /* 160 / 1920 */ } #top_countdown .wrapper { gap: 0 1.227%; /* 20px */ } #top_countdown .wrap { width: 32.5153%; /* 530px */ aspect-ratio: 530 / 547; } :root.bg-normal #top_countdown #top_countdown_toki { background-image: url(/images/cd_touki.svg); } :root.bg-normal #top_countdown #top_countdown_kokuspo { background-image: url(/images/cd_kokuspo.svg); } :root.bg-normal #top_countdown #top_countdown_shospo { background-image: url(/images/cd_shospo.svg); } :root:not(.bg-normal) #top_countdown #top_countdown_toki { background-image: url(/images/cd_touki_black.svg); } :root:not(.bg-normal) #top_countdown #top_countdown_kokuspo { background-image: url(/images/cd_kokuspo_black.svg); } :root:not(.bg-normal) #top_countdown #top_countdown_shospo { background-image: url(/images/cd_shospo_black.svg); } #top_countdown .wrap .days { bottom: 56.6728%; /* 310 / 547 */ right: 17.3585%; /* 92 / 530 */ font-size: min(7.25rem, 6.8426vw); /* 116px, 116 / 1630 * 0.9615 */ } #top_mainmenu .heading ul.mainmenu, #top_mainmenu .heading .copyright { /* 小さなノートパソコンでボタンを少し大きく */ max-width: min(1072px, calc((var(--viewheight) - var(--n2028-header-height)) * 1.7)); /* 2024.2 KAZ: divided; 縦横両方向のリスポンシブ */ margin-inline: max(10%, calc(50% - 536px), calc(50% - (var(--viewheight) - var(--n2028-header-height)) * 0.85)); /* 2024.2 KAZ: divided; 縦横両方向のリスポンシブ */ } #top_mainmenu .heading ul.mainmenu { position: absolute; /* top: 48.3%; */ /* (541 - 114) / (1080 - 114 - 82) */ /* top: 50.09%; */ /* 541 / 1080 */ top: calc(var(--n2028-header-height) + (100% - var(--n2028-header-height)) * 0.442); /* (541 - 114) / (1080 - 114); 2024.2 KAZ */ } #top_mainmenu .heading ul.mainmenu li { width: 48.51%; /* 650 / 1340 */ } #top_mainmenu .heading ul.mainmenu li::before { border-radius: 8% / 21.4%; /* 52 / 650, 52 / 243 */ top: 5.76%; /* 14 / 243 */ left: 0; } #top_mainmenu .heading ul.mainmenu li::after { box-shadow: 0 0 3.62vw 0 rgba(0,0,0,0.4); /* 50 / 1380 */ width: 86%; /* 559 / 650 */ height: 90.12%; /* 219 / 243 */ top: 15.64%; /* 38 / 243 */ left: 7%; /* 45.5 / 650 */ } #top_mainmenu .heading ul.mainmenu li a { border-radius: 5.54% / 14.81%; /* 36 / 650, 36 / 243 */ transition: 0.3s transform; } #top_mainmenu .heading ul.mainmenu li.kokuspo a { } #top_mainmenu .heading ul.mainmenu li.zenshospo a { } #top_mainmenu .heading ul.mainmenu li a::after { width: 4.62%; /* 30 / 650 */ height: 12.76%; /* 31 / 243 */ bottom: 11.52%; /* 28 / 243 */ right: 4.15%; /* 27 / 650 */ } #top_mainmenu .heading ul.mainmenu li a .arukuma { float: left; text-align: right; } #top_mainmenu .heading ul.mainmenu li.kokuspo a .arukuma { width: 24.62%; /* 160 / 650 */ } #top_mainmenu .heading ul.mainmenu li.zenshospo a .arukuma { width: 22.15%; /* 144 / 650 */ } #top_mainmenu .heading ul.mainmenu li a .arukuma img { transition: 0.3s all; } #top_mainmenu .heading ul.mainmenu li.kokuspo a .arukuma img { width: 75.625%; /* 121 / 160 */ margin-top: 43.75%; /* 70 / 160 */ } #top_mainmenu .heading ul.mainmenu li.zenshospo a .arukuma img { width: 75.69%; /* 109 / 144 */ margin-top: 44.44%; /* 64 / 144 */ } #top_mainmenu .heading ul.mainmenu li a .text { padding-top: 7.08%; /* 46 / 650 */ padding-bottom: 5.85%; /* 38 / 650 */ } #top_mainmenu .heading ul.mainmenu li.kokuspo a .text { margin-left: 24.62%; /* 160 / 650 */ } #top_mainmenu .heading ul.mainmenu li.zenshospo a .text { margin-left: 22.15%; /* 144 / 650 */ } #top_mainmenu .heading ul.mainmenu li.kokuspo a .text { } #top_mainmenu .heading ul.mainmenu li.zenshospo a .text { } #top_mainmenu .heading ul.mainmenu li a .text img.logo { margin-bottom: 9.29%; /* 47 / 506 */ } #top_mainmenu .heading ul.mainmenu li.kokuspo a .text img.logo { width: 87.65%; /* 429.5 / 490 */ margin-left: 4.69%; /* 23 / 490 */ /* margin-right: 7.65%; */ /* 37.5 / 490 */ } #top_mainmenu .heading ul.mainmenu li.zenshospo a .text img.logo { width: 94.86%; /* 480 / 506 */ margin-left: 1.58%; /* 8 / 506 */ /* margin-right: 3.56%; */ /* 18 / 506 */ } #top_mainmenu .heading ul.mainmenu li a .text img.name { } #top_mainmenu .heading ul.mainmenu li.kokuspo a .text img.name { width: 60.49%; /* 296.4 / 490 */ margin-left: 18.16%; /* 89 / 490 */ /* margin-right: 21.35%; */ /* 104.6 / 490 */ } #top_mainmenu .heading ul.mainmenu li.zenshospo a .text img.name { width: 74.25%; /* 375.7 / 506 */ margin-left: 12.06%; /* 61 / 506 */ /* margin-right: 13.7%; */ /* 69.3 / 506 */ } #top_mainmenu .heading .copyright { padding-right: 2em; font-size: 0.9em; /* 14.4px; 2024.2 KAZ: was 0.75rem; per request */ } @media (any-hover: hover) { #top_mainmenu .heading ul.mainmenu li a:hover { background-image: url(/images/icon_sogo_mountains.svg), url(/images/bg_two_diamonds.svg); background-repeat: no-repeat; background-position: 7.18% bottom, 26.55% 69.46%; /* 31 / (650 - 218), 163 / (650 - 36) | 141 / (243 - 40) */ background-size: 33.54% auto, 5.54% auto; /* 218 / 650, 36 / 650 */ transform: translateY(5.76%); /* 14 / 243 */ text-decoration: none; } #top_mainmenu .heading ul.mainmenu li a:hover img { opacity: 1; } #top_mainmenu .heading ul.mainmenu li.kokuspo a:hover .arukuma img { margin-top: -6.25%; /* (70-66-14)=-10 / 160 */ transform: scale(1.338); } #top_mainmenu .heading ul.mainmenu li.zenshospo a:hover .arukuma img { margin-top: -9.03%; /* (64-63-14)=-13 / 144 */ transform: scale(1.267); } } /* 2028NAGANO */ #introduction, #top_about { padding-top: 10.116%; } #introduction .wall { background: url(/images/bg_2028nagano.svg) no-repeat center 99px, url(/images/bg_2028nagano_photo.webp) no-repeat calc(50% + 25px) -5px / 2061px auto, var(--n2028-top-light-bg-color); /* KAZ: position was center top, center -5px */ padding-bottom: 230px; /* KAZ: was 9.5% */ } #introduction.new .wall { /* 2025.7 KAZ */ background: url(/images/bg_2028nagano_1.svg) no-repeat center 99px, url(/images/bg_2028nagano_photo.webp) no-repeat calc(50% + 25px) -5px / 2061px auto, var(--n2028-top-light-bg-color); } #introduction::before, #top_about::before, #top_sponsors::before { /* 2026.3 KAZ: added */ /* background: url(/images/bg_2028nagano_cloud.png) no-repeat center top / 100% auto; */ background: var(--n2028-top-2028nagano-cloud) no-repeat center top / 100% auto; /* 2024.2 KAZ: size was cover; 2023.12 KAZ */ height: 10.116%; } #introduction .descr { } #introduction .descr p { font-size: 1.5625rem; /* 25px */ font-weight: 600; } #introduction .descr p.strong { } #introduction .descr p.strong span { font-size: 4.3125rem; /* 69px */ } #introduction .descr p.colored { font-size: 2.8125rem; /* 45px */ } #introduction .descr.wrap1 { width: 716px; padding-top: 630px; } #introduction.new .descr.wrap1 { /* 2025.7 KAZ */ width: 1000px; max-width: 100%; } #introduction.new .descr.wrap1 p.narrow { /* 2025.7 KAZ */ width: 25em; margin-inline: auto; } #introduction .descr.wrap1 p.strong { padding: 20px 0 25px; } #introduction.new .descr.wrap1 p.colored { /* 2025.7 KAZ */ padding-top: 108px; font-size: 4.25rem; /* 68px */ text-align: center; } #introduction .title { padding: 90px 0 65px; font-size: min(22vw, 16.5rem); /* 264 / 1200, 264px */ } #introduction.new .title { /* 2025.7 KAZ */ padding-bottom: 0; font-size: min(13.3483vw, 16.5rem); /* 264 / 1780 * 0.9, 264px */ } #introduction .title::after { width: min(32.4167vw, 389px); /* KAZ: 389 / 1200, 389px */ /* height: 257px; */ aspect-ratio: 389 / 257; /* KAZ: instead of above */ top: -85px; left: calc(50% + 90px); } #introduction .descr.wrap2 { } #introduction .descr.wrap2 p.strong { } #introduction .yt_slider_wrapper { /* 2025.7 KAZ */ max-width: 1596px; padding-top: 50px; } #introduction .yt_slider_wrapper .yt_slider { /* 2025.7 KAZ */ width: 532px; margin-bottom: 34px; padding: 125px 0 60px; } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) { /* 2026.04 KAZ */ width: calc(50% + 798px); padding-left: calc(50% - 266px); } #introduction .yt_slider_wrapper .yt_slider .slide { /* 2025.7 KAZ */ padding: 0 40px; transform-origin: center 65.5%; } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) .slide:first-child, /* 2026.04 KAZ */ #introduction .yt_slider_wrapper .yt_slider .slick-slide.slick-active .slide { /* 2025.7 KAZ */ transform: scale(1.7527); } #introduction .yt_slider_wrapper .yt_slider .slide .image { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) .slide:first-child .image, /* 2026.04 KAZ */ #introduction .yt_slider_wrapper .yt_slider .slick-slide.slick-active .slide .image { /* 2025.7 KAZ */ box-shadow: 0 0 28px 0 rgba(0,0,0,0.3); } #introduction .yt_slider_wrapper .yt_slider .slide a { /* 2025.7 KAZ */ width: 84.9624%; /* 452 / 532 */ left: 7.5188%; /* 40 / 532 */ } #introduction .yt_slider_wrapper .yt_slider .slide a svg { /* 2025.7 KAZ */ width: 67px; } #introduction .yt_slider_wrapper .yt_slider .slide a img.icon { /* 2025.7 KAZ */ width: 92px; } #introduction .yt_slider_wrapper .yt_slider_panel { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul li { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul li button { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul li button::after { /* 2025.7 KAZ */ width: 18px; height: 18px; } #introduction .sns { position: relative; /* KAZ */ z-index: 10; /* KAZ */ margin: 68px 0 46px; /* KAZ */ /* padding: 52px 0 20px; */ } .sns p { font-size: 1.875rem; /* 30px */ } .sns ul.sns_icons { gap: 0 25px; padding: 33px 0; } .sns ul.sns_icons > li { min-width: 68px; } .sns ul.sns_icons > li a { } .sns ul.sns_icons > li a .text { font-size: 0.875rem; /* 14px */ padding-top: 15px; } .sns ul.sns_icons > li a img { width: 60px; } @media (any-hover: hover) { .sns ul.sns_icons > li a:hover img { } } #introduction .imgonly.message { /* width: 743px; */ } #introduction.new .imgonly.message { /* 2025.7 KAZ */ margin-bottom: 130px; } #introduction .imgonly.message img { } #introduction.new .imgonly.message img { /* 2025.7 KAZ */ width: 640px; } #introduction::after { /* background: url(/images/bg_2028nagano_bottom.png) no-repeat center bottom / 100% auto; */ background: url(/images/bg_2028nagano_2.svg) no-repeat center bottom 250px, var(--n2028-top-2028nagano-bottom) no-repeat center bottom / 2100px auto; /* KAZ: size was 100% auto */ width: 100%; height: 685px; /* 435 + 250; KAZ: was 25.052% */ top: auto; bottom: 0; /* z-index: 1; */ /* KAZ: c/o */ } #introduction.new::after { /* 2025.7 KAZ */ background: url(/images/bg_2028nagano_2b.svg) no-repeat center bottom 250px, var(--n2028-top-2028nagano-bottom) no-repeat center bottom / 2100px auto; height: 485px; } /* Banners */ #top_banners { } #top_banners .banner_wrapper { } #my-top #top_banners .banner_wrapper { margin-left: max(20px, calc(50% - 500px)); padding: 165px 0 193px; } #top_banners .banner_slider { width: 760px; max-width: calc(100% + 20px); margin-bottom: 34px; margin-left: -20px; } #top_banners .banner_slider .slick-list { } #top_banners .banner_slider .slick-list .slick-track { } #top_banners .banner_slider .slick-list .slick-track .slick-slide { } #top_banners .banner_slider .banner { padding: 0 20px; } #top_banners .banner_slider .banner a { } #top_banners .banner_slider .banner a img { } #top_banners .slider_buttons { } #top_banners .slider_buttons button { } #top_banners .slider_buttons #banner_slider_stop { position: absolute; top: -90px; left: 8px; } #top_banners .slider_buttons ul { display: flex !important; /* 2024.1 KAZ: display: none in sp.css will cause slick to add attributive style */ } #top_banners .slider_buttons ul li { } #top_banners .slider_buttons ul li button { } /* 新着情報・トピックス */ /* :is(#top_news, #top_about) h2 { * font-size: 3.125rem; / * 50px * / * background: url(/images/bg_toph2.png) no-repeat center top var(--n2028-common-bg-color); * padding-top: 28px; * } */ /* 2023.12 KAZ: merged to .entry-title and moved color below */ #top_news { padding-bottom: 27.447vw; } #top_news::after { height: 662px; background: url(/images/bg_topnews.png) no-repeat center bottom / 100% auto; } #top_news h2 { background-color: var(--n2028-common-bg-color); /* 2023.12 KAZ: moved */ padding-bottom: 160px; } ul.news_list { /* KAZ: was #top_news ul.news_list, .article_wrapper .wall */ /* display: flex; flex-wrap: wrap; gap: 17px 16px; Aki moved to common.css */ padding: 67px 0 80px; } ul.news_list > li { /* KAZ: was #top_news ul.news_list > li , article.list */ width: 330px; } ul.news_list > li .wrap { } ul.news_list > li .photo { } ul.news_list > li .date { /* KAZ: was #top_news ul.news_list > li .date, article .wrap .date */ padding-top: 10px; } ul.news_list > li ul.categories, article .wrap ul.categories { } ul.news_list > li ul.categories > li, article .wrap ul.categories > li { } ul.news_list > li ul.categories > li a, /* KAZ: was #top_news ul.news_list > li ul.categories > li a */ article .wrap ul.categories > li a { min-width: 96px; /* 2024.2 Aki */ font-size: 1.125rem; /* 18px */ line-height: 28px; padding-bottom: 2px; } ul.news_list > li a.title { /* KAZ: was #top_news ul.news_list > li a.title, article.list a.title */ font-size: 1.125rem; /* 18px */ padding-top: 7px; } ul.news_list > li a.linktext { /* KAZ: was #top_news ul.news_list > li a.linktext, article.list a.linktext */ padding-top: 10px; } ul.news_list > li a.linktext::after { } /* 大会について */ #top_about, #top_sponsors { /* 2026.3 KAZ: added */ margin-top: -12.17%; /* Aki was -10.326% */ padding-top: 7.95%; } #top_about::before, /* Aki */ #top_sponsors::before { /* 2026.3 KAZ: added */ /* background: url(/images/bg_about_cloud.png) no-repeat center top / 100% auto; */ background-size: 107% auto; /* 2023.12 KAZ: approximately */ height: 7.968%; } #top_about .wall { background: url(/images/bg_about_photo.webp) no-repeat calc(50% - 8.5px) 286px var(--n2028-sogo-normal-bg-color); /* 2023.12 KAZ: position was center 300px, color was var(--n2028-pale-green) */ padding-top: 145px; } #top_about h2 { /* background: url(/images/bg_toph2.png) no-repeat center top transparent; */ /* 2023.12 KAZ: merged to .entry-title */ padding-bottom: 60px; /* Aki chkHTML */ } #my-top #top_about .wrapper { width: 1352px; max-width: var(--n2028-max-wall-width); margin: 0 auto; padding-top: 145px; /* Aki was 205px chkHTML */ } #my-top #top_about .wrapper .wrap { width: 758px; max-width: 56.07%; /* 758 / 1352; KAZ */ min-height: 758px; /* KAZ: was height */ padding: 100px 170px 65px; /* KAZ: this will be overridden in special media query below */ } #my-top #top_about .wrapper .wrap h3 { font-size: 1.75rem; /* 28px */ line-height: 1.5; } #my-top #top_about .wrapper .wrap .imgonly { max-width: 100%; /* KAZ */ } #my-top #top_about .wrapper .wrap .imgonly img { } #top_about .wrapper .wrap p { font-size: 1.125rem; /* 18px */ } #my-top #top_about .wrapper .wrap p.small { margin-top: -7px; } #my-top #top_about .wrapper .wrap .linkwrap { } #my-top #top_about .wrapper .wrap::before, #my-top #top_about .wrapper .wrap.wrap3 .imgonly::after { } #my-top #top_about .wrapper .wrap:is(.wrap1, .wrap3) { margin-right: auto; margin-left: 0; } #my-top #top_about .wrapper .wrap.wrap1::before { width: 377px; height: 178px; top: -100px; transform: translatex(-52%); /* KAZ */ } #my-top #top_about .wrapper .wrap.wrap1 .imgonly { width: 273px; } #my-top #top_about .wrapper .wrap.wrap1 p { padding-bottom: 50px; } #my-top #top_about .wrapper .wrap.wrap1 .imgonly img { width: 50%; } #my-top #top_about .wrapper .wrap.wrap2 { margin-right: 0; margin-left: auto; margin-top: -245px; padding-top: 68px; } #my-top #top_about .wrapper .wrap.wrap2::before { width: 357px; height: 157px; top: -105px; transform: translatex(-54%); /* KAZ */ } #my-top #top_about .wrapper .wrap.wrap2 .imgonly { width: 410px; margin-top: -15px; } #my-top #top_about .wrapper .wrap.wrap2 p { } #my-top #top_about .wrapper .wrap.wrap3 { width: 805px; /* Aki moved from common.css */ height: 805px; /* Aki moved from common.css */ padding-top: 150px; padding-bottom: 20px; margin-top: -202px; } :root.bg-normal #my-top #top_about .wrapper .wrap.wrap3 { } #my-top #top_about .wrapper .wrap.wrap3::before { width: 343px; height: 160px; top: -25px; transform: translatex(-55%); /* KAZ */ } #my-top #top_about .wrapper .wrap.wrap3 .imgonly::after { width: 292px; height: 223px; bottom: -130px; /* Aki was 118px */ right: auto; /* 2026.4 Aki was -150px / KAZ: this will be overridden in special media query below / Aki was 20px */ left: 80%; /* 2026.4 Aki added */ } #my-top #top_about .wrapper .wrap.wrap3 .imgonly, #my-top #top_about .wrapper .wrap.wrap3 p.small { /* 2024.1 KAZ: added */ width: 460px; } #my-top #top_about .wrapper .wrap.wrap3 .imgonly { padding-top: 30px; } #my-top #top_about .wrapper .wrap.wrap3 p:not(.small) { padding-top: 10px; } #my-top #top_about .wrapper .wrap.wrap3 p.small { margin-top: 2px; } #my-top #top_about .wrapper .wrap.wrap3 .linkwrap { padding-top: 65px; } #my-top #top_about .wrapper .wrap.wrap3 a.linktext { } #top_sns { /* 2024.2 KAZ */ padding-top: 360px; } .logged-in #top_sns { /* 2026.3 KAZ */ padding-bottom: calc(12.17% + 110px); } #top_sns::before { /* 2024.2 KAZ */ height: 360px; } :root.bg-normal #my-top #top_sns::before { /* 2024.2 KAZ */ background: url(/images/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-sogo-normal-bg-color); } :root.bg-normal #my-kokuspo #top_sns::before { /* 2024.2 KAZ */ background: url(/images/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal #my-shospo #top_sns::before { /* 2024.2 KAZ */ background: url(/images/bg_cloud_pink-white.png) no-repeat center bottom / max(100%, 1920px) auto var(--n2028-zenshospo-normal-bg-color); } #top_sns .wall { /* 2024.2 KAZ */ justify-content: space-between; width: var(--n2028-semi-width); padding-top: 162px; } #my-kokuspo #top_sns .wall, #my-shospo #top_sns .wall { /* 2024.2 KAZ */ padding-bottom: 137px; } #top_sns .wall > div { /* 2024.2 KAZ */ flex-basis: 300px; width: 300px; } #top_sns h2 { /* 2024.2 KAZ */ margin-bottom: 24px; } #top_sns .instagram .btn_line { /* 2024.2 KAZ */ } #top_sponsors #sponsor_banners { /* 2026.3 KAZ */ padding-top: 100px; } /* Fixed Page Components */ /* サイトマップ */ .corner_sitemap { max-width: var(--n2028-max-wall-width); margin-bottom: 40px; padding: 59px min(7.1154vw, 74px) 78px; /* KAZ: added min() */ } #sitemap_sogo { padding-bottom: 60px; } #sitemap_sns { padding-top: 49px; padding-bottom: 46px; } .corner_sitemap .corner_top { } .corner_sitemap .corner_top a.linkbtn_small { margin-bottom: 42px; } .corner_sitemap ul { gap: 35px 74px; margin-left: 26px; } .corner_sitemap ul li { width: 226px; } .corner_sitemap ul li a { } html.font-size-large .corner_sitemap ul li a br { /* 2024.2 Aki */ display: none; } /* お問い合わせ */ #my-inquiry #main, #my-thanks #main { min-height: 1744px; /* KAZ */ } #inquiry_message { font-size: 1.125rem; /* 18px */ padding-bottom: 25px; } #inquiry_wrap { } #inquiry_wrap .wall { padding: 60px 85px 75px; } #inquiry_wrap p { } table.contactform { } table.contactform p { } table.contactform th { } table.contactform th p { } table.contactform td { padding-bottom: 14px; } form.wpcf7-form-mode-confirm table.contactform td { font-size: 1.125rem; /* 18px */ padding-top: 0; } .required { } table.contactform input[type=text], table.contactform input[type=email], table.contactform input[type=tel], /* 2026.09 KAZ: added */ textarea { padding-left: 28px; } table.contactform textarea { height: 268px; padding-top: 18px; } #inquiry_wrap p.accept_line { font-size: 1.125rem; /* 18px */ } #inquiry_wrap p.link { padding-top: 24px; } #inquiry_wrap p:is(.buttons-area-confirm, .submit-button) { width: 401px; } #inquiry_wrap p:is(.buttons-area-confirm, .submit-button)::before { left: calc(50% + 3px); transform: translatex(-50%); } #inquiry_wrap p.submit-button::before { top: auto; bottom: -3px; } form.wpcf7-form span.wpcf7-form-control-wrap .error-messages { font-size: 1.125rem; /* 18px */ } form.wpcf7-form-mode-confirm #inquiry_wrap table::after { font-size: 1.125rem; /* 18px */ padding-top: 15px; padding-bottom: 55px; } #inquiry_wrap p.buttons-area { } button.linkbtn:not(.button-rewrite) { margin-top: 53px; } /* Thanks Page */ #thanks_wrap { } #thanks_wrap .wall { padding: 35px 0 80px; } #thanks_wrap h2 { padding-top: 25px; } #thanks_wrap .imgonly { width: 190px; } #thanks_wrap p:not(.strong) { width: 61.8%; font-size: 0.875rem; /* 14px */ line-height: 2.285; padding-top: 45px; } #thanks_wrap p.strong { font-size: 1.125rem; /* 18px */ line-height: 1.777; padding-bottom: 30px; } /* kyogi-syokai Components 競技紹介 2025.11 MTL Aki */ #my-kyogi-syokai #main { padding-bottom: 305px; } #kyogi-syokai { background: url(/images/bg_kyogi-syokai.svg)no-repeat center bottom -80px; padding-bottom: 410px; /* design is 360px */ } #kyogi-syokai .wrapper { } #kyogi-syokai .wrapper .wrap { width: 360px; height: 360px; } #kyogi-syokai .wrapper .wrap + .wrap { margin-left: 90px; /* 2026.3 KAZ: moved from common and revised */ } #kyogi-syokai .wrapper .wrap a { } #kyogi-syokai .wrapper .wrap a::after, .wrap.has_img_link a::after { width: 39px; height: 39px; right: 21px; bottom: 36px; padding: 8px 0 0 5px; font-size: 16px; /* FIXED: KAZ: ChkHTML */ } #kyogi-syokai .wrapper .wrap :is(a, .nolink) .inner { padding: 45px 30px 25px; } #kyogi-syokai .wrapper .wrap img, .wrap.has_img_link img { } #kyogi-syokai .wrapper .wrap .ttl, .wrap.has_img_link .ttl { margin-top: 20px; /* KAZ: was padding-top */ margin-bottom: 16px; /* KAZ */ font-size: 28px; /* FIXED: KAZ: ChkHTML: was 1.75rem; 28px */ } #kyogi-syokai .wrapper .wrap span:not(.inner):not(.ttl){ width: calc(100% - 40px); /* line-height: 1.777; */ /* KAZ: ChkHTML: moved to common; 18/32 */ } /* 動画一覧 */ :is(#my-video) #content { /* max-width: var(--n2028-semi-width); 2026.1 Aki moved to ul.news_list */ } :is(#my-video) ul.news_list { max-width: var(--n2028-semi-width); padding-top: 35px; } ul.news_list > li.kyogi-movies { width: calc((100% - 40px) / 3); max-width: 320px; padding: 10px 25px 28px; } @media (any-hover: hover) { #kyogi-syokai .wrapper .wrap a:hover, .wrap.has_img_link a:hover { /* 2026.8 Aki added */ text-decoration: none; } #kyogi-syokai .wrapper .wrap a:hover::before, .wrap.has_img_link a:hover::before { /* 2026.8 Aki added */ background-color: var(--n2028-kyogi-hover-shadow-color); } #kyogi-syokai .wrapper .wrap a:hover::after, .wrap.has_img_link a:hover::after { /* 2026.8 Aki added */ background-color: var(--n2028-kyogi-hover-arrow-bg-color); color: var(--n2028-kyogi-hover-arrow-color); } #kyogi-syokai .wrapper .wrap a:hover .inner, .wrap.has_img_link a:hover .inner { /* 2026.8 Aki added */ background-color: var(--n2028-linkbtn-text-color); border-color: var(--n2028-linkbtn-inverted-border-color); } #kyogi-syokai .wrapper .wrap a:hover img, .wrap.has_img_link a:hover img { /* 2026.8 Aki added */ opacity: 1; } #kyogi-syokai .wrapper .wrap a:hover .ttl, #kyogi-syokai .wrapper .wrap a:hover span:not(inner):not(.ttl), .wrap.has_img_link a:hover .ttl, .wrap.has_img_link a:hover span:not(inner):not(.ttl) { /* 2026.8 Aki added */ color: var(--n2028-linkbtn-bg-color); } ul.news_list > li.kyogi-movies:hover { padding: 6px 21px 24px; } ul.news_list > li.kyogi-movies a:hover { text-decoration: none; } ul.news_list > li.kyogi-movies a:hover img { opacity: 1; } } /* 寄付金 2026.3 MTL Aki ----------------------------------------------- */ .contribution-padding_box { /* ito.cssよりコピー */ padding-right: min(3.6111111111vw, 52px); padding-right: min(3.6111111111vw, 3.25rem); padding-left: min(5vw, 52px); /* 2026.3 Aki */ } .contribution-padding_box.noright { padding-right: 0; } #contribution_sponsor h2.inverted-color_ttl { padding-block: 15px; /* KAZ */ } #contribution_sponsor .desc { margin-bottom: 65px; } #contribution_sponsor .desc p { font-size: 1.125rem; /* 18px */ line-height: 1.7777; /* 18/32 */ } #contribution_sponsor .repeater h4:is(.subheading1, .subheading2) { font-size: 1.25rem; /* 20px */ } #contribution_sponsor .repeater h4.subheading1 { margin-bottom: 10px; } /* 協賛 2026.3 MTL Aki ----------------------------------------------- */ h2.light-inverted-color_ttl { margin-bottom: 72px; } h2.light-inverted-color_ttl .inner { font-size: 2rem; /* 32px */ padding: 24px 128px; } .banner_box { } #sponsor_banners { position: relative; background: url(/images/bg_sponsor.png)repeat-x center top 180px/ 1836px auto; padding-top: 140px; margin-top: 200px; } #sponsor_banners .arukuma { max-width: 1000px; position: absolute; top: 325px; } #sponsor_banners .arukuma .copy { /* KAZ */ float: right; margin-right: -0.5em; font-size: 10px; } #sponsor_banners .banners_ttl { font-size: 1.5625rem; /* 25px */ } #sponsor_banners .banners_ttl::before { margin-right: 45px; } #sponsor_banners .banners_ttl::after { margin-left: 45px; } #sponsor_banners ul { gap: 17px 40px; margin-bottom: 87px; } #sponsor_banners ul:is(.medium, .small /* , .noimg */) { /* 2026.3 KAZ: c/o .noimg */ gap: 17px 28px; } #sponsor_banners ul.noimg { gap: 17px 80px; /* 2026.3 KAZ: added */ margin-top: 36px; /* KAZ */ } #sponsor_banners ul.supporter_official { /* KAZ */ border-bottom: var(--n2028-highlight-bg-color) 2px solid; padding-bottom: 3px; } #sponsor_banners ul.sponsor_regional { /* KAZ */ border-bottom: var(--n2028-highlight-bg-color) 2px solid; margin-bottom: 50px; padding-bottom: 30px; } #sponsor_banners ul.noimg li { /* width: calc((100% - 84px) / 4); */ /* 2026.3 KAZ: c/o per request */ font-size: 1.25rem; /* 20px */ } #sponsor_banners ul li a { max-width: 480px; padding: 16px 26px 8px; } #sponsor_banners ul.medium li a { max-width: 314px; } #sponsor_banners ul.small li a { max-width: 228px; padding: 13px 16px 7px; } :root.font-size-large #sponsor_banners ul.small li a { margin-bottom: 40px; /* KAZ */ } #sponsor_banners ul:is(#jspo, #nagano, #shospo) li a { max-width: 480px; } /* ボランティア 2026.8 MTL Aki ----------------------------------------------- */ #volunteer_link_list .wall { width: var(--n2028-semi-width); padding-bottom: 62px; } .wrap.has_img_link { max-width: 810px; /* Aki: max-widthでないとTablet表示の際に崩れる / KAZ: was max-width */ margin: 0 auto; /* KAZ: moved from common */ } .wrap.has_img_link:not(:last-of-type) { margin-bottom: 40px; } .wrap.has_img_link :is(a, .nolink) { } .wrap.has_img_link :is(a, .nolink) .inner { align-items: center; gap: 42px; padding: 23px 58px 22px 69px; } .wrap.has_img_link a::after { right: 58px; bottom: 24px; } .wrap.has_img_link :is(a, .nolink) .inner img { flex-shrink: 0; } .wrap.has_img_link .inner .txt_wrap .ttl { white-space: nowrap; margin-bottom: 8px; } .wrap.has_img_link :is(a, .nolink) .inner .txt_wrap .txt { padding-right: 39px; /* Aki for Tablet */ } /* 下位共通 */ :is(#volunteer_about, #info-volunteer_about, .volunteer_detail) .wall { /* KAZ: moved from common and revised */ max-width: 100%; } section.volunteer_detail .wall { padding-bottom: 50px; } #volunteer_about .highlight-color_box_desc, #info-volunteer_about .highlight-color_box_desc, /* KAZ: added */ .volunteer_detail :is(h4, h5 , p, ul, .event_table_wrapper, .pdflink_wrapper, .media-info_box--center), .volunteer_detail:is(#cities, #status) .wrapper { padding-left: min(5vw, 52px); padding-right: min(5vw, 52px); } .volunteer_detail h4 { font-size: 1.5625rem; /* 25px */ } .volunteer_detail h4:not(:first-of-type) { margin-top: 50px; } .volunteer_detail h5 { font-size: 1.125rem; /* 18px */ } .volunteer_detail :is(p, ul, th, td) { font-size: 1.125rem; /* 18px */ } .volunteer_detail ul li .act_ttl { display: inline-block; min-width: 150px; } .volunteer_detail p { line-height: 1.7777; /* 32/18 */ } .volunteer_detail p.strong { font-size: 1rem; /* 16px */ } .volunteer_detail p:has(+ p.note) { /* KAZ: moved from common */ margin-bottom: 2px; } .volunteer_detail p.note { font-size: 1rem; /* 16px */ } ul.has_circle li { /* KAZ: moved from common */ margin-bottom: 7px; } /* Table */ .volunteer_detail .event_table_wrapper table tbody td.column-1 { width: 130px; font-size: 1.375rem; /* 22px */ } .volunteer_detail .event_table_wrapper table tbody td.column-2 { width: 182px; } .volunteer_detail .event_table_wrapper table tbody td.column-3 { width: 260px; padding-left: 38px; padding-right: 38px; } .volunteer_detail .event_table_wrapper table tbody td.column-4 { } .volunteer_detail .event_table_wrapper table.activity-info_table tbody td.column-1 { font-size: 1.25rem; /* 20px */ line-height: 1.2; /* 20/24 */ } .volunteer_detail#form .link { gap: 20px 40px; margin-top: 66px; margin-bottom: 70px; } .volunteer_detail#form a.linkbtn .inner { width: 300px; } .volunteer_detail#form a.linkbtn::before { width: 297px; } .volunteer_detail .pdflink_wrapper { margin-top: 33px; } .pdflink_wrapper a.linkpdf.ex_small { min-width: 381px; border-radius: 22px; /* KAZ: moved from common */ padding: 7px 44px 7px 20px; /* KAZ: moved from common */ } .pdflink_wrapper a.linkpdf.ex_small::before { margin-right: 10px; /* KAZ */ } @media (any-hover: hover) { .pdflink_wrapper a.linkpdf.ex_small:hover { color: var(--n2028-committee-small-button-inverted-text-color); background-color: var(--n2028-committee-small-button-inverted-bg-color); text-decoration: none; } .pdflink_wrapper a.linkpdf.ex_small:hover::before { content: var(--n2028-volunteer-pdflink-hover-icon); } } .volunteer_detail .media-info_box--center { margin-top: 10px; } .volunteer_detail#cities .wrapper { } .volunteer_detail#cities .wrapper .wrap { padding: 35px 0 35px 20px; } .volunteer_detail#cities .wrapper .wrap h4 { margin-bottom: 10px; } .volunteer_detail#cities .wrapper .wrap p { } .volunteer_detail#cities .wrapper .wrap .links_box_url { } /* 運営ボランティア */ :is(#volunteer_about, #info-volunteer_about) .wall { /* Aki added from chkHTML */ padding-bottom: 46px; } #volunteer_about .imgonly { margin-top: 75px; margin-bottom: 60px; } #volunteer_about .imgonly img { width: 208px; /* KAZ: was max-width */ } /* 情報支援ボランティア */ #info-volunteer_about .imgonly { margin: 100px 0 70px; } #info-volunteer_about .imgonly img { width: 726px; /* KAZ: was max-width */ } .volunteer_detail .event_table_wrapper:has(table.info-category_table) { /* KAZ: added :has() */ margin-top: 40px; margin-bottom: 50px; } .volunteer_detail .event_table_wrapper table.info-apply_table { } .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) .column-1 { width: 100px; } .volunteer_detail .event_table_wrapper table.info-category_table .column-2 { width: 210px; } .volunteer_detail .event_table_wrapper table.info-category_table .column-3 { width: 333px; padding-left: 14px; padding-right: 14px; } .volunteer_detail .event_table_wrapper table.info-apply_table .column-2 { width: calc(100% - 100px); padding-left: 33px; /* KAZ */ padding-right: 16px; /* KAZ */ } .volunteer_detail .event_table_wrapper table.activity-info_table td.column-3 { width: 250px; padding-left: 27px; padding-right: 27px; /* Aki added */ } #my-info-support-volunteer .volunteer_detail#form .link { flex-direction: column; margin-top: 73px; margin-bottom: 23px; } #my-info-support-volunteer .volunteer_detail#form a.linkbtn .inner { width: 400px; padding-top: 7px; } #my-info-support-volunteer .volunteer_detail#form a.linkbtn.lines .inner { font-size: 1.25rem; /* 20px */ line-height: 1.45; /* 29/20 */ } #my-info-support-volunteer .volunteer_detail#form a.linkbtn::before { width: 397px; } .volunteer_detail#status .wrapper { margin-top: 22px; } .volunteer_detail#status .wrapper .wrap { padding: 25px 20px 22px; } .volunteer_detail#status h4 { margin-bottom: 10px; } .volunteer_detail#status h4:has(+ .status_over) { display: inline; padding-right: 10px; } .volunteer_detail#status .status_over { margin-bottom: 0; /* KAZ: moved from common */ font-size: 1rem; /* 16px */ vertical-align: 3px; } /* Kokuspo Shospo Page Components ----------------------------------------------- */ :is(#my-kokuspo, #my-shospo).page-parent .entry-header { } :is(#my-kokuspo, #my-shospo).page-parent #breadcrumbs { padding-bottom: 30px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu { } :is(#my-kokuspo, #my-shospo) #top_mainmenu h1.imgonly { width: 744px; padding-top: 98px; /* 2024.2 KAZ: was 37px; KAZ: was 60px */ } :is(.corner-kokuspo, .corner-shospo) #top_mainmenu .wall, :is(#my-kokuspo, #my-shospo) #top_mainmenu .wall{ } :is(#my-kokuspo, #my-shospo) #top_banners { } :is(#my-kokuspo, #my-shospo) #top_banners .banner_wrapper { overflow: visible; /* KAZ */ padding: 0 0 19px; /* KAZ: was 0 */ } :is(#my-kokuspo, #my-shospo) #top_banners .banner_slider, :is(#my-kokuspo, #my-shospo) #top_banners .slider_buttons { width: 860px; /* 2024.1 KAZ: was 1150px; per request */ max-width: 100%; margin-inline: auto; } :is(#my-kokuspo, #my-shospo) #top_banners .banner_slider { } :is(#my-kokuspo, #my-shospo) #top_banners .banner_slider .banner { padding: 0 32px; } :is(#my-kokuspo, #my-shospo) #top_banners .slider_buttons { } :is(#my-kokuspo, #my-shospo) #top_banners .slider_buttons #banner_slider_stop { top: -13px; left: auto; right: 32px; } :is(#my-kokuspo, #my-shospo) #top_banners .slider_buttons ul { justify-content: center; } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma_wrap { padding-top: 282px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma_wrap p { margin-top: -5px; font-size: 0.9rem; /* 2024.2 KAZ: was 0.75rem in common; per request */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma { width: 419px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma img { } :is(#my-kokuspo, #my-shospo) #top_mainmenu .link_wrap { gap: 0 min(80px, 4.2%); /* KAZ: was 0 80px */ padding: 52px 0 115px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn, :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner { border-radius: 50px; /* 2024.2 KAZ: debugged */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn { max-width: 46.9%; /* 47.9 - 1; KAZ */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner { /* border-radius: 50px; */ /* 2024.2 KAZ: debugged; moved above */ width: 432px; max-width: 100%; /* KAZ */ height: 100px; line-height: 90px; font-size: 1.5rem; /* 24px */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn::before { } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner::after { top: 19px; right: 27px; } :is(#my-kokuspo, #my-shospo) #top_news { padding-bottom: 0; } :is(#my-kokuspo, #my-shospo) #top_news h2 { padding-bottom: 93px; /* KAZ */ } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu { /* border-bottom: solid 4px; */ /* KAZ: c/o */ gap: 0 28px; position: relative; /* KAZ */ z-index: 1; /* KAZ */ margin-bottom: -4px; /* KAZ */ } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li a { width: 312px; font-size: 1.5rem; /* 24px */ line-height: 72px; /* KAZ: was 80px */ } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li.ui-tabs-active a { /* KAZ */ border-bottom: 0; padding-bottom: 4px; } :is(#my-kokuspo, #my-shospo) #top_news ul.news_list { padding-top: 62px; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper > .wrap { border-top: 4px solid; /* KAZ */ padding-bottom: 27.447vw; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper #news_wrap { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper #bidding_wrap { } :is(#my-kokuspo, #my-shospo) #top_about { padding-top: 7.2%; } :is(#my-kokuspo, #my-shospo) #top_about::before { } :is(#my-kokuspo, #my-shospo) #top_about .wall { padding-top: 105px; } :is(#my-kokuspo, #my-shospo) #top_about h2 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper { max-width: var(--n2028-max-wall-width); padding-top: 42px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap { min-height: 419px; display: flex; justify-content: center; border-radius: 100px; padding: 78px 20px 47px; /* KAZ: inline was 0 */ } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap:not(.wrap3) { margin-bottom: 83px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .detail { width: 457px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap h3 { margin-bottom: 26px; /* KAZ */ font-size: 1.75rem; /* 28px */ } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .imgonly img { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap p.small { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .linkwrap { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap::before, :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap::after { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 { gap: 0 10.493%; /* Aki was 85px 85/810 */ } html.font-size-large :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 { /* 2024.2 Aki */ padding-bottom: 87px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 .imgonly { width: 33.333%; /* was 270px */ max-width: 270px; min-width: 138px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 .imgonly { width: 419px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 { gap: 0 36px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 .imgonly { width: 343px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 p.small { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .linkwrap { text-align: right; position: absolute; bottom: 54px; right: 57px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap a.linkbtn_small { /* font-size: 0.875rem; /* 14px; KAZ Aki moved to common */ } /* Kokuspo Page Components ----------------------------------------------- */ #my-kokuspo #top_mainmenu { background: url(/images/bg_top_mainmenu_confetti.png) no-repeat left calc(50% + 34px) bottom 877px / 1880px auto, url(/images/photo_top_kokuspo.webp) no-repeat left calc(50% + 21.5px) bottom 318px / 1767px auto; /* KAZ: position @1 was center top 650px; position @2 was center top 927px; size-x @2 was 1920px */ } #my-kokuspo #top_about { margin-top: -10.36%; /* -199 / 1920 */ } #my-kokuspo #top_about .wall { } #my-kokuspo #top_about::before { /* background: var(--n2028-top-kokuspo-cloud) no-repeat center top / 100% auto; */ /* 2024.1 KAZ: moved to common */ } #my-kokuspo #top_about .wrapper .wrap.wrap3 .imgonly::after { /* KAZ: was #my-kokuspo #top_about .wrapper .wrap.wrap3::after */ width: 200px; height: 153px; bottom: -77px; /* KAZ: was 56px */ /* left: 340px; */ right: -125px; /* KAZ */ } /* 競技会会期 2026.1 MTL Aki/KAZ */ #schedule_pdf { padding-bottom: 35px; } #schedule_pdf::before { position: absolute; width: 229px; height: 229px; top: -30px; left: calc(50% - 602px); } #schedule_pdf .pdf_link a.linkbtn_small.pdf { padding-right: 188px; } #schedule_pdf .pdf_link a.linkbtn_small.pdf .size { right: 70px; } #schedule_menu { margin-bottom: 50px; padding: 24px 0 29px; } #schedule_menu .wall { width: var(--n2028-wide-width); } #schedule_menu ul { gap: 26px 22px; /* KAZ: was 25px 20px */ width: 1266px; margin-inline: auto; } #schedule_menu ul li { } #schedule_schedules { } :is(#schedule_schedules, #rehearsal_schedules) .wall { width: var(--n2028-wide-width); } #schedule_schedules .highlight-color_box { padding: 81px 7.1429% 0; /* 100 / 1400 */ } #schedule_schedules .schedule_wrap { padding-bottom: 51px; /* varies in design */ } #schedule_schedules .schedule_wrap h2, #schedule_schedules .schedule_wrap h3 { margin-bottom: 33px; } #schedule_schedules .schedule_wrap h2 { border-radius: 36px; padding: 17px 36px 18px; font-size: 1.75rem; /* 28px */ } #schedule_schedules .schedule_wrap h3, #schedule_schedules .schedule_wrap .ttl { font-size: 1.5625rem; /* 25px */ } #schedule_schedules .schedule_wrap h3 { } #schedule_schedules .schedule_wrap .ttl { } #schedule_schedules .schedule_wrap .event_table_wrapper, #rehearsal_schedules .schedule_wrap .noevents { margin-bottom: 30px; } #schedule_schedules .schedule_wrap .event_table_wrapper table, #rehearsal_schedules .schedule_wrap .event_table_wrapper table { /* 2026.06 KAZ: added */ width: 100%; } #schedule_schedules .schedule_wrap .event_table_wrapper table th, #schedule_schedules .schedule_wrap .event_table_wrapper table td { } #schedule_schedules .schedule_wrap .event_table_wrapper table th { } #schedule_schedules .schedule_wrap .event_table_wrapper table td { } #schedule_schedules .schedule_wrap .event_table_wrapper table caption a { } /* リハーサル大会 2026.6 MTL Aki/KAZ */ #my-rehearsal #kokuspo_shinsyu { margin-bottom: 0; } #rehearsal_pdf .wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 20px; } #rehearsal_pdf a.linkbtn_small.pdf { min-width: 399px; } #rehearsal_schedules .highlight-color_box { padding: 6px 7.1429% 62px; /* 100 / 1400 */ } #rehearsal_schedules .schedule_wrap h2 { border-radius: 30px; font-size: 1.75rem; /* 28px */ line-height: 72px; } #rehearsal_schedules .schedule_wrap :is(h3, .ttl) { font-size: 1.5625rem; /* 25px */ } #rehearsal_schedules .schedule_wrap h3 { margin-bottom: 20px; } #rehearsal_schedules .schedule_wrap h2 + h3 { margin-top: 33px; } #rehearsal_schedules .schedule_wrap h3::before { height: 32px; vertical-align: -7px; margin-right: 15px; } #rehearsal_schedules .schedule_wrap .event_table_wrapper { margin-bottom: 30px; } /* 全障スポ */ .corner-zenshospo #rehearsal_pdf a.linkbtn_small.pdf { min-width: 610px; filter: drop-shadow(5px 5px 0px var(--n2028-pink)); } .rehearsal_sec .relative_cont_box { margin-top: -40px; } .rehearsal_sec .relative_cont_box a.linkbtn { width: 100%; } /* Shospo Page Components ----------------------------------------------- */ #my-shospo #top_mainmenu { background: url(/images/bg_top_mainmenu_confetti.png) no-repeat left calc(50% + 34px) bottom 877px / 1880px auto, url(/images/photo_top_shospo.webp) no-repeat left calc(50% + 21.5px) bottom 318px / 1767px auto; /* KAZ */ } #my-shospo #top_about { margin-top: -11.41%; /* -219 / 1920; KAZ */ } #my-shospo #top_news::after { background-image: url(/images/bg_shospotopnews.png); } #my-shospo #top_about::before { /* background: var(--n2028-top-zenshospo-cloud) no-repeat center top / 100% auto; */ /* 2024.1 KAZ: moved to common */ } #my-shospo #top_about .wrapper .wrap.wrap3 { gap: 0 20px; } #my-shospo #top_about .wrapper .wrap.wrap3 .imgonly { width: 396px; } } /* Special breakpoints for #top_mainvisual; 2025.7 KAZ */ /* @media screen and (max-width: 1350px) and (min-width: 768px) { #top_mainvisual .heading ul.mainmenu { flex-direction: column; height: 272px; } #top_mainvisual .heading ul.mainmenu li { width: 100%; } }*/ @media screen and (max-width: 1350px) and (min-width: 768px) { #top_mainvisual .heading ul.mainmenu { margin-top: 1%; } #top_mainvisual .heading ul.mainmenu li a { padding: 3% 15px; border-width: 4px; } } /* Special breakpoints for #top_mainmenu */ /* 小さなノートパソコンでロゴの上が欠けないようにする */ @media screen and (min-width: 768px) and (max-height: 760px) { /* 小さなノートパソコンでボタンを少し上へ */ #top_mainmenu .heading ul.mainmenu { top: calc(var(--n2028-header-height) + (100% - var(--n2028-header-height)) * 0.4); /* 2024.2 KAZ: per request */ } } @media screen and (min-width: 768px) and (max-height: 722px) { /* 小さなノートパソコンでロゴの上が欠けないようにする */ #top_mainmenu .heading h1 { /* 2024.1 KAZ: c/o; 縦横両方向のリスポンシブに変更 */ /* transform: translateY(-80%); */ /* 2024.1 KAZ: per request */ } } /* Special breakpoints for #top_about */ /*@media print, screen and (max-width: 1411px) and (min-width: 768px) { * #my-top #top_about .wrapper .wrap.wrap3::after { * left: 65%; * right: auto; * } *} */ /* 2024.1 KAZ: revised and moved below */ @media print, screen and (max-width: 1320px) and (min-width: 768px) { /* KAZ: max-width was 1399px */ #my-top #top_about .wrapper .wrap { padding-inline: 7.5%; /* KAZ */ } #my-top #top_about .wrapper .wrap.wrap3 .imgonly::after { /* KAZ: revised and moved here */ left: 80%; right: auto; } } @media screen and (max-width: 1440px) and (min-width: 768px) { /* Aki for tablet */ /* #my-top #top_about .wrapper .wrap.wrap2 { margin-top: 105px; } #my-top #top_about .wrapper .wrap.wrap3 { margin-top: 0; } Aki c/o */ } @media screen and (max-width: 1200px) and (min-width: 768px) { /* 2024.1 KAZ: 楕円になるのを回避する; per request */ #my-top #top_about .wall { background-image: none; } #my-top #top_about .wrapper { } #my-top #top_about .wrapper .wrap { margin-top: 0 !important; margin-inline: auto !important; padding: 90px 0 58px; } #my-top #top_about .wrapper .wrap .circle { min-width: 738px; height: 758px; } #my-top #top_about .wrapper .wrap h3 { font-size: 1.75rem; /* 28px */ line-height: 1.5; } #my-top #top_about .wrapper .wrap .imgonly { text-align: center; } #my-top #top_about .wrapper .wrap .imgonly img { } #my-top #top_about .wrapper .wrap p { width: 85.333%; margin: 0 auto; } #my-top #top_about .wrapper .wrap p.small { } #my-top #top_about .wrapper .wrap .linkwrap { width: 263px; margin-inline: auto; padding-top: 38px; } #my-top #top_about .wrapper .wrap::before, #my-top #top_about .wrapper .wrap::after { } #my-top #top_about .wrapper .wrap.wrap1 { margin-bottom: 143px; } #my-top #top_about .wrapper .wrap.wrap1::before { width: 317px; height: 150px; top: -85px; } #my-top #top_about .wrapper .wrap.wrap1 .imgonly { padding-bottom: 15px; } #my-top #top_about .wrapper .wrap.wrap1 .imgonly img { width: 129px; } #my-top #top_about .wrapper .wrap.wrap1 p { } #my-top #top_about .wrapper .wrap.wrap2 { padding-top: 70px; margin-bottom: 92px; } #my-top #top_about .wrapper .wrap.wrap2::before { width: 357px; height: 157px; top: -115px; } #my-top #top_about .wrapper .wrap.wrap2 .imgonly { padding: 17px 0 5px; } #my-top #top_about .wrapper .wrap.wrap2 .imgonly img { width: auto; height: 213px; } #my-top #top_about .wrapper .wrap.wrap2 p:not(.small) { padding-top: 28px; } #my-top #top_about .wrapper .wrap.wrap3 { padding-top: 145px; } #my-top #top_about .wrapper .wrap.wrap3 .circle { min-height: 0; } #my-top #top_about .wrapper .wrap.wrap3::before { width: 343px; height: 160px; top: -40px; } #my-top #top_about .wrapper .wrap.wrap3 h3 { } #my-top #top_about .wrapper .wrap.wrap3 .imgonly, #my-top #top_about .wrapper .wrap.wrap3 p.small { max-width: 100%; } #my-top #top_about .wrapper .wrap.wrap3 .imgonly::after { } #my-top #top_about .wrapper .wrap.wrap3 p:not(.small) { padding-top: 10px; } #my-top #top_about .wrapper .wrap.wrap3 p.small { padding-top: 5px; padding-left: 0.5em; } #my-top #top_about .wrapper .wrap.wrap3 .linkwrap { /* padding-top: 4px; */ } #my-top #top_about .wrapper .wrap.wrap3 a.linktext { } } /* Special breakpoints for #top_sns */ @media screen and (max-width: 1040px) and (min-width: 768px) { #top_sns .wall { flex-wrap: wrap; width: 650px; } #top_sns .wall > .instagram { /* 2024.2 KAZ */ flex-basis: 100%; width: 100%; margin-bottom: 100px; } } /* Special breakpoint for 新着情報; 2024.1 KAZ */ @media screen and (max-width: 907px) and (min-width: 768px) { /* See also --n2028-news-width variable setting in common.css */ #my-blog ul.news_list { /* justify-content: center; */ /* 2024.1 KAZ: c/o per request */ } #my-blog ul.news_list > li, #my-bidding ul.news_list > li, #my-bidding-type ul.news_list > li { width: calc(50% - 8px); /* 2024.1 KAZ: per request */ } } /* Special breakpoints for 実施競技 */ @media screen and (max-width: 1058px) and (min-width: 787px) { #my-competition.page ul.sport_list { width: 740px; } } @media screen and (max-width: 786px) and (min-width: 768px) { #my-competition.page ul.sport_list { width: 480px; } } /* Special breakpoints for 競技会会期 2026.1 KAZ */ @media screen and (max-width: 1324px) and (min-width: 1003px) { #schedule_menu ul { width: 944px; /* KAZ */ } } @media screen and (max-width: 1002px) and (min-width: 768px) { #schedule_menu ul { width: 622px; /* KAZ */ } } /* PC専用のスタイル (メニューと#ft_nav_top) ----------------------------------------------- */ @media print, screen and (min-width: 961px) { .tbonly { display: none !important; } .tbsponly { display: none !important; } /* =Structure */ body { } /* =Header */ /* =Menu */ #headmenu { display: flex; /* KAZ: moved from common */ justify-content: space-between; } #headmenu ul { } #headmenu ul li { } #headmenu ul li a { } #headmenu ul#gnavi, #headmenu #head_funcs { height: 100%; } #headmenu ul#gnavi { width: calc(100% - 470px); } #headmenu ul#gnavi li { } #headmenu ul#gnavi li:not(:last-child)::after { height: 114px; } #headmenu ul#gnavi li a { font-size: 28px; /* FIXED; 2024.2 KAZ */ padding-top: 35px; } #headmenu ul#gnavi li.sogo a { background: var(--n2028-common-bg-color) url(/images/icon_sogo_mountains.svg) no-repeat calc(50% - 116px) calc(50% - 2px) / 86px auto; } .corner-sogo #headmenu ul#gnavi li.sogo a { background: var(--n2028-gnavi-sogo-bg-color) url(/images/icon_sogo_mountains.svg) no-repeat left 8px bottom / min(206px, 55%) auto; } .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { background: var(--n2028-gnavi-kokuspo-bg-color) url(/images/icon_kokuspo_arukuma.png) no-repeat calc(50% - 178px) center / min(68px, 24.7%) auto; } html.font-size-large .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { /* 2024.2 Aki */ /* background-position-x: calc(50% - 198px); */ /* 2024.2 KAZ: c/o */ } .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { background: var(--n2028-gnavi-zenshospo-bg-color) url(/images/icon_zenshospo_arukuma.png) no-repeat calc(50% - 185px) center / min(58px, 20.8%) auto; } html.font-size-large .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { /* 2024.2 Aki */ /* background-position-x: calc(50% - 215px); */ /* 2024.2 KAZ: c/o */ } #headmenu ul#gnavi li a::after { background: var(--n2028-gnavi-normal-icon-arrow) no-repeat center / cover; /* KAZ: was url(/images/icon_arrow_green.svg) */ display: block; position: absolute; width: 18px; height: 18px; bottom: 18px; /* 2024.1 KAZ: was 13px; Aki was 8px; per request */ right: 13px; content: ''; } html.font-size-large #headmenu ul#gnavi li a::after { /* 2024.2 Aki */ bottom: 8px; } .corner-sogo #headmenu ul#gnavi li.sogo a::after, .corner-kokuspo #headmenu ul#gnavi li.kokuspo a::after, .corner-zenshospo #headmenu ul#gnavi li.zenshospo a::after { /* KAZ */ background-image: var(--n2028-gnavi-inverted-icon-arrow); } #headmenu ul#gnavi li a .subttl { display: block; font-size: 0.875rem; /* 14px */ text-align: right; padding-top: 5px; /* 2024.1 KAZ: was 10px; per request */ } #headmenu #head_funcs { width: 470px; padding: 11px 10px 12px; } #headmenu #head_funcs .wrap { gap: 0 4px; padding-bottom: 8px; } #headmenu #head_funcs .pseudoselect { } #headmenu #head_funcs .pseudoselect button.pseudolabel, #headmenu #head_funcs #readspeaker_button1 a { height: 45px; } #headmenu #head_funcs .pseudoselect button.pseudolabel { /* background-color: var(--n2028-head-funcs-button-bg-color); */ /* 2024.2 KAZ: moved again; KAZ: moved from common */ border: 1px solid; /* KAZ: moved from common */ /* border-radius: 10px; */ /* 2024.2 KAZ: moved to common */ width: 174px; padding: 0 12px; line-height: 43px; color: var(--n2028-head-funcs-button-text-color); /* 2024.2 KAZ: moved from common */ font-size: 14px; /* FIXED */ } #headmenu #head_funcs .pseudoselect button.pseudolabel::after { border: 1px solid; /* KAZ: moved from common */ border-radius: 50%; /* KAZ: moved from common */ display: block; /* KAZ: moved from common */ position: absolute; /* KAZ: moved from common */ width: 24px; height: 24px; top: 10px; right: 7px; line-height: 22px; font-size: 12px; /* FIXED */ text-align: center; /* KAZ: moved from common */ content: '▼'; /* KAZ: moved from common */ } #headmenu #head_funcs .pseudoselect ul.pseudooptions { /* background-color: var(--n2028-light-gray); */ /* 2024.2 KAZ: moved to common */ /* display: none; */ /* 2024.2 KAZ: moved to common */ /* position: absolute; */ /* 2024.2 KAZ: moved to common */ width: 158px; top: 45px; left: 8px; /* z-index: 1; */ /* 2024.2 KAZ: moved to common */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions { padding: 0 4px; } #headmenu #head_funcs #color_selector ul.pseudooptions { padding: 6px 8px 1px; } #headmenu #head_funcs .pseudoselect ul.pseudooptions li { } #headmenu #head_funcs .pseudoselect ul.pseudooptions li button { /* width: 100%; */ /* 2024.2 KAZ: moved again; KAZ: moved from common */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button { /* color: var(--n2028-text-gray); */ /* 2024.2 KAZ: moved again; KAZ: moved from common */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button.font-size-normal { line-height: 36px; font-size: 18px; /* FIXED */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button.font-size-large { /* border-top: 1px solid; */ /* 2024.2 KAZ: moved to common */ line-height: 44px; font-size: 22px; /* FIXED */ } #headmenu #head_funcs #color_selector ul.pseudooptions li button { border-radius: 10px; margin-bottom: 6px; line-height: 1.625; /* 26px */ } #headmenu #head_funcs #readspeaker_button1 { } #headmenu #head_funcs #readspeaker_button1 a { width: 94px; padding-top: 3px; font-size: 12px; /* FIXED */ } #headmenu #head_funcs .search { /* PC only */ } #headmenu #head_funcs .search .searchform { /* 2024.1 KAZ: was #searchform */ background-color: var(--n2028-head-funcs-search-bg-color); border: var(--n2028-head-funcs-search-border-color) 1px solid; color: var(--n2028-head-funcs-search-text-color); } #headmenu .searchform input { /* 2024.1 KAZ: was #searchform */ width: 400px; } #headmenu .searchform button { /* 2024.1 KAZ: was #searchform */ } #headmenu .searchform button img { } #headmenu ul#spmenu { display: block !important; /* win over jQuery-inserted style */ } #headmenu ul#spmenu > li { } #headmenu ul#spmenu > li.sogo { } #headmenu ul#spmenu > li.kokuspo { } #headmenu ul#spmenu > li.zenshospo { } #headmenu ul#spmenu > li .parent { } #headmenu ul#spmenu > li .parent a { } #headmenu ul#spmenu > li .submenu_panel { display: none; position: absolute; width: 100%; top: 0; left: 0; padding: 25px 25px 23px; color: var(--n2028-text-gray); opacity: 0; /* 2023.12 KAZ */ } /* #headmenu ul#spmenu > li .submenu_panel.opened { * display: block; * } */ #headmenu ul#spmenu > li #sogo_subpanel { background-color: var(--n2028-yellow-green); } #headmenu ul#spmenu > li #kokuspo_subpanel { background-color: var(--n2028-dark-yellow); } #headmenu ul#spmenu > li #zenshospo_subpanel { background-color: var(--n2028-pink); } #headmenu ul#spmenu > li .submenu_panel::after { border-color: transparent; border-width: 0 12px 20px; border-style: solid; display: block; position: absolute; top: -20px; content: ''; } #headmenu ul#spmenu > li #sogo_subpanel::after { border-bottom-color: var(--n2028-yellow-green); left: calc((100% - 470px) / 6 - 12px); } #headmenu ul#spmenu > li #kokuspo_subpanel::after { border-bottom-color: var(--n2028-dark-yellow); left: calc((100% - 470px) / 6 * 3 - 12px); } #headmenu ul#spmenu > li #zenshospo_subpanel::after { border-bottom-color: var(--n2028-pink); left: calc((100% - 470px) / 6 * 5 - 12px); } #headmenu ul#spmenu > li .submenu_panel ul { display: flex; /* max-width: 1300px; * margin-inline: auto; */ /* 2024.1 KAZ: revised as follows */ padding-inline: 5rem; } #headmenu ul#spmenu > li .submenu_panel ul.children { gap: 18px 3rem; /* 2024.1 KAZ: gap-x was 5px; per request; 50px - 111px in design */ flex-wrap: wrap; margin-bottom: 49px; line-height: 1.5; /* 27px; was 24px */ font-size: 1.125rem; /* 18px; 2024.2 KAZ: added */ } #headmenu ul#spmenu > li .submenu_panel ul.children li { /* min-width: 256px; */ /* 2024.1 KAZ: c/o; per request */ } #headmenu ul#spmenu > li .submenu_panel ul.children li a { } #headmenu ul#spmenu > li .submenu_panel ul.sns_icons { justify-content: center; gap: 0 22px; } #headmenu ul#spmenu > li .submenu_panel ul.sns_icons li { } #headmenu ul#spmenu > li .submenu_panel ul.sns_icons li.notyet { display: none; /* KAZ: temporarily until SNS gets ready */ } #headmenu ul#spmenu > li .submenu_panel ul.sns_icons li a { border-radius: 50%; /* KAZ */ display: block; } #xp1 { /* ReadSpeaker */ top: 149px; left: 40px; } .admin-bar #xp1 { /* ReadSpeaker */ top: calc(var(--wp-admin-bar-height) + 149px); } #rs-controlpanel { /* ReadSpeaker */ /* inset: 177px auto auto 40px !important; */ /* 2024.2 KAZ: moved to common and hide to the left; per request */ } .admin-bar #rs-controlpanel { /* ReadSpeaker */ /* inset: calc(var(--wp-admin-bar-height) + 177px) auto auto 40px !important; */ /* 2024.2 KAZ: moved to common and hide to the left; per request */ } /* =Footer */ #ft_nav_top { } #ft_nav_top a { display: block; width: 40px; /* KAZ */ height: 142px; padding-top: 114px; /* padding-left: 7px; */ text-align: center; /* KAZ */ } #ft_nav_top a::before, #ft_nav_top a::after { position: absolute; } #ft_nav_top a::before { width: 40px; height: 40px; border-radius: 50%; background-color: var(--n2028-dark-green); left: 0; bottom: 0; z-index: -1; } #ft_nav_top a::after { width: 60px; height: 73px; background: url(/images/totop_arukuma.png) no-repeat center /60px auto; top: 40px; left: -10px; } #ft_nav_top a:hover { text-decoration: none; } @media (any-hover: hover) { #ft_nav_top a:hover { } #ft_nav_top a:hover::before { transform: scale(1.35); } #ft_nav_top a:hover::after { height: 87px; background: url(/images/totop_arukuma_hover.png) no-repeat center /60px auto; top: 0; } } } /* Special breakpoints for arukuma in #gnavi */ @media screen and (max-width: 1799px) and (min-width: 1540px) { .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { background-position-x: calc(50% - 140px); padding-left: 73px; } /* html.font-size-large .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { * background-position-x: calc(50% - 170px); * } */ /* 2024.2 KAZ: c/o */ .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { background-position-x: calc(50% - 142px); padding-left: 65px; } /* html.font-size-large .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { * background-position-x: calc(50% - 172px); * } */ /* 2024.2 KAZ: c/o */ .corner-kokuspo #headmenu ul#gnavi li.kokuspo a .subttl { margin-left: -73px; } .corner-zenshospo #headmenu ul#gnavi li.zenshospo a .subttl { margin-left: -65px; } } @media screen and (max-width: 1539px) and (min-width: 1396px) { #headmenu ul#gnavi li:nth-child(n+2) a { /* kokuspo & zenshospo */ padding-top: 10px; /* 2024.1 KAZ: was 13px; per request */ } .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { background-position-x: calc(50% - 89px); padding-left: 64px; } .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { background-position-x: calc(50% - 92px); padding-left: 66px; } .corner-kokuspo #headmenu ul#gnavi li.kokuspo a .subttl { margin-left: -64px; } .corner-zenshospo #headmenu ul#gnavi li.zenshospo a .subttl { margin-left: -66px; } } @media print, screen and (max-width: 1395px) and (min-width: 961px) { #headmenu ul#gnavi li:nth-child(n+2) a { /* kokuspo & zenshospo */ padding-top: 20px; } .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { background-position-x: calc(50% - 77px); } .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { background-position-x: calc(50% - 74px); } #headmenu ul#gnavi li.kokuspo a .subttl, #headmenu ul#gnavi li.zenshospo a .subttl { display: none; } } @media print, screen and (max-width: 1395px) and (min-width: 1090px) { .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { padding-left: 70px; } .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { padding-left: 68px; } } @media screen and (max-width: 1089px) and (min-width: 961px) { .corner-kokuspo #headmenu ul#gnavi li.kokuspo a, .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { padding-left: 28px; } } /* Special breakpoint for #gnavi & #head_funcs */ @media print, screen and (max-width: 1539px) and (min-width: 961px) { /* KAZ: max-width was 1395px */ .headonly { display: block !important; } #headmenu ul#gnavi { width: calc(100% - 425px); } #headmenu ul#gnavi li a { font-size: 24px; /* FIXED; 2024.2 KAZ */ } #headmenu ul#gnavi li.sogo a { background-position-x: calc(50% - 70px); } body:not(.corner-sogo) #headmenu ul#gnavi li.sogo a { padding-left: 75px; /* 78px in design */ } #headmenu ul#gnavi li a .subttl { padding-top: 3px; } #headmenu #head_funcs { width: 425px; } #headmenu #head_funcs .pseudoselect button.pseudolabel { } #headmenu #head_funcs #font_size_selector button.pseudolabel { width: 162px; } #headmenu #head_funcs #color_selector button.pseudolabel { width: 140px; } #headmenu #head_funcs .pseudoselect ul.pseudooptions { background-color: var(--n2028-light-gray); display: none; position: absolute; left: 5px; z-index: 1; } /* #headmenu #head_funcs .pseudoselect.opened ul.pseudooptions { * display: block; * } */ #headmenu #head_funcs #font_size_selector ul.pseudooptions { width: 152px; } #headmenu #head_funcs #color_selector ul.pseudooptions { width: 130px; } #headmenu .searchform input { width: 355px; /* KAZ: was 350px */ } #headmenu ul#spmenu > li #sogo_subpanel::after { left: calc((100% - 425px) / 6 - 12px); } #headmenu ul#spmenu > li #kokuspo_subpanel::after { left: calc((100% - 425px) / 6 * 3 - 12px); } #headmenu ul#spmenu > li #zenshospo_subpanel::after { left: calc((100% - 425px) / 6 * 5 - 12px); } } /* =Print ----------------------------------------------- */ @media print { body { width: 1260px; } #masthead { position: absolute; } .admin-bar #masthead { top: 0; } #ft_nav_top { display: none !important; } .entry-meta .edit-link a { display: none; } #my-competition.tax-event-categories .sport_main .events .event_table_wrapper { overflow-x: visible; } .slide-from-bottom { /* script.js 内の $objects のセレクターと同期が必要 */ visibility: visible; } } /* Description: Smartphone style for Nagano 2028 site */ /* Responsive Structure ----------------------------------------------- */ /* Tablet/Smartphone共通のスタイル (メニューと#ft_nav_top) ----------------------------------------------- */ @media screen and (max-width: 960px) { a.current img, .transbtn:hover, a:hover img { opacity: 1; filter: none; } .pconly { display: none !important; } /* Variables */ :root { /* Dimensions */ --n2028-sns-menu-height: 46px; /* PCとTB/SPで配色が異なる部分 */ /* .bg-normal */ /* 相対色 */ /* Header */ --n2028-head-funcs-button-bg-color: white; --n2028-head-funcs-button-border-color: var(--n2028-text-gray); /* SP only */ --n2028-head-funcs-button-text-color: var(--n2028-text-gray); --n2028-head-sp-menu-btn-bg-color: var(--n2028-dark-green); --n2028-head-sp-menu-btn-text-color: white; --n2028-head-sp-menu-parent-bg-color: transparent; /* 2024.1 KAZ: ChkHTML */ --n2028-head-sp-menu-parent-text-color: var(--n2028-dark-green); /* 2024.1 KAZ: ChkHTML */ } :root.bg-black { /* 相対色 */ /* Header */ --n2028-head-funcs-button-bg-color: rgba(255,255,255,0.1); --n2028-head-funcs-button-border-color: transparent; /* SP only */ --n2028-head-funcs-button-text-color: white; --n2028-head-sp-menu-btn-bg-color: var(--n2028-yellow); --n2028-head-sp-menu-btn-text-color: var(--n2028-text-gray); --n2028-head-sp-menu-parent-bg-color: rgba(255,255,255,0.1); /* 2024.1 KAZ: ChkHTML */ --n2028-head-sp-menu-parent-text-color: var(--n2028-yellow); /* 2024.1 KAZ: ChkHTML */ } :root.bg-blue { /* 相対色 */ /* Header */ --n2028-head-funcs-button-bg-color: rgba(255,255,255,0.1); --n2028-head-funcs-button-border-color: transparent; /* SP only */ --n2028-head-funcs-button-text-color: white; --n2028-head-sp-menu-btn-bg-color: var(--n2028-yellow); --n2028-head-sp-menu-btn-text-color: var(--n2028-text-gray); --n2028-head-sp-menu-parent-bg-color: rgba(255,255,255,0.1); /* 2024.1 KAZ: ChkHTML */ --n2028-head-sp-menu-parent-text-color: var(--n2028-yellow); /* 2024.1 KAZ: ChkHTML */ } :root.bg-yellow { /* 相対色 */ /* Header */ --n2028-head-funcs-button-bg-color: black; --n2028-head-funcs-button-border-color: black; --n2028-head-funcs-button-text-color: white; --n2028-head-funcs-speaker-icon: url(/images/icon_speaker_white.svg); --n2028-head-sp-menu-btn-bg-color: black; --n2028-head-sp-menu-btn-text-color: var(--n2028-yellow); --n2028-head-sp-menu-parent-bg-color: black; /* 2024.1 KAZ: ChkHTML */ --n2028-head-sp-menu-parent-text-color: var(--n2028-yellow); /* 2024.1 KAZ: ChkHTML */ } /* =Structure */ html { scroll-padding-bottom: var(--n2028-sns-menu-height); } #page { padding-bottom: var(--n2028-sns-menu-height); } /* =Header */ /* Menu */ #headmenu { } #headmenu ul { } #headmenu ul li { } #headmenu ul li a { } #headmenu ul li .sns_wrap { } #headmenu ul li .sns_wrap ul { } #headmenu ul#gnavi { } #headmenu ul#gnavi li { } #headmenu ul#gnavi li:not(:last-child)::after { } #headmenu ul#gnavi li a { display: flex; flex-direction: column; justify-content: center; height: 50px; line-height: 1.1429; /* 16px; 2024.1 KAZ: ChkHTML */ font-size: 0.875rem; /* 14px; 2024.1 KAZ: ChkHTML */ } .corner-sogo #headmenu ul#gnavi li.sogo a { background-color: var(--n2028-gnavi-sogo-bg-color); } .corner-kokuspo #headmenu ul#gnavi li.kokuspo a { background-color: var(--n2028-gnavi-kokuspo-bg-color); } .corner-zenshospo #headmenu ul#gnavi li.zenshospo a { background-color: var(--n2028-gnavi-zenshospo-bg-color); } #headmenu ul#gnavi li a .subttl { } #headmenu #head_funcs { } #headmenu #head_funcs .wrap { float: left; padding: 5px 0 3px 4px; } #headmenu #head_funcs .pseudoselect { } #headmenu #head_funcs .pseudoselect button.pseudolabel, /* 2024.2 KAZ: was #headmenu #head_funcs .pseudoselect */ #headmenu #head_funcs #readspeaker_button1 a { height: 36px; } #headmenu #head_funcs .pseudoselect button.pseudolabel { /* 2024.2 KAZ: was #headmenu #head_funcs .pseudoselect */ /* background-color: var(--n2028-head-funcs-button-bg-color); */ /* 2024.2 KAZ: moved to common */ border: var(--n2028-head-funcs-button-border-color) 1px solid; /* border-radius: 10px; */ /* 2024.2 KAZ: moved to common */ display: block; margin-right: 3px; padding-top: 2px; color: var(--n2028-head-funcs-button-text-color); /* 2024.2 KAZ: moved from common */ font-size: 12px; /* FIXED */ text-align: center; /* background-color: transparent; * border: 0; * width: 100%; * pointer-events: none; */ /* 2024.2 KAZ: old code */ } #headmenu #head_funcs #font_size_selector button.pseudolabel { /* 2024.2 KAZ: was #headmenu #head_funcs #font_size_selector */ width: 74px; } #headmenu #head_funcs #color_selector button.pseudolabel { /* 2024.2 KAZ: was #headmenu #head_funcs #color_selector */ width: 56px; } #headmenu #head_funcs .pseudoselect ul.pseudooptions { top: 36px; left: 5px; } #headmenu #head_funcs #font_size_selector ul.pseudooptions { width: 64px; } #headmenu #head_funcs #color_selector ul.pseudooptions { width: 46px; } /* #headmenu #head_funcs .pseudoselect ul.pseudooptions { * display: flex !important; / * win over jQuery-inserted style * / * justify-content: center; * font-size: 0.625rem; / * 10px * / * } * #headmenu #head_funcs #font_size_selector ul.pseudooptions { * height: auto !important; / * win over jQuery-inserted style * / * } * #headmenu #head_funcs #color_selector ul.pseudooptions { * align-items: center; * gap: 0 2px; * height: 13px !important; / * win over jQuery-inserted style * / * } */ /* 2024.2 KAZ: old code */ #headmenu #head_funcs .pseudoselect ul.pseudooptions li { } /* #headmenu #head_funcs #font_size_selector ul.pseudooptions li:last-child::before { * display: block; * float: left; * content: '／'; * } */ /* 2024.2 KAZ: old code */ #headmenu #head_funcs .pseudoselect ul.pseudooptions li button { display: block; line-height: 24px; /* 2024.2 KAZ */ font-size: 14px; /* FIXED; 2024.2 KAZ */ } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button { } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button.font-size-normal { } #headmenu #head_funcs #font_size_selector ul.pseudooptions li button.font-size-large { line-height: 30px; /* 2024.2 KAZ */ font-size: 18px; /* FIXED; 2024.2 KAZ */ } #headmenu #head_funcs #color_selector ul.pseudooptions li button { } /* #headmenu #head_funcs #color_selector ul.pseudooptions li button { * border-radius: 50%; * width: 9px; * height: 9px; * text-indent: -9999px; * } * #headmenu #head_funcs #color_selector ul.pseudooptions li button.bg-normal { * border: 1px solid; * } */ /* 2024.2 KAZ: old code */ #headmenu #head_funcs #readspeaker_button1 { } #headmenu #head_funcs #readspeaker_button1 a { background-position: center bottom 3px; background-size: 17px auto; border-color: var(--n2028-head-funcs-button-border-color); width: 72px; font-size: 10px; /* FIXED */ } #headmenu #head_funcs .search { } #headmenu #head_funcs .search .searchform { /* 2024.1 KAZ: was #searchform */ } #headmenu #head_funcs .search .searchform, #headmenu .searchform input, #headmenu .searchform button { /* 2024.1 KAZ: was #searchform */ } #menu_open_btn { margin-left: calc(100% - 108px); /* 111px in design but for smaller devices */ } #menu_close_btn { display: none; position: absolute; width: 111px; height: 44px; bottom: 0; right: 0; } #menu_open_btn button, #menu_close_btn button { background-color: var(--n2028-head-sp-menu-btn-bg-color); border: 0; width: 100%; height: 44px; color: var(--n2028-head-sp-menu-btn-text-color); font-size: 0.625rem; /* 10px */ } #menu_open_btn button:focus, #menu_close_btn button:focus { outline-offset: -3px; } #menu_open_btn button img, #menu_close_btn button img { vertical-align: middle; } #menu_open_btn button img { margin-left: 10px; margin-right: 11px; } #menu_close_btn button img { margin-left: 13px; margin-right: 14px; } #headmenu ul#spmenu { background-color: var(--n2028-common-bg-color); display: none; position: absolute; overflow-y: auto; width: 100%; height: calc(var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height)); padding: 11px 0 50px; line-height: 1.4286; /* 20px */ font-size: 0.875rem; /* 14px */ } .admin-bar #headmenu ul#spmenu { height: calc(var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) - var(--wp-admin-bar-height)); } #headmenu ul#spmenu > li { width: var(--n2028-head-sp-menu-wall-width); /* 2024.1 KAZ: was var(--n2028-wall-width) */ margin-inline: auto; } #headmenu ul#spmenu > li:not(.search) { padding-left: 53px; } #headmenu ul#spmenu > li.haschildren { } #headmenu ul#spmenu > li.sogo { /* background: url(/images/icon_sogo_mountains.svg) no-repeat 137px 13px / 102px auto; */ /* 2024.1 KAZ: ChkHTML: moved to .parent a */ } #headmenu ul#spmenu > li.kokuspo { background: url(/images/icon_kokuspo_arukuma.png) no-repeat 5px 5px / 35px auto; } #headmenu ul#spmenu > li.zenshospo { background: url(/images/icon_zenshospo_arukuma.png) no-repeat 7px 5px / 32px auto; } #headmenu ul#spmenu > li.nochildren { } #headmenu ul#spmenu > li.search { padding-top: 41px; } #headmenu ul#spmenu > li .parent { } #headmenu ul#spmenu > li .parent, #headmenu ul#spmenu > li.nochildren .inner { padding-top: 5px; /* 2024.1 KAZ: ChkHTML */ padding-bottom: 4px; /* 2024.1 KAZ: ChkHTML */ } #headmenu ul#spmenu > li:not(.sogo) .parent, #headmenu ul#spmenu > li.nochildren .inner { border-top: var(--n2028-title-color) 1px solid; /* 2024.1 KAZ: ChkHTML */ } #headmenu ul#spmenu > li .parent .inner, #headmenu ul#spmenu > li.nochildren a { margin-inline: -7px; /* 2024.1 KAZ: ChkHTML */ } #headmenu ul#spmenu > li .parent a, #headmenu ul#spmenu > li .parent button, #headmenu ul#spmenu > li.nochildren a { background-color: var(--n2028-head-sp-menu-parent-bg-color); /* 2024.1 KAZ: ChkHTML */ } #headmenu ul#spmenu > li .parent a, #headmenu ul#spmenu > li.nochildren a { padding: 15px 0 15px 12px; /* 2024.1 KAZ: ChkHTML: was 20px 0 19px 5px */ color: var(--n2028-head-sp-menu-parent-text-color); /* 2024.1 KAZ: ChkHTML: was var(--n2028-title-color) */ } #headmenu ul#spmenu > li:not(.sogo) .parent a, #headmenu ul#spmenu > li.nochildren a { /* border-top: 1px solid; */ /* 2024.1 KAZ: ChkHTML: c/o */ } #headmenu ul#spmenu > li .parent a { float: left; width: calc(100% - 48px); } #headmenu ul#spmenu > li.sogo .parent a { background: var(--n2028-head-sp-menu-parent-bg-color) url(/images/icon_sogo_mountains.svg) no-repeat 91px 8px / 102px auto; /* 2024.1 KAZ: ChkHTML */ } #headmenu ul#spmenu > li .parent button { -webkit-appearance: none; appearance: none; /* background-color: transparent; */ /* 2024.1 KAZ: ChkHTML: c/o */ border: 0; box-shadow: none; display: block; width: 48px; height: 50px; /* 2024.1 KAZ: ChkHTML */ margin-left: calc(100% - 48px); padding: 0; text-align: center; } #headmenu ul#spmenu > li.sogo .parent button { /* height: 59px; */ /* 2024.1 KAZ: ChkHTML: c/o */ } #headmenu ul#spmenu > li:not(.sogo) .parent button { /* border-top: var(--n2028-title-color) 1px solid; */ /* 2024.1 KAZ: ChkHTML: c/o */ /* height: 60px; */ /* 2024.1 KAZ: ChkHTML: c/o */ } #headmenu ul#spmenu > li .parent button.collapse_btn { display: none; } #headmenu ul#spmenu > li.expanded .parent button.expand_btn { display: none; } #headmenu ul#spmenu > li.expanded .parent button.collapse_btn { display: block; } #headmenu ul#spmenu > li .submenu_panel { display: none !important; /* win over jQuery-inserted style */ clear: both; /* 2024.2 KAZ: ChkHTML for font-size-large */ padding-bottom: 13px; opacity: 1 !important; /* win over jQuery-inserted style */ } #headmenu ul#spmenu > li.expanded .submenu_panel { display: block !important; /* win over jQuery-inserted style */ } #headmenu ul#spmenu > li #sogo_subpanel { } #headmenu ul#spmenu > li #kokuspo_subpanel { } #headmenu ul#spmenu > li #zenshospo_subpanel { } #headmenu ul#spmenu > li .submenu_panel ul.children { padding-left: 5px; } #headmenu ul#spmenu > li .submenu_panel ul.children li { } #headmenu ul#spmenu > li .submenu_panel ul.children li::before { /* 2024.1 KAZ: per request */ display: block; float: left; padding: 13px 0; } #headmenu ul#spmenu > li .submenu_panel ul.children li a { display: inline-block; max-width: calc(100% - 1em); /* 2024.1 KAZ: missing */ padding: 13px 0; } #headmenu ul#spmenu > li.nochildren a { display: block; } #headmenu ul#spmenu > li.search .searchform { border: 1px solid; max-width: 286px; margin-inline: auto; } #headmenu ul#spmenu > li.search .searchform input { width: calc(100% - 48px); } #headmenu ul#spmenu > li.search .searchform button { } #sp_sns_menu { background-color: white; border-top: var(--n2028-dark-green) 1px solid; position: fixed; width: 100%; height: var(--n2028-sns-menu-height); bottom: 0; left: 0; } #sp_sns_menu ul.sns_icons { display: flex; justify-content: space-between; width: calc(100% - 60px); /* max-width: 370px; */ max-width: 200px; /* KAZ: temporarily until SNS gets ready */ padding: 8px min(5.867%, 25px); /* 22 / 375 */ } #sp_sns_menu ul.sns_icons li { } #sp_sns_menu ul.sns_icons li.notyet { display: none; /* KAZ: temporarily until SNS gets ready */ } #sp_sns_menu ul.sns_icons li a { border-radius: 50%; /* KAZ */ display: block; width: 29px; height: 29px; } #sp_sns_menu ul.sns_icons li a img { width: 100%; height: auto; } #xp1 { /* ReadSpeaker; 2024.2 KAZ: missing */ top: 101px; left: 5px; } .admin-bar #xp1 { /* ReadSpeaker; 2024.2 KAZ: missing */ top: calc(var(--wp-admin-bar-height) + 101px); } /* =Footer */ #ft_nav_top { right: 0 !important; bottom: 0 !important; z-index: 9999; } #ft_nav_top a { display: block; width: 58px; height: 45px; text-align: center; background-color: var(--n2028-dark-green); padding-top: 26px; } #ft_nav_top a::before { content: none; } #ft_nav_top a::after { position: absolute; width: 60px; height: 60px; background: url(/images/sp/totop_arukuma.png) no-repeat center / 100% auto; top: -40px; } } /* Smartphone専用のスタイル (メニュー以外) ----------------------------------------------- */ @media screen and (max-width: 767px) { .pctbonly { display: none !important; } .tbonly { display: none !important; } /* =Structure */ #primary { /* 2024.1 KAZ: was #primary.news_single */ float: none; margin: 0 auto; } #secondary { float: none; width: var(--n2028-semi-width); margin: 0 auto; } /* =Header */ #breadcrumbs { padding: 6px 5px 26px; /* KAZ: bottom was 37px */ font-size: 0.625rem; /* 10px; KAZ */ } :is(#my-kokuspo, #my-shospo) #breadcrumbs { padding-bottom: 21px; /* KAZ */ } /* Menu */ /* =Content */ #topmain, #main { padding-bottom: 128px; /* デザインは 110px ～ 170px とバラついている */ } #topmain { background: linear-gradient(to bottom, transparent 0% calc(100% - 130px), var(--n2028-sogo-normal-bg-color) calc(100% - 130px) 100%); } #topmain::after { height: 130px; } :root.bg-normal #topmain::after { background: url(/images/sp/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-common-bg-color); /* 2024.2 KAZ: color was var(--n2028-sogo-normal-bg-color) */ } :root.bg-normal .logged-in #topmain::after { /* 2026.3 KAZ */ background-color: var(--n2028-sogo-normal-bg-color); } #main { } :root.bg-normal .corner-sogo #main { /* 総合; 雲は標準色時のみ (以下同様) */ background: url(/images/sp/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-sogo-normal-bg-color); } :root.bg-normal .corner-sogo#my-blog #main { /* 共通 */ background: url(/images/sp/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 375px) auto, var(--n2028-sogo-dark-bg-color) /* linear-gradient */; } :root.bg-normal .corner-sogo:is(#my-bidding, #my-bidding-type) #main { /* 共通 */ background: url(/images/sp/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-yellow-green); } :root.bg-normal .corner-kokuspo #main { /* 国スポ */ background: url(/images/sp/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal .corner-zenshospo #main { /* 全障 */ background: url(/images/sp/bg_cloud_pink-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-normal #my-kokuspo #main { /* 国スポTOP; 2024.1 KAZ: added :root.bg-normal */ /* background: url(/images/sp/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto, url(/images/sp/bg_cloud_yellow-white.png) no-repeat center bottom / 100% auto var(--n2028-kokuspo-normal-bg-color); */ background: url(/images/sp/bg_top_kokuspo.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-kokuspo-normal-bg-color); /* 2024.2 KAZ: removed cloud */ padding-bottom: 0; /* 2024.2 KAZ */ } :root.bg-black #my-kokuspo #main { /* 国スポTOP; 2024.1 KAZ: per request */ background: url(/images/sp/bg_top_kokuspo_black.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-blue #my-kokuspo #main { /* 国スポTOP; 2024.1 KAZ: per request */ background: url(/images/sp/bg_top_kokuspo_blue.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-yellow #my-kokuspo #main { /* 国スポTOP; 2024.1 KAZ: per request */ background: url(/images/sp/bg_top_kokuspo_yellow.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal #my-shospo #main { /* 全障スポTOP; 2024.1 KAZ: added :root.bg-normal and revised */ /* background: url(/images/sp/bg_top_shospo.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto, url(/images/sp/bg_cloud_pink-white.png) no-repeat center bottom / 100% auto var(--n2028-zenshospo-normal-bg-color); */ background: url(/images/sp/bg_top_shospo.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-zenshospo-normal-bg-color); /* 2024.2 KAZ: removed cloud */ padding-bottom: 0; /* 2024.2 KAZ */ } :root.bg-black #my-shospo #main { /* 全障スポTOP; 2024.1 KAZ: per request */ background: url(/images/sp/bg_top_kokuspo_black.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-blue #my-shospo #main { /* 全障スポTOP; 2024.1 KAZ: per request */ background: url(/images/sp/bg_top_kokuspo_blue.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-zenshospo-normal-bg-color); } :root.bg-yellow #my-shospo #main { /* 全障スポTOP; 2024.1 KAZ: per request */ background: url(/images/sp/bg_top_kokuspo_yellow.png) no-repeat center calc(0px - var(--n2028-header-height)) / 100% auto var(--n2028-zenshospo-normal-bg-color); } #mainwall { } /* =Navigation */ #content #nav-single { padding: 35px 0; } /* =Widgets */ .widget ul { } .widget ul > li { } .widget ul > li a { } /* =Content */ #mainwall { /* background-image: url(/images/sp/bg_cloud_green.png); Aki c/o */ } .page-title, .page .entry-title, :is(#top_news, #top_about) h2 { /* background: url(/images/sp/bg_entry-title.png) no-repeat center 5px / 70.066% auto; */ background: url(/images/sp/bg_entry-title.png) no-repeat center 11px / 244px auto; /* KAZ */ padding-top: 60px; /* KAZ: was 50px */ padding-bottom: 68px; /* 2026.6 Aki was 46px / KAZ */ } .page-title, .page .entry-title { /* KAZ: added */ font-size: 1.5rem; /* 24px */ } /* =Footer */ #colophon { padding-top: 13px; /* 2024.1 KAZ: was 23px; KAZ */ } #ft_logo { width: 94%; /* 2024.1 KAZ */ padding: 10px 3%; /* 2024.1 KAZ */ } #ft_logo img { width: 311px; max-width: 100%; /* 2024.1 KAZ */ } #ft_add { font-size: 0.75rem; /* 12px */ line-height: 1.666; padding-top: 3px; /* 2024.1 KAZ: was 13px; KAZ */ padding-bottom: 16px; } #ft_add p.ttl { margin-bottom: 8px; font-size: 0.875rem; /* 2025.9 KAZ: added */ } #ft_links::before { content: ""; display: block; background: url(/images/sp/ft_arukuma.png) no-repeat top center / 100% auto transparent; width: 347px; height: 85px; position: absolute; top: -30px; left: 50%; transform: translatex(-50%); } #ft_links { position: relative; } ul#footmenu { position: relative; gap: 6px 0; padding: 14px 25.333%; /* z-index: 9999; */ /* KAZ: c/o; relative で十分; Aki ::beforeにあるアルクマ画像より上に出すため */ } html.font-size-large ul#footmenu { /* 2024.2 Aki */ padding: 14px 17.333%; /* 2024.2 KAZ: was 20.333% */ } ul#footmenu li { min-width: 12em; /* 2024.2 KAZ: ChkHTML for font-size-large; was 190px */ justify-content: end; } ul#footmenu li a { } ul#footmenu li a::after { } #ft_copyright { text-align: left; padding-top: 8px; padding-left: 10px; } /* Common entries */ a.linkbtn, button.linkbtn:not(.button-rewrite), span.linkbtn, a.linkbtn .inner, button.linkbtn:not(.button-rewrite) .inner, span.linkbtn .inner { border-radius: 30px; /* 2024.2 KAZ: debugged */ } a.linkbtn::before, button.linkbtn:not(.button-rewrite)::before, span.linkbtn::before, #inquiry_wrap p:is(.buttons-area-confirm, .submit-button)::before { border-radius: 31.5px; width: 246px; height: 63px; top: 2px; left: 2px; } a.linkbtn .inner, button.linkbtn:not(.button-rewrite) .inner, span.linkbtn .inner { /* border-radius: 30px; */ /* 2024.2 KAZ: debugged; moved above */ width: 249px; max-width: 249px; /* Aki */ height: 60px; padding-left: 24px; line-height: 58px; font-size: 1.125rem; /* 18px */ } a.linkbtn .inner::after, button.linkbtn:not(.button-rewrite) .inner::after, span.linkbtn .inner::after { width: 41px; height: 41px; line-height: 41px; top: 7px; right: 9px; padding-left: 16px; font-size: 0.875rem; /* 14px */ } a.linktext::after { top: 1px; } a.linkbtn_small { font-size: 0.875rem; /* 14px */ } a.linkbtn_small.pdf { font-size: 1rem; /* 16px */ filter: drop-shadow(4px 2px 0px var(--n2028-dark-yellow)); } a.linkbtn_small.pdf .size { font-size: 0.875rem; /* 14px */ } a.linkbtn_small.pdf::before { } a.linkbtn_small.pdf::after { width: 27px; height: 27px; font-size: 0.75rem; line-height: 25px; } a.linkbtn_schedule { border-top: 2px solid; width: 100%; } li:nth-child(even) a.linkbtn_schedule { border-left: 2px solid; } a.linkbtn_schedule .inner { padding-block: 5px; } a.linkbtn_schedule .link_arrow { } .alignleft.spfloatnone, .alignright.spfloatnone { /* 2026.04 KAZ */ display: block; float: none; margin: 20px auto; } /* Blog Page Components */ :is(#my-blog, #my-bidding, #my-bidding-type):not(.singular) .page-title { background-color: var(--n2028-common-bg-color); } .post_menu { padding-top: 25px; } #my-blog .post_menu { margin-inline: calc(50% - 46vw); /* 2024.1 KAZ: ChkHTML */ } .post_menu ul { gap: 20px 14px; } .post_menu ul > li { } .post_menu ul > li a { font-size: 0.875rem; /* 14px */ width: 100px; height: 35px; line-height: 35px; border-radius: 18px; } .post_menu ul > li a:hover { } .post_menu ul > li a::before, .post_menu ul > li a::after{ } .post_menu ul > li a::before { } .post_menu ul > li a::after { } /* 一覧 */ #my-blog #main { padding-bottom: 113px; } #my-blog .link.nyusatsu { padding-top: 18px; /* Aki chkHTML */ padding-bottom: 35px; /* 2024.1 KAZ */ } #my-blog .link.nyusatsu a.linkbtn::before, .nav-top a.linkbtn::before { width: 296px; left: 50%; transform: translatex(-50%); } #my-blog .link.nyusatsu a.linkbtn .inner, .nav-top a.linkbtn .inner { width: 296px; max-width: 296px; } .article_wrapper { } article.list { } article.list .wrap { } article.list .wrap .photo { } article.list .wrap .photo img { } article.list .wrap ul.categories { } article.list .wrap ul.categories > li { } article.list .wrap ul.categories > li a { } article.list .wrap .date { } article.list .wrap .title { } article.list .wrap .linktext { } /* 個別 */ :is(#my-blog, #my-bidding).singular #main { } #primary.news_single .wall { } article.single { border-radius: 30px; padding: 15px; } article.single .new { /* 2024.1 KAZ */ margin-bottom: 15px; line-height: 1.4444; /* 26px */ font-size: 1.125rem; /* 18px */ } article.single .photo { margin-bottom: 15px; /* 2024.1 KAZ: moved */ } article.single .photo img { } article.single .wrap { /* padding-top: 15px; */ /* 2024.1 KAZ: moved to margin-bottom of .photo */ } article.single .wrap .date { padding-top: 18px; } article.single .entry-title { font-size: 1.25rem; /* 20px */ line-height: 1.6; padding-top: 3px; } article.single .entry-content { line-height: 1.75; } .nav-top a.linkbtn { } .nav-top a.linkbtn::before { } /* 検索結果 */ #my-search .page-title { background-image: none; width: var(--n2028-wall-width); margin-inline: auto; } #my-search ul.search-results { padding: 20px 5.303% 27px; /* 17.5 / 330 */ } #my-search ul.search-results li { margin-bottom: 7px; } #my-search ul.search-results li > a { display: block; padding-bottom: 9px; } #my-search ul.search-results li > a .date { margin-bottom: 5px; } #my-search ul.search-results li > a .title { background-position: right 3px center; min-height: 22px; /* for background image */ padding-right: 46px; line-height: 1.25; /* 20px */ } #my-search #nav-below { margin-top: 37px; } #my-search .not-found { width: 80.5333%; /* 302 / 375 */ margin-inline: auto; } #my-search .not-found img { } /* Event & Location Page Components */ /* 実施競技 */ /* 一覧 == 固定ページ */ #my-competition.page { } #competition_form { } #competition_form form, #venue_form form { flex-direction: column; padding: 12px 0 21px; } #competition_form form .date { margin-bottom: 15px; } #competition_form form span.label, #venue_form form span.label { display: block; margin-bottom: 6px; margin-left: 1em; } #competition_form form .date span.label { } #competition_form form .date input, #competition_form form .venue span.select_wrapper select, #competition_form form .submit button, #venue_form form span.select_wrapper select, #venue_form form .submit button { } #competition_form form .date input { width: calc(50% - 8px - 0.5625rem); padding: 0 15px; /* 0 20px in design, but for the same width */ } #competition_form form .date span.wavy { } #competition_form form .venue { margin-bottom: 20px; } #competition_form form .venue span.label { } #competition_form form .venue span.select_wrapper, #venue_form form span.select_wrapper { width: 100%; } #competition_form form .venue span.select_wrapper, #venue_form form .venue span.select_wrapper { } #competition_form form .venue span.select_wrapper select, #venue_form form span.select_wrapper select { padding: 0 18px; } #competition_form form .submit, #venue_form form .submit { text-align: center; } #competition_form form .submit button, #venue_form form .submit button { width: 134px; padding: 0 0 0 16px; } #my-competition.page .post_menu { width: 96%; /* 2024.1 KAZ: ChkHTML: was 93.333% = 350 / 375 */ margin-bottom: 28px; } .corner-kokuspo#my-competition.page .post_menu ul { /* 2024.1 KAZ: ChkHTML: added .corner-kokuspo */ justify-content: flex-start; } #my-competition.page .post_menu ul li { } #my-competition.page .post_menu ul li a { width: auto; min-width: 100px; padding: 0 12px; /* minimum in design */ } #my-competition.page .post_menu ul li a.long { /* font-size: 0.75rem; */ /* 2024.1 KAZ: ChkHTML: c/o; 2024.1 KAZ: ChkHTML: 12px */ } #my-competition.page ul.sport_list { gap: 30px 6.06%; /* 20 / 330 */ max-width: 460px; margin-inline: auto; } #my-competition.page ul.sport_list li { width: 46.97%; /* 155 / 330 */ } #my-competition.page ul.sport_list li a { border-radius: 20px; width: 100%; } #my-competition.page ul.sport_list li a .arukuma { padding: 7px 18.71% 5px 7.097%; /* 29 / 155; 11 / 155 */ } #my-competition.page ul.sport_list li a .arukuma img { width: 100%; aspect-ratio: 1 / 1; } #my-competition.page ul.sport_list li a .name { min-height: 41px; font-size: 0.875rem; /* 14px */ } #my-competition.page .error_message { padding-top: 30px; } #my-competition.page .error_message img { } /* 個別 == event-categories アーカイブ */ #my-competition.tax-event-categories { } #my-competition.tax-event-categories #mainwall { } #my-competition.tax-event-categories #primary { width: 88.8%; /* 333 / 375; varies in design */ } #my-competition.tax-event-categories .sport_main { padding: 30px 6.607% 31px; /* 22 / 333 */ } #my-competition.tax-event-categories .sport_main .arukuma { text-align: center; } #my-competition.tax-event-categories .sport_main .arukuma img { width: 160px; height: auto; margin-bottom: 28px; } #my-competition.tax-event-categories .sport_main .sport_type { border-radius: 15px; min-width: 104px; height: 30px; margin-bottom: 20px; padding: 0 1em; line-height: 28px; } #my-competition.tax-event-categories .sport_main h1 { margin-bottom: 18px; margin-left: 6px; /* varies */ line-height: 1.375; /* 44px */ font-size: 2rem; /* 32px */ } #my-competition.tax-event-categories .sport_main .summary { margin-bottom: 30px; } #my-competition.tax-event-categories .sport_main .summary:empty { /* 2024.4 KAZ: added per request */ margin-bottom: 0; } #my-competition.tax-event-categories .sport_main .mainvisual { margin-bottom: 30px; } #my-competition.tax-event-categories .sport_main .mainvisual img { border-radius: 20px; } #my-competition.tax-event-categories .sport_main .details { margin-bottom: 30px; line-height: 1.75; /* 28px */ } #my-competition.tax-event-categories .sport_main .details .event_type { } #my-competition.tax-event-categories .sport_main .details .event_type h2, #location_details h2 { border-radius: 20px; padding: 12px 1em; line-height: 1.1818; /* 26px; 25px in design */ font-size: 1.375rem; /* 22px */ } #my-competition.tax-event-categories .sport_main .details .event_type h2 { margin-top: 30px; margin-bottom: 13px; /* 2024.1 KAZ: ChkHTML: was 16px */ } #my-competition.tax-event-categories .sport_main .details .event_type p { margin-bottom: 1.1818em; /* 2024.1 KAZ: ChkHTML */ } #my-competition.tax-event-categories .sport_main .details .event_type p img { } #my-competition.tax-event-categories .sport_main .details .event_type p img.alignleft { display: block; float: none; margin: 0 auto 11px; /* 2024.1 KAZ: ChkHTML: bottom was 14px */ vertical-align: bottom; } #my-competition.tax-event-categories .sport_main .events { margin-bottom: 37px; } #my-competition.tax-event-categories .sport_main .events h2, #my-competition.tax-event-categories .sport_main .locations h2, .location_list h2, #location_details section h3 { padding-bottom: 7px; line-height: 1.45; /* 29px */ font-size: 1.25rem; /* 20px */ } #my-competition.tax-event-categories .sport_main .events h2 { margin-bottom: 23px; } #my-competition.tax-event-categories .sport_main .events h2::before, #my-competition.tax-event-categories .sport_main .locations h2::before, .location_list h2::before, #location_details section h3::before { width: 14px; height: 14px; margin-left: 3px; margin-right: 9px; } #my-competition.tax-event-categories .sport_main .events p.note { /* 2026.4 MTL Aki */ text-align: left; } #my-competition.tax-event-categories .sport_main .events .event_table_wrapper, #location_details section.events .event_table_wrapper, #schedule_schedules .schedule_wrap .event_table_wrapper, #rehearsal_schedules .schedule_wrap .event_table_wrapper, /* 2026.06 KAZ: added */ .volunteer_detail .event_table_wrapper { /* 2026.09 KAZ: added */ position: relative; } #my-competition.tax-event-categories .sport_main .events .event_table_wrapper::after, #location_details section.events .event_table_wrapper::after, #schedule_schedules .schedule_wrap .event_table_wrapper::after, #rehearsal_schedules .schedule_wrap .event_table_wrapper::after, /* 2026.06 KAZ: added */ .volunteer_detail .event_table_wrapper::after { /* 2026.09 KAZ: added */ display: block; position: absolute; width: 100px; height: 100px; top: calc(50% - 50px); left: calc(50% - 50px); content: url(/images/sp/icon_swipe.svg); } #my-competition.tax-event-categories .sport_main .events .event_table_wrapper.scrolled::after, #location_details section.events .event_table_wrapper.scrolled::after, #schedule_schedules .schedule_wrap .event_table_wrapper.scrolled::after, #rehearsal_schedules .schedule_wrap .event_table_wrapper.scrolled::after, /* 2026.06 KAZ: added */ .volunteer_detail .event_table_wrapper.scrolled::after { /* 2026.09 KAZ: added */ display: none; } #my-competition.tax-event-categories .sport_main .events .event_table { } #my-competition.tax-event-categories .sport_main .events .not-found { } #my-competition.tax-event-categories .sport_main .locations { } #my-competition.tax-event-categories .sport_main .locations h2 { margin-bottom: 20px; } #my-competition.tax-event-categories .sport_main .locations ul.location_list { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li { padding: 26px 6.7474% 20px; /* 19.5 / 289 */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info { margin-bottom: 16px; } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .name { margin-bottom: 31px; line-height: 1.75; /* 28px */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .name a { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address { line-height: 1.2857; /* 18px */ font-size: 0.875rem; /* 14px */ } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address .label { margin-bottom: 6px; } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .info .address .value { } #my-competition.tax-event-categories .sport_main .locations ul.location_list li .gmap { height: 146px; } #my-competition.tax-event-categories #secondary { margin-top: 51px; } #my-competition.tax-event-categories #secondary h2 { text-align: center; /* 2024.1 KAZ: per request */ } #my-competition.tax-event-categories #secondary .widget_sport { } #my-competition.tax-event-categories #secondary .widget_sport h3 { font-size: 0.875rem; /* 14px; 2024.1 KAZ: per request */ } html.font-size-large #my-competition.tax-event-categories.corner-kokuspo #secondary .widget_sport:last-of-type h3 { font-size: min(0.875rem, 4.5vw); /* 17.1111px, 16.875 / 375; 2024.2 KAZ: ChkHTML for font-size-large */ } #my-competition.tax-event-categories #ternary { margin: 44px auto 0; } html.font-size-large #my-competition.tax-event-categories #ternary a.linkbtn::before { /* 2024.2 KAZ: ChkHTML for font-size-large */ width: 287px; } html.font-size-large #my-competition.tax-event-categories #ternary a.linkbtn span.inner { /* 2024.2 KAZ: ChkHTML for font-size-large */ width: 290px; max-width: 290px; } /* 実施会場 == location */ /* 一覧 */ #venue_map { padding: 17px 0 44px; } #venue_map .mapslider-wrapper { /* 2025.5 KAZ */ width: var(--n2028-wall-width); margin-bottom: 22px; } #venue_map .legend { margin-bottom: 12px; /* 2024.1 KAZ: per request */ } #venue_map .legend ul { gap: 10px; /* 2024.1 KAZ: per request */ padding: 10px 0; /* 2024.1 KAZ: per request */ } #venue_map .legend ul li { } #venue_map .legend ul li span.label { margin-right: 5px; /* 2024.1 KAZ: per request */ } #venue_map .legend ul li span.descr { } #venue_map .map { /* position: relative; overflow-x: auto; overflow-y: hidden; */ /* required for iPhone / 2025.6 Aki c/o */ margin-bottom: 26px; } .corner-kokuspo #venue_map .map { margin-bottom: 0; /* 2025.5 KAZ */ padding: 24px 0 31px; /* 2025.5 KAZ */ } #venue_map .map::after { display: block; position: absolute; width: 100px; height: 100px; top: calc(50% - 50px); content: url(/images/sp/icon_swipe.svg); } .corner-kokuspo #venue_map .map::after { /* left: 220px; */ /* 541 / 2 - 50 */ content: none; /* 2025.5 KAZ */ } .corner-zenshospo #venue_map .map::after { left: 269px; /* 638 / 2 - 50 */ } #venue_map .map.scrolled::after { display: none; } #venue_map .map img { } /* .corner-kokuspo 2025.6 Aki c/o */ #venue_map .map img { width: 84.8485%; /* 280 / 330; 2025.5 KAZ: ChkHTML: was 74.6667%: 2025.5 KAZ: was: 541px */ } .corner-zenshospo #venue_map .map img { width: var(--n2028-wall-width); /* 2025.6 Aki was 638px */ } #venue_map .mapcopyright, :is(.corner-kokuspo, .corner-zenshospo) #venue_map .date { font-size: 10px; /* 2025.5 KAZ */ } #venue_map .mapcopyright { /* 2025.5 KAZ */ margin: 0 auto; } #venue_map .date { /* 2024.4 nishi: rs_preserve */ width: 286px; margin: 0 auto; font-size: 14px; } /* .corner-kokuspo 2025.6 Aki c/o */#venue_map .date { width: auto; /* 2025.5 KAZ */ } .corner-zenshospo #venue_map :is(.mapcopyright, .date) { /* 2025.6 Aki added */ width: var(--n2028-wall-width); } #venue_map .date p { margin-bottom: 30px; /* 2024.9 KAZ: was 40px */ } #venue_map .mapslider-wrapper .slider_nav { /* 2025.5 KAZ */ } #venue_map .mapslider-wrapper .slider_nav .slick-arrow { /* 2025.5 KAZ */ top: calc(50% - 30px); } #venue_map .mapslider-wrapper .slider_nav .slick-prev { /* 2025.5 KAZ */ left: -6.5vw; } #venue_map .mapslider-wrapper .slider_nav .slick-next { /* 2025.5 KAZ */ right: -6.5vw; } #venue_map .mapslider-wrapper .slider_nav .slick-arrow svg { /* 2025.5 KAZ */ width: 30px; height: auto; } #venue_map .mapslider-wrapper .slider_nav .slick-arrow svg circle { /* 2025.5 KAZ */ opacity: 0; } #venue_map .mapslider-wrapper .slider_buttons { /* 2025.5 KAZ */ bottom: 15px; right: 22px; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots { /* 2025.5 KAZ */ gap: 0 14px; } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots li { /* 2025.5 KAZ */ } #venue_map .mapslider-wrapper .slider_buttons ul.slick-dots li button { /* 2025.5 KAZ */ width: 8px; height: 8px; } #venue_map .mappdflink { /* 2024.9 KAZ */ margin-bottom: 30px; } #venue_map .mappdflink a.linkbtn { /* 2024.9 KAZ */ margin-bottom: 20px; } .font-size-large #venue_map .mappdflink a.linkbtn::before { /* 2024.9 KAZ */ width: 263px; } #venue_map .mappdflink a.linkbtn .inner { /* 2024.9 KAZ */ padding-block: 8px; line-height: 20px; } .font-size-large #venue_map .mappdflink a.linkbtn .inner { /* 2024.9 KAZ */ width: 266px; max-width: none; } #venue_map .mappdflink a.linkbtn .inner svg { /* 2024.9 KAZ */ float: left; width: 31.5px; height: 40px; } /* 2025.5 MTL Aki added for #map-pdf-link */ #map-pdf-link { margin-top: 22px; /* 2025.6 Aki */ margin-bottom: 23px; /* KAZ */ padding: 13px 0 3px; } #map-pdf-link h2 { font-size: 0.875rem; /* 14px */ margin-bottom: 12px; } #map-pdf-link ul { gap: 14px; /* KAZ: was 14px 10px */ margin-bottom: 13px; } #map-pdf-link ul > li { width: calc(50% - 7px); /* KAZ */ } #map-pdf-link ul > li a { width: 100%; /* KAZ */ /* min-width: 148px; */ font-size: 0.75rem; /* 12px */ } #map-pdf-link ul > li:is(.map_black, .map_yellow, .map_blue) a::before { margin-right: 3px; /* KAZ: ChkHTML: was 6px */ } #venue_map .pdflink { /* See also #competition_form form */ width: 286px; margin-inline: auto; } #venue_map .pdflink a { } #venue_map .pdflink a::before { float: left; margin-top: 5px; } #venue_form { /* See #competition_form */ } #venue_form form { /* See also #competition_form form */ } #venue_form form .venue { margin-bottom: 15px; } #venue_form form .sport { margin-bottom: 20px; } #venue_form form span.label { /* See #competition_form */ } #venue_form form span.select_wrapper { } #venue_form form span.select_wrapper::before { /* See a.linktext::after and .widget ul > li a::after */ } #venue_form form .sport span.select_wrapper { } #venue_form form span.select_wrapper select { } #venue_form form .submit { } #venue_form form .submit button { } .location_list { margin-top: 40px; } .location_list .wall { /* See also #competition_form form */ padding: 20px 6.8182% 23px; /* 22.5 / 330 */ } .location_list h2 { /* See #my-competition.tax-event-categories .sport_main .events h2 */ margin-bottom: 22px; } .location_list h2::before { /* See #my-competition.tax-event-categories .sport_main .events h2::before */ } .location_list ul { gap: 13px 0; } .location_list ul li { } .location_list ul li a { } .location_list ul li a .image { } .location_list ul li a .image img { } .location_list ul li a .title { min-height: calc(2.8571em + 16px); padding: 7px 1em 9px; line-height: 1.4286; /* 20px */ font-size: 0.875rem; /* 14px */ } .location_list ul li a .seemore { padding: 8px 0; } .location_list ul li a .seemore::after { } /* 個別 */ #my-location .page-title { /* See .page .entry-title */ } #my-location .hentry { padding-top: 22px; } #my-location h1.entry-title { padding: 43px 0 37px; line-height: 1.4; /* 35px */ font-size: 1.5625rem; /* 25px */ } #location_details { } #location_details h2 { /* See also #my-competition.tax-event-categories .sport_main .details .event_type h2 */ margin-bottom: 28px; } #location_details .entry-image { margin: 0 -6.8182% 24px; /* -22.5 / 330 */ } #location_details section { margin-bottom: 30px; padding: 20px 6.2121% 23px; /* 20.5 / 330 */ } #location_details section h3 { /* See also #my-competition.tax-event-categories .sport_main .events h2 */ } #location_details section.address { } #location_details section.address h3 { margin-bottom: 14px; } #location_details section.address .content { line-height: 1.5; /* 24px; 2024.1 KAZ: ChkHTML: was 28px as in design */ } #location_details section.website { } #location_details section.website h3 { margin-bottom: 25px; } #location_details section.website .content { font-size: 1.125rem; /* 18px */ } #location_details section.website .content a { } #location_details section.website .content a span.note { display: inline-block; margin-top: 36px; } #location_details section.events { } #location_details section.events h3 { margin-bottom: 12px; } #location_details section.events .event_table_wrapper { } #location_details section.events .event_table { } #location_details section.events .not-found { } #my-location .gmap { height: 280px; margin: 51px 0 9px; } /* Front Page Components */ .top_mainvisual_wrap::before { content: ''; display: block; padding-top: 540%; /* 2026.1 KAZ: was 250.80% */ } .top_mainvisual_wrap #top_mainvisual.fixed { position: fixed; top: auto; bottom: var(--n2028-sns-menu-height); left: 0; } .top_mainvisual_wrap #top_mainvisual { /* 2025.7 KAZ: new */ /* margin-bottom: -50px; padding-bottom: 22px; */ position: absolute; width: 100%; top: 0; left: 0; } #top_mainvisual::after { /* 2026.1 KAZ */ background-size: 108% auto; width: 100%; aspect-ratio: 3030 / 781; /* 3272 / 1.08 */ } #top_mainvisual video { /* width: max(374px, 100%); aspect-ratio: 374 / 938; left: min(0px, calc(50% - 187px)); */ width: 100%; } #top_mainvisual .heading { padding-top: 50px; } #top_mainvisual .heading .logomarks { width: 121px; top: 0; right: 0; } #top_mainvisual .heading h1 { /* min-height: calc(100vh - 120px - var(--n2028-header-height)); */ } #top_mainvisual .heading h1 img { } #top_mainvisual .heading ul.mainmenu { flex-direction: column; width: var(--n2028-wall-width); height: 186px; margin-top: 23px; } #top_mainvisual .heading ul.mainmenu li { } #top_mainvisual .heading ul.mainmenu li a { border-width: 5px; padding: 8px 0px 11px 16px; } #top_mainvisual .heading ul.mainmenu li a::after { right: 9px; } #top_mainvisual .heading ul.mainmenu li a span.nickname { line-height: 1.4583; /* 35px */ font-size: 1.5rem; /* 24px */ } #top_mainvisual .heading ul.mainmenu li a span.name { } @media (any-hover: hover) { #top_mainvisual .heading ul.mainmenu li a:hover::after { right: 1px; } } #top_mainmenu, #top_mainmenu .wall { height: calc(var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)); } #top_mainmenu { /* position: relative; */ margin-bottom: 23px; } .admin-bar #top_mainmenu, .admin-bar #top_mainmenu .wall { height: calc(var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px) - var(--wp-admin-bar-height)); } #top_mainmenu .wall { position: fixed; overflow: hidden; top: var(--n2028-header-height); left: 0; } .admin-bar #top_mainmenu .wall { top: calc(var(--n2028-header-height) + var(--wp-admin-bar-height)); } #top_mainmenu .heading { background: url(/images/sp/bg_top_mainmenu_people.png) no-repeat center bottom / max(100%, 375px) auto, url(/images/sp/bg_top_mainmenu.webp) no-repeat center top / cover; height: 100%; padding-top: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.3256); /* 182 / 559 */ } .admin-bar #top_mainmenu .heading { padding-top: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px) - var(--wp-admin-bar-height)) * 0.3256); /* 182 / 559 */ } #top_mainmenu .heading .logomark { gap: 0 5px; width: 91px; top: 13px; left: 17px; } #top_mainmenu .heading .logomark img { width: 43px; } #top_mainmenu .heading h1 { width: 91.467%; /* 343 / 375 */ /* max-width: 343px; */ max-width: min(343px, calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.8)); /* 2024.2 KAZ: 縦横両方向のリスポンシブ */ /* margin-bottom: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.0751 - min(29.1376vw, 109.266px)); */ /* (42 / 559) x - (109.266 / 375) */ margin-bottom: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.0751 - min(29.1376vw, 109.266px, calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.29))); /* (42 / 559) x - (109.266 / 375); 2024.2 KAZ */ margin-inline: auto; } .admin-bar #top_mainmenu .heading h1 { /* margin-bottom: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px) - var(--wp-admin-bar-height)) * 0.0751 - min(29.1376vw, 109.266px)); */ /* (42 / 559) x - (109.266 / 375) */ margin-bottom: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px) - var(--wp-admin-bar-height)) * 0.0751 - min(29.1376vw, 109.266px, calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.29))); /* (42 / 559) x - (109.266 / 375); 2024.2 KAZ */ } #top_mainmenu .heading h1 img { width: 100%; /* 2025.7 KAZ */ } /* カウントダウン 2026.1 Aki+KAZ */ #top_countdown { } #top_countdown .wall { padding-top: 30px; } #top_countdown .wrapper { flex-wrap: wrap; gap: 20px 0; } #top_countdown .wrap { width: 100%; aspect-ratio: 320 / 343; } :root.bg-normal #top_countdown #top_countdown_toki { background-image: url(/images/sp/cd_touki.svg); } :root.bg-normal #top_countdown #top_countdown_kokuspo { background-image: url(/images/sp/cd_kokuspo.svg); } :root.bg-normal #top_countdown #top_countdown_shospo { background-image: url(/images/sp/cd_shospo.svg); } :root:not(.bg-normal) #top_countdown #top_countdown_toki { background-image: url(/images/sp/cd_touki_black.svg); } :root:not(.bg-normal) #top_countdown #top_countdown_kokuspo { background-image: url(/images/sp/cd_kokuspo_black.svg); } :root:not(.bg-normal) #top_countdown #top_countdown_shospo { background-image: url(/images/sp/cd_shospo_black.svg); } #top_countdown .wrap .days { bottom: 59.1837%; /* 203 / 343 */ right: 20.3125%; /* 65 / 320 */ font-size: 19.25vw; /* 70 / 320 * 0.88 */ } #top_mainmenu .heading ul.mainmenu { width: 89.6%; /* 336 / 375 */ /* max-width: 336px; */ max-width: min(336px, calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.8)); /* 2024.2 KAZ: 縦横両方向のリスポンシブ */ margin-inline: auto; } #top_mainmenu .heading ul.mainmenu li, #top_mainmenu .heading ul.mainmenu li a { height: 172px; max-height: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.3333); /* 2024.2 KAZ */ } #top_mainmenu .heading ul.mainmenu li { width: 47.619%; /* 160 / 336 */ } #top_mainmenu .heading ul.mainmenu li::before { border-radius: 36px; top: 9px; left: 0; } #top_mainmenu .heading ul.mainmenu li::after { box-shadow: 0 0 50px 0 rgba(0,0,0,0.4); width: 56.25%; /* 90 / 160 */ height: 153px; max-height: calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.2965); /* 2024.2 KAZ */ top: min(28px, calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.0543)); /* 2024.2 KAZ: added min() */ left: 21.875%; /* 35 / 160 */ } #top_mainmenu .heading ul.mainmenu li a { border-radius: 26px; text-align: center; } #top_mainmenu .heading ul.mainmenu li.kokuspo a { padding: min(16px, 11%) 0 0; /* 2024.2 KAZ: added min() */ } #top_mainmenu .heading ul.mainmenu li.zenshospo a { padding: min(12px, 8%) 0 0; /* 2024.2 KAZ: added min() */ } #top_mainmenu .heading ul.mainmenu li a::after { width: 17px; height: 17px; /* bottom: min(16px, calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.031)); */ /* 2024.2 KAZ: added min() */ top: 139px; /* 2024.2 KAZ: better */ left: calc(50% - 8px); } #top_mainmenu .heading ul.mainmenu li a .arukuma { margin-bottom: min(11px, calc((var(--viewheight) - var(--n2028-header-height) - var(--n2028-sns-menu-height) + max(8.533vw, 32px)) * 0.0213)); /* 2024.2 KAZ: added min() */ } #top_mainmenu .heading ul.mainmenu li a .arukuma img { } #top_mainmenu .heading ul.mainmenu li.kokuspo a .arukuma img { width: 70px; max-width: 44%; /* 2024.2 KAZ */ } #top_mainmenu .heading ul.mainmenu li.zenshospo a .arukuma img { width: 63px; max-width: 40%; /* 2024.2 KAZ */ } #top_mainmenu .heading ul.mainmenu li a .text { } #top_mainmenu .heading ul.mainmenu li a .text img.logo { max-width: 90%; /* 2024.2 KAZ */ } #top_mainmenu .heading ul.mainmenu li.kokuspo a .text img.logo { width: 114.5px; } #top_mainmenu .heading ul.mainmenu li.zenshospo a .text img.logo { width: 128px; } #top_mainmenu .heading .copyright { margin-right: 10px; font-size: 0.625rem; /* 10px */ /* transform: scale(0.8); */ /* 2024.2 KAZ: was 8px; per request */ /* transform-origin: right top; */ } /* 2028NAGANO */ #introduction { padding-top: 14.666%; } #introduction .wall { background: url(/images/sp/bg_2028nagano_photo1.png) no-repeat center top / 435px auto, url(/images/sp/bg_2028nagano_photo2.png) no-repeat center top 760px / 410px auto, var(--n2028-top-light-bg-color); padding-bottom: calc(25.333% + 50px); } #introduction.new .wall { /* 2025.7 KAZ */ background: url(/images/sp/bg_2028nagano_photo1.png) no-repeat center top / 435px auto, url(/images/sp/bg_2028nagano_photo2.png) no-repeat center top 1270px / 410px auto, var(--n2028-top-light-bg-color); } html.font-size-large #introduction .wall { /* 2024.2 Aki */ background: url(/images/sp/bg_2028nagano_photo1.png) no-repeat center top / 435px auto, url(/images/sp/bg_2028nagano_photo2.png) no-repeat center top 980px / 410px auto, var(--n2028-top-light-bg-color); } html.font-size-large #introduction.new .wall { /* 2025.7 KAZ */ background: url(/images/sp/bg_2028nagano_photo1.png) no-repeat center top / 435px auto, url(/images/sp/bg_2028nagano_photo2.png) no-repeat center top 1640px / 410px auto, var(--n2028-top-light-bg-color); } #introduction::before, #top_about::before, /* 2026.3 KAZ: merged */ #top_sponsors::before { /* 2026.3 KAZ: added */ background: var(--n2028-top-2028nagano-cloud) no-repeat center top / 100% auto; height: 14.666%; } #introduction .descr { } #introduction .descr p { font-size: 1.125rem; /* 18px */ } #introduction .descr p.strong { font-size: 1.6875rem; /* 27px */ line-height: 1.481; padding: 15px 0; } #introduction .descr p.strong span { font-size: 2.5rem; /* 40px */ } #introduction .descr p.colored { } #introduction .descr.wrap1 { width: 76.8%; min-width: 288px; margin: 0 auto; padding-top: 305px; } #introduction.new .descr.wrap1 { /* 2025.7 KAZ */ width: 320px; } #introduction.new .descr.wrap1 p.narrow { /* 2025.7 KAZ */ margin-right: -1.5em; } #introduction.new .descr.wrap1 p.colored { /* 2025.7 KAZ */ font-size: 2rem; /* 32px */ } #introduction .title { width: 89.866%; min-width: 338px; font-size: 5.25rem; /* 84px */ text-align: left; line-height: 1.55; padding-top: 325px; margin: 0 auto; } #introduction.new .title { /* 2025.7 KAZ */ margin-bottom: 370px; padding-top: 11px; } #introduction .title::after { width: 182px; height: 123px; bottom: 98px; left: calc(50% - 5px); } #introduction .descr.wrap2 { margin-top: -10px; } #introduction .yt_slider_wrapper { /* 2025.7 KAZ */ max-width: 600px; margin-bottom: 46px; padding-top: 20px; } #introduction .yt_slider_wrapper .yt_slider { /* 2025.7 KAZ */ width: 200px; margin-bottom: 16px; padding: 47px 0 23px; } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) { /* 2026.04 KAZ */ width: calc(50% + 300px); padding-left: calc(50% - 100px); } #introduction .yt_slider_wrapper .yt_slider .slide { /* 2025.7 KAZ */ padding: 0 15px; transform-origin: center 65.5%; } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) .slide:first-child, /* 2026.04 KAZ */ #introduction .yt_slider_wrapper .yt_slider .slick-slide.slick-active .slide { /* 2025.7 KAZ */ transform: scale(1.7235); } #introduction .yt_slider_wrapper .yt_slider .slide .image { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider:not(.slick-initialized) .slide:first-child .image, /* 2026.04 KAZ */ #introduction .yt_slider_wrapper .yt_slider .slick-slide.slick-active .slide .image { /* 2025.7 KAZ */ box-shadow: 0 0 11.6px 0 rgba(0,0,0,0.3); } #introduction .yt_slider_wrapper .yt_slider .slide a { /* 2025.7 KAZ */ width: 85%; /* 170 / 200 */ left: 7.5%; /* 15 / 200 */ } #introduction .yt_slider_wrapper .yt_slider .slide a svg { /* 2025.7 KAZ */ width: 26px; } #introduction .yt_slider_wrapper .yt_slider .slide a img.icon { /* 2025.7 KAZ */ width: 51px; } #introduction .yt_slider_wrapper .yt_slider_panel { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul li { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul li button { /* 2025.7 KAZ */ } #introduction .yt_slider_wrapper .yt_slider_panel ul li button::after { /* 2025.7 KAZ */ width: 10px; height: 10px; } #introduction .sns { margin: 30px 0; } .sns p { font-size: 1.25rem; /* 20px */ background-size: 264px; } .sns ul.sns_icons { gap: 0 20px; padding-top: 10px; } .sns ul.sns_icons > li { } .sns ul.sns_icons > li a { } .sns ul.sns_icons > li a .text { font-size: 0.625rem; /* 10px */ padding-top: 5px; } .sns ul.sns_icons > li a img { width: 40px; } @media (any-hover: hover) { .sns ul.sns_icons > li a:hover img { } } #introduction .imgonly.message { padding: 0 6.533%; } #introduction .imgonly.message img { width: 100%; /* 2025.7 KAZ: missing */ } #introduction.new .imgonly.message img { /* 2025.7 KAZ */ max-width: 326px; } #introduction::after { background: var(--n2028-top-2028nagano-bottom) no-repeat center bottom / 100% auto; width: 100%; height: 25.333vw; /* 2025.7 KAZ: was 25.333% */ bottom: 0; top: auto; } /* Banners */ #top_banners { padding-bottom: 70px; /* Aki */ } #my-top #top_banners { padding-top: 34px; /* KAZ */ } #top_banners .banner_wrapper { margin-left: 5.333%; /* 20 / 375 */ } #top_banners .banner_slider { width: 328px; max-width: 92.394%; /* 328 / 355 */ margin-bottom: 20px; margin-left: -2.394%; /* -8.5 / 355 */ } #top_banners .banner_slider .slick-list { } #top_banners .banner_slider .slick-list .slick-track { } #top_banners .banner_slider .slick-list .slick-track .slick-slide { } #top_banners .banner_slider .banner { padding: 0 2.591%; /* 8.5 / 328 */ } #top_banners .banner_slider .banner a { } #top_banners .slider_buttons { } #top_banners .slider_buttons button { } #top_banners .slider_buttons button:focus { outline-offset: -3px; /* 2024.1 KAZ */ } #top_banners .slider_buttons #banner_slider_stop { float: left; } #top_banners .slider_buttons ul { display: none !important; /* 2024.1 KAZ: per request */ align-items: center; flex-wrap: wrap; width: 174px; height: 38px; margin-left: auto; margin-right: 5.634%; /* 20 / 355 */ padding-top: 6px; } #top_banners .slider_buttons ul li { } #top_banners .slider_buttons ul li button { } #top_news ul.news_list { padding-bottom: 40px; } /* 新着情報・トピックス */ :is(#top_news, #top_about) h2 { font-size: 1.5rem; /* 24px */ background: url(/images/sp/bg_entry-title.png) no-repeat center top var(--n2028-common-bg-color); /* KAZ: was url(/images/sp/bg_toph2.png) */ } #top_news { padding-bottom: 200px; } #top_news h2 { background: url(/images/sp/bg_entry-title.png) no-repeat top 5px center / 65.066% auto var(--n2028-common-bg-color); padding-bottom: 76px; } #top_news::after { height: 44.266%; /* Aki was 166px */ background: url(/images/sp/bg_topnews.png)no-repeat center bottom/100% auto; } ul.news_list { padding: 37px 0 28px; } ul.news_list > li { min-width: 297px; padding-bottom: 37px; /* margin-bottom: 17px; Aki c/o chkHTML */ } @media (any-hover: hover) { ul.news_list > li:hover { padding-bottom: 33px; } } ul.news_list > li .wrap { } ul.news_list > li .photo { height: 156px; } ul.news_list > li .photo img { height: 100%; object-fit: cover; } ul.news_list > li .date { padding-top: 5px; } ul.news_list > li ul.categories, article .wrap ul.categories { } ul.news_list > li ul.categories > li, article .wrap ul.categories > li { } ul.news_list > li ul.categories > li a, article .wrap ul.categories > li a { font-size: 0.875rem; /* 14px */ min-width: 80px; /* 2024.2 Aki was width */ height: 26px; line-height: 21px; } ul.news_list > li a.title { padding-top: 5px; } ul.news_list > li a.linktext { } ul.news_list > li a.linktext::after { top: 1px; } /* 大会について */ #top_about, #top_sponsors { /* 2026.3 KAZ: added */ padding-top: 14%; margin-top: -14.666%; } #top_about::before { /* background: url(/images/sp/bg_about_cloud.png) no-repeat center top / 100% auto; Aki c/o */ /* background: var(--n2028-top-2028nagano-cloud) no-repeat center top / 100% auto; */ /* 2026.3 KAZ: merged above */ /* height: 14.666%; */ /* 2026.3 KAZ: merged above */ } #top_about .wall { background-color: var(--n2028-sogo-normal-bg-color); } #top_about h2 { background-color: transparent; background-size: 70.066% auto; padding-bottom: 138px; } #my-top #top_about .wrapper { } #my-top #top_about .wrapper .wrap { padding: 90px 0 58px; } #my-top #top_about .wrapper .wrap .circle { min-width: 758px; max-height: 758px; } html.font-size-large #my-top #top_about .wrapper .wrap .circle { max-height: 958px; /* 2024.2 Aki */ } #my-top #top_about .wrapper .wrap h3 { font-size: 1.75rem; /* 28px */ line-height: 1.5; } #my-top #top_about .wrapper .wrap .imgonly { text-align: center; } #my-top #top_about .wrapper .wrap .imgonly img { } #my-top #top_about .wrapper .wrap p { width: 85.333%; margin: 0 auto; } #my-top #top_about .wrapper .wrap p.small { } #my-top #top_about .wrapper .wrap .linkwrap { width: 263px; /* KAZ: for wider devices */ margin-inline: auto; /* KAZ: for wider devices */ padding-top: 38px; } #my-top #top_about .wrapper .wrap::before, #my-top #top_about .wrapper .wrap::after { } #my-top #top_about .wrapper .wrap.wrap1 { margin-bottom: 143px; } #my-top #top_about .wrapper .wrap.wrap1::before { width: 317px; height: 150px; top: -85px; } #my-top #top_about .wrapper .wrap.wrap1 .imgonly { padding-bottom: 15px; } #my-top #top_about .wrapper .wrap.wrap1 .imgonly img { width: 129px; } #my-top #top_about .wrapper .wrap.wrap1 p { } #my-top #top_about .wrapper .wrap.wrap2 { padding-top: 70px; margin-bottom: 92px; } #my-top #top_about .wrapper .wrap.wrap2::before { width: 357px; height: 157px; top: -115px; } #my-top #top_about .wrapper .wrap.wrap2 .imgonly { padding: 17px 0 5px; } #my-top #top_about .wrapper .wrap.wrap2 .imgonly img { width: auto; height: 213px; } #my-top #top_about .wrapper .wrap.wrap2 p:not(.small) { padding-top: 28px; } #my-top #top_about .wrapper .wrap.wrap3 { padding-top: 145px; } #my-top #top_about .wrapper .wrap.wrap3 .circle { min-width: 805px; max-height: 805px; } #my-top #top_about .wrapper .wrap.wrap3::before { width: 343px; height: 160px; top: -40px; } #my-top #top_about .wrapper .wrap.wrap3 h3 { padding-bottom: 30px; } #my-top #top_about .wrapper .wrap.wrap3 .imgonly { } #my-top #top_about .wrapper .wrap.wrap3 .imgonly::after { content: none; } #my-top #top_about .wrapper .wrap.wrap3 p:not(.small) { padding-top: 10px; } #my-top #top_about .wrapper .wrap.wrap3 p.small { width: 100%; padding-top: 5px; padding-left: 0.5em; } #my-top #top_about .wrapper .wrap.wrap3 .imgonly.sponly { width: 200px; height: auto; padding-top: 5px; } #my-top #top_about .wrapper .wrap.wrap3 .linkwrap { padding-top: 4px; } #my-top #top_about .wrapper .wrap.wrap3 a.linktext { } .linkbtn_small a { } .linkbtn_small.zensho a { } #top_sns { /* 2024.2 KAZ */ padding-top: 130px; } .logged-in #top_sns { /* 2026.3 KAZ */ padding-bottom: calc(14.666% + 80px); } #top_sns::before { /* 2024.2 KAZ */ height: 130px; } :root.bg-normal #my-top #top_sns::before { /* 2024.2 KAZ */ background: url(/images/sp/bg_cloud_green-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-sogo-normal-bg-color); } :root.bg-normal #my-kokuspo #top_sns::before { /* 2024.2 KAZ */ background: url(/images/sp/bg_cloud_yellow-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-kokuspo-normal-bg-color); } :root.bg-normal #my-shospo #top_sns::before { /* 2024.2 KAZ */ background: url(/images/sp/bg_cloud_pink-white.png) no-repeat center bottom / max(100%, 375px) auto var(--n2028-zenshospo-normal-bg-color); } #top_sns .wall { /* 2024.2 KAZ */ flex-direction: column; gap: 70px 0; /* varies in design */ width: 300px; padding-top: 75px; } #my-kokuspo #top_sns .wall, #my-shospo #top_sns .wall { /* 2024.2 KAZ */ padding-bottom: 121px; } #top_sns h2 { /* 2024.2 KAZ */ margin-bottom: 33px; /* varies in design */ } #top_sponsors #sponsor_banners { /* 2026.3 KAZ */ } /* Fixed Page Components */ /* やまびこ国体・やまびこ大会とは */ #my-kokutai .entry-title { font-size: min(6.4vw, 1.5rem); /* 2024.1 KAZ: ChkHTML */ } /* サイトマップ */ .corner_sitemap { margin-bottom: 30px; padding: 32px 33px 35px; } .corner_sitemap .corner_top { } .corner_sitemap .corner_top a.linkbtn_small { width: 100%; margin-bottom: 35px; } .corner_sitemap ul { gap: 25px 0; } .corner_sitemap:not(#sitemap_sns) ul { margin-left: 7px; } #sitemap_sns ul { justify-content: space-between; } .corner_sitemap ul li { width: 100%; } .corner_sitemap ul li a { } #sitemap_sns ul li:nth-child(odd) { width: 120px; } #sitemap_sns ul li:nth-child(even) { width: 87px; } .corner_sitemap ul li a { } /* お問い合わせ */ :is(#my-inquiry, #my-thanks) #main { padding-bottom: 190px; } #inquiry_message { text-align: center; line-height: 1.75; } #inquiry_wrap { } #inquiry_wrap .wall { padding: 27px 15px 30px; } #inquiry_wrap p { } table.contactform { } table.contactform p { } table.contactform th { } table.contactform th p { } table.contactform td { padding-right: 0; } .required { } table.contactform input[type=text], table.contactform input[type=email], table.contactform input[type=tel], /* 2026.09 KAZ: added */ textarea { } table.contactform textarea { height: 280px; padding: 18px 11px; } #inquiry_wrap p.accept_line { margin-bottom: 26px; } #inquiry_wrap p.accept_line .wpcf7-list-item { margin-left: 0; } #inquiry_wrap p.link { margin-bottom: 24px; } #inquiry_wrap p.buttons-area-confirm { text-align: center; } input.button-confirm { background-size: 41px auto; } input.button-confirm::before { } #inquiry_wrap p:is(.buttons-area-confirm, .submit-button)::before { } #inquiry_wrap p.submit-button::before { top: auto; } #inquiry_wrap p.buttons-area { gap: 26px 0; } button.linkbtn:not(.button-rewrite) { } form.wpcf7-form span.wpcf7-form-control-wrap .error-messages { text-align: left; } form.wpcf7-form-mode-confirm table.contactform :is(th, td) { display: block !important; font-size: 1rem; padding-bottom: 0 !important; } form.wpcf7-form-mode-confirm table.contactform td p { margin-bottom: 30px; } form.wpcf7-form-mode-confirm #inquiry_wrap table::after { margin-top: 25px; margin-bottom: 9px; } /* Thanks Page */ #thanks_wrap { } #thanks_wrap .wall { padding: 35px 21px 28px; } #thanks_wrap h2 { white-space: nowrap; padding-top: 15px; } #thanks_wrap .imgonly { width: 164px; } #thanks_wrap p:not(.strong) { font-size: 0.75rem; /* 12px */ line-height: 1.666; padding-top: 17px; } #thanks_wrap p.strong { line-height: 1.75; padding-bottom: 4px; } /* kyogi-syokai Components 競技紹介 2025.11 MTL Aki */ #kyogi-syokai { padding-top: 25px; padding-bottom: 40px; } #kyogi-syokai .wrapper .wrap { width: 282px; height: 301px; } #kyogi-syokai .wrapper .wrap a::after, .wrap.has_img_link a::after { width: 30px; height: 30px; padding: 7px 0 4px; bottom: 16px; left: 50%; font-size: 12px; /* FIXED: KAZ: ChkHTML: was 0.75rem; 12px */ transform: translatex(-50%); } #kyogi-syokai .wrapper .wrap :is(a, .nolink) .inner { padding: 23px 20px; } #kyogi-syokai .wrapper .wrap img, .wrap.has_img_link img { width: 118px; height: auto; } #kyogi-syokai .wrapper .wrap .ttl, .wrap.has_img_link .ttl { margin-top: 4px; /* KAZ */ margin-bottom: 6px; /* KAZ: was 12px */ font-size: 24px; /* FIXED: KAZ: ChkHTML: was 1.5rem; 24px */ } /* 動画一覧 */ :is(#my-video) ul.news_list { width: var(--n2028-semi-width); gap: 20px; justify-content: center; padding-top: 25px; } ul.news_list > li.kyogi-movies { padding: 13px 25px 29px; } /* 寄付金 2026.3 MTL Aki ----------------------------------------------- */ #contribution_sponsor .desc { margin-bottom: 31px; } #contribution_sponsor .desc p { font-size: 1rem; /* 16px */ line-height: 1.75; /* 16/28 */ } #contribution_sponsor .repeater h4:is(.subheading1, .subheading2) { font-size: 1.125rem; /* 18px */ } #contribution_sponsor .repeater h4.subheading1 { margin-top: 15px; margin-bottom: 25px; margin-left: 0; /* Aki from chkHTML */ } #contribution_sponsor .repeater .sub_desc { font-size: 1rem; /* 16px */ line-height: 1.75; /* 16/28 */ margin-bottom: 35px; } #contribution_sponsor .repeater h4.subheading2 { /* padding-bottom: 13px; Aki c/o fomr chkHTML */ margin-bottom: 20px; } #contribution_sponsor .repeater a.linkpdf { font-size: 1rem; /* 16px */ } /* 協賛 2026.3 MTL Aki ----------------------------------------------- */ h2.light-inverted-color_ttl { margin-bottom: 10px; } h2.light-inverted-color_ttl .inner { display: block; padding: 25px 25px 18px; } .banner_box { } #sponsor_banners { padding-top: 73px; margin-top: 90px; } #sponsor_banners .arukuma { margin-bottom: 65px; text-align: center; /* KAZ */ } #sponsor_banners .arukuma .copy { /* KAZ */ font-size: min(0.875rem, 3.6507vw); /* 14, 13.69 / 375 */ } #sponsor_banners .banners_ttl { position: relative; /* max-width: 280px; */ /* KAZ: c/o */ margin: 0 auto 15px; /* 2026.3 KAZ: ChkHTML: bottom was 26px */ font-size: 1.125rem; /* 18px */ line-height: 1.3333; /* 18/24 */ } #sponsor_banners .banners_ttl::before, #sponsor_banners .banners_ttl::after { /* position: absolute; * top: 50%; * left: 0; * transform: translateY(-10px); */ /* KAZ: c/o */ vertical-align: -12px; /* KAZ */ } #sponsor_banners .banners_ttl::before { margin-right: 12px; /* KAZ */ } #sponsor_banners .banners_ttl .inner { /* KAZ */ display: inline-block; max-width: 235px; vertical-align: middle; } :root.font-size-large #sponsor_banners .banners_ttl .inner { /* KAZ */ max-width: min(288px, calc(100% - 64px)); } #sponsor_banners .banners_ttl::after { /* left: auto; * right: 0; */ /* KAZ: c/o */ margin-left: 12px; /* KAZ */ } #sponsor_banners ul { gap: 25px 0; margin-bottom: 88px; } #sponsor_banners ul:is(.large, .medium, .noimg) { flex-direction: column; align-items: center; } #sponsor_banners ul:is(.large, .medium) { margin-left: auto; margin-right: auto; } #sponsor_banners ul.small { gap: 25px 16px; } #sponsor_banners ul.noimg { margin-top: 33px; /* KAZ */ } #sponsor_banners ul.medium li { max-width: 216px; } #sponsor_banners ul.small li { max-width: calc((100% - 16px) / 2); } #sponsor_banners ul li a { padding: 14px 25px 9px; } #sponsor_banners ul.large li a { max-width: 330px; } #sponsor_banners ul:is(.medium, .small) li a { border-radius: 15px; } #sponsor_banners ul.medium li a { padding: 9px 18px 6px; } #sponsor_banners ul.small li a { padding: 8px 8px 5px; } #sponsor_banners ul li .links_box_window { left: 50%; transform: translatex(-50%); right: auto; white-space: nowrap; } #sponsor_banners ul.small li .links_box_window { left: 0; transform: none; bottom: -5px; white-space:normal; } #sponsor_banners ul.noimg { gap: 18px 0; } #sponsor_banners ul.noimg li { font-size: 1.125rem; /* 18px */ } /* ボランティア 2026.8 MTL Aki/KAZ ----------------------------------------------- */ #my-volunteer #project-info .project-info_desc { margin-bottom: 26px; } #volunteer_link_list .wall { padding-bottom: 38px; } #volunteer_link_list .highlight-color_box_ttl { margin-bottom: 30px; } .wrap.has_img_link { margin-right: 8px; } .wrap.has_img_link:not(:last-of-type) { margin-bottom: 28px; } .wrap.has_img_link :is(a, .nolink) { } .wrap.has_img_link :is(a, .nolink)::before { bottom: -8px; right: -8px; } .wrap.has_img_link :is(a, .nolink)::after { bottom: 19px; } .wrap.has_img_link :is(a, .nolink) .inner { flex-direction: column; align-items: center; padding: 24px 22px 56px 22px; /* left 23px in design */ } .wrap.has_img_link :is(a, .nolink) .inner .txt_wrap { } .wrap.has_img_link .ttl { margin-top: 12px; margin-bottom: 10px; line-height: 1.2083; /* 29px */ text-align: center; } .wrap.has_img_link .ttl { } /* 下位共通 */ :is(#volunteer_about, #info-volunteer_about, .volunteer_detail) .wall { width: 100%; padding-bottom: 23px; } #volunteer_about .highlight-color_box_ttl, #info-volunteer_about .highlight-color_box_ttl { padding-right: 0; } #volunteer_about .highlight-color_box_desc, #info-volunteer_about .highlight-color_box_desc { font-size: 1rem; /* 16px */ } .volunteer_detail h4 { margin-bottom: 6px; font-size: 1.125rem; /* 18px */ line-height: 1.4444; /* 26px */ } .volunteer_detail h4:not(:first-of-type) { margin-top: 18px; } .volunteer_detail :is(h5, p, ul) { line-height: 1.75; /* 28/16 */ } .volunteer_detail p:has(+ p.note) { margin-bottom: 7px; } .volunteer_detail p.note { font-size: 0.875rem; /* 14px */ line-height: 1.5714; /* 22px */ } .volunteer_detail ul.flex { flex-wrap: wrap; } .volunteer_detail ul:not(.has_circle) { margin-left: 0; margin-bottom: 0; } .volunteer_detail ul:not(.has_circle).benefits { margin-left: 1em; } .volunteer_detail ul li .act_note { display: block; padding-left: 1.3rem; } /* Table */ .volunteer_detail .event_table_wrapper { overflow-x: auto; } .volunteer_detail .event_table_wrapper table { width: 768px; } .volunteer_detail .event_table_wrapper table tbody td.column-1 { width: 122px; font-size: 1.25rem; /* 20px */ } .volunteer_detail .event_table_wrapper table tbody td.column-2 { width: 172px; } .volunteer_detail .event_table_wrapper table tbody td.column-3 { width: 244px; padding-left: 36px; padding-right: 38px; } .volunteer_detail .event_table_wrapper table tbody td.column-4 { } .volunteer_detail#form .link { gap: 25px 40px; margin-top: 28px; margin-bottom: 5px; } .volunteer_detail .pdflink_wrapper { margin-top: 18px; } .pdflink_wrapper a.linkpdf.ex_small { border-radius: 32px; position: relative; width: 285px; padding: 10px 20px 10px 49px; line-height: 1.4286; /* 20/14 */ } .pdflink_wrapper a.linkpdf.ex_small::before { position: absolute; top: calc(50% - 12px); left: 20px; } .volunteer_detail .media-info_box--center { margin-top: 20px; font-size: 1rem; /* 16px */ line-height: 1.5625; /* 25px */ } .volunteer_detail#cities .wrapper { margin-top: 24px; } .volunteer_detail#cities .wrapper .wrap { padding-bottom: 13px; /* Aki was 18px */ } .volunteer_detail#cities .wrapper .wrap:not(:first-child) { padding-top: 24px; } .volunteer_detail#cities .wrapper .wrap h4 { margin-bottom: 4px; } .volunteer_detail#cities .wrapper .wrap .links_box_url { font-size: 0.875rem; /* 14px */ word-break: break-all; /* Aki added from chkHTML */ margin-top: 4px; margin-bottom: 4px; } /* 運営ボランティア */ #volunteer_about .imgonly { margin-top: 25px; margin-bottom: 26px; } #volunteer_about .imgonly img { width: 122px; } /* 情報支援ボランティア */ #info-volunteer_about .imgonly { margin: 40px 0 29px; /* Aki was 33px 0 27px */ } #info-volunteer_about .imgonly img { width: 264px; } .volunteer_detail .event_table_wrapper:has(table.info-category_table) { margin-top: 20px; margin-bottom: 20px; } .volunteer_detail .event_table_wrapper:has(table.info-apply_table) { margin-top: -8px; } .volunteer_detail .event_table_wrapper table.info-category_table { width: 757px; } .volunteer_detail .event_table_wrapper table.info-apply_table { width: 742px; } .volunteer_detail .event_table_wrapper table:is(.info-category_table, .info-apply_table) .column-1 { width: 93px; } .volunteer_detail .event_table_wrapper table.info-category_table .column-2 { width: 195px; } .volunteer_detail .event_table_wrapper table.info-category_table .column-3 { width: 308px; padding-left: 13px; padding-right: 13px; } .volunteer_detail .event_table_wrapper table.info-apply_table .column-2 { width: calc(100% - 93px); padding-left: 32px; padding-right: 16px; } .volunteer_detail .event_table_wrapper table.activity-info_table tbody td.column-3 { width: 234px; padding-left: 25px; padding-right: 34px; } #my-info-support-volunteer .volunteer_detail#form .link { flex-direction: column; gap: 10px; margin-top: 13px; margin-bottom: 0; } #my-info-support-volunteer .volunteer_detail#form a.linkbtn::before, #my-info-support-volunteer .volunteer_detail#form a.linkbtn .inner { border-radius: 47px; height: 94px; } #my-info-support-volunteer .volunteer_detail#form a.linkbtn::before { top: 5px; } #my-info-support-volunteer .volunteer_detail#form a.linkbtn .inner { padding-top: 12px; } #my-info-support-volunteer .volunteer_detail#form a.linkbtn.lines .inner { line-height: 1.2222; /* 22/18 */ } #my-info-support-volunteer .volunteer_detail#form a.linkbtn .inner::after { top: 25px; } .volunteer_detail#status .wrapper { margin-top: 30px; } .volunteer_detail#status .wrapper .wrap { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 7px; /* Aki was 4px */ } .volunteer_detail#status .wrapper .wrap:not(:first-child) { padding-top: 25px; /* Aki was 23px */ } .volunteer_detail#status h4 { order: 2; margin-bottom: 4px; } .volunteer_detail#status .status_over { order: 1; margin-bottom: 5px; font-size: 0.875rem; /* 14px */ } .volunteer_detail#status .detail { order: 3; } .volunteer_detail#status .wrap .detail p { line-height: 1.3125; /* 16/21 */ } .volunteer_detail#status .wrap .detail p span { display: inline-block; } .volunteer_detail#status .wrap .detail p .place { padding-bottom: 6px; } .volunteer_detail#status .wrap .detail p .venue { padding-bottom: 9px; } /* Kokuspo Shospo Page Components ----------------------------------------------- */ :is(#my-kokuspo, #my-shospo).page-parent .entry-header { } :is(#my-kokuspo, #my-shospo).page-parent #breadcrumbs { } :is(#my-kokuspo, #my-shospo) #main { padding-bottom: 95px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu { height: auto; } :is(#my-kokuspo, #my-shospo) #top_mainmenu h1.imgonly { width: 316px; } :is(.corner-kokuspo, .corner-shospo) #top_mainmenu .wall, :is(#my-kokuspo, #my-shospo) #top_mainmenu .wall { position: static; /* KAZ: was relative */ /* z-index: 1; */ } :is(#my-kokuspo, #my-shospo) #top_banners { padding-bottom: 51px; /* 2024.2 KAZ: was 25px */ } :is(#my-kokuspo, #my-shospo) #top_banners .banner_wrapper { /* TOP と同じ */ } :is(#my-kokuspo, #my-shospo) #top_banners .banner_slider { /* TOP と同じ */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma_wrap { padding-top: 134px; /* KAZ: was 128px */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma_wrap p { font-size: 0.75rem; /* 2024.2 KAZ: was 0.75rem in common */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma { } :is(#my-kokuspo, #my-shospo) #top_mainmenu .arukuma img { width: 198px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu .link_wrap { gap: 16px; padding-top: 20px; padding-bottom: 75px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn, :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner { border-radius: 38px; /* 2024.2 KAZ: debugged */ } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn { } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner { /* border-radius: 38px; */ /* 2024.2 KAZ: debugged; moved above */ width: 261px; max-width: 100%; height: 77px; line-height: 67px; } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn::before { } :is(#my-kokuspo, #my-shospo) #top_mainmenu a.linkbtn .inner::after { top: 14px; } :is(#my-kokuspo, #my-shospo) #top_news { padding-bottom: 0; } :is(#my-kokuspo, #my-shospo) #top_news h2 { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu { gap: 0 12px; margin-bottom: -2px; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li a { width: 124px; font-size: 0.875rem; /* 14px */ line-height: 33px; border: solid 2px; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper ul.tab_menu > li.ui-tabs-active a { border-bottom: 0; padding-bottom: 2px; } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper > .wrap { border-top: 2px solid; padding-bottom: calc(44.266% + 62px); /* Aki was 228px */ } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper #news_wrap{ } :is(#my-kokuspo, #my-shospo) #top_news ul.news_list { } :is(#my-kokuspo, #my-shospo) #top_news .tab_wrapper #bidding_wrap{ } :is(#my-kokuspo, #my-shospo) #top_about { padding-top: 16%; /* Aki was 50px */ margin-top: -13%; /* Aki was -50px */ } :is(#my-kokuspo, #my-shospo) #top_about h2 { background-color: transparent; background-size: 70.066% auto; background-position-y: 33px; padding-top: 85px; padding-bottom: 40px; } :is(#my-kokuspo, #my-shospo) #top_about::before { height: 16%; /* Aki was 60px */ } :is(#my-kokuspo, #my-shospo) #top_about .wall { } :is(#my-kokuspo, #my-shospo) #top_about h2 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper { padding-top: 20px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap { border-radius: 30px; padding: 20px 20px 27px; margin-bottom: 40px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap:not(.wrap3) { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .detail { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap h3 { font-size: 1.75rem; /* 28px */ } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .imgonly { margin: 0 auto; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .imgonly img { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap p { font-size: 1.125rem; /* 18px */ line-height: 1.777; margin-bottom: 26px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap p.small { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap .linkwrap { text-align: center; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap::before, :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap::after { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 { padding-top: 41px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 .imgonly { width: 138px; padding-bottom: 17px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap1 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 .imgonly { width: 270px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap2 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 h3 { padding-top: 92px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3::before { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3::after { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 .imgonly { } #my-kokuspo #top_about .wrapper .wrap.wrap3 .imgonly::after { width: 200px; height: 153px; right: -30px; bottom: -79px; } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 p { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 p.small { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap.wrap3 .linkwrap { } :is(#my-kokuspo, #my-shospo) #top_about .wrapper .wrap a.linkbtn_small { } /* Kokuspo Page Components ----------------------------------------------- */ #my-kokuspo #top_mainmenu { background: url(/images/sp/photo_top_kokuspo.png) no-repeat center 362px / min(91.466%, 450px) auto; /* KAZ: position-y was 420px */ } #my-kokuspo #top_news::after { background-image: url(/images/sp/bg_topnews.png); } #my-kokuspo #top_about .wall { } #my-kokuspo #top_about::before { /* background-image: url(/images/sp/bg_about_cloud_yellow.png); */ /* 2024.1 KAZ: var(--n2028-top-kokuspo-cloud) */ } /* 競技会会期 2026.1 KAZ */ #schedule_pdf { padding-bottom: 146px; } #schedule_pdf::before { position: absolute; width: 162px; height: 162px; bottom: -13px; left: 50%; z-index: 1; transform: translateX(-50%); } :is(#schedule_pdf, #rehearsal_pdf) .pdf_link a.linkbtn_small.pdf { /* 2026.6 Aki added #rehearsal_pdf */ border-radius: 30px; width: 100%; height: auto; margin-bottom: 12px; padding: 6px 48px; line-height: 1.4; } #schedule_pdf .pdf_link a.linkbtn_small.pdf .size { margin-left: 0.5em; } :is(#schedule_pdf, #rehearsal_pdf) .pdf_link a.linkbtn_small.pdf::before { /* 2026.6 Aki added #rehearsal_pdf */ position: absolute; width: 21px; height: 26px; top: 15px; left: 21px; } :is(#schedule_pdf, #rehearsal_pdf) .pdf_link a.linkbtn_small.pdf::after { /* 2026.6 Aki added #rehearsal_pdf */ top: 15px; right: 15px; } #schedule_menu { padding-block: 13px; } #schedule_menu .wall { } #schedule_menu ul { border-bottom: 2px solid; } #schedule_menu ul li { width: 50%; } #schedule_schedules { } #schedule_schedules .wall, #rehearsal_schedules .wall { /* 2026.06 KAZ: added */ width: 100%; max-width: none; } #schedule_schedules .highlight-color_box, #rehearsal_schedules .highlight-color_box { /* 2026.06 KAZ: added */ border-radius: 0; padding: 30px 6.6667% 0; /* 25 / 375 */ } #schedule_schedules .highlight-color_box { margin-bottom: 50px; } #schedule_schedules .schedule_wrap { padding-bottom: 19px; } #schedule_schedules .schedule_wrap h2 { border-radius: 24px; margin-bottom: 21px; padding: 7px 20px 8px; font-size: 1.5625rem; /* 25px */ } #schedule_schedules .schedule_wrap h3 { margin-bottom: 10px; font-size: 1.25rem; /* 20px */ line-height: 1.1; /* 22px */ } #schedule_schedules .schedule_wrap .ttl { margin-bottom: 8px; font-size: 1.125rem; /* 18px */ } #schedule_schedules .schedule_wrap .event_table_wrapper, #rehearsal_schedules .schedule_wrap .event_table_wrapper { /* 2026.06 KAZ: added */ overflow-x: auto; margin-bottom: 21px; margin-inline: -7.6923%; /* -25 / 325 */ padding-inline: 7.6923%; /* 25 / 325 */ } #schedule_schedules .schedule_wrap .event_table_wrapper table, #schedule_schedules .schedule_wrap .event_table_wrapper p.note, /* Aki added */ #rehearsal_schedules .schedule_wrap .event_table_wrapper table, /* 2026.06 KAZ: added */ #rehearsal_schedules .schedule_wrap .event_table_wrapper > a.link { /* 2026.06 KAZ: added */ width: 1200px; } #schedule_schedules .schedule_wrap .event_table_wrapper table th, #schedule_schedules .schedule_wrap .event_table_wrapper table td { } #schedule_schedules .schedule_wrap .event_table_wrapper table th { } #schedule_schedules .schedule_wrap .event_table_wrapper table td { } #schedule_schedules .schedule_wrap .event_table_wrapper table caption a { } /* リハーサル大会 2026.6 Aki/KAZ */ #my-rehearsal :is(#kokuspo_shinsyu, #shospo_shinsyu) :is(.kokuspo_shinsyu_desc, .shospo_shinsyu_desc) { font-size: 1rem; } #my-rehearsal :is(#kokuspo_shinsyu, #shospo_shinsyu) :is(.kokuspo_shinsyu_desc, .shospo_shinsyu_desc) img { max-width: 170px; } #my-rehearsal :is(#kokuspo_shinsyu, #shospo_shinsyu) { margin-bottom: 0; } #my-rehearsal #shospo_shinsyu .relative_cont_box--short { max-width: 261px; } #my-rehearsal #shospo_shinsyu .relative_cont_box--short a.linkbtn { width: 100%; } #my-rehearsal #shospo_shinsyu .relative_cont_box--short a.linkbtn span.inner { height: auto; line-height: 1.333; /* 18/24 */ border: solid 5px; padding: 7px 0 10px 37px; border-radius: 70px; } #my-rehearsal #shospo_shinsyu .relative_cont_box--short a.linkbtn .inner::after { top: 12px; right: 20px; } .corner-zenshospo #rehearsal_pdf { padding-top: 26px; margin-bottom: 35px; } .corner-zenshospo #rehearsal_pdf .pdf_link a.linkbtn_small.pdf { flex-direction: column; align-items: flex-start; filter: drop-shadow(4px 2px 0px var(--n2028-pink)); padding: 8px 48px !important; } #rehearsal_pdf a.linkbtn_small.pdf { padding: 15px 48px !important; } #rehearsal_pdf a.linkbtn_small.pdf .ttl { font-size: 1.25rem; } .corner-zenshospo #rehearsal_pdf a.linkbtn_small.pdf .ttl { font-size: 1rem; } #rehearsal_schedules .highlight-color_box { padding: 43px 6.6667% 38px; /* 25 / 375 */ } #rehearsal_schedules .schedule_wrap h2 { border-radius: 15px; font-size: 1.5625rem; /* 25px */ line-height: 36px; } #rehearsal_schedules .schedule_wrap h2:first-child { margin-top: 0; } #rehearsal_schedules .schedule_wrap :is(h3, .ttl) { font-size: 1.125rem; /* 18px */ } #rehearsal_schedules .schedule_wrap h3 { margin-bottom: 18px; } #rehearsal_schedules .schedule_wrap h3:first-child { margin-top: 9px; } #rehearsal_schedules .schedule_wrap h2 + h3 { margin-top: 45px; } #rehearsal_schedules .schedule_wrap h3::before { height: 26px; vertical-align: -7px; margin-right: 10px; } #rehearsal_schedules .schedule_wrap .event_table_wrapper, #rehearsal_schedules .schedule_wrap .noevents { margin-bottom: 39px; } #rehearsal_schedules .schedule_wrap .event_table_wrapper > a.link { display: block; } /* Shospo Page Components ----------------------------------------------- */ #my-shospo #top_mainmenu { background: url(/images/sp/photo_top_shospo.png) no-repeat center 362px / min(91.466%, 450px) auto; /* KAZ: position-y was 420px, added min() */ } #my-shospo #top_news .tab_wrapper > .wrap { padding-bottom: calc(48% + 42px); } #my-shospo #top_news::after { height: 48%; /* was 180px */ background-image: url(/images/sp/bg_topnews_shospo.png); } #my-shospo #top_about { margin-top: -19%; /* was -65px */ } #my-shospo #top_about::before { /* background-image: url(/images/sp/bg_about_cloud_pink.png); */ /* 2024.1 KAZ: var(--n2028-top-zenshospo-cloud */ } #my-shospo #top_about .wrapper .wrap.wrap3 { padding-top: 40px; } #my-shospo #top_about .wrapper .wrap.wrap3 h3 { padding-top: 0; } #my-shospo #top_about .wrapper .wrap.wrap3 .imgonly { padding-left: 40px; } #my-shospo #top_about .wrapper .wrap.wrap3 .imgonly img { width: 244px; } } /* Description: Tablet style for Nagano 2028 site */ /* Responsive Structure ----------------------------------------------- */ /* Tablet専用のスタイル ----------------------------------------------- */ @media screen and (max-width: 960px) and (min-width: 768px) { /* =Structure */ /* =Header */ /* Menu */ /* =Footer */ /* Common entries */ /* Blog Page Components */ /* Front Page Components */ #top_mainmenu .heading h1, #top_mainmenu .heading .copyright, #top_mainmenu .heading ul.mainmenu { /* 2024.2 KAZ: c/o; 縦横両方向のリスポンシブに変更 */ /* width: 97.1%; */ /* 1340 / 1380; 2024.1 KAZ: per request */ /* margin-inline: 1.45%; */ /* 2024.1 KAZ: per request */ } /* Fixed Page Components */ } /* Special breakpoints for #top_mainvisual */ /* タブレットが縦向きのとき、ロゴの上が空きすぎないようにする; 2024.1 KAZ: per request */ @media print, screen and (max-width: 960px) and (min-width: 768px) and (orientation: portrait) { #top_mainmenu .heading { /* background: url(/images/bg_top_mainmenu_people.png) no-repeat center bottom min(-8.594vw, -165px) / max(100%, 1920px) auto, url(/images/bg_top_mainmenu.jpg) no-repeat center top / cover; */ /* no confetti */ background-position: center 100px, center bottom min(-8.594vw, -164px), center top; /* move confetti */ background-size: 1200px auto, max(100%, 1920px) auto, cover; /* shrink confetti */ } #top_mainmenu .heading .logomark, #top_mainmenu .heading h1 { /* transform: translateY(calc(-100% - 12vh)); */ transform: translateY(calc(-100% - 7vh)); /* 2024.1.22 KAZ: ul.mainmenu を2行に */ } #top_mainmenu .heading ul.mainmenu, #top_mainmenu .heading .copyright { /* transform: translateY(-14vh); */ } #top_mainmenu .heading ul.mainmenu { /* 2024.1.22 KAZ: ul.mainmenu を2行に */ flex-direction: column; align-items: center; gap: 2vh 0; transform: translateY(-8.2vh); } #top_mainmenu .heading .copyright { /* 2024.1.22 KA: ul.mainmenu を2行に */ padding-top: 7vh; padding-right: 0; text-align: center; } } section > .inner { width: var(--n2028-semi-width); margin: 0 auto; } @media screen and (min-width: 768px) { section > .inner { max-width: var(--n2028-max-wall-width); margin-inline: auto; } } article.page .entry-content:empty { display: none; } p:empty { display: none; } .utils-hidden-pc { display: none!important; } .utils-hidden-sp { display: inline-block!important; } #my-kokutai section,#my-project section,#my-media section,#my-license section,#my-links section,#my-privacy-policy section,#my-regulations section,#my-format section,#my-about section,#my-yamanami section,#my-committee section{ z-index: 1; } #my-kokutai .entry-content, #my-project .entry-content { position: relative; } #kokuspo_about .kokuspo_about_desc, #shospo_about .shospo_about_desc { margin-bottom: 50px; /* KAZ */ } .two_columns { display: grid; grid-template-columns: 1fr 1fr; } .highlight-color_box { padding: 27px min(3.8462vw, 40px); /* KAZ: 40 / 1040 */ border-radius: 30px; margin-bottom: 40px; /* KAZ */ } .entry-content .highlight-color_box_ttl { padding-left: 43px; /* KAZ */ position: relative; padding-bottom: 10px; /* KAZ */ border-bottom: var(--n2028-title-color) 1px solid; /* 2024.1 KAZ: ChkHTML: color was #00572F */ margin-bottom: 22px; /* KAZ */ font-size: 1.75rem; line-height: calc(42 / 28); color: var(--n2028-title-color); font-weight: 600; } .highlight-color_box_ttl::before { content: ''; height: 20px; /* KAZ */ width: 20px; /* KAZ */ position: absolute; left: 0; top: 45%; background: #00A63C; transform: translateY(-55%) rotate(45deg); display: block; border-radius: 4px; } .entry-content .highlight-color_box_subttl { font-size: 1.5625rem; line-height: calc(50 / 25); margin-bottom: 10px; /* KAZ */ color: var(--n2028-text-color); /* KAZ: was #222222 */ } .highlight-color_box_desc { line-height: calc(32 / 18); font-size: 1.125rem; font-weight: 400; padding-left: min(5vw, 52px); /* KAZ* 52 / 1040 */ margin-bottom: 0; } .highlight-color_box_url { word-break: break-all; /* 2025.11 KAZ: moved from media query */ font-size: 1.03rem; text-decoration: underline; transition: 0.1s; } .highlight-color_box_url:hover { color: var(--n2028-title-color); /* KAZ: was #00572F */ transition: 0.1s; } .highlight-color_box_window { font-size: 0.75rem; line-height: 1; display: inline-flex; align-items: center; transition: 0.1s; } .highlight-color_box_window:hover { color: var(--n2028-title-color); /* KAZ: was #00572F */ transition: 0.1s; } .highlight-color_box_window:focus { transition: 0.1s; } .highlight-color_box_window img { vertical-align: text-bottom; margin-top: 0; margin-right: 7.5px; /* KAZ */ /* width: 100%; */ width: 20px; /* KAZ */ height: 20px; /* KAZ */ display:inline-block; } .entry-content .inverted-color_ttl { text-align: center; border-radius: 30px; padding: 22px 0; /* KAZ */ font-size: 1.75rem; line-height: calc(42 / 28); margin-bottom: 40px; /* KAZ */ font-weight: 500; } .entry-content .inverted-color_desc { line-height:calc(32 / 18); font-size: 1.125rem; margin-bottom: 70px; /* KAZ */ overflow: hidden; padding-left: min(6.7308vw, 70px); /* KAZ: 70 / 1040 */ padding-right: min(6.7308vw, 70px); /* KAZ: 70 / 1040 */ font-weight: 400; } .cultural-program { font-size: 1.5625rem; margin-bottom: 40px; overflow: hidden; font-weight: bold; text-align: center; color: var(--n2028-title-color); } .pdf_link-box { padding-left: min(3.0769vw, 32px); /* KAZ: 32 / 1040 */ margin: -9px 0; } .pdf_link-box a { line-height: calc(20 / 14); font-size: 0.875rem; display: inline-block; text-decoration: none; display: inline-flex; align-items: center; width: 100%; } .pdf_link-box .linkbtn--pdf::before { /* KAZ: was img */ display: inline-block; /* KAZ */ width: 19px; /* KAZ */ height: 24px; /* KAZ */ /* aspect-ratio: 19 / 24; */ /* object-fit: contain; */ margin-right: 13px; /* KAZ */ vertical-align: middle; content: var(--n2028-pdflink-icon); /* KAZ */ } .pdf_link-box a span { transition: 0.2s; display: inline-block; border-bottom: 1px solid transparent; border-bottom-color: transparent; margin: 0; } .pdf_link-box a:hover span { /* KAZ: was span:hover */ color: var(--n2028-title-color); /* KAZ: was #00572F */ /* border-bottom: 1px solid #00572F; */ text-decoration: underline; /* KAZ */ transition: 0.2s; } /*.pdf_link-box a img:hover + span { * color: #00572F; * border-bottom: 1px solid #00572F; * transition: 0.1s; *} */ /* KAZ: c/o */ .pdf_link-box .linkbtn--pdf span { display: inline-block; vertical-align: middle; text-align: left; font-weight: 400; } .pdf_link-box .linkbtn--word::before { /* KAZ: was img */ display: inline-block; /* KAZ */ width: 22px; /* aspect-ratio: 22 / 21; */ height: 21px; /* object-fit: contain; */ margin-right: 10px; vertical-align: middle; content: var(--n2028-wordlink-icon); /* KAZ */ } .pdf_link-box .linkbtn--excel::before { /* KAZ: was img */ display: inline-block; /* KAZ */ width: 23px; height: 22px; /* aspect-ratio: 23 / 22; */ /* object-fit: contain; */ margin-right: 10px; vertical-align: middle; content: var(--n2028-excellink-icon); /* KAZ */ } @media(max-width:767px) { .two_columns { grid-template-columns: 1fr; gap: 30px 0; /* KAZ */ } .utils-hidden-pc { display: inline-block!important; } .utils-hidden-sp { display: none!important; } .highlight-color_box { padding: 19.5px min(5.3333333333vw, 20px); /* KAZ */ margin-bottom: 30px; /* KAZ */ } .highlight-color_box_window img { max-width: min(5.3333333333vw, 20px); max-width: min(5.3333333333vw, 1.25rem); margin-right: min(2.6666666667vw, 10px); margin-right: min(2.6666666667vw, 0.625rem); } .entry-content .highlight-color_box_ttl { font-size: 1.25rem; line-height: calc(24 / 20); margin-bottom: 15px; /* KAZ */ padding: 3px min(4.9333333333vw, 18.5px) 10px min(6.5866666667vw, 24.7px); /* KAZ */ margin-left: min(0.5333333333vw, 2px); margin-left: min(0.5333333333vw, 0.125rem); } .highlight-color_box_ttl::before { height: 14px; /* KAZ */ width: 14px; /* KAZ */ top: 9px; /* KAZ */ transform: rotate(45deg); } .entry-content .highlight-color_box_subttl { font-size: 1.125rem; line-height: calc(22 / 18); margin-bottom: 8px; /* KAZ */ } .highlight-color_box_desc { line-height: calc(28 / 16); padding-left: min(0.5333333333vw, 2px); padding-left: min(0.5333333333vw, 0.125rem); font-size: 1rem; /* 16px; 2026.09 KAZ */ } .highlight-color_box_url { /* word-break: break-all; */ /* 2025.11 KAZ: moved to all */ } .highlight-color_box_window { font-size: 0.75rem; } .entry-content .inverted-color_ttl { border-radius: 20px; font-size: 1.5625rem; line-height: calc(28 / 25); padding: 9.5px min(4.6666666667vw, 17.5px); margin-bottom: 22px; /* KAZ */ margin-left: min(2.6666666667vw, 10px); margin-left: min(2.6666666667vw, 0.625rem); margin-right: min(2.6666666667vw, 10px); margin-right: min(2.6666666667vw, 0.625rem); } .entry-content .inverted-color_desc { line-height:calc(28 / 16); margin-bottom: 27px; /* KAZ */ margin-right: min(4vw, 15px); margin-right: min(4vw, 0.9375rem); margin-left: min(4vw, 15px); margin-left: min(4vw, 0.9375rem); padding-right: min(3.2vw, 12px); padding-right: min(3.2vw, 0.75rem); padding: 0; /* padding-left */ } .pdf_link-box a { /*align-items: flex-start;*/ font-size: 0.875rem; } .pdf_link-box .linkbtn--pdf::before { /* KAZ: was img */ /* max-width: min(5.0666666667vw, 19px); */ margin-top: 4px; /* KAZ */ /* margin-right: min(3.4666666667vw, 13px); */ vertical-align: ; } .pdf_link-box .linkbtn--word::before, .pdf_link-box .linkbtn--excel::before { /* KAZ: was img */ margin-top: 3px; /* KAZ */ margin-right: 9px; /* KAZ */ } /* .pdf_link-box .linkbtn--word img { * width: min(5.8666666667vw, 22px); * width: min(5.8666666667vw, 1.375rem); * height: min(5.6vw, 21px); * height: min(5.6vw, 1.3125rem); * } * .pdf_link-box .linkbtn--excel img { * width: min(6.1333333333vw, 23px); * width: min(6.1333333333vw, 1.4375rem); * height: min(5.8666666667vw, 22px); * height: min(5.8666666667vw, 1.375rem); * } */ /* KAZ: c/o */ .pdf_link-box .linkbtn--pdf span, .pdf_link-box a span { margin: 0; } .cultural-program { font-size: 1.125rem; } } /*kokutai_about_pics*/ .kokutai_about_pics { gap: 0 min(2.7777777778vw, 40px); gap: 0 min(2.7777777778vw, 2.5rem); padding-bottom: 65px; /* KAZ */ } .kokutai_about_pics img { margin-bottom: 0.875rem; aspect-ratio: 48 / 33; width: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; display: block; } .kokutai_about_pics .about_pic-ttl { margin-bottom: 23px; /* KAZ */ font-size: 0.875rem; line-height: calc( 32 / 14); } .kokutai_about_pics .about_pic_desc { font-size: 0.75rem; line-height:calc( 20 / 12); } .kokutai_about_pic p { margin-bottom: 0; } /* kokutai_about-info */ #kokutai_about-info { padding-bottom: 100px; /* KAZ */ } .about-info_boxes { gap: 0 min(3.8462vw, 40px); /* KAZ: 40 / 1040 */ } .about-info_boxes .about-info_box { padding: 34px min(3.2692vw, 34px) 41px; /* KAZ: 34 / 1040 */ } .kokutai_about-info__inner > .about-info_box:last-of-type { margin-bottom: 0; } .about-info_boxes .about-info_box .highlight-color_box_desc { padding-inline: min(2.3077vw, 24px); /* KAZ: 24 / 1040 */ } .about-info_box .highlight-color_box_desc img { /* width: 100%; */ /* max-width: min(15.9722222222vw, 230px); */ /* aspect-ratio: 460 / 405; */ /* object-fit: contain; */ width: 230px; max-width: 22.1154vw; /* KAZ: 230 / 1040 */ margin: 0 auto; display: block; } .about-info_box .highlight-color_box_desc span { display: flex; justify-content: center; align-items: center; font-size: 1.75rem; line-height: calc(42 / 28); font-weight: 600; } .about-info_box--kokutai .highlight-color_box_desc span { height: min(15.9722222222vw, 230px); height: min(15.9722222222vw, 14.375rem); } .about-info_box--kokutai .about-info_box_lists .about-info_box_list:not(:first-of-type) { display: flex; justify-content: space-between; align-items:flex-start; } .about-info_box_lists { margin-left: min(1.1111111111vw, 16px); margin-left: min(1.1111111111vw, 1rem); } .about-info_box_lists:not(:last-of-type) { margin-bottom: 55px; /* KAZ */ } .about-info_box_lists .about-info_box_list { list-style: none; line-height: calc(40 / 16); padding: 3px 0; /* KAZ */ border-bottom: 1px solid rgba(34,34,34,0.3); font-weight: 400; } .about-info_box_lists .about-info_box_list--first { font-size: 1.5625rem; line-height: calc(50 / 25); margin-bottom: 3px; /* KAZ */ font-weight: 500; border-bottom: none; } .about-info_box_lists .about-info_box_list:nth-of-type(2) { font-size: 0.875rem; padding: 8px 0; /* KAZ */ } .about-info_box_lists .about-info_box_list span { display: inline-block; } html.font-size-large .about-info_box_lists .about-info_box_list span { /* 2024.2 Aki */ line-height: 1.2; } .about-info_box--kokutai .about-info_box_lists .about-info_box_list span:nth-of-type(2) { flex-shrink: 0; /* KAZ */ width: max(5em, 11%); /* KAZ: was 11% */ text-align: left; } /* yamabiko_about-info */ .about-info_box--yamabiko:first-of-type span { justify-content: flex-start; } .about-info_boxes .about-info_box--yamabiko:first-of-type p { padding-top: 50px; /* KAZ */ } .about-info_boxes .about-info_box--yamabiko:last-of-type p { padding-top: 23px; /* KAZ */ } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list { display: flex; justify-content: unset; align-items: center; } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list span:first-of-type { flex-shrink: 0; /* KAZ */ width: 32%; } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list span:nth-of-type(3) { font-size: 0.75rem; margin-left: min(2.2916666667vw, 2.0625rem); } .about-info_boxes .about-info_box--yamabiko:first-of-type .highlight-color_box_desc { padding-left: min(0.6944444444vw, 10px); padding-left: min(0.6944444444vw, 0.625rem); padding-right: min(0.6944444444vw, 10px); padding-right: min(0.6944444444vw, 0.625rem); } .about-info_box_attent { font-size: 0.75rem; line-height: calc(20 / 12); margin-left: min(1.1111111111vw, 16px); margin-left: min(1.1111111111vw, 1rem); } .about-info_box_lists .about-info_box_list--top { border-bottom: none; display: none!important; } @media(max-width:767px) { .about-info_boxes { gap: 0; } #kokutai_about-info .about-info_box--kokutai { padding: 19.5px min(5.3333333333vw, 20px) 23px; } #kokutai_about-info .about-info_box--kokutai > p:has( >img) { padding-top: 15px; /* KAZ */ } .kokutai_about_pics { grid-template-columns: 1fr; gap: min(4.2666666667vw, 16px) 0; gap: min(4.2666666667vw, 1rem) 0; padding-bottom: 40px; /* KAZ */ } .kokutai_about_pics .about_pic-ttl { font-size: 0.875rem; line-height: calc(21/ 14); margin-bottom: 0; } .kokutai_about_pics img { aspect-ratio: 330 / 226; margin-bottom: 10px; /* KAZ */ } .kokutai_about_pics .about_pic_desc { margin-top: 11px; /* KAZ */ } .about-info_boxes .about-info_box { padding: 19.5px min(5.3333333333vw, 20px) 23px; } .about-info_box .highlight-color_box_desc span { font-size: 1.375rem; line-height: calc(28 / 22); height: initial; padding-bottom: 45px; /* KAZ */ padding-top: 25px; /* KAZ */ margin-bottom: 0; } .about-info_boxes .about-info_box .highlight-color_box_desc { padding: 0; } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list { justify-content: space-evenly; } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list span { line-height: 1.45; } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list span:first-of-type { width: 48%; } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list > span:last-of-type,.about-info_box--yamabiko .about-info_box_lists .about-info_box_list .about-info_box_list--sp { width: 48%; } .about-info_box_lists .about-info_box_list:nth-of-type(2) { font-size: 0.875rem; } .about-info_box--yamabiko .about-info_box_lists .about-info_box_list .about-info_box_list--sp span { display: inline-block; width: 100%; font-size: 0.6875rem; } .about-info_boxes .about-info_box--yamabiko:first-of-type .highlight-color_box_desc { padding-top: 0; } .about-info_boxes .about-info_box--yamabiko:last-of-type p { padding-top: 0; } .about-info_box .highlight-color_box_desc img { max-width: min(43.2vw, 162px); max-width: min(43.2vw, 10.125rem); } .about-info_box_lists { margin-bottom: 12px; /* KAZ */ margin-left: 0; } .about-info_box_lists:not(:last-of-type) { margin-bottom: 25px; /* KAZ */ margin-left: min(0.2666666667vw, 1px); margin-left: min(0.2666666667vw, 0.0625rem); } .about-info_box_lists .about-info_box_list { font-size: 0.875rem; line-height:calc(16 / 14); padding-bottom: 7px; /* KAZ */ padding-top: 7px; /* KAZ */ } .about-info_box_lists .about-info_box_list--first { font-size: 1.125rem; line-height: calc(24 / 18); margin-bottom: 9px; /* KAZ */ padding-top: 0; padding-bottom: 0; } .about-info_box--kokutai .about-info_box_lists .about-info_box_list--first + .about-info_box_list { align-items: center; } .about-info_box--kokutai .about-info_box_lists .about-info_box_list span:nth-of-type(2) { width: max(5em, 25.2%); /* KAZ: was 25.2% */ line-height: 1.46; } .about-info_box_attent { font-size: 0.6875rem; margin-left: 0; } } /*project*/ #project-info .project-info_ttl, .project_campaign .project-campaigno_ttl { /* 2026.3 Aki added */ margin-bottom: 61px; /* KAZ */ } #project-info .project-info_desc, .project_campaign .project-campaign_desc { /* 2026.3 Aki added */ padding-left: min(4.8611111111vw, 70px); padding-left: min(4.8611111111vw, 4.375rem); padding-right: min(4.8611111111vw, 70px); padding-right: min(4.8611111111vw, 4.375rem); line-height: calc(32 / 18); font-size: 1.125rem; font-weight: 400; margin-bottom: 56px; /* KAZ */ } #project-info .project-info_box { padding: 27px min(2.7885vw, 29px) 36px; /* KAZ: 29 / 1040 */ } #project-info .project-info_box h3 { margin-inline: min(1.0577vw, 11px); /* KAZ: 11 / 1040 */ } #project-info .project-info_box_desc { display: grid; grid-template-columns: min(26.2037vw, 283px) auto min(25.2778vw, 273px); /* KAZ: 283 / 1080, 273 / 1080; 1080には意味がない; 768px で .project-info_list が改行しない限界 */ gap: 0 min(3.3333vw, 36px); /* KAZ: 36 / 1080; 1080には意味がない; 768px で .project-info_list が改行しない限界 */ padding-left: 0; align-items: center; margin-bottom: 30px; /* KAZ */ } html.font-size-large #project-info .project-info_box_desc { /* 2024.2 Aki */ gap: 0 min(3.3333vw, 0px); } .project-info_lists { margin: 0; } .project-info_lists .project-info_list { list-style: none; font-size: min(2.5926vw, 1.75rem); /* KAZ: 28 / 1080; 1080には意味がない; 768px で改行しない限界 */ line-height: calc(62 / 28); color:var(--n2028-title-color); font-weight: 700; } .project-info_lists .project-info_list span { letter-spacing: 0.2em; } .project-info_box img { aspect-ratio: 1 / 1; width: 100%; -o-object-fit: contain; object-fit: contain; max-width: 100%; } .project-img_link { margin-bottom: 16px; /* KAZ */ margin-top: 13px; /* KAZ */ } @media(max-width:767px) { #project-info .project-info_ttl, .project_campaign .project-campaigno_ttl { /* 2026.3 Aki added */ margin-bottom: 21px; /* KAZ */ } #project-info .project-info_desc, .project_campaign .project-campaign_desc { /* 2026.3 Aki added */ line-height: calc(28 / 16); padding: 0; margin-bottom: 33px; /* KAZ */ margin-inline: min(4.8vw, 18px); margin-inline: min(4.8vw, 1.125rem); font-size: 1rem; /* 16px; 2026.08 KAZ */ } #project-info .project-info_box { padding: 17.5px min(2.9333333333vw, 11px) 33px; } #project-info .project-info_box h3 { margin-bottom: 22px; /* KAZ */ } #project-info .project-info_box_desc { grid-template-columns: 1fr; gap: min(3.2vw, 12px) 0; gap: min(3.2vw, 0.75rem) 0; margin-bottom: 0; } .project-info_box_desc p { margin: 0; padding: 0; } .project-info_lists { margin-inline: min(5.3333333333vw, 20px); margin-inline: min(5.3333333333vw, 1.25rem); } .project-info_lists .project-info_list { font-size: 1.5rem; line-height: calc(36 / 24); } .project-info_box img { aspect-ratio: 307 / 184; max-width: min(81.0666666667vw, 304px); max-width: min(81.0666666667vw, 19rem); width: 100%; margin-top: 0; } .project-img_link { margin-top: 0; margin-bottom: 5px; /* KAZ */ } } /*media*/ #media-info { aspect-ratio: 1920 / 1020; } .media-info_box_desc { display: grid; padding-top: 42px; /* KAZ */ grid-template-columns: min(31.9444444444vw, 28.75rem) auto; gap: 0 min(3.8194444444vw, 55px); gap: 0 min(5.5555555556vw, 80px); gap: 0 min(5.5555555556vw, 5rem); padding-left: 0!important; padding-bottom: 39px; /* KAZ */ } html.font-size-large .media-info_box_desc { /* 2024.2 Aki */ gap: 0 min(5.5555555556vw, 0rem); } .media-info_box--left { font-size: 1.125rem; line-height: calc(32 / 18); font-weight: 400; } .media-info_box-img { padding: 0 min(4.5138888889vw, 65px) 0 min(6.25vw, 90px); width: 100%; margin-bottom: 19px; /* KAZ */ } .media-info_box-img a { display: inline-block; } .media-info_box--left .media-info_box-img img { aspect-ratio: 305 / 430; width: min(21.1805555556vw, 305px); width: min(21.1805555556vw, 19.0625rem); max-width: min(21.1805555556vw, 305px); max-width: min(21.1805555556vw, 19.0625rem); -o-object-fit: contain; object-fit: contain; margin-inline: auto; } .media-img_link { padding-left: 0; margin: 0; line-height: 1; display: inline-flex; width: 100%; justify-content: flex-end; } .media-img_link a { display: inline-flex; align-items: center; } .media-info_box--right { width: 100%; padding-right: min(1.3888888889vw, 20px); padding-right: min(1.3888888889vw, 1.25rem); } .media-info_box--center { font-size: 1.125rem; line-height: calc(32 / 18); font-weight: 400; } @media(max-width:767px) { .media-info_box_desc { grid-template-columns: 1fr; gap: min(5.68vw, 21.3px) 0; gap: min(5.68vw, 1.33125rem) 0; padding-top: 9px; /* KAZ */ padding-bottom: 22px; /* KAZ */ } .media-info_box-img { margin-bottom: 6px; /* KAZ */ padding: 0; } .media-info_box--left .media-info_box-img img { aspect-ratio: 289 / 407.44; width:100%; max-width: min(77.0666666667vw, 289px); max-width: min(77.0666666667vw, 18.0625rem); } .media-info_box--right { padding-right: min(0.5333333333vw, 2px); padding-right: min(0.5333333333vw, 0.125rem); } .media-img_link a { /*align-items: flex-start;*/ } } /*lisense*/ #lisence-attent { margin-bottom: -70px; /* KAZ */ } .lisense_box_img { padding: 27px 0 39px; /* KAZ */ } .lisense_box_img img { /* aspect-ratio: 621.41 / 197.16; */ /* max-width: min(43.1534722222vw, 621.41px); */ /* object-fit: contain; */ /* width: 100%; */ width: 621.5px; /* KAZ */ margin-inline: auto; display: block; } .lisense_box_desc { padding-right: min(3.6111111111vw, 52px); padding-right: min(3.6111111111vw, 3.25rem); margin-bottom: 45px; /* KAZ */ } .lisence-character_box_img { padding: 19px 0 32px; /* KAZ */ text-align: center; } .lisence-character_box_img img { /* aspect-ratio: 471.17 / 305.44; */ /* max-width: min(32.7201388889vw, 471.17px); */ /* object-fit: contain; */ /* width: 100%; */ width: 471.5px; /* KAZ */ margin-inline: auto; display:block; } .lisence-character_box_desc { padding-right: min(3.6111111111vw, 52px); padding-right: min(3.6111111111vw, 3.25rem); margin-bottom: 23px; /* KAZ */ } .lisence-attent_box_desc { margin-bottom: 29px; /* KAZ */ } .lisence-attent_box_desc { padding-right: min(3.6111111111vw, 52px); padding-right: min(3.6111111111vw, 3.25rem); } .lisence-attent_box_desc span.colored { color: var(--n2028-inquiry-highlight-color); /* KAZ: was #DD0321 */ } .lisence-attent_box--url { display: grid; grid-template-columns: auto auto; gap: 0 min(1.25vw, 18px); gap: 0 min(1.25vw, 1.125rem); align-items: flex-end; justify-content: flex-start; margin-bottom: 30px; /* KAZ */ } .lisence-attent_box--right { line-height: 1.3; } .lisence-attent_link { padding-left: min(3.6111111111vw, 52px); padding-left: min(3.6111111111vw, 3.25rem); } .lisence-attent_links { margin-bottom: 41px; /* KAZ */ } .lisence-attent_links a { width: 100%; display: inline-flex; font-weight: 400; } .lisence-attent_links a + a { margin-top: 12px; /* KAZ */ } .lisence-attent_submit a { transition: 0.1s; } .lisence-attent_submit a:hover { transition: 0.1s; color: var(--n2028-title-color); /* KAZ: was #00572F */ /* text-decoration-color: #00572F; */ } @media(max-width:767px) { .lisense_box_img { padding-top: 21px; /* KAZ */ padding-bottom: 23px; /* KAZ */ } .lisense_box_img img { aspect-ratio: 263.6 / 83.48; max-width: min(70.2933333333vw, 263.6px); max-width: min(70.2933333333vw, 16.475rem); width: 100%; } .lisense_box_desc { margin-bottom: 10px; /* 4px */ padding-right: unset; /* nishi */ } .lisence-character_box_img { padding: 3px 0 26px; } .lisence-character_box_img img { aspect-ratio: 291 / 183.94; max-width: min(77.6vw, 291px); max-width: min(77.6vw, 18.1875rem); } .lisence-character_box_desc { margin-bottom: 10px; /* 4px */ padding-right: unset; /* nishi */ } .lisence-attent_box .lisence-attent_box_desc { margin-bottom: 25px; /* KAZ */ padding-right: 0; } .lisence-attent_subbox .lisence-attent_box_desc { margin-bottom: 5px; /* KAZ */ } .lisence-attent_box--url { grid-template-columns: 1fr; gap: min(4vw, 15px) 0; gap: min(4vw, 0.9375rem) 0; margin-bottom: 34px; /* KAZ */ } .lisence-attent_links { margin-bottom: 19px; /* KAZ */ } .lisence-attent_link { margin: 0; padding-left: min(1.0666666667vw, 4px); padding-left: min(1.0666666667vw, 0.25rem); } .lisence-attent_links a + a { margin-top: 15px; /* KAZ */ } } /*privacy*/ #privacy { margin-bottom: -50px; /* KAZ */ } .privacy_box_desc { padding-right: min(3.6111111111vw, 52px); padding-right: min(3.6111111111vw, 3.25rem); padding-bottom: 14px; /* KAZ */ } .privacy_box:last-of-type .privacy_box_desc { padding-bottom: 36px; /* KAZ */ } .privacy_box_url { display: inline-block; margin: 16px 0 5px; /* KAZ */ width: 100%; } a.pplinktext { position: relative; color: var(--n2028-title-color); text-decoration: underline; } @media(max-width:767px) { /*#privacy .privacy_desc { margin-bottom: 15px; }*/ .privacy_box_desc { padding-right: 0; padding-bottom: 4px; /* KAZ */ } .privacy_box_url { margin: 10px 0 5px; /* KAZ */ } } /*links*/ #links { aspect-ratio: 1920 / 1050; } .links_box-lists { display: grid; grid-template-columns: 1fr 1fr; padding-bottom: 19px; /* KAZ */ } .links_box-lists .links_box-list { border-bottom: 1px solid rgba(34,34,34,0.3); /* 2024.2 KAZ: moved; always */ width: 100%; padding-left: min(3.6111111111vw, 52px); padding-left: min(3.6111111111vw, 3.25rem); padding-bottom: 25px; /* KAZ */ margin-top: 11px; /* KAZ */ } .links_box-lists .links_box-list:first-of-type .links_box-list__inner, .links_box-lists .links_box-list:nth-of-type(2) .links_box-list__inner { padding-bottom: 23px; /* KAZ */ padding-top: 25px; /* KAZ */ } .links_box-lists .links_box-list:nth-of-type(n+3) .links_box-list__inner { /* 2025.11 KAZ: was .links_box-lists .links_box-list:nth-of-type(3) .links_box-list__inner, .links_box-lists .links_box-list:nth-of-type(4) .links_box-list__inner */ padding-top: 5px; /* KAZ */ padding-bottom: 19px; /* KAZ */ } .links_box-lists .links_box-list:not(:last-of-type), .links_box-lists .links_box-list:not(:nth-last-of-type(1)) { /* border-bottom: 1px solid rgba(34,34,34,0.3); */ /* 2024.2 KAZ: moved above */ } .links_box-lists .links_box-list:nth-of-type(odd) .links_box-list__inner { /* 2025.11 KAZ: was .links_box-lists .links_box-list:first-of-type .links_box-list__inner, .links_box-lists .links_box-list:nth-of-type(3) .links_box-list__inner */ border-right: 1px solid rgba(34,34,34,0.3); height: 100%; /* 2025.11 KAZ */ padding-right: 1em; /* 2025.11 KAZ */ } .links_box-lists .links_box-list:nth-of-type(n+3) { padding-top: 34px; /* KAZ */ } .links_box-lists .links_box-list .links_box-list_ttl { font-size: 1.125rem; line-height: calc(32 / 18); margin-bottom: 3px; /* KAZ */ font-weight: 400; } .links_box-list_desc { padding-left: 0; } .links_box_url { margin-bottom: 6px; /* KAZ */ display: inline-block; width: 100%; } .links_box_window:hover { color: inherit; /* 2025.11 KAZ */ } @media(max-width:767px) { #links .links_box { padding-left: min(4.8vw, 18px); padding-left: min(4.8vw, 1.125rem); padding-right: min(4.8vw, 18px); padding-right: min(4.8vw, 1.125rem); } #links .links_box h3 { margin-bottom: -3px; /* KAZ */ } .links_box-lists { grid-template-columns: 1fr; gap: 0; padding-bottom: 0; } .links_box-lists .links_box-list:nth-of-type(n) { padding-left: 0; margin-top: 0; padding-top: 18px; /* KAZ */ padding-bottom: 26px; /* KAZ */ padding-left: min(3.4666666667vw, 13px); padding-left: min(3.4666666667vw, 0.8125rem); } .links_box-lists .links_box-list:nth-of-type(n) .links_box-list__inner { border-right: none; padding-top: 0; padding-bottom: 0; padding-right: 0; /* 2025.11 KAZ: added */ } .links_box-lists .links_box-list .links_box-list_ttl { /* font-size: min(4.2666666667vw, 16px); */ line-height: calc(28 / 16); margin-bottom: 9px; /* KAZ */ } .links_box_url { margin-bottom: 7px; /* KAZ */ } } /*regulations*/ .regulations_box { padding-bottom: 61px; /* KAZ */ } #regulations .regulations_box_ttl { margin-bottom: 36px; /* KAZ */ } .regulations_box-list_desc { margin-top: 0; margin-bottom: 0; line-height: 1; } .regulations_box-list + .regulations_box-list { margin-top: 18px; /* KAZ */ } @media(max-width:767px) { .regulations_box { padding-bottom: 32px; /* KAZ */ } #regulations .regulations_box_ttl { margin-bottom: 26px; /* KAZ */ } .regulations_box-list + .regulations_box-list { margin-top: 15px; /* KAZ */ } } /*format*/ #format { aspect-ratio: 1920 / 1000; } .format_box { padding-bottom: 61px; /* KAZ */ } #format .format_box_ttl { margin-bottom: 41px; /* KAZ */ } .format_box-list_desc { margin-top: 0; margin-bottom: 0; line-height: 1; } .format_box-list + .format_box-list { margin-top: 18px; /* KAZ */ } @media(max-width:767px) { .format_box { padding-bottom: 34px; /* KAZ */ } #format .format_box_ttl { margin-bottom: 24px; /* KAZ */ } .format_box-list + .format_box-list { margin-top: 17px; /* KAZ */ } } /* 準備委員会 */ #commitee { margin-bottom: 100px; /* KAZ */ } /* deleted old style before 2025.9; see the bottom of this file for the new style */ #commitee-work { margin-bottom: max(-1.7361111111vw, -25px); margin-bottom: max(-1.7361111111vw, -1.5625rem); } #commitee-work .commitee-work_box { /* margin-top: max(-6.9444444444vw, -100px); */ /* padding-top: min(6.9444444444vw, 100px); */ } #commitee-work .commitee-work_box .commitee-work_box__inner { padding-top: 32px; /* KAZ */ padding-bottom: 60px; /* KAZ */ } .commitee-work_box_desc { padding-left: min(2.0833333333vw, 30px); padding-left: min(2.0833333333vw, 1.875rem); padding-right: min(2.0833333333vw, 30px); padding-right: min(2.0833333333vw, 1.875rem); padding-top: 7px; /* KAZ */ margin-bottom: min(2.7777777778vw, 40px); margin-bottom: min(2.7777777778vw, 2.5rem); } .commitee-work_box_desc:not(:has(+ h4)) { /*h4が隣接していない時*/ margin-bottom: 0; } .commitee-work_box_subttl { padding-left: min(2.0833333333vw, 30px); padding-left: min(2.0833333333vw, 1.875rem); } .commitee_box-list { margin-top: 0; margin-bottom: 0; } .commitee_box-list_desc { margin-top: 0; margin-bottom: 0; } .commitee_box-list + .commitee_box-list { margin-top: 12px; /* KAZ */ } @media (max-width:767px) { #commitee { margin-bottom: 46px; /* KAZ: moved and revised */ } #commitee-work .commitee-work_box .commitee-work_box__inner { padding-bottom: 24px; /* KAZ */ padding-top: 18px; /* KAZ */ padding-right: min(4.8vw, 18px); } #commitee-work .commitee-work_box__inner h3 { margin-bottom: 10px; /* KAZ */ margin-right: min(0.8vw, 3px); } .commitee-work_box_desc { margin-bottom: 16px; /* KAZ */ padding-left: min(0.8vw, 3px); padding-right: 0; padding-top: 0; } .commitee_box-list + .commitee_box-list { margin-top: 10px; /* KAZ */ } .commitee-work_box_subttl { padding-left: 0; margin-bottom: 11px; /* KAZ */ } } /*kokuspo_about*/ /* .corner-kokuspo#my-about h1.entry-title::before { content: '〈国民体育大会〉'; display: block; color: var(--n2028-title-color); position: absolute; top: 7.05rem; font-size: 25px; left: 50%; transform: translateX(-50%); } */ #kokuspo_about_compe .kokuspo_about_box_lists { margin-left: 0; padding-left: min(0.9615vw, 10px); /* KAZ: 10 / 1040 */ padding-right: min(0.9615vw, 10px); /* KAZ: 10 / 1040 */ } .kokuspo_about_box_lists:not(:last-of-type) { margin-bottom: 47px; /* KAZ */ } .kokuspo_about_box .kokuspo_about_box_lists--qu { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 min(3.2692vw, 34px); /* KAZ: 34 / 1040 */ } .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:first-of-type { padding-bottom: 5px; /* KAZ */ } .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:first-of-type, .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(2) { grid-column: 1 / 5; border-bottom: none; } .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(n+3) { font-size: min(1.9394vw, 1rem); /* KAZ: 16 / 825 */ } .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(3), .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(4), .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(5), .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(6) { border-top: 1px solid rgba(34,34,34,0.3); } .kokuspo_about_box .kokuspo_about_box_lists--short { width: 220px; /* KAZ */ max-width: 21.1538vw; /* KAZ: 220 / 1040 */ margin-bottom: 40px; /* KAZ */ } .kokuspo_about_box .kokuspo_about_box_lists--half { display: grid; grid-template-columns: 1fr 1fr; gap: 0 min(2.3611111111vw, 34px); gap: 0 min(2.3611111111vw, 2.125rem); } .kokuspo_about_box .kokuspo_about_box_lists--half .kokuspo_about_box_list:first-of-type, .kokuspo_about_box .kokuspo_about_box_lists--half .kokuspo_about_box_list:nth-of-type(2) { grid-column: 1 / 3; border-bottom: none; } .kokuspo_about_box .kokuspo_about_box_lists--half .kokuspo_about_box_list:nth-of-type(3), .kokuspo_about_box .kokuspo_about_box_lists--half .kokuspo_about_box_list:nth-of-type(4) { border-top: 1px solid rgba(34,34,34,0.3); } .kokuspo_about_box .kokuspo_about_box_lists--half .kokuspo_about_box_list:nth-of-type(3) { border-top: 1px solid rgba(34,34,34,0.3); } .kokuspo_about_box_lists .kokuspo_about_box_list { list-style: none; line-height: calc(40 / 16); padding: 3px 0; /* KAZ */ border-bottom: 1px solid rgba(34,34,34,0.3); font-weight: 400; } .kokuspo_about_box_lists .kokuspo_about_box_list--first { font-size: 1.5625rem; line-height: calc(50 / 25); margin-bottom: -11px; /* KAZ */ padding: 0; font-weight: 600; border-bottom: none; } .kokuspo_about_box_lists .kokuspo_about_box_list:nth-of-type(2) { font-size: 0.875rem; line-height: calc(32 / 14); padding: 8px 0; /* KAZ */ } .kokuspo_about_box_lists .kokuspo_about_box_list span { display: inline-block; } .kokuspo_about_box--kokutai:first-of-type { padding-bottom: 40px; /* KAZ */ } .kokuspo_about_box--kokutai:nth-of-type(2) { padding-bottom: 40px; /* KAZ */ } .kokuspo_about_box--kokutai:nth-of-type(3) { padding-bottom: 44px; /* KAZ */ } .kokuspo_about_box--kokutai:nth-of-type(4) { padding-bottom: 49px; /* KAZ */ } .kokuspo_about_box--kokutai:nth-of-type(5) { margin-bottom: 152px; /* KAZ */ } .kokuspo_about_box--kokutai .kokuspo_about_box_lists .kokuspo_about_box_list span:nth-of-type(2) { width: 11%; text-align: left; } .kokuspo_about_box--kokutai .kokuspo_about_img { /* width: 100%; */ width: 257px; margin-inline: auto; padding-top: 7px; /* KAZ */ padding-bottom: 16px; /* KAZ */ } .kokuspo_about_box--kokutai .kokuspo_about_img img { width: 100%; /* aspect-ratio: 1 / 1; */ /* object-fit: contain; */ } .kokuspo_about_box--main { padding-top: 44px; /* KAZ */ padding-bottom: 55px; /* KAZ */ } .kokuspo_about_box--main .kokuspo_about_box_lists:last-of-type { margin-bottom: 0; } #kokuspo_about .kokuspo_about_box_desc { padding-top: 8px; /* KAZ */ padding-right: min(3.4722222222vw, 50px); padding-right: min(3.4722222222vw, 3.125rem); } @media(max-width:767px) { #kokuspo_about .kokuspo_about_desc { margin-inline: min(2.4vw, 9px); margin-inline: min(2.4vw, 0.5625rem); padding-right: min(0.5333333333vw, 2px); padding-right: min(0.5333333333vw, 0.125rem); margin-bottom: 29px; /* KAZ */ } #kokuspo_about .kokuspo_about_box_desc { padding-right: min(2.9333333333vw, 11px); padding-right: min(2.9333333333vw, 0.6875rem); padding-top: 0; } .kokuspo_about_box--kokutai:nth-of-type(2), .kokuspo_about_box--kokutai:nth-of-type(3),.kokuspo_about_box--kokutai:nth-of-type(4),.kokuspo_about_box--kokutai:nth-of-type(5) { padding-bottom: 18px; /* KAZ */ } .kokuspo_about_box--kokutai:nth-of-type(5) { margin-bottom: 41px; /* KAZ */ } .kokuspo_about_box--kokutai .kokuspo_about_img { max-width: min(68.5333333333vw, 257px); max-width: min(68.5333333333vw, 16.0625rem); padding-top: 3px; /* KAZ */ } } /*kokuspo_compe*/ #kokuspo_about_compe { margin-bottom: 186px; /* KAZ */ } #kokuspo_about_compe .kokuspo_about_desc { width: initial; text-align: center; padding: 0; margin-bottom: 37px; /* KAZ */ } .kokuspo_about_box--sub .kokuspo_about_box_lists { margin-bottom: 28px; /* KAZ */ } /*kokuspo_shinsyu*/ #kokuspo_shinsyu { margin-bottom: 128px; /* KAZ */ } #kokuspo_shinsyu .kokuspo_shinsyu_desc { margin-right: max(-1.9231vw, -20px); /* KAZ: -20 / 1040 */ display: grid; grid-template-columns: auto min(30.0962vw, 313px); /* KAZ: 313 / 1040 */ align-items: flex-end; padding-right: 0; gap: 0 min(0.7692vw, 8px); /* KAZ: 8 / 1040 */ margin-bottom: 64px; /* KAZ */ } #kokuspo_shinsyu .kokuspo_shinsyu_desc > div { margin-bottom: 14px; /* KAZ */ } #kokuspo_shinsyu .kokuspo_shinsyu_desc p { margin-bottom: 0; line-height: 1; } #kokuspo_shinsyu .kokuspo_shinsyu_desc img { /* width: 100%; */ /* max-width: min(21.7361111111vw, 313px); */ /* aspect-ratio: 1 / 1; */ /* object-fit: contain; */ /* margin-top: 0; */ } .kokuspo_shinsyu_box__inner { display: grid; grid-template-columns: min(43.5577vw, 453px) auto; /* KAZ: 453 / 1040 */ gap: 0 min(5.4808vw, 57px); /* KAZ: 57 / 1040 */ align-items: flex-end; margin-top: -6px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_link { text-align: center; margin: 0; } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(2) { padding-bottom: 66px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(2) .kokuspo_shinsyu_img { max-width: min(21.1805555556vw, 305px); max-width: min(21.1805555556vw, 19.0625rem); width: 100%; padding-bottom: 19px; /* KAZ */ margin-inline: auto; padding-top: 32px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(2) .kokuspo_shinsyu_img img { aspect-ratio: 305 / 430; width: 100%; -o-object-fit: contain; object-fit: contain; } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(3) { padding-bottom: 47px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(3) .kokuspo_shinsyu_img { /* max-width: min(51.6625vw, 743.94px); */ /* width: 100%; */ max-width: 744px; /* KAZ */ padding-bottom: 32px; /* KAZ */ margin-inline: auto; padding-top: 14px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(3) .kokuspo_shinsyu_img img { /* width: 100%; */ /* aspect-ratio: 743.94 / 231.9; */ /* object-fit: contain; */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(4) { padding-bottom: 47px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(4) .kokuspo_shinsyu_img { margin-inline: auto; /* max-width: min(31.9340277778vw, 459.85px); */ /* width: 100%; */ width: 460px; /* KAZ */ padding-bottom: 15px; /* KAZ */ padding-top: 27px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(4) .kokuspo_shinsyu_img img { /* aspect-ratio: 459.85 / 74.77; */ /* width: 100%; */ /* object-fit: contain; */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(5) { padding-bottom: 47px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(5) .kokuspo_shinsyu_img img { width: 100%; } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box .kokuspo_shinsyu_img + .kokuspo_shinsyu_box_desc { padding-right: min(2.0833333333vw, 30px); padding-right: min(2.0833333333vw, 1.875rem); padding-left: min(2.0833333333vw, 30px); padding-left: min(2.0833333333vw, 1.875rem); } .kokuspo_shinsyu_box--left .kokuspo_shinsyu_img, .shospo_shinsyu_box--left .shospo_shinsyu_img { line-height: 1; /* KAZ */ /* font-size: 0.75rem; */ /* 2024.2 KAZ: moved to media query; per request */ font-weight: bold; /* 2024.2 KAZ: per request */ } .kokuspo_shinsyu_box--left .kokuspo_shinsyu_img span.copyright, .shospo_shinsyu_box--left .shospo_shinsyu_img span.copyright { /* KAZ */ display: block; } @media print, screen and (min-width: 768px) { .kokuspo_shinsyu_box--left .kokuspo_shinsyu_img span.copyright, .shospo_shinsyu_box--left .shospo_shinsyu_img span.copyright { /* KAZ */ padding-right: 4em; font-size: 0.9rem; /* 2024.2 KAZ: per request */ text-align: right; } } @media screen and (max-width: 767px) { .kokuspo_shinsyu_box--left .kokuspo_shinsyu_img span.copyright, .shospo_shinsyu_box--left .shospo_shinsyu_img span.copyright { /* KAZ */ font-size: 0.75rem; /* 2024.2 KAZ: per request */ text-align: center; } } .kokuspo_shinsyu_box--left .kokuspo_shinsyu_img { padding-left: min(3.8462vw, 40px); /* KAZ: 40 / 1040 */ } .kokuspo_shinsyu_box--right .kokuspo_shinsyu_box_desc { padding-left: 0; padding-right: min(3.4027777778vw, 49px); padding-right: min(3.4027777778vw, 3.0625rem); } .kokuspo_shinsyu_box--right p.kokuspo_shinsyu_box_desc:first-of-type { margin-bottom: 40px; /* KAZ */ } .kokuspo_shinsyu_box--right .kokuspo_shinsyu_box_desc:nth-of-type(2) { margin-bottom: 3px; /* KAZ */ } .kokuspo_shinsyu_box--right .kokuspo_shinsyu_box_url { display: inline-block; width: 100%; margin-bottom: 2px; /* KAZ */ } @media(max-width:767px) { #kokuspo_about_compe { margin-bottom: 59px; /* KAZ */ } #kokuspo_about_compe .kokuspo_about_desc { margin-bottom: 26px; /* KAZ */ } #kokuspo_about_compe .kokuspo_about_box_lists { margin-bottom: 24px; /* KAZ */ padding-inline: 0; grid-template-columns: 1fr 1fr; gap: 0 min(5.3333333333vw, 20px); gap: 0 min(5.3333333333vw, 1.25rem); } .kokuspo_about_box .kokuspo_about_box_lists--short { max-width: 100%; } .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:first-of-type, .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(2) { grid-column: 1 / 3; } .kokuspo_about_box_lists .kokuspo_about_box_list { font-size: 0.875rem; line-height: calc(22 / 14); padding: 7px 0; /* KAZ */ } .kokuspo_about_box_lists .kokuspo_about_box_list--first { font-size: 1.125rem; line-height: calc(24 / 18); margin-bottom: 6px; /* KAZ */ } .kokuspo_about_box_lists .kokuspo_about_box_list:nth-of-type(2) { font-size: 0.75rem; } .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(5), .kokuspo_about_box .kokuspo_about_box_lists--qu .kokuspo_about_box_list:nth-of-type(6) { border-top: initial; } .kokuspo_about_box .kokuspo_about_box_lists--short .kokuspo_about_box_list:first-of-type { border: initial; } .kokuspo_about_box .kokuspo_about_box_lists--short .kokuspo_about_box_list:nth-of-type(2) { border-top: initial; } #kokuspo_about_compe .kokuspo_about_box--main,#kokuspo_about_compe .kokuspo_about_box--sub { padding-bottom: 9px; /* KAZ */ padding-inline: min(4vw, 15px); padding-inline: min(4vw, 0.9375rem); } #kokuspo_about_compe .kokuspo_about_ttl { margin-bottom: 15px; /* KAZ */ } #kokuspo_shinsyu { margin-bottom: 59px; /* KAZ */ } #kokuspo_shinsyu .kokuspo_shinsyu_desc { grid-template-columns: 1fr; gap: min(3.7333333333vw, 14px) 0; margin-inline: min(2.5333333333vw, 9.5px); margin-inline: min(2.5333333333vw, 0.59375rem); gap: min(3.7333333333vw, 0.875rem) 0; margin-bottom: 35px; /* KAZ */ } #kokuspo_shinsyu .kokuspo_shinsyu_desc p { text-align: center; width: 100%; } #kokuspo_shinsyu .kokuspo_shinsyu_desc > div { margin-bottom: 0; } #kokuspo_shinsyu .kokuspo_shinsyu_desc img { max-width: min(66.9333333333vw, 251px); max-width: min(66.9333333333vw, 15.6875rem); } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box .kokuspo_shinsyu_img + .kokuspo_shinsyu_box_desc,.kokuspo_shinsyu_box--right { padding-left: min(4vw, 15px); padding-left: min(4vw, 0.9375rem); padding-right: min(4vw, 15px); padding-right: min(4vw, 0.9375rem); } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(n) { padding-bottom: 24px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(2) .kokuspo_shinsyu_img { max-width: min(58.6666666667vw, 220px); max-width: min(58.6666666667vw, 13.75rem); padding-top: 0; padding-bottom: 5px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(3) .kokuspo_shinsyu_img { max-width: min(80vw, 300px); max-width: min(80vw, 18.75rem); padding-top: 0; padding-bottom: 5px; /* KAZ */ } .kokuspo_shinsyu__inner .kokuspo_shinsyu_box:nth-of-type(4) .kokuspo_shinsyu_img { max-width: min(70.6666666667vw, 265px); max-width: min(70.6666666667vw, 16.5625rem); padding-top: 0; padding-bottom: 5px; /* KAZ */ } .kokuspo_shinsyu_box__inner { grid-template-columns: 1fr; gap: min(4.2666666667vw, 16px) 0; gap: min(4.2666666667vw, 1rem) 0; } .kokuspo_shinsyu_box--left .kokuspo_shinsyu_img { padding-left: 0; } .kokuspo_shinsyu_box--right p.kokuspo_shinsyu_box_desc:first-of-type { padding-right: 0; margin-bottom: 15px; /* KAZ */ } .kokuspo_shinsyu_box--right .kokuspo_shinsyu_box_desc:nth-of-type(2) { margin-bottom: 0; } .kokuspo_shinsyu_box--right .kokuspo_shinsyu_box_url { margin-bottom: 5px; /* KAZ */ } } /*shospo_about*/ #shospo_about .shospo_about_desc { padding: 8px min(5vw, 52px) 18px; /* KAZ: 52 / 1040 */ margin-bottom: 0; } #shospo_about_compe { margin-bottom: 130px; /* KAZ */ } #shospo_about_compe .shospo_about_desc { padding-top: 18px; /* KAZ */ padding-right: min(5vw, 52px); /* KAZ: 52 / 1040 */ padding-left: min(5vw, 52px); /* KAZ: 52 / 1040 */ margin-bottom: 40px; /* KAZ */ } #shospo_about_compe .shospo_about_ttl { margin-bottom: 58px; /* KAZ */ } #shospo_about .shospo_about_img + .shospo_about_desc { padding-left: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } #shospo_about_compe .shospo_about_box--main .shospo_about_desc { margin-bottom: 26px; /* KAZ */ } .shospo_about_box--main { padding-bottom: 25px; /* KAZ */ } .shospo_about_box--main,.shospo_about_box--sub { padding-top: 44px; /* KAZ */ } .shospo_about_box_lists { margin-left: 0; padding-left: min(0.9615vw, 10px); /* KAZ: 10 / 1040 */ padding-right: min(0.9615vw, 10px); /* KAZ: 10 / 1040 */ } .shospo_about_box .shospo_about_box_lists--qu { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 min(3.2692vw, 34px); /* KAZ: 34 / 1040 */ } .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:first-of-type { padding-bottom: 5px; /* KAZ */ } .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:first-of-type, .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(2) { grid-column: 1 / 5; border-bottom: none; } .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(3), .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(4), .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(5), .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(6) { border-top: 1px solid rgba(34,34,34,0.3); } .shospo_about_box .shospo_about_box_lists--short { max-width: min(13.8888888889vw, 200px); max-width: min(13.8888888889vw, 12.5rem); } .shospo_about_box .shospo_about_box_lists--half { display: grid; grid-template-columns: 1fr 1fr; gap: 0 min(2.3611111111vw, 34px); gap: 0 min(2.3611111111vw, 2.125rem); } .shospo_about_box .shospo_about_box_lists--half .shospo_about_box_list:first-of-type, .shospo_about_box .shospo_about_box_lists--half .shospo_about_box_list:nth-of-type(2) { grid-column: 1 / 3; border-bottom: none; } .shospo_about_box .shospo_about_box_lists--half .shospo_about_box_list:nth-of-type(3), .shospo_about_box .shospo_about_box_lists--half .shospo_about_box_list:nth-of-type(4) { border-top: 1px solid rgba(34,34,34,0.3); } .shospo_about_box .shospo_about_box_lists--half .shospo_about_box_list:nth-of-type(3) { border-top: 1px solid rgba(34,34,34,0.3); } .shospo_about_box_lists:not(:last-of-type) { margin-bottom: 40px; /* KAZ */ } .shospo_about_box_lists .shospo_about_box_list:empty { display: none; } .shospo_about_box_lists .shospo_about_box_list { list-style: none; line-height: calc(40 / 16); padding: 3px 0; /* KAZ */ border-bottom: 1px solid rgba(34,34,34,0.3); font-weight: 400; } .shospo_about_box_lists .shospo_about_box_list--first { font-size: 1.5625rem; line-height: calc(50 / 25); margin-bottom: 6px; /* KAZ */ padding: 0; font-weight: 600; border-bottom: none; } .shospo_about_box_lists .shospo_about_box_list:nth-of-type(2) { font-size: 0.875rem; line-height: calc(32 / 14); padding: 8px 0; /* KAZ */ } .shospo_about_box_lists .shospo_about_box_list span { display: inline-block; } .shospo_about_box_lists .shospo_about_box_list span span { font-size: 0.75rem; display: inline-block; margin-left: min(0.9027777778vw, 13px); margin-left: min(0.9027777778vw, 0.8125rem); } .shospo_about_box_list:empty { display: none; } .shospo_about_box--kokutai:first-of-type { padding-bottom: 23px; /* KAZ */ } #shospo_about .shospo_about_box--kokutai:nth-of-type(2) { padding-bottom: 23px; /* KAZ */ } #shospo_about .shospo_about_box--kokutai:nth-of-type(2) .shospo_about_desc { padding-bottom: 21px; /* KAZ */ } #shospo_about .shospo_about_box--kokutai:nth-of-type(3) .shospo_about_desc { padding-bottom: 25px; /* KAZ */ } #shospo_about .shospo_about_box--kokutai:nth-of-type(4) { margin-bottom: 130px; /* KAZ */ } .shospo_about_box--kokutai .shospo_about_img { width: 100%; margin-inline: auto; padding-left: min(2.7885vw, 29px); /* KAZ: 29 / 1040 */ } .shospo_about_box--kokutai .shospo_about_img img { width: 100%; aspect-ratio: 1 / 1; -o-object-fit: contain; object-fit: contain; } .shospo_about_box__inner { display: grid; grid-template-columns:min(27.5418vw, 286.5px) auto; /* KAZ: 286.5 / 1040 */ gap: 0 min(5.5769vw, 58px); /* KAZ: 58 / 1040 */ margin-bottom: 13px; /* KAZ */ padding-top: 10px; /* KAZ */ } .shospo_about_attention { padding-left: min(0.6944444444vw, 10px); padding-left: min(0.6944444444vw, 0.625rem); padding-right: min(0.6944444444vw, 10px); padding-right: min(0.6944444444vw, 0.625rem); font-size: 0.75rem; line-height: calc(20 / 12); margin-top: 17px; /* KAZ */ margin-bottom: 25px; /* KAZ */ } @media(max-width:767px) { .shospo_about_box__inner { grid-template-columns: 1fr; gap: min(0.96vw, 3.6px) 0; gap: min(0.96vw, 0.225rem) 0; } #shospo_about .shospo_about_desc { padding-right: min(0.5333333333vw, 2px); padding-right: min(0.5333333333vw, 0.125rem); padding-left: min(0.8vw, 3px); padding-left: min(0.8vw, 0.1875rem); } #shospo_about .shospo_about_box_desc { padding-right: min(2.9333333333vw, 11px); padding-right: min(2.9333333333vw, 0.6875rem); padding-top: 0; } #shospo_about .shospo_about_box--kokutai:first-of-type,#shospo_about .shospo_about_box--kokutai:nth-of-type(2),#shospo_about .shospo_about_box--kokutai:nth-of-type(3),#shospo_about .shospo_about_box--kokutai:nth-of-type(4),#shospo_about .shospo_about_box--kokutai:nth-of-type(5) { padding-bottom: 18px; /* KAZ */ } .shospo_about_box--kokutai:nth-of-type(5) { margin-bottom: 41px; /* KAZ */ } .shospo_about_box--kokutai .kokuspo_about_img { max-width: min(68.5333333333vw, 257px); max-width: min(68.5333333333vw, 16.0625rem); padding-top: 3px; /* KAZ */ } .shospo_about_box--kokutai .shospo_about_img { max-width: min(68.6453333333vw, 257.42px); max-width: min(68.6453333333vw, 16.08875rem); padding-left: 0; } #shospo_about .shospo_about_box--kokutai:nth-of-type(4) { margin-bottom: 44px; /* KAZ */ } #shospo_about_compe .shospo_about_ttl { margin-bottom: 21px; /* KAZ */ } } /*shospo_shinsyu*/ #shospo_shinsyu { margin-bottom: 128px; /* KAZ */ } #shospo_shinsyu .shospo_shinsyu_desc { margin-right: max(-1.9231vw, -20px); /* KAZ: -20 / 1040 */ display: grid; grid-template-columns: auto min(30.0962vw, 313px); /* KAZ: 313 / 1040 */ align-items: flex-end; padding-right: 0; gap: 0 min(0.7692vw, 8px); /* KAZ: 8 / 1040 */ margin-bottom: 64px; /* KAZ */ } #shospo_shinsyu .shospo_shinsyu_desc > div { margin-bottom: 14px; /* KAZ */ } #shospo_shinsyu .shospo_shinsyu_desc p { margin-bottom: 0; line-height: 1; } #shospo_shinsyu .shospo_shinsyu_desc img { /* width: 100%; */ /* max-width: min(21.7361111111vw, 313px); */ /* aspect-ratio: 1 / 1; */ /* object-fit: contain; */ /* margin-top: 0; */ } .shospo_shinsyu_box__inner { display: grid; grid-template-columns: min(43.5577vw, 453px) auto; /* KAZ: 453 / 1040 */ gap: 0 min(5.4808vw, 57px); /* KAZ: 57 / 1040 */ align-items: flex-end; margin-top: -6px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_link { text-align: center; margin: 0; } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(2) { padding-bottom: 66px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(2) .shospo_shinsyu_img { max-width: min(21.1805555556vw, 305px); max-width: min(21.1805555556vw, 19.0625rem); width: 100%; padding-bottom: 19px; /* KAZ */ margin-inline: auto; padding-top: 32px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(2) .shospo_shinsyu_img img { aspect-ratio: 305 / 430; width: 100%; -o-object-fit: contain; object-fit: contain; } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(3) { padding-bottom: 47px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(3) .shospo_shinsyu_img { /* max-width: min(51.6625vw, 743.94px); */ /* width: 100%; */ max-width: 744px; /* KAZ */ padding-bottom: 32px; /* KAZ */ margin-inline: auto; padding-top: 14px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(3) .shospo_shinsyu_img img { /* width: 100%; */ /* aspect-ratio: 743.94 / 231.9; */ /* object-fit: contain; */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(4) { padding-bottom: 47px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(4) .shospo_shinsyu_img { /* width: 100%; */ margin-inline: auto; /* max-width: min(31.9340277778vw, 459.85px); */ /* width: 100%; */ width: 460px; /* KAZ */ padding-bottom: 15px; /* KAZ */ padding-top: 27px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(4) .shospo_shinsyu_img img { /* aspect-ratio: 459.85 / 74.77; */ /* width: 100%; */ /* object-fit: contain; */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(5) { padding-bottom: 47px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(5) .shospo_shinsyu_img img { width: 100%; } .shospo_shinsyu__inner .shospo_shinsyu_box .shospo_shinsyu_img + .shospo_shinsyu_box_desc { padding-right: min(2.0833333333vw, 30px); padding-right: min(2.0833333333vw, 1.875rem); padding-left: min(2.0833333333vw, 30px); padding-left: min(2.0833333333vw, 1.875rem); } .shospo_shinsyu_box--left .shospo_shinsyu_img { padding-left: min(3.8462vw, 40px); /* KAZ: 40 / 1040 */ } .shospo_shinsyu_box--right .shospo_shinsyu_box_desc { padding-left: 0; padding-right: min(3.4027777778vw, 49px); padding-right: min(3.4027777778vw, 3.0625rem); } .shospo_shinsyu_box--right p.shospo_shinsyu_box_desc:first-of-type { margin-bottom: 40px; /* KAZ */ } .shospo_shinsyu_box--right .shospo_shinsyu_box_desc:nth-of-type(2) { margin-bottom: 3px; /* KAZ */ } .shospo_shinsyu_box--right .shospo_shinsyu_box_url { display: inline-block; width: 100%; margin-bottom: 2px; /* KAZ */ } @media(max-width:767px) { #shospo_about_compe { margin-bottom: 59px; /* KAZ */ } #shospo_about_compe .shospo_about_box--main .shospo_about_desc,#shospo_about_compe .shospo_about_box--sub .shospo_about_desc { margin-bottom: 12px; /* KAZ */ margin-inline: 0; padding-top: 3px; /* KAZ */ } #shospo_about_compe .shospo_about_box_lists { grid-template-columns: 1fr 1fr; gap: 0 min(5.3333333333vw, 20px); gap: 0 min(5.3333333333vw, 1.25rem); margin-bottom: 15px; /* KAZ */ padding-inline: 0; } .shospo_about_box .shospo_about_box_lists--short { max-width: 100%; } .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:first-of-type, .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(2) { grid-column: 1 / 3; } .shospo_about_box_lists .shospo_about_box_list { font-size: 0.875rem; line-height: calc(22 / 14); padding: 7px 0; /* KAZ */ } .shospo_about_box_lists .shospo_about_box_list:last-of-type { grid-column: 1 / 3; } .shospo_about_box_lists .shospo_about_box_list--first { font-size: 1.125rem; line-height: calc(24 / 18); margin-bottom: 1px; /* KAZ */ } .shospo_about_box_lists .shospo_about_box_list:nth-of-type(2) { font-size: 0.75rem; } .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(5), .shospo_about_box .shospo_about_box_lists--qu .shospo_about_box_list:nth-of-type(6) { border-top: initial; } .shospo_about_box .shospo_about_box_lists--short .shospo_about_box_list:first-of-type { border: initial; } .shospo_about_box .shospo_about_box_lists--short .shospo_about_box_list:nth-of-type(2) { border-top: initial; } #shospo_about_compe .shospo_about_box--main,#shospo_about_compe .shospo_about_box--sub { padding-bottom: 34px; /* KAZ */ padding-top: 20px; /* KAZ */ padding-inline: min(4vw, 15px); padding-inline: min(4vw, 0.9375rem); } #shospo_about_compe .shospo_about_attention { margin-top: 0; margin-bottom: 0; } #shospo_shinsyu { margin-bottom: 59px; /* KAZ */ } #shospo_shinsyu .shospo_shinsyu_desc { grid-template-columns: 1fr; gap: min(3.7333333333vw, 14px) 0; margin-inline: min(2.5333333333vw, 9.5px); margin-inline: min(2.5333333333vw, 0.59375rem); gap: min(3.7333333333vw, 0.875rem) 0; margin-bottom: 40px; /* KAZ */ } #shospo_shinsyu .shospo_shinsyu_desc p { text-align: center; width: 100%; } #shospo_shinsyu .shospo_shinsyu_desc img { max-width: min(66.9333333333vw, 251px); max-width: min(66.9333333333vw, 15.6875rem); } .shospo_shinsyu__inner .shospo_shinsyu_box .shospo_shinsyu_img + .shospo_shinsyu_box_desc,.shospo_shinsyu_box--right { padding-left: min(4vw, 15px); padding-left: min(4vw, 0.9375rem); padding-right: min(4vw, 15px); padding-right: min(4vw, 0.9375rem); } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(n) { padding-bottom: 24px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(2) .shospo_shinsyu_img { max-width: min(58.6666666667vw, 220px); max-width: min(58.6666666667vw, 13.75rem); padding-top: 0; padding-bottom: 5px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(3) .shospo_shinsyu_img { max-width: min(80vw, 300px); max-width: min(80vw, 18.75rem); padding-top: 0; padding-bottom: 5px; /* KAZ */ } .shospo_shinsyu__inner .shospo_shinsyu_box:nth-of-type(4) .shospo_shinsyu_img { max-width: min(70.6666666667vw, 265px); max-width: min(70.6666666667vw, 16.5625rem); padding-top: 0; padding-bottom: 5px; /* KAZ */ } .shospo_shinsyu_box__inner { grid-template-columns: 1fr; gap: min(4.2666666667vw, 16px) 0; gap: min(4.2666666667vw, 1rem) 0; } .shospo_shinsyu_box--left .shospo_shinsyu_img { padding-left: 0; } .shospo_shinsyu_box--right p.shospo_shinsyu_box_desc:first-of-type { padding-right: 0; margin-bottom: 15px; /* KAZ */ } .shospo_shinsyu_box--right .shospo_shinsyu_box_desc:nth-of-type(2) { margin-bottom: 0; } .shospo_shinsyu_box--right .shospo_shinsyu_box_url { margin-bottom: 5px; /* KAZ */ } } /*relative*/ #relative_cont { margin-bottom: 42px; /* KAZ */ } #relative_cont .relative_cont__inner { /* max-width: 1105px; */ } #relative_cont .relative_cont_img { /* width: 100%; */ /* max-width: min(17.9916666667vw, 259.079px); */ width: 259px; /* KAZ */ margin-inline: auto; margin-bottom: 21px; /* KAZ */ } #relative_cont .relative_cont_img img { width: 100%; aspect-ratio: 259.08 / 70.66; -o-object-fit: contain; object-fit: contain; } #relative_cont .relative_cont_ttl { width:100%; text-align: center; font-size: 1.75rem; margin-bottom: 78px; /* KAZ */ color: var(--n2028-title-color); line-height: calc(42 / 28); } #relative_cont .relative_cont_boxes { display: grid; grid-template-columns: 1fr 1fr; gap: 0 min(10.2885vw, 107px); /* KAZ: 107 / 1040 */ } #relative_cont .relative_cont_box a.linkbtn { width: 100%; } :is(#relative_cont, .rehearsal_sec) .relative_cont_box--short { /* 2026.6 MTL Aki added .rehearsal_sec */ margin-inline: auto; } #relative_cont .relative_cont_box a.linkbtn::before { /* display: none; */ /* KAZ: c/o */ } :is(#relative_cont, .rehearsal_sec) .relative_cont_box a.linkbtn span.inner { /* 2026.6 MTL Aki added .rehearsal_sec */ /* box-shadow: 0 7px 0 0 rgba(0,87,47,1); */ /* border-top: 4px solid rgba(0,87,47,1); */ /* border-left: 4px solid rgba(0,87,47,1); */ /* border-right: 4px solid rgba(0,87,47,1); */ /* border-radius: 70px; */ width: 100%; /* height: auto; */ /* max-width: min(30vw, 432px); */ /* padding-bottom: min(1.875vw, 27px); */ /* padding-top: min(1.875vw, 27px); */ /* padding-left: min(2.9861111111vw, 43px); */ /* line-height: calc(32/ 24); */ /* font-size: min(1.6666666667vw, 24px); */ } :is(#relative_cont, .rehearsal_sec) .relative_cont_box--long a.linkbtn span.inner { /* 2026.6 MTL Aki added .rehearsal_sec */ /* max-width: min(34.7222222222vw, 500px); */ max-width: none; } /*#relative_cont .relative_cont_box a.linkbtn span.inner::after { * top:50%; * transform: translateY(-50%); * width: min(3.6111111111vw, 52px); * height: min(3.6111111111vw, 52px); * line-height: min(3.6111111111vw, 52px); * font-size: min(1.1805555556vw, 17px); * padding-left: 0; * text-align: center; *} */ /* KAZ: c/o */ @media print, screen and (min-width: 768px) { :is(#relative_cont, .rehearsal_sec) .relative_cont_box--short { /* 2026.6 MTL Aki added .rehearsal_sec *//* KAZ */ max-width: 432px; } :is(#relative_cont, .rehearsal_sec) .relative_cont_box a.linkbtn, /* 2026.6 MTL Aki added .rehearsal_sec *//* KAZ */ :is(#relative_cont, .rehearsal_sec) .relative_cont_box a.linkbtn span.inner { /* 2026.6 MTL Aki added .rehearsal_sec *//* KAZ */ border-radius: 50px; /* 2024.2 KAZ: debugged */ } :is(#relative_cont, .rehearsal_sec) .relative_cont_box a.linkbtn span.inner { /* 2026.6 MTL Aki added .rehearsal_sec *//* KAZ */ border-width: 5px; /* border-radius: 50px; */ /* 2024.2 KAZ: debugged; moved above */ height: 100px; padding-left: min(4.1346vw, 43px); /* 43 / 1040 */ line-height: 90px; font-size: min(2.2vw, 1.5rem); /* 2.3077vw (24 / 1040) is too wide */ max-width: 100%; /* 2024.2 Aki */ } html.font-size-large #relative_cont .relative_cont_boxes { /* 2024.2 Aki */ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } html.font-size-large #relative_cont .relative_cont_box a.linkbtn span.inner { /* 2024.2 Aki */ padding-left: min(4.1346vw, 30px); padding-right: 70px; } html.font-size-large .kokuspo_shinsyu_box--left .kokuspo_shinsyu_img span.copyright, html.font-size-large .shospo_shinsyu_box--left .shospo_shinsyu_img span.copyright { /* 2024.2 Aki */ padding-right: 3em; } #relative_cont .relative_cont_box a.linkbtn::before { /* 2026.6 MTL Aki added .rehearsal_sec *//* KAZ */ border-radius: 52px; width: calc(100% - 10px); height: 104px; left: 5px; } :is(#relative_cont, .rehearsal_sec) .relative_cont_box a.linkbtn span.inner::after { /* 2026.6 MTL Aki added .rehearsal_sec *//* KAZ */ top: 19px; /* 2024.2 KAZ: reverted from 25px; 2024.2 Aki was 19px */ } /* html.font-size-large #relative_cont .relative_cont_box a.linkbtn span.inner::after { * top: 25px; * } */ /* 2024.2 KAZ: c/o */ html.font-size-large .commitee_btn-boxes--sub { /* 2024.2 Aki */ /* max-width: min(24.1346vw, 265px); */ /* 2025.6 KAZ: c/o */ } html.font-size-large .commitee_btn-boxes--sub .commitee_btn-box.longname { /* 2024.2 Aki */ /* margin-top: 8px; */ /* 2025.6 KAZ: c/o */ } html.font-size-large .commitee_btn-boxes--sub .commitee_btn-box + .commitee_btn-box { margin-top: min(0.9615vw, 10px); /* 2025.6 KAZ: 10 / 1040 */ } } @media screen and (max-width: 767px) { :is(#relative_cont, .rehearsal_sec) .relative_cont_img { /* 2026.6 MTL Aki added .rehearsal_sec */ max-width: min(75.368vw, 282.63px); max-width: min(75.368vw, 17.664375rem); margin-bottom: 21px; /* KAZ */ } :is(#relative_cont, .rehearsal_sec) .relative_cont_img img { /* 2026.6 MTL Aki added .rehearsal_sec */ aspect-ratio: 282.63 / 70.66; } :is(#relative_cont, .rehearsal_sec) .relative_cont_ttl { /* 2026.6 MTL Aki added .rehearsal_sec */ margin-bottom: 28px; /* KAZ */ line-height: calc(42 / 28); font-size: 1.75rem; } :is(#relative_cont, .rehearsal_sec) .relative_cont_boxes { /* 2026.6 MTL Aki added .rehearsal_sec */ grid-template-columns: 1fr; gap: 35px 0; /* KAZ */ max-width: 296px; /* KAZ */ margin-inline: auto; /* KAZ */ } html.font-size-large #relative_cont .relative_cont_boxes { /* 2024.2 Aki */ max-width: 100%; } #relative_cont .relative_cont_box a.linkbtn::before { width: calc(100% - 4px); /* KAZ */ } :is(#relative_cont, .rehearsal_sec) .relative_cont_box a.linkbtn span.inner { /* 2026.6 MTL Aki added .rehearsal_sec */ /* box-shadow: 0 5px 0 0 rgba(0,87,47,1); * border: 2px solid var(--n2028-title-color); * max-width: min(78.9333333333vw, 296px); * padding-bottom: min(4.5333333333vw, 17px); * padding-top: min(4.5333333333vw, 17px); * padding-left: min(6.9333333333vw, 26px); * padding-right: min(2.9333333333vw, 11px); * line-height: calc(20 / 18); * font-size: min(4.8vw, 18px); * font-size: 1.125rem; */ /* KAZ: c/o */ max-width: none; } /* #relative_cont .relative_cont_box a.linkbtn span.inner::after { * width: min(10.9333333333vw, 41px); * height: min(10.9333333333vw, 41px); * line-height: min(10.9333333333vw, 41px); * font-size: min(3.7333333333vw, 14px); * } */ /* KAZ: c/o */ :is(#relative_cont, .rehearsal_sec) .relative_cont_box--short { /* 2026.6 MTL Aki added .rehearsal_sec */ max-width: 296px; /* KAZ */ } :is(#relative_cont, .rehearsal_sec) .relative_cont_box--long2 a.linkbtn span.inner { /* 2026.6 MTL Aki added .rehearsal_sec */ padding-bottom: 7px; /* KAZ */ padding-top: 7px; /* KAZ */ line-height: calc(20 / 18); /* KAZ: moved */ } } /* 準備委員会組織図 NEW: 2025.9 */ #commitee .chart_box { } #commitee .chart_box h3 { } #commitee .chart_box .asof { padding-right: 6px; line-height: 1.5; /* 18px */ font-size: 0.75rem; /* 12px */ text-align: right; } #commitee .chart_box .chart { position: relative; line-height: 0; text-align: center; } #commitee .chart_box .chart img { } #commitee .chart_box .chart .btn_wrapper { position: absolute; z-index: 99; } #commitee .chart_box .chart .btn_wrapper.main { } #commitee .chart_box .chart .btn_wrapper.main.first { } #commitee .chart_box .chart .btn_wrapper.main.second { } #commitee .chart_box .chart .btn_wrapper.main.third { } #commitee .chart_box .chart .btn_wrapper.senmon { } #commitee .chart_box .chart .btn_wrapper a.button { display: block; transition: 0.3s; } #commitee .chart_box .chart .btn_wrapper.main a.button { background-color: var(--n2028-committee-large-button-normal-bg-color); border: var(--n2028-committee-large-button-normal-border-color) 2px solid; position: relative; color: var(--n2028-committee-large-button-normal-text-color); font-weight: 700; } #commitee .chart_box .chart .btn_wrapper.main a.button::before { background-color: var(--n2028-committee-large-button-shadow-color); display: block; position: absolute; width: 100%; height: 100%; left: 0; z-index: -1; content: ''; } #commitee .chart_box .chart .btn_wrapper.senmon a.button { background-color: var(--n2028-committee-small-button-normal-bg-color); border: var(--n2028-committee-small-button-normal-border-color) 2px solid; padding-bottom: calc(min(0.9615vw, 10px) - 2px); /* 10 / 1040 */ padding-top: calc(min(0.9615vw, 10px) - 2px); /* 10 / 1040 */ padding-left: calc(min(2.4038vw, 25px) - 2px); /* 25 / 1040 */ padding-right: calc(min(0.9615vw, 10px) - 2px); /* 10 / 1040 */ line-height: calc(28 / 18); color: var(--n2028-committee-small-button-normal-text-color); font-size: min(1.7308vw, 1.125rem); /* 18 / 1040 */ text-align: left; } #commitee .chart_box .chart .btn_wrapper.senmon a.button.longname { padding-block: calc(min(0.3846vw, 4px) - 2px); /* 4 / 1040 */ line-height: 1.1111; /* 20 / 18 */ } @media (any-hover: hover) { #commitee .chart_box .chart .btn_wrapper a.button:hover { text-decoration: none; } #commitee .chart_box .chart .btn_wrapper.main a.button:hover { background-color: var(--n2028-committee-large-button-inverted-bg-color); border-color: var(--n2028-committee-large-button-inverted-border-color); color: var(--n2028-committee-large-button-inverted-text-color); } #commitee .chart_box .chart .btn_wrapper.senmon a.button:hover { background-color: var(--n2028-committee-small-button-inverted-bg-color); border-color: var(--n2028-committee-small-button-inverted-border-color); color: var(--n2028-committee-small-button-inverted-text-color); } } @media print, screen and (min-width: 768px) { #commitee .chart_box { padding-top: 37px; } #commitee .chart_box h3 { margin-bottom: 16px; /* was 43px */ } #commitee .chart_box .asof { margin-bottom: 17px; } #commitee .chart_box .chart { margin-bottom: 31px; } #commitee .chart_box .chart img { width: 99.6739%; /* 917 / 920 */ aspect-ratio: 917 / 1121; } #commitee .chart_box .chart .btn_wrapper { } #commitee .chart_box .chart .btn_wrapper.main { } #commitee .chart_box .chart .btn_wrapper.main.first { width: 46.6522%; /* 428 / 920 */ top: 11.5968%; /* 130 / 1121 */ left: 50%; transform: translateX(-50%); } #commitee .chart_box .chart .btn_wrapper.main.second, #commitee .chart_box .chart .btn_wrapper.main.third { display: flex; flex-direction: row-reverse; justify-content: space-between; left: 0; } #commitee .chart_box .chart .btn_wrapper.main.second { width: 100%; top: 24.9777%; /* 280 / 1121 */ } #commitee .chart_box .chart .btn_wrapper.main.third { width: 66.3043%; /* 610 / 920 */ top: 39.8127%; /* 446.3 / 1121 */ } #commitee .chart_box .chart .btn_wrapper.senmon { width: 21.7391%; /* 200 / 920 */ left: 4.4565%; /* 41 / 920 */ } #commitee .chart_box .chart .btn_wrapper.senmon.first { top: 48.1088%; /* 539.3 / 1121 */ } #commitee .chart_box .chart .btn_wrapper.senmon.second { top: 65.2186%; /* 731.3 / 1121 */ } #commitee .chart_box .chart .btn_wrapper.senmon.third { top: 70.9456%; /* 795.3 / 1121 */ } #commitee .chart_box .chart .btn_wrapper.senmon.fourth { top: 82.4532%; /* 924.3 / 1121 */ } #commitee .chart_box .chart .btn_wrapper.main a.button, #commitee .chart_box .chart .btn_wrapper.main a.button::before, #commitee .chart_box .chart .btn_wrapper.senmon a.button { border-radius: 20px; } #commitee .chart_box .chart .btn_wrapper.main a.button { line-height: 2; /* 50px */ font-size: min(2.4038vw, 1.5625rem); /* 25 / 1040 */ } html.font-size-large #commitee .chart_box .chart .btn_wrapper.main a.button { /* max-height: 54px; */ line-height: 1.7857; /* 50px */ font-size: min(2.6923vw, 28px); /* 28 / 1040 */ } #commitee .chart_box .chart .btn_wrapper.main.second a.button { width: 48.6957%; /* 448 / 920 */ } #commitee .chart_box .chart .btn_wrapper.main.third a.button { width: 48.8525%; /* 298 / 610 */ } #commitee .chart_box .chart .btn_wrapper.main a.button::before { top: 5px; } #commitee .chart_box .chart .btn_wrapper.senmon a.button + a.button { margin-top: 8%; /* 16 / 200 */ } html.font-size-large #commitee .chart_box .chart .btn_wrapper.senmon a.button + a.button { margin-top: 5%; /* 10 / 200 */ } } @media screen and (max-width: 767px) { #commitee .chart_box { padding: 22px 6.2121% 42px; } #commitee .chart_box h3 { margin-bottom: 8px; /* was 62px */ } #commitee .chart_box .asof { margin-bottom: 31px; } #commitee .chart_box .chart { margin-bottom: 23px; } #commitee .chart_box .chart img { width: 103.4602%; /* 299 / 289 */ max-width: none; aspect-ratio: 299 / 1545; margin-right: -3.4602%; /* -10 / 289 */ } #commitee .chart_box .chart .btn_wrapper.main { } #commitee .chart_box .chart .btn_wrapper.main.first { width: 100%; top: 16.6343%; /* 257 / 1545 */ } #commitee .chart_box .chart .btn_wrapper.main.second { width: 86.1592%; /* 249 / 289 */ top: 25.89%; /* 400 / 1545 */ } #commitee .chart_box .chart .btn_wrapper.main.third { width: 55.0173%; /* 159 / 289 */ top: 36.4401%; /* 563 / 1545 */ } #commitee .chart_box .chart .btn_wrapper.main a.button, #commitee .chart_box .chart .btn_wrapper.main a.button::before, #commitee .chart_box .chart .btn_wrapper.senmon a.button { border-radius: 5.3333vw; } #commitee .chart_box .chart .btn_wrapper.main a.button { line-height: 1.6; /* 45 / 25 */ font-size: 6.6667vw; /* 25px */ } #commitee .chart_box .chart .btn_wrapper.main a.button.sptall { padding-block: 1.7333vw; /* 6.5 / 375 */ line-height: 1.04; /* 26 / 25 */ } #commitee .chart_box .chart .btn_wrapper.main.second a.button + a.button { margin-top: 5.4667vw; /* 20.5 / 375 */ } #commitee .chart_box .chart .btn_wrapper.main.third a.button + a.button { margin-top: 9.2vw; /* 34.5 / 375 */ } #commitee .chart_box .chart .btn_wrapper.main a.button::before { top: 7px; } #commitee .chart_box .chart .btn_wrapper.senmon { width: 67.128%; /* 194 / 289 */ left: 16.263%; /* 47 / 289 */ } #commitee .chart_box .chart .btn_wrapper.senmon.first { top: 48.2524%; /* 754.5 / 1545 */ } #commitee .chart_box .chart .btn_wrapper.senmon.second { top: 67.2168%; /* 1038.5 / 1545 */ } #commitee .chart_box .chart .btn_wrapper.senmon.third { top: 78.7379%; /* 1216.5 / 1545 */ } #commitee .chart_box .chart .btn_wrapper.senmon.fourth { top: 94.2071%; /* 1455.5 / 1545 */ } #commitee .chart_box .chart .btn_wrapper.senmon a.button { padding: calc(2.1333vw - 2px) calc(2.6667vw - 2px) calc(2.1333vw - 2px) calc(4.8vw - 2px); /* 8 10 8 18 / 375 */ line-height: 1.7778; /* 32 / 18 */ font-size: 4.8vw; /* 18px */ } #commitee .chart_box .chart .btn_wrapper.senmon a.button.longname { padding-block: calc(1.0667vw - 2px); /* 4 / 375 */ } #commitee .chart_box .chart .btn_wrapper.senmon a.button + a.button { margin-top: 2.1333vw; /* 8 / 375 */ } #commitee .chart_box .chart .btn_wrapper.senmon a.button + a.button.longname { margin-top: 4vw; /* 15 / 375 */ } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url(/js/images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/js/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/js/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} /* #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/js/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} * #cboxClose:hover{background-position:bottom center;} */ /* KAZ: revised as below */ #cboxClose{position:absolute; top:-20px; right:5px; display:block; background:url(/images/close.png) no-repeat top center; width:27px; height:27px; text-indent:-9999px;} @charset "utf-8"; /* * Copyright (c) 2012 takashi shinohara * this Library is licensed. http://aulta.jp/library/ * http://aulta.jp/library/wordpress/contactForm7Confirm.html * last update: 2012-02-15, 0.0.1. * * MTL 変更履歴 * 02-OCT-2012 確認画面の文字色等を変更 * 24-APR-2019 エラーメッセージの表示位置を各フィールドの次に移動 */ /* * 入力時に付加するclass */ form.wpcf7-form-mode-edit{ } /* * 確認時に付加するclass */ form.wpcf7-form-mode-confirm{ } form.wpcf7-form-mode-confirm th{ /* 問い合わせページのプレビューで、の幅が広がりすぎるので */ width:180px; } form.wpcf7-form-mode-confirm .required, form.wpcf7-form-mode-confirm #inquiry_wrap p.link, form.wpcf7-form-mode-confirm .email_confirm_line, form.wpcf7-form-mode-confirm .accept_line, form.wpcf7-form-mode-confirm .captcha_line { /* 確認時に表示しない項目 */ display: none; } form.wpcf7-form-mode-confirm table.contactform :is(th, td) { display: inline-flex; padding-bottom: 30px; } form.wpcf7-form-mode-confirm #inquiry_wrap table::after { content: "プライバシーポリシーを確認しました"; display: block; text-align: center; } /* * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ */ /*form.wpcf7-form ul.error-messages{ * color:red; *} */ /* APR-2019 KAZ: revised as follows */ form.wpcf7-form span.wpcf7-form-control-wrap .error-messages { display: block; color: var(--n2028-inquiry-highlight-color); /* KAZ: was red */ } /* * 入力チェックに引っかかったときに tr.addClass('error') */ /*form.wpcf7-form table tr.error td{ * background-color:#FFA8EC; *} */ /* APR-2019 KAZ: c/o */ /* * プレビュー時のテキスト */ /*form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm{ * color:green; *} */ /* MTL: c/o */ form.wpcf7-form span.wpcf7-form-control-wrap-confirm { /* MTL */ color: black; font-weight: bold; } /* * ボタンエリア、確認へ */ form.wpcf7-form p.buttons-area-confirm{ /* padding:20px; /* text-align:center; */ } /* * ボタンエリア、書き直す、送信（「書き直す」が加わるため位置調整） */ form.wpcf7-form p.buttons-area .button-rewrite{ /* margin-right:20px; */ } /* form.wpcf7-form p.buttons-area .wpcf7-submit{ margin-left:20px; } */ /* MTL: c/o */ /** * Smash Balloon design tokens — local plugin mirror. * * Single source of truth for design tokens used by Instagram Feed Pro. * Mirrored verbatim from `@smashballoons/tokens` v0.4.0 (npm). To bump * the snapshot: copy the relevant slice of `dist/tokens.css` from the * package and update the `Mirror version` line below. Consumer CSS * references the aliases at the bottom of this file and does not need * to be touched when values change. * * Future migration: when sb-common centralizes token distribution, the * `Package mirror` block can be replaced with an @import / wp_enqueue * of the official package without breaking the alias contract below. * * Mirror version: @smashballoons/tokens@0.4.0 * Slice scope: fg + focus + opacity-disabled + duration (semantic * layer required by SMASH-1378 a11y PRs). Extend in * follow-up PRs as new tokens (border, bg, motion) are * adopted. */ :root { /* ===== Package mirror — @smashballoons/tokens@0.4.0 ===== */ /* Color primitives referenced by the semantic layer below. */ --sb-color-gray-600: #4a5565; --sb-color-gray-700: #364153; --sb-color-wp-light-blue-600: #007ca8; /* Duration primitives — referenced directly by consumer transitions and overridden by the reduced-motion @media block below. */ --sb-duration-75: 75ms; --sb-duration-100: 100ms; --sb-duration-150: 150ms; --sb-duration-200: 200ms; --sb-duration-300: 300ms; --sb-duration-500: 500ms; --sb-duration-700: 700ms; --sb-duration-1000: 1000ms; /* Opacity */ --sb-opacity-disabled: 0.5; /* Semantic foreground */ --sb-fg-muted: var(--sb-color-gray-700); --sb-fg-subtle: var(--sb-color-gray-600); /* Semantic focus */ --sb-focus-ring: var(--sb-color-wp-light-blue-600); /* ===== Plugin-local aliases (stable consumer-site names) ===== Bump the package values above; consumers reference these aliases and do not need to be renamed. Drop an alias here when a follow-up PR migrates its usage sites to the package name directly. */ --sb-text-secondary: var(--sb-fg-muted); --sb-text-tertiary: var(--sb-fg-subtle); } /* Reduced-motion override — zeroes every duration token so any consumer transition that uses `var(--sb-duration-*)` inherits the override automatically. Transforms / @keyframes still need an explicit `prefers-reduced-motion: no-preference` wrap at the consumer site. */ @media (prefers-reduced-motion: reduce) { :root { --sb-duration-75: 0.01ms; --sb-duration-100: 0.01ms; --sb-duration-150: 0.01ms; --sb-duration-200: 0.01ms; --sb-duration-300: 0.01ms; --sb-duration-500: 0.01ms; --sb-duration-700: 0.01ms; --sb-duration-1000: 0.01ms; } } #sb_instagram a:focus-visible,#sb_instagram button:focus-visible,.sbi_lightbox a:focus-visible,.sbi_lightbox button:focus-visible{ /* !important needed because pre-existing `outline: none` resets on :focus / :active (e.g. .sbi_lightbox a:focus around line 1247) would otherwise suppress the focus ring for keyboard users. */outline:2px solid var(--sb-focus-ring)!important;outline-offset:2px!important}#sb_instagram .sbi_item:has(.sbi_photo:focus-visible){outline:2px solid var(--sb-focus-ring);outline-offset:0}#sb_instagram .sb_instagram_header:has(.sbi_header_link:focus-visible){outline:2px solid var(--sb-focus-ring);outline-offset:2px}#sb_instagram{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0;width:100%}#sb_instagram:after{clear:both;content:"";display:table}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto}#sb_instagram #sbi_images,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram .sbi_header_link{-webkit-box-shadow:none;box-shadow:none}#sb_instagram .sbi_header_link:hover{border:none}#sb_instagram #sbi_images .sbi_item{zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:0!important;opacity:1;overflow:hidden;text-decoration:none;-webkit-transition:all var(--sb-duration-500) ease;-moz-transition:all var(--sb-duration-500) ease;-o-transition:all var(--sb-duration-500) ease;transition:all var(--sb-duration-500) ease;vertical-align:top;width:100%}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0}#sb_instagram #sbi_images{display:grid;padding:12px 0;width:100%}#sb_instagram.sbi_col_1 #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{height:inherit;object-fit:cover;scale:1;transition:-webkit-transform var(--sb-duration-500) ease-in-out;transition:transform var(--sb-duration-500) ease-in-out;transition:transform var(--sb-duration-500) ease-in-out,-webkit-transform var(--sb-duration-500) ease-in-out;vertical-align:middle;width:100%}#sb_instagram .sbi_no_js img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover{outline:none}#sb_instagram img{display:block;margin:0!important;max-width:100%!important;opacity:1!important;padding:0!important}#sb_instagram .sbi_link{background:rgba(0,0,0,.5);bottom:0;color:#fff;display:none;font-size:12px;line-height:1.1;padding:10px 0;position:absolute;right:0;text-align:center;width:100%}#sb_instagram .sbi_link a{zoom:1;color:#fff;display:inline-block;font-size:12px;line-height:1.1;padding:0 6px;text-decoration:none;vertical-align:top}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{display:inline-block;height:1em}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{color:#fff;color:hsla(0,0%,100%,.9);display:block!important;font-style:normal!important;position:absolute;text-shadow:0 0 8px rgba(0,0,0,.8);z-index:1}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{font-size:48px;left:50%;margin-left:-19px;margin-top:-24px;padding:0;top:50%;z-index:2}#sb_instagram .sbi_type_carousel .fa-clone{font-size:24px;right:12px;text-shadow:0 0 8px rgba(0,0,0,.3);top:12px}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.4));filter:drop-shadow(0 0 2px rgba(0,0,0,.4))}#sb_instagram .sbi_loader{-webkit-animation:sbi-sk-scaleout var(--sb-duration-1000) infinite ease-in-out;animation:sbi-sk-scaleout var(--sb-duration-1000) infinite ease-in-out;background-color:#000;background-color:rgba(0,0,0,.5);border-radius:100%;height:20px;left:50%;margin:-10px 0 0 -10px;position:relative;top:50%;width:20px}#sb_instagram br{display:none}#sbi_load p{display:inline;margin:0;padding:0}#sb_instagram #sbi_load .sbi_loader{background-color:#fff;margin-top:-11px;opacity:1;position:absolute}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}to{opacity:0;-webkit-transform:scale(1)}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:fa-spin var(--sb-duration-1000) infinite steps(8);animation:fa-spin var(--sb-duration-1000) infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{display:block!important;height:0!important;line-height:0!important;overflow:hidden!important;text-align:left!important;text-indent:-9999px!important;width:0!important}#sb_instagram .sb_instagram_header,.sb_instagram_header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:12px 0;position:relative}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{transition:color var(--sb-duration-500) ease}.sb_instagram_header.sbi_header_outside{display:flex;float:none;margin-left:auto!important;margin-right:auto!important}.sbi_no_avatar .sbi_header_img{background:#333;color:#fff;height:50px;position:relative;width:50px}.sb_instagram_header .sbi_header_hashtag_icon{background:rgba(0,0,0,.75);bottom:0;color:#fff;left:0;opacity:0;position:absolute;text-align:center;top:0;width:100%}.sbi_no_avatar .sbi_header_hashtag_icon{color:#fff;display:block;opacity:.9;-webkit-transition:background .6s linear,color .6s linear;-moz-transition:background .6s linear,color .6s linear;-o-transition:background .6s linear,color .6s linear;transition:background .6s linear,color .6s linear}.sbi_no_avatar:hover .sbi_header_hashtag_icon{display:block;opacity:1;-webkit-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;-moz-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;-o-transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear;transition:background var(--sb-duration-200) linear,color var(--sb-duration-200) linear}@media (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,.sb_instagram_header.sbi_medium .sbi_header_img,.sb_instagram_header.sbi_medium .sbi_header_img img{border-radius:50%;height:80px;width:80px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text h3{line-height:1.4}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,.sb_instagram_header.sbi_large .sbi_header_img,.sb_instagram_header.sbi_large .sbi_header_img img{border-radius:50%;height:120px;width:120px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,.sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}}#sb_instagram .sb_instagram_header .sbi_header_img,.sb_instagram_header .sbi_header_img{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{background:rgba(0,0,0,.75);bottom:0;color:#fff;left:0;opacity:0;position:absolute;text-align:center;top:0;width:100%}#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header .sbi_header_img_hover .sbi_new_logo{font-size:24px;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:absolute;top:50%;width:24px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{font-size:36px;height:36px;margin-left:-18px;margin-top:-18px;width:36px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo{font-size:48px;height:48px;margin-left:-24px;margin-top:-24px;width:48px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{transition:opacity .4s ease-in-out;z-index:2}#sb_instagram .sb_instagram_header .sbi_fade_in,.sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity var(--sb-duration-200) ease-in-out}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,.sb_instagram_header a:focus .sbi_header_img_hover,.sb_instagram_header a:hover .sbi_header_img_hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text,.sb_instagram_header .sbi_header_text{align-items:center;display:flex;gap:20px;justify-content:flex-start}#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,.sb_instagram_header.sbi_large .sbi_feedtheme_header_text{gap:8px}.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text{gap:4px}.sbi_feedtheme_header_text{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:4px;justify-content:flex-start}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{text-decoration:none}#sb_instagram .sb_instagram_header h3,.sb_instagram_header h3{font-size:16px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header p,.sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram p:empty{display:none}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,.sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{clear:both;float:left;text-align:center;width:100%}#sb_instagram #sbi_load .fa-spinner{display:none;font-size:15px;left:50%;margin:-8px 0 0 -7px;position:absolute;top:50%}#sb_instagram #sbi_load{opacity:1;transition:all var(--sb-duration-500) ease-in}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:all var(--sb-duration-100) ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{zoom:1;background:#333;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline-block;font-size:13px;line-height:1.5;margin:5px auto 0;padding:7px 14px;text-decoration:none;vertical-align:top}#sb_instagram #sbi_load .sbi_load_btn{position:relative}#sb_instagram .sbi_follow_btn{zoom:1;display:inline-block;text-align:center;vertical-align:top}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{transition:all var(--sb-duration-100) ease-in}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover{box-shadow:inset 0 0 20px 20px hsla(0,0%,100%,.25);outline:none}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{box-shadow:inset 0 0 10px 20px #359dff;outline:none}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{font-size:15px;margin-bottom:-1px;margin-right:7px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{line-height:1.4;text-align:center;width:100%}#sbi_mod_error{background:#eee;border:1px solid #ddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;clear:both;color:#333;display:none;font-size:13px;margin:10px 0 0;padding:10px 15px;text-align:center}#sbi_mod_error br{display:initial!important}#sbi_mod_error p{line-height:1.3!important;margin:0!important;padding:5px 0!important}#sbi_mod_error ol,#sbi_mod_error ul{margin:0!important;padding:5px 0 5px 20px!important}#sbi_mod_error li{margin:0!important;padding:1px 0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{font-size:23px;margin-left:-9px;margin-top:-12px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{font-size:18px;right:8px;top:8px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{font-size:18px;margin-left:-7px;margin-top:-9px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{font-size:12px;right:5px;top:5px}@media (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_width_resp{width:100%!important}}@media (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;overflow:hidden;position:relative}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{bottom:0;left:0;position:absolute;right:0;top:0}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition{opacity:1}#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}#sb_instagram #sbi_mod_error .sb_frontend_btn{background:#ddd;background:rgba(0,0,0,.1);border-radius:5px;color:#444;display:inline-block;margin-top:10px;padding:6px 10px;text-decoration:none}#sb_instagram #sbi_mod_error .sb_frontend_btn:hover{background:#ccc;background:rgba(0,0,0,.15)}#sb_instagram #sbi_mod_error .sb_frontend_btn .fa{margin-right:2px}#sb_instagram.sbi_palette_dark,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_dark{background-color:rgba(0,0,0,.85);color:hsla(0,0%,100%,.75)}#sb_instagram.sbi_palette_dark .sbi_caption,#sb_instagram.sbi_palette_dark .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_dark,.sbi_header_palette_dark .sbi_bio{color:hsla(0,0%,100%,.75)}#sb_instagram.sbi_palette_dark .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_dark a{color:#fff}#sb_instagram.sbi_palette_light,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_light{background-color:hsla(0,0%,100%,.75);color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_caption,#sb_instagram.sbi_palette_light .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_light,.sbi_header_palette_light .sbi_bio{color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_light a{color:#000}@media (max-width:480px){#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}}@media (max-width:800px){#sb_instagram.sbi_tab_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_tab_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_tab_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_tab_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_tab_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_tab_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_tab_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_tab_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_tab_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_tab_col_1 #sbi_images{grid-template-columns:1fr}}@media (max-width:480px){#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:none!important}body:after{content:url(/wp-content/plugins/instagram-feed/img/sbi-sprite.png);display:none}.sbi_lightboxOverlay{background-color:#000;display:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);left:0;opacity:.9;position:absolute;top:0;z-index:99999}.sbi_lightbox{font-weight:400;left:0;line-height:0;position:absolute;text-align:center;width:100%;z-index:100000}.sbi_lightbox .sbi_lb-image{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:block;height:auto;max-width:inherit;object-fit:contain}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.sbi_lightbox a:active,.sbi_lightbox a:focus,.sbi_lightbox a:hover{outline:none}.sbi_lightbox a img{border:none}.sbi_lb-outerContainer{*zoom:1;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;height:250px;margin:0 auto 5px;position:relative;width:250px}.sbi_lb-outerContainer:after{clear:both;content:"";display:table}.sbi_lb-container-wrapper{height:100%}.sbi_lb-container{bottom:0;height:100%;left:0;padding:4px;position:relative;right:0;top:0;width:100%}.sbi_lb-loader{height:20px;left:0;line-height:0;margin-top:-10px;position:absolute;text-align:center;top:50%;width:100%}.sbi_lb-loader span{background:url(/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat;display:block;height:14px;margin:0 auto;width:14px}.sbi_lb-nav{left:0;top:0;width:100%;z-index:10}.sbi_lb-container>.nav{left:0}.sbi_lb-nav a{background-image:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");height:90%;outline:none;position:absolute;top:0;z-index:100}.sbi_lb-next,.sbi_lb-prev{cursor:pointer;display:block;height:100%}.sbi_lb-nav a.sbi_lb-prev{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:left;left:-70px;opacity:.5;padding-left:10px;padding-right:10px;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:50px}.sbi_lb-nav a.sbi_lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav a.sbi_lb-next{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);float:right;opacity:.5;padding-left:10px;padding-right:10px;right:-70px;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:50px}.sbi_lb-nav a.sbi_lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav span{background:url(/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat;display:block;height:45px;left:20px;margin:-25px 0 0;position:absolute;top:55%;width:34px}.sbi_lb-nav a.sbi_lb-prev span{background-position:-53px 0}.sbi_lb-nav a.sbi_lb-next span{background-position:-18px 0;left:auto;right:20px}.sbi_lb-dataContainer{*zoom:1;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;font-family:Open Sans,Helvetica,Arial,sans-serif;margin:0 auto;padding-top:10px;width:100%}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding-right:300px;position:relative}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper{background:#000;position:relative}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{background:#fff;bottom:0;height:100%;line-height:1.4;overflow:hidden;overflow-y:auto;position:absolute;right:-300px;text-align:left;top:0;width:300px!important}.sbi_lb-commentBox:after,.sbi_lb-data:after,.sbi_lb-dataContainer:after{clear:both;content:"";display:table}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display:block!important;margin-top:20px;padding:4px;width:100%}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number{padding-bottom:0}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption{margin-bottom:20px;max-width:100%;width:100%}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text{display:inline-block;padding-top:10px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;clear:both;display:block!important;float:left;font-size:12px;margin:0 0 1px;min-width:100%;padding:3px 20px 3px 0;width:100%}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter{font-weight:700;margin-right:5px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing:border-box;padding:15px 20px}.sbi_lb-data{color:#ccc;padding:0 4px}.sbi_lb-data .sbi_lb-details{float:left;line-height:1.1;text-align:left;width:85%}.sbi_lb-data .sbi_lb-caption{word-wrap:break-word;color:#ccc;float:left;font-size:13px;font-weight:400;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word;padding-bottom:3px;word-break:break-word}.sbi_lb-data .sbi_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbi_lb-commenter:hover,.sbi_lb-data .sbi_lb-caption a:hover{color:#fff;text-decoration:underline}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{color:#ccc;display:block;float:left;margin:0 0 5px;padding-bottom:0;width:100%}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p{color:#fff;text-decoration:underline}#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username{color:#333}.sbi_lightbox .sbi_lightbox_username img{background:#666;border:none;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;float:left;height:32px;margin-right:10px;width:32px}.sbi_lightbox_username p{color:#ccc;float:left;font-size:13px;font-weight:700;line-height:32px;margin:0;padding:0}.sbi_lb-data .sbi_lb-number{clear:both;color:var(--sb-text-tertiary);display:block;float:left;font-size:12px;padding:5px 0 15px}.sbi_lb-data .sbi_lb-close{color:var(--sb-text-tertiary);display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);float:right;font-size:18px;height:30px;opacity:.7;outline:none;text-align:right;-webkit-transition:opacity var(--sb-duration-200);-moz-transition:opacity var(--sb-duration-200);-o-transition:opacity var(--sb-duration-200);transition:opacity var(--sb-duration-200);width:30px}.sbi_lb-data .sbi_lb-close:hover{color:#fff;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.sbi_lb-nav{height:auto}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video{position:relative!important}.sbi_lb-container{padding:0}.sbi-feed-block-cta{border:1px solid #e8e8eb!important;border-radius:2px!important;position:relative!important;text-align:center!important;width:100%!important}.sbi-feed-block-cta-img-ctn{float:left!important;margin-bottom:35px!important;margin-top:50px!important;width:100%!important}.sbi-feed-block-cta-img,.sbi-feed-block-cta-img-ctn{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}.sbi-feed-block-cta-img{border:2px solid #dcdde1!important;border-radius:16px!important;height:65px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;width:65px!important}.sbi-feed-block-cta-img span svg{float:left!important}.sbi-feed-block-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sbi-feed-block-cta-logo{bottom:-19px!important;position:absolute!important;right:-15px!important;z-index:1!important}.sbi-feed-block-cta-heading{display:inline-block!important;font-size:19px!important;font-weight:700!important;line-height:1.4em!important;margin:0 0 30px!important;padding:0!important;width:100%!important}.sbi-feed-block-cta-btn{background:#0068a0!important;border-radius:2px!important;color:#fff!important;cursor:pointer!important;margin-bottom:30px!important;padding:8px 20px 8px 38px!important;position:relative!important}.sbi-feed-block-cta-btn:after,.sbi-feed-block-cta-btn:before{background:#fff!important;content:""!important;height:12px!important;left:20px!important;position:absolute!important;top:14px!important;width:2px!important}.sbi-feed-block-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sbi-feed-block-cta-desc{align-items:center!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-top:35px!important;padding:20px!important}.sbi-feed-block-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sbi-feed-block-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sbi-feed-block-cta-desc span a{font-weight:600!important;text-decoration:underline!important;text-transform:capitalize!important}.sbi-feed-block-cta-selector{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-bottom:45px!important;padding:0 20%!important;width:100%!important}.sbi-feed-block-cta-feedselector{border:1px solid #d0d1d7!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important;padding:8px 16px!important}.sbi-feed-block-cta-selector span{color:#2c324c!important}.sbi-feed-block-cta-selector span a{font-weight:600!important;text-decoration:underline!important;text-transform:capitalize!important}.sbi-feed-block-cta-selector span a:after{color:#2c324c!important;font-weight:400!important;margin-left:2px!important;text-decoration-color:#fff!important}.sbi-feed-block-cta-selector span a:first-of-type:after{content:","!important}.sbi-feed-block-cta-selector span a:nth-of-type(2):after{content:"or"!important;margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed:before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed:before{background-position:50%!important;background-repeat:no-repeat!important;content:""!important;font-variant:normal!important;height:16px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.906 18.109h.5v-.5h-.5v.5Zm-3.109 0h-.5v.5h.5v-.5Zm0-3.549v-.5h-.5v.5h.5Zm3.109 0v.5h.5v-.5h-.5Zm7.354-7.232h.5v-.424l-.417-.07-.083.494Zm0 3.022v.5h.5v-.5h-.5Zm-3.536 4.21h-.5v.5h.5v-.5Zm3.402 0 .494.077.09-.577h-.584v.5Zm-.55 3.549v.5h.427l.066-.423-.494-.077Zm-2.852 0v-.5h-.5v.5h.5Zm10.328-3.549h-.5v.001h.5ZM17.08 26.614l-.092-.492.092.492Zm-4.531 0 .092-.492-.092.492Zm2.266-24.816c-7.008 0-12.738 5.719-12.738 12.762h1c0-6.492 5.283-11.762 11.738-11.762v-1ZM2.077 14.56c0 6.238 4.473 11.437 10.38 12.545l.184-.983C7.2 25.102 3.077 20.31 3.077 14.56h-1Zm11.329 11.754v-8.205h-1v8.205h1Zm-.5-8.705H9.797v1h3.109v-1Zm-2.609.5V14.56h-1v3.549h1Zm-.5-3.049h3.109v-1H9.797v1Zm3.609-.5v-2.704h-1v2.704h1Zm0-2.704c0-1.437.424-2.488 1.115-3.179.692-.692 1.71-1.082 3.01-1.082v-1c-1.501 0-2.796.454-3.717 1.375-.921.921-1.408 2.25-1.408 3.886h1Zm4.125-4.26c.641 0 1.303.055 1.81.112a20.412 20.412 0 0 1 .824.11l.01.002h.003l.082-.492.082-.494h-.005l-.013-.003a10.294 10.294 0 0 0-.231-.035 21.366 21.366 0 0 0-.64-.081 17.7 17.7 0 0 0-1.922-.12v1Zm2.23-.268v3.022h1V7.328h-1Zm.5 2.522h-1.543v1h1.542v-1Zm-1.543 0c-.867 0-1.518.274-1.944.765-.414.477-.55 1.088-.55 1.644h1c0-.41.102-.754.306-.99.192-.221.538-.419 1.188-.419v-1Zm-2.494 2.41v2.3h1v-2.3h-1Zm.5 2.8h3.402v-1h-3.402v1Zm2.908-.577-.551 3.55.988.153.55-3.55-.987-.153Zm-.057 3.126h-2.851v1h2.851v-1Zm-3.351.5v8.204h1V18.11h-1Zm.949 8.996a12.738 12.738 0 0 0 7.335-4.254l-.761-.648a11.738 11.738 0 0 1-6.76 3.92l.186.982Zm7.335-4.254a12.738 12.738 0 0 0 3.044-8.292l-1 .002c.007 2.8-.988 5.51-2.805 7.642l.76.648Zm3.044-8.29c0-7.044-5.73-12.763-12.737-12.763v1c6.454 0 11.737 5.27 11.737 11.762h1ZM16.224 26.313c0 .492.444.886.949.791l-.185-.983a.198.198 0 0 1 .236.192h-1Zm-3.767.791a.803.803 0 0 0 .949-.791h-1c0-.114.105-.216.235-.192l-.184.983Z' fill='%232b87da'/%3E%3Cpath d='M12.906 18.109h.5v-.5h-.5v.5Zm-3.109 0h-.5v.5h.5v-.5Zm0-3.55v-.5h-.5v.5h.5Zm3.109 0v.5h.5v-.5h-.5Zm7.354-7.232h.5v-.423l-.417-.07-.083.493Zm0 3.023v.5h.5v-.5h-.5Zm-3.536 4.21h-.5v.5h.5v-.5Zm3.402 0 .494.077.09-.577h-.584v.5Zm-.55 3.549v.5h.427l.066-.424-.494-.076Zm-2.852 0v-.5h-.5v.5h.5Zm-3.318 8.257v-8.257h-1v8.257h1Zm-.5-8.757H9.797v1h3.109v-1Zm-2.609.5v-3.55h-1v3.55h1Zm-.5-3.05h3.109v-1H9.797v1Zm3.609-.5v-2.704h-1v2.705h1Zm0-2.704c0-1.436.424-2.487 1.115-3.178.692-.692 1.71-1.082 3.01-1.082v-1c-1.501 0-2.796.454-3.717 1.375-.921.92-1.408 2.25-1.408 3.885h1Zm4.125-4.26c.641 0 1.303.056 1.81.113a20.336 20.336 0 0 1 .824.11l.01.002h.003a183.243 183.243 0 0 1 .165-.986h-.006l-.013-.003a9.144 9.144 0 0 0-.231-.035 21.391 21.391 0 0 0-.64-.082 17.7 17.7 0 0 0-1.922-.119v1Zm2.23-.268v3.023h1V7.327h-1Zm.5 2.523h-1.543v1h1.542v-1Zm-1.543 0c-.867 0-1.518.274-1.944.765-.414.477-.55 1.087-.55 1.644h1c0-.41.102-.754.306-.99.192-.221.538-.419 1.188-.419v-1Zm-2.494 2.41v2.3h1v-2.3h-1Zm.5 2.8h3.402v-1h-3.402v1Zm2.908-.577-.551 3.55.988.152.55-3.548-.987-.154Zm-.057 3.126h-2.851v1h2.851v-1Zm-3.351.5v8.257h1v-8.257h-1Zm.19 8.066h-3.2v1h3.2v-1Zm-.19.191a.19.19 0 0 1 .19-.19v1a.81.81 0 0 0 .81-.81h-1Zm-3.818 0c0 .447.362.81.809.81v-1a.19.19 0 0 1 .19.19h-1Z' fill='%232b87da'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.876 6.788c.058-.082-.03-.187-.122-.149-.728.3-1.494.519-2.284.653-.107.019-.162-.129-.074-.192a5.372 5.372 0 0 0 1.868-2.462c.032-.086-.063-.162-.143-.117-.96.545-2.012.934-3.116 1.167a.1.1 0 0 1-.094-.03C22.926 4.608 21.554 4 20 4c-2.938 0-5.338 2.4-5.338 5.363 0 .378.04.746.11 1.096a.101.101 0 0 1-.104.121A15.243 15.243 0 0 1 3.841 5.1a.099.099 0 0 0-.162.014 5.312 5.312 0 0 0-.654 2.562c0 1.74.819 3.295 2.11 4.257.08.06.038.188-.061.18a5.398 5.398 0 0 1-2.066-.595.023.023 0 0 0-.033.02 5.37 5.37 0 0 0 3.888 5.164c.102.029.103.175 0 .194a5.275 5.275 0 0 1-1.834.023c-.075-.013-.138.058-.113.13A5.35 5.35 0 0 0 9.584 20.6c.093.007.132.127.057.183a10.65 10.65 0 0 1-6.441 2.13c-.281 0-.563-.012-.844-.033-.106-.009-.154.132-.063.186a15.177 15.177 0 0 0 7.857 2.184c9.85 0 15.262-8.175 15.262-15.262 0-.22 0-.428-.01-.646a.102.102 0 0 1 .043-.087 10.655 10.655 0 0 0 2.431-2.467Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.327a.1.1 0 0 0 .15.086l6.188-3.576a.1.1 0 0 0 0-.174L11.15 6.087a.1.1 0 0 0-.15.086v7.154Zm14.45-9.614c.163.587.275 1.375.35 2.375.087 1 .125 1.862.125 2.612L26 9.75c0 2.738-.2 4.75-.55 6.037-.313 1.126-1.037 1.85-2.162 2.163-.588.163-1.663.275-3.313.35a83.312 83.312 0 0 1-4.488.125L13.5 18.5c-5.238 0-8.5-.2-9.787-.55-1.126-.313-1.85-1.037-2.163-2.162-.163-.588-.275-1.376-.35-2.376-.087-1-.125-1.862-.125-2.612L1 9.75c0-2.737.2-4.75.55-6.037.313-1.126 1.037-1.85 2.162-2.163.588-.163 1.663-.275 3.313-.35a83.312 83.312 0 0 1 4.487-.125L13.5 1c5.238 0 8.5.2 9.788.55 1.125.313 1.85 1.037 2.162 2.162Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E")}.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{zoom:1;background:#333;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline-block;font-size:13px;line-height:1.5;margin:5px auto 0;padding:7px 14px;text-decoration:none;vertical-align:top}.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before{top:10px!important}