"); } .ico-mynews::before { background-image: url("data:image/svg+xml;utf-8,"); } .mynews-wrap a.ico-mynews::before { position: absolute; content: ""; width: 15%; height: min(10vw, 42px); top: 50%; transform: translateY(-50%); right: calc(100% + min(4vw, 7px)); background-position: center center; background-image: url("data:image/svg+xml;utf-8,"); } .ico-go::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-search::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-archives::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-guide::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-star::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-key1::before { width: min(9vw, 29px); height: min(9vw, 34px); -webkit-box-align: end; align-items: flex-end; background-image: url("data:image/svg+xml;utf-8,"); } .ico-key2::before { width: min(9vw, 29px); height: min(9vw, 34px); -webkit-box-align: end; align-items: flex-end; background-image: url("data:image/svg+xml;utf-8,"); } .ico-key3::before { width: min(9vw, 29px); height: min(9vw, 34px); -webkit-box-align: end; align-items: flex-end; background-image: url("data:image/svg+xml;utf-8,"); } .ico-play::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-triangle::before { width: min(5vw, 14px); height: min(5vw, 14px); background-image: url("data:image/svg+xml;utf-8,"); } .ico-print::before { width: min(5vw, 30px); height: min(5vw, 30px); background-image: url("data:image/svg+xml;utf-8,"); } .ico-custom::before { width: min(9vw, 20px); height: min(9vw, 20px); margin-right: 0.25rem; background-image: url("data:image/svg+xml;utf-8,"); } .ico-trash::before { width: min(5vw, 1.5em); height: min(5vw, 1.5em); background-image: url("data:image/svg+xml;utf-8,"); } .ico-mail::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-dl.ico-pdf::before, .ico-pdf::after, a[href$=".pdf"]:not(.ico-pdf)::after { content: ""; } .ico-dl::after { width: min(9vw, 2.5rem); height: min(9vw, 2.5rem); background-size: cover; background-repeat: no-repeat; margin-left: 3px; margin-right: 0px; background-image: url("data:image/svg+xml;utf-8,"); } .topicpath { width: 100%; margin: 1rem 0px 1.5rem; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; } .topicpath li { font-size: min(3vw, 12px); display: flex; -webkit-box-align: center; align-items: center; } .topicpath li:not(:last-of-type)::after { content: "›"; padding: 0px 0.5rem; } .topicpath li [itemprop] { color: rgba(var(--color00),.75); } @media (min-width: 641px) { .topicpath { margin: 0px 0px 1.5rem; } } .btn-wrap { display: flex; text-align: center; padding: 1rem 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; position: relative; justify-content: space-around; -webkit-box-align: center; align-items: center; } .article-list + .btn-wrap { padding-top: 2rem; padding-bottom: 3rem; margin-bottom: 2rem; } .btn-wrap .btn { color: rgba(var(--color00),1); background: rgba(var(--color08),1); border: 1px solid rgba(var(--color00),.5); outline: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; letter-spacing: 0px; width: fit-content; -webkit-box-flex: 0; flex: 0 1 48%; text-align: center; border-radius: 5px; line-height: 1.4; padding: 0.75rem min(3.5vw, 2rem); margin: 0px 1%; font-size: min(4vw, 16px); text-decoration: none; font-weight: 500; white-space: nowrap; cursor: pointer; } .btn-wrap .btn:only-child { width: fit-content; -webkit-box-flex: 0; flex: 0 0 auto; margin: 0px auto; } .sub .btn-wrap .btn:only-child { -webkit-box-flex: 1; flex: 1 1 auto; } .btn-wrap.with-caption { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .btn-wrap .btn-caption { text-align: left; width: 100%; line-height: 1.4; padding: 0px 0px 0.5rem; -webkit-box-flex: 0; flex: 0 1 auto; font-size: min(4vw, 16px); } .btn-wrap .btn-caption + .btn { -webkit-box-flex: 1; flex: 1 1 auto; width: 100%; padding: 1.25rem 2rem; } @media (min-width: 641px) { .btn-wrap.with-caption { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } .btn-wrap .btn-caption { text-align: left; width: fit-content; -webkit-box-flex: 0; flex: 0 1 50%; padding: 0px 1rem 0px 0px; } .btn-wrap .btn-caption + .btn { -webkit-box-flex: 0; flex: 0 1 48%; } } .btn.subsc { border: none; background-color: rgba(var(--color03),1) !important; color: rgba(var(--color08),1) !important; } .btn.submit { border: none; padding: 0.75rem 3rem; background: rgba(var(--color01),1) !important; color: rgba(var(--color08),1) !important; } .btn.logout { background: rgba(var(--color08),1) !important; border: none !important; } .btn.account { border: none; background: rgba(var(--color01),1) !important; color: rgba(var(--color08),1) !important; } .btn.offerappli { background-color: rgba(var(--color03),1); color: rgba(var(--color08),1); border: none; } .btn.offerlogin { color: rgba(var(--color00),1); background-color: rgba(var(--color08),1); } .btn.listmore { display: block; width: fit-content; color: rgba(var(--color00),.9); padding: 1rem 4rem 0.75rem; margin: 0px auto; } .btn.appli { background: rgba(var(--color01),1); color: rgba(var(--color08),1); border: none; } .btn.cancel { background: rgba(var(--color00),.4); color: rgba(var(--color08),1); border: none; } .btn:hover { opacity: 0.85; } .thumb { position: relative; overflow: hidden; display: block; } .thumb2 { position: relative; overflow: hidden; display: block; } .thumb.loading::after { content: ""; width: 32px; height: 32px; position: absolute; z-index: 0; left: calc(50% - 16px); top: calc(50% - 16px); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); animation: 1.5s linear 0s infinite normal forwards running loading; } @-webkit-keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .thumb > video { width: 100%; position: relative; z-index: 1; } .thumb .vidposter { position: absolute; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10; opacity: 1; } .thumb .vidposter.vidplay { opacity: 0; visibility: hidden; transition: opacity 2s ease 0s; } .thumb .vidposter::before { content: ""; cursor: pointer; width: min(10vw, 40%); height: min(10vw, 40%); z-index: 1000; position: absolute; inset: 0px; margin: auto; display: inline-flex; -webkit-box-align: center; align-items: center; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;utf-8,"); } .thumb > iframe { width: 100%; height: auto; aspect-ratio: 4 / 3; position: relative; z-index: 1; } .thumb > img { position: absolute; z-index: 2; width: 100%; min-height: 100%; object-fit: cover; left: 50%; top: 20%; transform: translate3d(-50%, -20%, 0px); } .thumb2 > img { position: absolute; z-index: 2; width: 100%; min-height: 100%; object-fit: cover; left: 50%; top: 20%; transform: translate3d(-50%, -20%, 0px); } [data-mov="1"] .thumb::before { content: ""; background-size: 30%; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; position: absolute; top: 0px; z-index: 3; background-image: url("data:image/svg+xml;utf-8,"); } .has-fullimg { margin-bottom: 2rem; } .has-fullimg .thumb { margin-bottom: 0.75rem; aspect-ratio: auto !important; } .has-fullimg .thumb > img { position: relative; left: 0px; top: 0px; transform: none; width: auto; max-width: 100%; height: auto; min-height: auto; margin: 0px auto; display: block; user-select: none; } .has-fullimg figcaption { font-size: min(3vw, 13px); width: 80%; margin: auto; } .oneline-news { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: rgba(var(--color02),1); padding: 0.5rem 1.25rem; line-height: 1; border-radius: 3px; } .oneline-news span { font-size: min(3.5vw, 11px); font-weight: 700; color: rgba(var(--color01),1); padding: 0.5rem 0px; } .oneline-news p { font-size: min(3.5vw, 13px); font-weight: 700; color: rgba(var(--color01),1); padding: 0.5rem 0px 0.5rem 0.75rem; letter-spacing: 0px; } .oneline-news.covid19 { background: rgba(var(--color01),1); margin-bottom: 1.75em; border-radius: 5px; } .oneline-news.covid19 span { font-size: min(3.5vw, 13px); color: rgba(var(--color08),1); white-space: nowrap; padding: 0.25rem 1rem 0.25rem 0px; border-right: 1px solid rgba(var(--color08),1); line-height: 1.4; } .oneline-news.covid19 p { padding: 0.25rem 0px 0.25rem 1rem; color: rgba(var(--color08),1); line-height: 1.4; } .oneline-news > * { width: 100%; display: flex; -webkit-box-align: center; align-items: center; } .oneline-news > :only-child { width: 100%; } .ticker-wrap { background: rgba(var(--color01),1); line-height: 1; border-radius: 5px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0.25rem 0px !important; } .ticker-wrap .tic-label { -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; } .ticker-wrap .tic-label a { color: rgba(var(--color08),1); padding: 0.5rem 0.75rem 0.5rem 1rem; } .ticker-wrap .tic-links { -webkit-box-flex: 1; flex-grow: 1; border-radius: 3px; margin-left: 0.25rem; margin-right: 0.25rem; padding-right: 5rem; overflow: hidden; max-height: 2em; } .ticker-wrap .tic-links a { padding: 0.5em 1em; color: rgba(var(--color01),1); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; background: rgba(var(--color08),1); } .ticker-wrap .spin_wrap { display: flex; -webkit-box-align: center; align-items: center; position: absolute; width: 5rem; height: 100%; right: 0px; top: 50%; transform: translateY(-50%); } .ticker-wrap .spin { position: absolute; height: min(5vw, 21px); cursor: pointer; line-height: 1; padding: 0px; background: 0px 0px; outline: 0px; border: none; } .ticker-wrap .spin::before { content: ""; display: block; width: min(7vw, 25px); height: min(7vw, 16px); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .ticker-wrap .spin > svg { display: none; } .ticker-wrap .spin.up { right: 0.35rem; } .ticker-wrap .spin.dn { right: 2.5rem; } .ticker-wrap .spin.dn::before { transform: scale(1, -1); } @media (min-width: 641px) { .ticker-wrap { flex-wrap: nowrap; } .ticker-wrap .tic-label { width: auto; } } .cat-tabs { padding: 0px; background: rgba(var(--color02),1); display: flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; margin-bottom: 0.5rem; } .cat-tabs ul { display: flex; flex-wrap: nowrap; white-space: nowrap; -webkit-box-pack: start; justify-content: flex-start; width: 100%; } .cat-tabs ul li { color: rgba(var(--color01),1); background: rgba(var(--color02),1); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-weight: 700; text-align: center; cursor: pointer; transition: all 0.25s ease 0s; font-size: min(3.5vw, 13px); padding: 1.25em 1.5em; } .cat-tabs ul li.current { color: rgba(var(--color08),1); background: rgba(var(--color01),1); } .cat-tabs ul li a { color: rgba(var(--color01),1); } .cat-tabs ul li.current a { color: rgba(var(--color08),1); } @media (min-width: 641px) { .cat-tabs { padding: 0px; } .cat-tabs ul { width: 100%; display: flex; -webkit-box-pack: start; justify-content: flex-start; } } @media (min-width: 1281px) { .cat-tabs .splide__track { overflow: visible; } } .cat-tabs .splide__arrow { position: absolute; height: min(5vw, 21px); cursor: pointer; line-height: 1; padding: 0px; background: 0px 0px; outline: 0px; border: none; } .cat-tabs .splide__arrow[disabled] { display: none; } .cat-tabs .splide__arrow > svg { display: none; } .cat-tabs .splide__arrow--next, .cat-tabs .splide__arrow--prev { position: absolute; z-index: 10; bottom: 0px; width: 50px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: rgba(var(--color02),.75) !important; } .cat-tabs .splide__arrow--prev { left: 0px; } .cat-tabs .splide__arrow--next { right: 0px; } .cat-tabs .splide__arrow::before { content: ""; position: absolute; inset: 0px; margin: auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: 65%; } .cat-tabs .splide__arrow--prev::before { background-image: url("data:image/svg+xml;utf-8,"); } .cat-tabs .splide__arrow--next::before { background-image: url("data:image/svg+xml;utf-8,"); } .js-replace-list > * { pointer-events: none; opacity: 0; transform: translateY(0.5rem); display: none !important; } .js-replace-list .current { flex-wrap: wrap; pointer-events: auto; animation: 1s ease 0.15s 1 normal forwards running showReplace; display: flex !important; } @-webkit-keyframes showReplace { 100% { opacity: 1; transform: translateY(0px); } } @keyframes showReplace { 100% { opacity: 1; transform: translateY(0px); } } .service-list li { margin: 2rem 0px !important; } .service-list li .thumb { aspect-ratio: 2 / 1 !important; } .meta-socials { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-ordinal-group: 11; order: 10; } .meta-socials > * { min-width: 2em; cursor: pointer; } .meta-socials .sns { width: 2em; margin-left: 1rem; } .meta-socials .sns img { width: 100%; } .withTags { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; flex-wrap: wrap; padding: 1rem 0px; line-height: 1; } .withTags a { font-size: min(3vw, 12px); letter-spacing: 0px; color: rgba(var(--color00),.8); border-radius: 2em; font-weight: 700; padding: 0.25rem 0.5rem; margin-right: 0.55rem; display: inline-block; position: relative; } .withTags a:not(:last-of-type)::after { content: "|"; position: absolute; left: 100%; } .js-filter-wrap ul li { transition: transform 0.2s ease-out 0s, opacity 0.2s linear 0s, -webkit-transform 0.2s ease-out 0s; } .js-filter-wrap ul li.hide { opacity: 0; transform: translate3d(0px, 10px, 0px); backface-visibility: hidden; } .gallery { width: 100%; overflow: hidden; } .gallery::after { content: ""; display: table; clear: both; } .gallery li { width: 18%; margin-right: 2%; margin-bottom: 2%; float: left; } .gallery li img { width: 100%; } .gallery-wrap { width: 100%; overflow: hidden; float: left; margin: 5px 2rem 1rem 0px; background: rgba(var(--color00),.05); border: 1px solid rgba(var(--color00),.3); padding: 0.5rem; border-radius: 10px; position: relative; } .gallery-wrap .current-photo .thumb { aspect-ratio: 4 / 3; position: relative; overflow: hidden; display: block; margin: 0px auto 1rem; } .gallery-wrap .current-photo .thumb img { position: absolute; z-index: 1; max-width: 100%; max-height: 100%; object-fit: contain; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0px); user-select: none; } .gallery-wrap .current-photo figcaption { font-size: min(4.5vw, 13px); text-align: left; margin-bottom: 1rem; } .gallery-wrap .gallery-thumb { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; } .gallery-wrap .gallery-thumb li { -webkit-box-flex: 0; flex: 0 0 20%; display: block; cursor: pointer; background: rgba(var(--color00),1); } .gallery-wrap .gallery-thumb li a { display: block; } .gallery-wrap .gallery-thumb li img { width: 100%; opacity: 0.5; } .gallery-wrap .gallery-thumb li.current img, .gallery-wrap .gallery-thumb li:hover img { opacity: 1; } .gallery-wrap .current-photo .next, .gallery-wrap .current-photo .prev { position: absolute; display: inline-block; width: 48px; height: 48px; border: none; top: 50%; transform: translateY(-50%); z-index: 1; outline: 0px; cursor: pointer; overflow: hidden; } .gallery-wrap .current-photo .prev { right: calc(100% - 48px); left: auto; display: none; } .gallery-wrap .current-photo .next { left: calc(100% - 48px); right: auto; display: none; } .gallery-wrap .current-photo .next::before, .gallery-wrap .current-photo .prev::before { content: ""; position: absolute; inset: 0px; margin: auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: contain; } .gallery-wrap .current-photo .prev::before { background-image: url("data:image/svg+xml;utf-8,"); } .gallery-wrap .current-photo .next::before { background-image: url("data:image/svg+xml;utf-8,"); } .knockOut { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 900000; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); } .np-modal { opacity: 0; pointer-events: none; position: fixed; z-index: 999999; background: 0px 0px; text-align: left; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: auto; max-height: 70%; transition: opacity 0.5s ease 0s; } .np-modal .modalClose { position: absolute; bottom: 100%; right: 0px; text-align: center; cursor: pointer; width: 48px; height: 48px; } .np-modal .modalClose::before { content: ""; position: absolute; inset: 0px; margin: auto; display: block; background: url("data:image/svg+xml;utf-8,") center center / contain no-repeat; } .np-modal.mopen { opacity: 1; pointer-events: auto; } .np-modal .modalInner { margin: 0px; padding: 0px; } @media (min-width: 834px) { .np-modal { width: auto; height: auto; } } @media (min-width: 1281px) { .np-modal { max-width: 980px; } } .np-modal .gallery-photo li { display: flex; -webkit-box-pack: center; justify-content: center; max-height: 60vh; } .np-modal .gallery-photo li img { width: 100%; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.75) 0px 0px 0.5rem); margin-bottom: 3.5rem; } .np-modal .gallery-photo li p { position: absolute; z-index: 100; font-size: min(3vw, 16px); top: calc(100% - 3rem); width: 100%; text-align: center; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgba(var(--color08),1); } .np-modal .gallery-thumb { width: 100%; } @media (min-width: 641px) { .np-modal .gallery-thumb { max-width: 100%; margin: 0px auto; } } @media (min-width: 1281px) { .np-modal .gallery-thumb { max-width: 80%; margin: 0px auto; } } .np-modal .gallery-thumb li { display: block; cursor: pointer; } .np-modal .gallery-thumb li img { width: 100%; opacity: 0.65; border: 2px solid transparent; } .np-modal .gallery-thumb .is-active img, .np-modal .gallery-thumb li:hover img { opacity: 1; border: 2px solid rgba(var(--color01),1); } .np-modal .gallery-photo .splide-wrapper { position: relative; } .np-modal .gallery-photo .splide__arrow { position: absolute; cursor: pointer; line-height: 1; padding: 0px; background: 0px 0px; outline: 0px; border: none; } .np-modal .gallery-photo .splide__arrow[disabled] { display: none; } .np-modal .gallery-photo .splide__arrow > svg { display: none; } .np-modal .gallery-photo .splide__arrow--next, .np-modal .gallery-photo .splide__arrow--prev { position: absolute; z-index: 10; top: 0px; bottom: 0px; margin: auto; } .np-modal .gallery-photo .splide__arrow--prev { right: calc(100% + 2.4rem); } .np-modal .gallery-photo .splide__arrow--next { left: calc(100% + 2.4rem); } .np-modal .gallery-photo .splide__arrow::before { content: ""; display: inline-block; width: 48px; height: 48px; background-size: contain; background-repeat: no-repeat; } .np-modal .gallery-photo .splide__arrow--prev::before { background-image: url("data:image/svg+xml;utf-8,"); } .np-modal .gallery-photo .splide__arrow--next::before { background-image: url("data:image/svg+xml;utf-8,"); } .docs-header { padding: 1rem 0px 1.5rem; } .docs-header .header-note { font-size: min(4vw, 16px); line-height: 1.6; } .docs-footer { padding: 2rem 0px 3rem; } .footer-note { width: fit-content; margin: 0px auto; } .footer-note li { font-size: min(4vw, 14px); padding: 0.25em 0px; } .l { text-align: left; -webkit-box-pack: start; justify-content: flex-start; } .c { text-align: center; -webkit-box-pack: center; justify-content: center; } .r { text-align: right; -webkit-box-pack: end; justify-content: flex-end; } .px12 { font-size: min(3vw, 12px) !important; } .px14 { font-size: min(4vw, 14px) !important; } .px16 { font-size: min(4vw, 16px) !important; } .px18 { font-size: min(4.1vw, 18px) !important; } .px20 { font-size: min(4.2vw, 20px) !important; } .px22 { font-size: min(4.3vw, 22px) !important; } .px24 { font-size: min(4.4vw, 24px) !important; } .px28 { font-size: min(4.6vw, 28px) !important; } ._sp { display: block; } ._tb { display: none; } ._pc { display: none; } @media (min-width: 641px) { ._sp { display: none !important; } } @media (min-width: 641px) and (max-width: 1280px) { ._tb { display: block; } ._pc { display: block; } } @media (min-width: 1281px) { ._tb { display: none; } ._pc { display: block; } } [class*="login"] .hideloggedin { display: none !important; } @media print { .ad-wrap, .bottom_fixed_ad, .column-wrap .sub, .drawer-btn, .global-footer, .meta-socials, .overhead, .sec > .sec, .site-function, .sm-unit .svelte-xurmir, .splide.is-initialized, .splide.is-rendered, .topicpath li, [id^="browsi_adContainer_ai_"], [id^="browsi_adWrapper_ai_"], [id^="google_ads_iframe_"], [id^="sm_box_"] { display: none !important; } header { position: absolute !important; top: 0px !important; overflow: hidden !important; } .article-media-wrap { display: block !important; width: 45% !important; float: left !important; margin-right: 1rem !important; margin-bottom: 1rem !important; } .article-body, .article-header { position: initial !important; } .article-body p { margin-bottom: 1rem !important; } .column-wrap { position: absolute !important; top: 20px !important; } .siteid a { width: 200px !important; margin-bottom: 5px !important; } .gallery-within-article .current-photo figcaption { width: 100% !important; } } "); } [data-pay="2"] .pay::before { background-image: url("data:image/svg+xml;utf-8,"); } [data-pay="3"] .pay::before { background-image: url("data:image/svg+xml;utf-8,"); } [data-photo="0"] .pho { display: none; } [data-photo="1"] .pho { display: inline-block; } [data-photo="0"] .pho::before { display: none; margin-right: 0px; } [data-photo="1"] .pho::before { background-image: url("data:image/svg+xml;utf-8,"); } [data-mov="0"] .mov { display: none; } [data-mov="1"] .mov { display: inline-block; } [data-mov="1"] .mov { display: inline-block; position: relative; bottom: 0.24rem; } [data-mov="0"] .mov::before { display: none; margin-right: 0px; } [data-mov="1"] .mov::before { background-image: url("data:image/svg+xml;utf-8,"); } .row1 > * { -webkit-box-flex: 0; flex: 0 0 100%; } .row2 > * { -webkit-box-flex: 0; flex: 0 0 100%; } .row3 > * { -webkit-box-flex: 0; flex: 0 0 100%; } .row4 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row5 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row2.type02 > *, .row3.type02 > *, .row4.type02 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row2.type03 > *, .row3.type03 > *, .row4.type03 > * { -webkit-box-flex: 0; flex: 0 0 48%; } @media (min-width: 641px) { .row1 > * { -webkit-box-flex: 0; flex: 0 0 100%; } .row2 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row3 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row4 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row5 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row3.type02 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row4.type02 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row2.type03 > *, .row3.type03 > *, .row4.type03 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row2.type02::after, .row2.type03::after, .row3.type02::after, .row3.type03::after, .row4::after, .row5::after { content: ""; -webkit-box-flex: 0; flex: 0 0 31.8333%; } } @media (min-width: 834px) { .row1 > * { -webkit-box-flex: 0; flex: 0 0 100%; } .row2 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row3 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row4 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row5 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row2.type02 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row4.type02 > * { -webkit-box-flex: 0; flex: 0 0 24%; } .row2.type02::after, .row3::after, .row4::after, .row5::after { content: ""; -webkit-box-flex: 0; flex: 0 0 31.8333%; } } @media (min-width: 1281px) { .row1 > * { -webkit-box-flex: 0; flex: 0 0 100%; } .row2 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row3 > * { -webkit-box-flex: 0; flex: 0 0 31.8333%; } .row4 > * { -webkit-box-flex: 0; flex: 0 0 24%; } .row5 > * { -webkit-box-flex: 0; flex: 0 0 19%; } .row2.type02 > * { -webkit-box-flex: 0; flex: 0 0 48%; } .row3::after, .row5::after { content: ""; -webkit-box-flex: 0; flex: 0 0 31.8333%; } } .meta-cat:empty { display: none !important; } .excerpt:empty { display: none !important; } [class*="row"]:not([class*="arrow"]) { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .article-list.type01 li { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 0.5rem 0px; border-bottom: 1px solid rgba(var(--color00),.2); } .article-list.type01 .thumb { -webkit-box-ordinal-group: 3; order: 2; width: 28%; height: auto; aspect-ratio: 4 / 3; background: rgba(var(--color00),.05); } .article-list.type01 .thumb2 { -webkit-box-ordinal-group: 3; order: 2; width: 28%; height: auto; aspect-ratio: 4 / 3; background: rgba(var(--color00),.05); } .article-list.type01 .detail { -webkit-box-ordinal-group: 2; order: 1; width: 72%; padding: 0.25rem 1rem 0px 0px; } .article-list.type01 .detail2 { -webkit-box-ordinal-group: 2; order: 1; width: 72%; padding: 0.25rem 1rem 0px 0px; } .article-list.type01 .detail .caption { font-size: min(4vw, 18px); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 0.25em; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type01 .detail .pubmeta { font-size: min(3.5vw, 13px); flex-flow: wrap; margin-bottom: 0.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .article-list.type01 .detail .pubmeta .meta-time:not(:empty) { display: inline-block; color: rgba(var(--color00),1); margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type01 .detail .pubmeta .meta-cat:not(:empty) { color: rgba(var(--color05),1); margin: 0.25rem 0.5rem 0.25rem 0px; width: auto; } .article-list.type01 .detail .excerpt { letter-spacing: 0.1em; width: 100%; font-size: min(3.5vw, 14px); color: rgba(var(--color00),1); line-height: 1.6; text-align: justify; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .article-list.type01 .detail2 .excerpt { letter-spacing: 0.1em; width: 100%; font-size: min(3.5vw, 14px); color: rgba(var(--color00),1); line-height: 1.6; text-align: justify; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .article-list.type01.smallthumb > * { -webkit-box-align: center; align-items: center; } .article-list.type01.smallthumb .thumb { width: min(30%, 90px); } .article-list.type01.smallthumb .detail { width: calc(100% - min(30%, 90px)); padding: 0px 1rem 0px 0px; } .article-list.type01.smallthumb .detail .caption { margin-bottom: 0px; padding-top: 0.714286em; } .article-list.type02 li { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; padding: 0px 0px 1rem; } .article-list.type02 .thumb { width: 100%; height: auto; aspect-ratio: 4 / 3; } .article-list.type02 .detail { width: 100%; padding: 0.75em 0px 0px; } .article-list.type02 .detail .caption { font-size: min(3.5vw, 17px); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0px; line-height: 1.4; margin-bottom: 0.5rem; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type02 .detail .pubmeta { font-size: min(3.5vw, 13px); flex-flow: wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .article-list.type02 .detail .pubmeta .meta-time:not(:empty) { display: inline-block; margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type02 .detail .pubmeta .meta-caption { width: 100%; color: rgba(var(--color00),.85); font-weight: 700; font-size: min(3vw, 13px); margin-bottom: 0.25rem; } .article-list.type02 .detail .pubmeta .meta-cat:not(:empty) { color: rgba(var(--color05),1); margin: 0.25rem 0.5rem 0.25rem 0px; width: auto; } .article-list.type02 .detail .excerpt { display: none; } .article-list.type02.row1 .detail .caption { font-size: min(4.5vw, 24px); margin-bottom: 0.5em; -webkit-line-clamp: 3; } .article-list.type02.row1 .detail .pubmeta { flex-wrap: nowrap; margin-bottom: 0.25rem; } .article-list.type02.row1 .detail .excerpt { display: block; color: rgba(var(--color00),1); font-size: min(3vw, 16px); line-height: 1.6; letter-spacing: 0.1em; } .article-list.type03 li { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; padding: 0px; } .article-list.type03 .thumb { width: 100%; height: auto; aspect-ratio: 300 / 175; background: rgba(var(--color00),.05); } .article-list.type03 .detail { width: 100%; padding: 1.25rem 1rem 0.5rem; position: relative; } .article-list.type03 .detail .caption { font-size: min(3.5vw, 16px); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0px; line-height: 1.2; margin-bottom: 0px; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .article-list.type03 .detail .pubmeta .meta-time { display: none; } .article-list.type03 .detail .pubmeta .meta-cat:not(:empty) { position: absolute; z-index: 3; bottom: calc(100% - 0.75em); left: 0px; font-size: min(3vw, 14px); background: rgba(var(--color05),1); color: rgba(var(--color08),1); line-height: 1; padding: 0.35rem 1rem; } .article-list.type03 .detail .excerpt { display: none; } .article-list.type04 li { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 0px; border-bottom: 1px solid rgba(var(--color00),.2); position: relative; } .article-list.type04 .thumb { -webkit-box-ordinal-group: 2; order: 1; width: auto; height: 3.75rem; aspect-ratio: 4 / 3; position: absolute; bottom: 1.25rem; background: rgba(var(--color00),.05); } .article-list.type04 .detail { -webkit-box-ordinal-group: 3; order: 2; width: 100%; padding: 0px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .article-list.type04 .detail .caption { width: 100%; font-size: min(4vw, 20px); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 0.5rem; text-align: justify; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type04 .detail .pubmeta { font-size: min(3.5vw, 13px); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; } .article-list.type04 .detail .pubmeta .meta-time:not(:empty) { display: inline-block; margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type04 .detail .pubmeta .meta-cat:not(:empty) { color: rgba(var(--color05),1); margin: 0.25rem 0.5rem 0.25rem 0px; width: auto; } .article-list.type04 .detail .excerpt { width: calc(100% - 5rem); font-size: min(3vw, 14px); color: rgba(var(--color00),1); line-height: 1.5; text-align: justify; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 0px 0px 0px auto; padding-left: 1rem; } @media (min-width: 834px) { .article-list.type04 li { padding: 2rem 0px; position: static; } .article-list.type04 .thumb { width: 20%; height: auto; position: relative; margin: 0px; bottom: 0px; } .article-list.type04 .detail { width: 80%; padding: 0px 0px 0px 1rem; } .article-list.type04 .detail .caption { -webkit-line-clamp: 4; margin-bottom: 0.5rem; min-height: auto; } .article-list.type04 .detail .excerpt { width: 100%; margin: 0px; padding: 0px; -webkit-line-clamp: 3; } } .article-list.type05 li { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 0px; } .article-list.type05 .thumb { -webkit-box-ordinal-group: 2; order: 1; width: 42%; height: auto; aspect-ratio: 1 / 1; background: rgba(var(--color00),.05); } .article-list.type05 .detail { -webkit-box-ordinal-group: 3; order: 2; width: 58%; padding: 0.5rem 0px 0px 1.5em; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .article-list.type05 .detail .caption { width: 100%; font-size: min(4vw, 24px); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 0.5rem; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type05 .detail .pubmeta { width: 100%; color: rgba(var(--color00),.75); font-size: min(3.5vw, 13px); display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; } .article-list.type05 .detail .pubmeta .meta-caption { width: 100%; font-weight: 700; font-size: min(4vw, 16px); border-bottom: 1px solid rgba(var(--color00),.2); padding-bottom: 1rem; margin-bottom: 1rem; } .article-list.type05 .detail .pubmeta .meta-time:not(:empty) { display: inline-block; margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type05 .detail .pubmeta .meta-cat:not(:empty) { color: rgba(var(--color05),1); margin: 0.25rem 0.5rem 0.25rem 0px; width: auto; } .article-list.type05 .detail .excerpt { width: 100%; display: block; font-size: min(3vw, 14px); line-height: 1.5; } .article-list.type06 li { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem 0px; border-bottom: 1px solid rgba(var(--color00),.2); margin-bottom: 1rem; } .article-list.type06 .thumb { display: none; } .article-list.type06 .detail { width: 100%; padding: 0px; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .article-list.type06 .detail .caption { width: calc(100% - min(3.5vw, 13px) * 12); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 0.5rem; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type06 .detail .pubmeta { color: rgba(var(--color00),.75); margin-bottom: 0.25rem; font-size: min(3.5vw, 13px); font-weight: 700; text-align: right; display: flex; -webkit-box-align: center; align-items: center; } .article-list.type06 .detail .pubmeta .ic { display: none; } .article-list.type06 .detail .pubmeta::after, .article-list.type06 .detail .pubmeta::before { display: none; } .article-list.type06 .detail .pubmeta .meta-time:not(:empty) { -webkit-box-ordinal-group: 3; order: 2; margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type06 .detail .pubmeta .meta-cat:not(:empty) { display: none; } .article-list.type06 .detail .excerpt { display: none; } .article-list.type07 li { display: flex; padding: 1rem 0px; border-bottom: 1px solid rgba(var(--color00),.2); } .article-list.type07 li::before { content: ""; display: block; width: 1.5em; height: 1.5em; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf-8,"); } .article-list.type07 .thumb { display: none; } .article-list.type07 .detail { width: calc(100% - 1.5em); padding: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .article-list.type07 .detail .caption { width: fit-content; padding-right: 1rem; font-size: min(4vw, 16px); font-weight: 700; color: rgba(var(--color00),.85); line-height: 1.4; word-break: break-word; display: flex; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type07 .detail .pubmeta { color: rgba(var(--color00),.75); font-size: min(3.5vw, 13px); display: flex; -webkit-box-align: center; align-items: center; } .article-list.type07 .detail .pubmeta .meta-time:not(:empty) { margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type07 .detail .pubmeta .meta-cat { display: none; } .article-list.type07 .detail .excerpt { display: none; } .article-list.type08 li { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 0px; margin: 1rem 0px; } .article-list.type08 .thumb { width: 36%; height: auto; aspect-ratio: 4 / 3; position: relative; overflow: hidden; background: rgba(var(--color00),.05); } .article-list.type08 .thumb img { position: absolute; width: auto; height: auto; min-width: 100%; min-height: 100%; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0px); } .article-list.type08 .detail { width: 64%; padding: 0px 0px 0px 5.5%; } .article-list.type08 .detail .caption { font-size: min(3.5vw, 16px); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 0.35em; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type08 .detail .pubmeta { font-size: min(3.5vw, 13px); display: flex; -webkit-box-align: center; align-items: center; flex-flow: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .article-list.type08 .detail .pubmeta .meta-time:not(:empty) { display: inline-block; margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type08 .detail .pubmeta .meta-caption { width: 100%; color: rgba(var(--color00),.85); font-weight: 700; font-size: min(3vw, 13px); margin-bottom: 0.5rem; } .article-list.type08 .detail .pubmeta .meta-cat { color: rgba(var(--color05),1); margin: 0.25rem 0.5rem 0.25rem 0px; width: auto; } .article-list.type08 .detail .excerpt { display: block; color: rgba(var(--color00),1); font-size: min(3vw, 12px); line-height: 1.4; letter-spacing: 0px; } .article-list.type09 li { display: flex; padding: 1rem 0px 0.25rem; border-bottom: 1px solid rgba(var(--color00),.2); } .article-list.type09 .thumb { display: none; } .article-list.type09 .detail { width: 100%; padding: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .article-list.type09 .detail .caption { width: fit-content; font-size: min(4vw, 16px); font-weight: 700; color: rgba(var(--color00),.85); line-height: 1.4; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.5rem; } .article-list.type09 .detail .pubmeta { font-size: min(3.5vw, 13px); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; margin-bottom: 0.25rem; } .article-list.type09 .detail .pubmeta .meta-time:not(:empty) { display: inline-block; margin: 0.25rem 0.5rem 0.25rem 0px; } .article-list.type09 .detail .pubmeta .meta-cat { color: rgba(var(--color05),1); margin: 0.25rem 0.5rem 0.25rem 0px; width: auto; } .article-list.type09 .detail .excerpt { letter-spacing: 0.1em; width: 100%; font-size: min(3vw, 14px); color: rgba(var(--color00),1); line-height: 1.6; text-align: justify; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .article-list.type10 li { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; padding: 2rem 0px; border-bottom: 1px solid rgba(var(--color00),.5); } .article-list.type10 .thumb { display: none; } .article-list.type10 .detail { width: 100%; padding: 0px; position: relative; } .article-list.type10 .detail .caption { display: block; font-size: min(3.5vw, 18px); font-weight: 700; margin-bottom: 1rem; color: rgba(var(--color00),1); letter-spacing: 0px; line-height: 1.2; } .article-list.type10 .detail .pubmeta { display: none; } .article-list.type10 .detail .excerpt { font-size: min(3.5vw, 16px); line-height: 1.6; color: rgba(var(--color00),1); text-align: justify; } .article-list.type01.feature1st > :not(:nth-of-type(1)) { border-bottom: 1px solid rgba(var(--color00),.2) !important; } .article-list.type01.feature1st > :nth-of-type(1) { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 0; flex: 0 0 100%; } .article-list.type01.feature1st > :nth-of-type(1) .thumb { -webkit-box-ordinal-group: 2; order: 1; width: 100%; height: auto; margin-bottom: 0.5rem; z-index: 1; margin-top: calc(min(5vw, 21px) * 3); } .article-list.type01.feature1st > :nth-of-type(1) .detail { z-index: 1; bottom: 0px; left: 0px; width: 100%; padding: 0px; } .article-list.type01.feature1st > :nth-of-type(1) .detail .caption { font-size: min(5vw, 21px); padding: 0.5rem 0px; max-height: 3.25em; position: absolute; top: 0px; z-index: 1; } .article-list.type01.feature1st > :nth-of-type(1) .thumb2 { -webkit-box-ordinal-group: 2; order: 1; width: 100%; height: auto; margin-bottom: 0.5rem; z-index: 1; } .article-list.type01.feature1st > :nth-of-type(1) .detail2 { z-index: 1; bottom: 0px; left: 0px; width: 100%; padding: 1.5rem 0px; } .article-list.type01.feature1st > :nth-of-type(1) .detail2 .caption { font-size: min(5vw, 21px); padding: 0.5rem 0px; max-height: 3.25em; position: absolute; top: 0px; z-index: 1; } @media (min-width: 641px) { .article-list.type01.feature1st > :nth-of-type(1) { border-bottom: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: start; align-items: flex-start; } .article-list.type01.feature1st > :nth-of-type(1) .thumb { -webkit-box-ordinal-group: 2; order: 1; width: 36%; margin-top: 0px; } .article-list.type01.feature1st > :nth-of-type(1) .detail { -webkit-box-ordinal-group: 3; order: 2; width: 64%; padding: 0.25rem 0px 0px 2rem; position: static; background: 0px 0px; } .article-list.type01.feature1st > :nth-of-type(1) .detail .caption { letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 0.5rem; color: rgba(var(--color00),.85); padding: 0px; position: static; } .article-list.type01.feature1st > :nth-of-type(1) .detail .pubmeta { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 0.25rem; } .article-list.type01.feature1st > :nth-of-type(1) .thumb2 { -webkit-box-ordinal-group: 2; order: 1; width: 36%; margin-top: 0px; } .article-list.type01.feature1st > :nth-of-type(1) .detail2 { -webkit-box-ordinal-group: 3; order: 2; width: 64%; padding: 0.25rem 0px 0px 2rem; position: static; background: 0px 0px; } .article-list.type01.feature1st > :nth-of-type(1) .detail2 .caption { letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 0.5rem; color: rgba(var(--color00),.85); padding: 0px; position: static; } .article-list.type01.feature1st > :nth-of-type(1) .detail2 .pubmeta { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 0.25rem; } } .article-list.hasToday li { width: 100%; min-height: 220px; height: calc(var(--todays-item-H) * 2); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; position: relative; padding: 0.5rem 0px 0px; overflow: hidden; border-bottom: none !important; } .article-list.hasToday li::before { content: ""; display: block; position: absolute; top: 0.5rem; width: 100%; height: calc(100% - 0.5rem); background: rgba(var(--color07),1); z-index: 0; } .article-list.hasToday .detail .caption { text-align: left; } .article-list.hasToday .detail .pubmeta { display: flex; justify-content: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; } .article-list.hasToday .detail .pubmeta .meta-time:not(:empty) { display: block; text-align: left; width: 100%; margin: 0.25rem 0px; } .article-list.hasToday .thumb { width: min(60%,var(--todays-item-H) * 2 * 1.3333333333); height: auto; } .article-list.hasToday .detail { width: calc(100% - min(60%,var(--todays-item-H) * 2 * 1.3333333333)); padding: 0px; z-index: 1; margin-top: 0.5rem; } @media (min-width: 834px) { .article-list.hasToday .thumb { width: min(72%,var(--todays-item-H) * 2 * 1.3333333333); height: auto; } .article-list.hasToday .detail { width: calc(100% - min(72%,var(--todays-item-H) * 2 * 1.3333333333)); } } .article-list.hasToday .detail .excerpt { display: none; } .article-list.type01.newspaper li { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0.5rem 0px; border-bottom: 1px solid rgba(var(--color00),.2); } .article-list.type01.newspaper .thumb { -webkit-box-ordinal-group: 3; order: 2; width: 30%; height: auto; aspect-ratio: 200 / 266; } .article-list.type01.newspaper .detail { -webkit-box-ordinal-group: 2; order: 1; width: 70%; padding: 0.5rem 2em 0px 0px; } .article-list.type01.newspaper .detail .caption { font-size: min(4vw, 24px); font-weight: 700; color: rgba(var(--color00),.85); letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 0.5rem; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article-list.type01.newspaper .detail .pubmeta { font-size: min(3.5vw, 13px); display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 0.25rem; } .article-list.type01.newspaper .detail .pubmeta .meta-time:not(:empty) { display: inline-block; } .article-list.type01.newspaper .detail .excerpt { letter-spacing: 0.1em; width: 100%; display: block; font-size: min(3vw, 14px); line-height: 1.6; text-align: justify; } "); } .elect-votecount li.stat2::before { background-image: url("data:image/svg+xml;utf-8,"); } .elect-votecount li.stat3::before { background-image: url("data:image/svg+xml;utf-8,"); } .elect-votecount li.stat4::before { background-image: url("data:image/svg+xml;utf-8,"); } .elect-votecount li.stat5::before { background-image: url("data:image/svg+xml;utf-8,"); } .elect-votecount li .thumb { order: 2; width: 20%; aspect-ratio: 3 / 4; } .elect-votecount li .info { order: 3; width: 64%; display: flex; flex-grow: 1; flex-direction: column; justify-content: space-around; padding-left: 3%; } .elect-votecount li .name { order: 1; width: 100%; text-align: left; font-weight: 700; padding: 1rem 0px 0px; font-size: min(5vw, 24px); } .elect-votecount li .votecount { order: 3; width: 100%; text-align: right; font-weight: 700; padding-right: 4%; font-size: min(6vw, 20px); } .elect-votecount li .belong { order: 2; width: 100%; text-align: left; padding: 0.75rem 0px 0px; font-size: min(3.5vw, 18px); } @media (min-width: 641px) { .elect-votecount li { flex-wrap: nowrap; } .elect-votecount li::before { order: 1; min-width: 7%; } .elect-votecount li .thumb { order: 2; width: 10%; aspect-ratio: 3 / 4; } .elect-votecount li .info { flex-direction: row; } .elect-votecount li .name { order: 1; width: 40%; font-weight: 700; padding: 0px; } .elect-votecount li .votecount { order: 2; width: 20%; font-weight: 700; padding: 0px; } .elect-votecount li .belong { order: 3; width: 20%; text-align: center; padding: 0px; } } .elect-candidate li { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding: 2rem 0px; border-bottom: 1px solid rgba(var(--color00),.2); } .elect-candidate li .thumb { order: 1; width: 30%; height: auto; aspect-ratio: 3 / 4; } .elect-candidate li .detail { order: 2; width: 70%; padding: 0.5em 0px 0px 1.5em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .elect-candidate li .detail .caption { display: flex; align-items: center; flex-wrap: wrap; width: 100%; font-size: min(4vw, 20px); font-weight: 700; color: rgba(var(--color00),.85); line-height: 1.4; } .elect-candidate li .detail .caption .name { margin-right: 1em; font-weight: 700; margin-bottom: 0.5rem; } .elect-candidate li .detail .caption .kana { font-size: 70%; display: inline-block; margin-bottom: 0.5rem; } .elect-candidate li .detail .belong { margin-bottom: 0.5rem; font-size: min(3vw, 14px); } .elect-candidate li .detail .excerpt { width: 100%; display: block; color: rgb(102, 102, 102); font-size: min(3vw, 14px); line-height: 1.5; } @media (min-width: 641px) { .elect-candidate li .thumb { width: 15%; } .elect-candidate li .detail { width: 85%; } } "); transition: all 0.25s ease 0s; } .gallery-within-article .current-photo .thumb img { position: absolute; z-index: 1; max-width: 100%; max-height: 100%; object-fit: contain; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0px); } @-webkit-keyframes opa { 0% { opacity: 0; filter: blur(7px); } 99%, 100% { opacity: 1; filter: blur(0px); } } @keyframes opa { 0% { opacity: 0; filter: blur(7px); } 99%, 100% { opacity: 1; filter: blur(0px); } } .gallery-within-article .current-photo figcaption { font-size: min(4.5vw, 12px); color: rgba(var(--color00),.85); letter-spacing: 0px; line-height: 1.4; margin: 1em 0px; min-height: 4.2em; word-break: break-word; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .gallery-within-article > .gallery li { width: 18%; margin-right: 2%; margin-bottom: 2%; float: left; } @media (min-width: 641px) { .article-media-wrap { width: 40%; float: left; overflow: hidden; margin: 5px 2rem 1rem 0px; } } @media (max-width: 1280px) { .gallery-within-article .current-photo figcaption { width: 33.3333vw; } } @media (max-width: 640px) { .gallery-within-article .current-photo figcaption { width: 86.9565vw; } } .toc { background: rgba(var(--color00),.05); padding: 1rem; border-radius: 10px; margin-bottom: 3rem; } .toc .toc-index { font-size: min(4vw, 18px); font-weight: 700; color: rgba(var(--color00),.7); display: flex; cursor: pointer; } .toc .toc-index:hover { color: rgba(var(--color00),1); } .toc .toc-index::before { content: "▶"; margin-right: 0.25em; } .toc.on .toc-index::before { content: "▼"; } .toc .toc-index::after { content: "(クリックでご覧になれます)"; } .toc.on .toc-index::after { content: ""; } .toc ul { height: 0px; opacity: 0; padding: 0px; overflow: hidden; width: 100%; font-size: min(3.75vmin, 18px); transition: all 0.75s ease 0s; } .toc.on ul { padding: 1.5rem 0px 0px; height: auto; opacity: 1; transition: all 0.75s ease 0s; } .toc ul li { padding: 1em 0px 1em 1em; border-bottom: 1px solid rgb(204, 204, 204); } .toc ul li:last-of-type { border: none; padding-bottom: 0px; } .toc ul li a { font-size: min(5vw, 18px); color: rgba(var(--color00),.7); line-height: 1; display: block; } .toc ul li a:hover { color: rgba(var(--color00),1); } @media (min-width: 1281px) { .toc { padding: 2rem; } } .article-footer { padding: 0px 2rem; margin-bottom: 3rem; } .article-footer li { display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex-grow: 1; padding: 0.5rem 0px; } .article-footer li.meta-socials { padding: 2rem 0px 1rem; } .article-footer li a { color: rgba(var(--color00),1); font-weight: 700; } .article-pager { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; padding: 0px; margin-bottom: 2rem; border-top: 1px solid rgba(var(--color00),.25); border-bottom: 1px solid rgba(var(--color00),.25); } .article-pager a { width: 100%; display: flex; -webkit-box-align: center; align-items: center; color: rgba(var(--color00),.75); padding: 1em 0px; line-height: 1.7; } .article-pager a:hover { color: rgba(var(--color00),1); } .article-pager a.prev { border-bottom: 1px solid rgba(var(--color00),.25); padding-right: 2em; } .article-pager a.next { padding-left: 2em; } .article-pager a.next:only-child { margin: 0px 0px 0px auto; border-left: 1px solid rgba(var(--color00),.25); } .article-pager a.prev::before { content: "◀"; font-size: 1.5em; } .article-pager a.next::after { content: "▶"; font-size: 1.5em; } @media (min-width: 641px) { .article-pager { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding: 0.75rem; } .article-pager a { width: 50%; } .article-pager a.prev { border-bottom: none; border-right: 1px solid rgba(var(--color00),.25); } } iframe.youtube_aspect { aspect-ratio: 4 / 3; width: 100%; height: auto; display: block; margin: 0px auto; } .article-body > iframe.youtube_aspect { margin: 0px auto 2rem; } @media (700px <= width) { .article-body > iframe.youtube_aspect { max-width: 639px; } } "); } .ranking-wrap .js-tabs-content.ranking li:nth-child(2)::before { background-image: url("data:image/svg+xml;utf-8,"); } .ranking-wrap .js-tabs-content.ranking li:nth-child(3)::before { background-image: url("data:image/svg+xml;utf-8,"); } .ranking-wrap .js-tabs-content.ranking li:nth-child(4)::before { background-image: url("data:image/svg+xml;utf-8,"); } .ranking-wrap .js-tabs-content.ranking li:nth-child(5)::before { background-image: url("data:image/svg+xml;utf-8,"); } .sub .mynews-offer-wrap { background: rgba(var(--color01),1); border-radius: 5px; padding: 1rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; } .sub .mynews-offer-wrap .sec-headline { color: rgb(255, 255, 255); font-size: min(4vw, 18px); line-height: 2.4; padding: 0px; margin-bottom: 0.4em; justify-content: space-evenly; } .sub .mynews-offer-wrap .sec-headline.ico-mynews::before { width: min(11vw, 48px); height: min(11vw, 48px); background-image: url("data:image/svg+xml;utf-8,"); } .sub .mynews-offer-wrap a { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; color: rgba(var(--color01),1); background: rgba(var(--color08),1); font-size: min(5vw, 16px); font-weight: 700; padding: 1em; border-radius: 5px; width: 100%; } .sub .mynews-offer-wrap a.ico-triangle::before { width: min(5vw, 14px); height: min(5vw, 14px); background-image: url("data:image/svg+xml;utf-8,"); margin-left: 1em; } @media (min-width: 641px) { .sub .mynews-offer-wrap { padding: 0.5rem 1rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .sub .mynews-offer-wrap .sec-headline { font-size: min(4vw, 14px); margin-bottom: 0px; justify-content: space-evenly; } } @media (min-width: 1281px) { .sub .mynews-offer-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .sub .mynews-offer-wrap .sec-headline { margin-bottom: 0.4em; } } .sub .mynews-piano-wrap .sec-headline { display: flex; -webkit-box-pack: center; justify-content: center; text-align: justify; font-size: min(3.5vw, 15px); padding: 1rem; border-radius: 5px 5px 0px 0px; margin-bottom: 1rem; width: 100%; color: rgba(var(--color08),1); background: rgba(var(--color01),1); font-weight: 700; } .sub .mynews-piano-wrap .sec-headline.ico-mynews::before { width: min(11vw, 32px); height: min(11vw, 32px); margin-right: 0.5rem; background-image: url("data:image/svg+xml;utf-8,"); } .sub .mynews-piano-wrap .mynews-piano-list { min-height: 240px; } .sub .mynews-piano-wrap .mynews-piano-list li { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0.5rem 1rem 0.5rem 0px; border-bottom: 1px solid rgba(var(--color00),.2); } .sub .mynews-piano-wrap .mynews-piano-list li .caption { width: 100%; font-size: min(5vw, 14px); font-weight: 700; color: rgba(var(--color00),.85); line-height: 1.4; } @media (min-width: 641px) { .sub .mynews-piano-wrap .mynews-piano-list { min-height: 185px; } } @media (min-width: 1281px) { .sub .mynews-piano-wrap .mynews-piano-list { min-height: 320px; } } .hotwords-wrap .sec-headline { padding: 1rem 0px 0.5rem; } .hotwords { display: flex; flex-wrap: wrap; border: 1px solid rgba(var(--color00),.2); padding: 1rem 1.5rem; border-radius: 5px; } .hotwords li { font-size: min(3.5vw, 14px); color: rgba(var(--color08),1); border-radius: 2em; padding: 0.5rem 1rem 0.5rem 0px; -webkit-box-flex: 0; flex: 0 1 auto; } .hotwords li span { color: rgba(var(--color03),1); display: inline-block; padding: 0px 0.25rem 0px 0px; font-weight: 700; } .hotwords li a { color: rgba(var(--color01),1); text-align: justify; } .subscription-wrap .upperpart { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 0px 1.5%; } .subscription-wrap .upperpart > :nth-child(1) { width: 57.25%; } .subscription-wrap .upperpart > :nth-child(2) { width: 41%; } .subscription-wrap .upperpart > * img { width: 100%; } .subscription-wrap .lowerpart { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; } .subscription-wrap .lowerpart > :nth-child(1) { width: 31.35%; position: relative; } .subscription-wrap .lowerpart > :nth-child(1) .contentLink { display: flex; position: absolute; z-index: 1; width: 83%; bottom: 7%; left: 50%; transform: translateX(-50%); } .subscription-wrap .lowerpart > :nth-child(1) .contentLink a { width: 100%; } .subscription-wrap .lowerpart > :nth-child(1) .contentLink a img { width: 100%; height: auto; } .subscription-wrap .lowerpart > :nth-child(1) .bg { position: relative; z-index: 0; } .subscription-wrap .lowerpart > :nth-child(2) { width: 67.25%; position: relative; } .subscription-wrap .lowerpart > :nth-child(2) .contentLink { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; position: absolute; z-index: 1; width: 92%; bottom: 5%; left: 50%; transform: translateX(-50%); } .subscription-wrap .lowerpart > :nth-child(2) .contentLink a { width: calc(33.3333% - 2px); } .subscription-wrap .lowerpart > :nth-child(2) .contentLink a img { width: 100%; height: auto; } .subscription-wrap .lowerpart > :nth-child(2) .bg { position: relative; z-index: 0; } .subscription-wrap .lowerpart > * img { width: 100%; } .socials-wrap { display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin-bottom: 3rem; } .socials-wrap .sns { -webkit-box-flex: 0; flex: 0 0 10%; margin: 0px 2% 2rem; } .socials-wrap .sns img { width: 100%; height: auto; } .socials-wrap .textsns { border: 1px solid rgba(var(--color01),1); border-radius: 5px; color: rgba(var(--color01),1); text-align: center; -webkit-box-pack: center; justify-content: center; padding: 1rem 0px; font-weight: 700; width: 100%; } .socials-wrap .textsns:not(:last-of-type) { margin-bottom: 0.5rem; } @media (min-width: 641px) { .socials-wrap .sns { margin-bottom: 2rem; } } @media (min-width: 1281px) { .socials-wrap .textsns { font-size: min(5vw, 13px); width: 100%; } } .info-wrap { background: rgba(var(--color02),1); padding: 0px 1rem 1rem !important; } .info-wrap ul li { padding: 0.25em 0px; } .info-wrap ul li a { color: rgba(var(--color01),1); font-weight: 700; font-size: min(3vw, 14px); } .info-wrap ul li a::before { content: "・"; } .others-wrap { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .others-wrap > * { margin-bottom: 1rem; }

サービス・事業
  • 神戸新聞オンラインショップ「リブstore得ダネ」
  • デジタル写真販売「神戸新聞images」
  • エールファンド
  • 保育園・幼稚園を探そう!すきっぷ「園なび」
  • イノベーション新拠点「アンカー神戸」
  • ひょうごSDGsプロジェクト
  • Mラボ就活ガイド
  • 神戸新聞子育てクラブ「すきっぷ」
  • 朝刊・夕刊
    • 朝刊
    • 夕刊
    • 地域版
    • 紙面ビューワー
  • Myニュース
  • おでかけ
  • 記事検索
  • 過去記事を見る
  • 総合ガイド
申し込む ログイン
  • ヘルプ
神戸新聞がもっと便利に。
電子版でできること。
  • 申し込む
  • ログイン

兵庫県内

  • 社会
  • 事件・事故
  • 天気
  • イイミミ
  • おくやみ
  • 防災
  • 経済
  • スポーツ
  • 高校野球
  • スポーツ成績
  • カルチャー
  • 教育
  • 医療
  • 地方行政・選挙
  • 動画
  • 写真集

地域

  • 神戸
  • 阪神
  • 三田
  • 明石
  • 三木
  • 淡路
  • 東播
  • 北播
  • 姫路
  • 西播
  • 丹波
  • 但馬

連載・特集

  • イチオシ連載
  • 連載・特集一覧
  • 社会
  • 文化・エッセー
  • まなびー
  • 経済
  • スポーツ
  • 地域
  • 医療
  • 災害
  • 動画・写真

オピニオン

  • 社説
  • 正平調
  • 日々小論
  • 針路21
  • 聞いてきました!編集委員インタビュー

全国・海外

  • 総合
  • 社会
  • 政治
  • 経済
  • スポーツ
  • 国際
  • 新商品
  • 生活
  • 科学・環境
  • ニュースの核心
  • おくやみ
  • 文化・エンタメ

サービス

  • 過去記事を見る
  • 会社案内
  • サービス・事業
  • 総合ガイド
  • 神戸新聞オンラインショップ
    「リブstore得ダネ」
  • デジタル写真販売「神戸新聞images」
  • エールファンド
  • 保育園・幼稚園を探そう!すきっぷ「園なび」
  • イノベーション新拠点「アンカー神戸」
  • ひょうごSDGsプロジェクト
  • Mラボ就活ガイド
  • 神戸新聞子育てクラブ「すきっぷ」
  • ヘルプ
  • よくある質問
  • 神戸新聞社へのお問い合わせ
  • トップ
  • 新着
  • 地域
  • 社会
  • 事件・事故
  • 経済
  • スポーツ
  • カルチャー
  • 教育
  • 医療
  • 連載・特集
  • 地方行政・選挙
  • 全国・海外
  • 動画・写真
  • オピニオン
  • 社会

  • 事件・事故

  • 地域の事件・事故

  • 天気

  • イイミミ

  • つなぐプロジェクト

  • トップ

  • おくやみ(兵庫県)

  • おくやみ(全国)

  • 連載・特集

  • スクープラボ

  • 防災

  • 阪神・淡路大震災

  • ひょうご防災新聞

  • おしえてイイミミ

  • インフォメーション

  • 神戸

  • 阪神

  • 三田

  • 明石

  • 三木

  • 淡路

  • 東播

  • 北播

  • 姫路

  • 西播

  • 丹波

  • 但馬

  • 経済ニュース

  • 経済連載

  • 話題の人

  • ひょうご企業サーチ

  • ひょうご経済人物録

  • 日経電子版セレクト

  • 人事

  • 決算

  • 全国・海外ニュース

  • マーケット速報

  • 新商品

  • スポーツニュース

  • ヴィッセル

  • ストークス

  • 高校野球

  • 高校スポーツ

  • 中学スポーツ

  • サッカー

  • 野球

  • バスケ

  • バレー

  • 陸上

  • 駅伝

  • 水泳

  • フィギュア

  • ラグビー

  • スポーツ連載

  • 高校・中学の成績一覧

  • 各種大会 出場選手

  • 全国・海外のスポーツ

  • 文化

  • タカラヅカ

  • 囲碁・将棋

  • 随想

  • ランチどこいこ?

  • 文化・エッセー連載

  • 谷川浩司十七世名人の詰め将棋

  • 王位戦

  • 女流王位戦

  • 天元戦

  • 神戸新聞文芸

  • 全国・海外の文化・エンタメ

  • 教育ニュース

  • 高校受験

  • 先生の異動

  • まなびー

  • 教育に新聞を NIE

  • 高校受験募集概要

  • 進学希望調査

  • たじまの高校名鑑

  • 中・西播磨の高校紹介

  • 入試出願状況

  • 入試問題と解答

  • 医療ニュース

  • カルテQ&A

  • 病を知る

  • わたしの闘病日誌

  • 生老病支

  • 新ひょうごの医療

  • ひょうごの病院

  • 医療フロンティア

  • 医療連載

  • イチオシ連載

  • 連載・特集一覧

  • 社会

  • 文化・エッセー

  • まなびー

  • 経済

  • いい大人のLife Design

  • 日経電子版セレクト

  • ビジュアルニュース

  • スポーツ

  • 地域

  • 医療

  • 災害

  • 動画・写真

  • 会員向けプレミアム

  • 選挙ニュース

  • 地方行政

  • 兵庫の選挙

  • 衆院選

  • 参院選

  • 兵庫県職員異動

  • 総合

  • 社会

  • 政治

  • 経済

  • スポーツ

  • 国際

  • 新商品

  • 生活

  • 科学・環境

  • ニュースの核心

  • おくやみ

  • 文化・エンタメ

  • 詳報・要旨

  • 動画

  • 写真集

  • 路×旅 ミチタビ

  • MARUDORI

  • 視

  • 読者の報道写真コンテスト

  • 動画・写真連載

  • 社説

  • 正平調

  • 日々小論

  • 針路21

  • 聞いてきました!編集委員インタビュー

  • 五国便

  • 神戸新聞ホーム
  • 社会

元県民局長が死亡 知事告発文書で処分 百条委で証人尋問の予定も

2024/7/8 21:15
印刷
友だち追加 友だち追加
社会 揺れる県政 地方行政
  • 神戸新聞NEXT
記事へ戻る

関連記事

  • 【図解】県民局長の文書を巡る問題の経緯
  • 【動画】斎藤知事、パワハラなど七つの疑惑を否定「指導は業務上必要な範囲
  • 【写真】前県民局長死亡に斎藤知事「心理的なご負担はあったと推察」
  • 批判文書作成関与疑いの女性職員「懲戒に該当せず」 自己都合退職を認める
  • うそ八百発言「表現行き過ぎた」 斎藤知事、非を認める

関連記事

  • 【図解】県民局長の文書を巡る問題の経緯
  • 【動画】斎藤知事、パワハラなど七つの疑惑を否定「指導は業務上必要な範囲
  • 【写真】前県民局長死亡に斎藤知事「心理的なご負担はあったと推察」
  • 批判文書作成関与疑いの女性職員「懲戒に該当せず」 自己都合退職を認める
  • うそ八百発言「表現行き過ぎた」 斎藤知事、非を認める
こちらもおすすめ
Recommended by

きょうの注目記事

  • 元県民局長、死亡直前にメール 百条委出頭へ「よろしくお願いします」 同僚職員ら絶句
    7/8 21:31
  • 元県民局長が死亡 知事告発文書で処分
    7/8 21:15 社会 揺れる県政 地方行政
  • 知事批判の元県民局長死亡、斎藤知事「ショックを受けており混乱している」
    7/8 17:14 社会 揺れる県政 地方行政
  • ミネラルウオーターから発がん性指摘のPFAS 神戸で採水
    7/8 18:25
  • 神戸地検新検事正の山崎氏「知力を尽くし事件の真相解明」 
    7/8 20:01
  • 陸上女子1500m、後藤夢が初の五輪代表入り 西脇工高出身、田中希実と同級生
    7/8 16:35 スポーツ 五輪 陸上
  • 兵庫県内、37海水浴場の水質調査 いずれも遊泳可能 良好な「AA」は28カ所
    7/8 16:00 社会
  • 古野電気創業者、古野清賢氏死去 98歳
    7/8 19:20 経済 古野電気 おくやみ
  • 関西電力、イズミヤSC西神戸でEV充電サービス スマホで予約
    7/8 19:42 経済 関西電力
  • 低コストでお手軽、兵庫でスマート農業加速 導入面積1.8倍に
    7/8 18:16 経済
  • イチジクの「接ぎ木苗」を1年で育成 兵庫県が新技術開発
    7/8 18:30 経済 北播 神戸
  • 「孤独死が発生しています」住み慣れた団地にまさかの掲示、憧れだった都心の一等地は今や超高齢社会
    7/8 11:32

きょうの注目記事

  • 元県民局長、死亡直前にメール 百条委出頭へ「よろしくお願いします」 同僚職員ら絶句
    7/8 21:31
  • 元県民局長が死亡 知事告発文書で処分
    7/8 21:15 社会 揺れる県政 地方行政
  • 知事批判の元県民局長死亡、斎藤知事「ショックを受けており混乱している」
    7/8 17:14 社会 揺れる県政 地方行政
  • ミネラルウオーターから発がん性指摘のPFAS 神戸で採水
    7/8 18:25
  • 神戸地検新検事正の山崎氏「知力を尽くし事件の真相解明」 
    7/8 20:01
  • 陸上女子1500m、後藤夢が初の五輪代表入り 西脇工高出身、田中希実と同級生
    7/8 16:35 スポーツ 五輪 陸上
  • 兵庫県内、37海水浴場の水質調査 いずれも遊泳可能 良好な「AA」は28カ所
    7/8 16:00 社会
  • 古野電気創業者、古野清賢氏死去 98歳
    7/8 19:20 経済 古野電気 おくやみ
  • 関西電力、イズミヤSC西神戸でEV充電サービス スマホで予約
    7/8 19:42 経済 関西電力
  • 低コストでお手軽、兵庫でスマート農業加速 導入面積1.8倍に
    7/8 18:16 経済
  • イチジクの「接ぎ木苗」を1年で育成 兵庫県が新技術開発
    7/8 18:30 経済 北播 神戸
  • 「孤独死が発生しています」住み慣れた団地にまさかの掲示、憧れだった都心の一等地は今や超高齢社会
    7/8 11:32

AI推薦

  • 知事告発の元県民局長死亡、斎藤知事「ショックを受けており混乱している」
    7/8 17:14

  • 元県民局長、死亡直前にメール 百条委出頭へ「よろしくお願いします」 同僚職員ら絶句
    7/8 21:31

  • 11歳女児と不同意性交疑い、14歳中学生逮捕 商業施設の多目的トイレ 女児が家族に相談 明石
    5/29 20:06

  • 知事批判文書で自民が百条委の設置提案へ 斎藤県政に不満噴出 兵庫県議会
    6/4 20:42

  • 斎藤知事、パワハラなど七つの疑惑を否定 批判文書問題巡り、公の場で初説明「指導は業務上必要な範囲」
    6/20 21:43

  • うそ八百発言「表現行き過ぎた」 批判文書問題で斎藤知事、非を認める
    6/7 20:11

こちらもおすすめ
株で1億稼ぐ73才主婦が大暴露「新聞に答え書いてあんじゃん」
PR(勝守り株学園)
前県民局長が死亡 知事批判文書で処分
【激変】整形バレバレの芸能人ランキングTOP30
PR(Rekisiru)
違法薬物で人生を壊された39人の芸能人たち
PR(GOSSIP JAPAN)
【実話】「65歳主婦が宝くじ当選」7億円を一発で当てた方法
PR(株式会社アポロ)
ワキガは洗面所に「あるもの」で楽勝だよ?日本人の9割がやめるべき習慣が衝撃だった
PR(プルーストクリーム)
あの国民的女優も…実は昔脱いでいた女優まとめ30選
PR(Original New)
斎藤知事批判文書問題 県が関係者の処分発表、前県民局長を停職3カ月 高級トースター受け取った部長は訓告
Recommended by UZOU

社会新着ニュース

  • 元県民局長、死亡直前にメール 百条委出頭へ「よろしくお願いします」 同僚職員ら絶句
    7/8 21:31社会揺れる県政地方行政
  • 神戸地検新検事正の山崎氏「知力を尽くし事件の真相解明」 着任会見「客観的な証拠が大事」
    7/8 20:01社会
  • スリランカの障害者就労支援へ 職員9人が来日、兵庫県などの施設見学 JICAの取り組み
    7/8 19:15社会神戸
  • ミネラルウオーターから発がん性指摘のPFAS 神戸で採水、水道水の目標値超え
    7/8 18:25社会神戸
  • 高速道路のSAやPA、障害者用駐車スペース増設 兵庫県内 三木、淡路SAなど4カ所
    7/8 18:10社会
  • 陸上自衛隊3等陸曹、速度超過で停職処分 休日に40キロオーバー
    7/8 17:12社会阪神
  • 知事告発の元県民局長死亡、斎藤知事「ショックを受けており混乱している」
    7/8 17:14社会揺れる県政地方行政
  • 兵庫県内、37海水浴場の水質調査 いずれも遊泳可能 良好な「AA」は28カ所
    7/8 16:00社会
  • 元県民局長が死亡 知事告発文書で処分 百条委で証人尋問の予定も
    7/8 21:15社会揺れる県政地方行政
  • 能登半島地震、入居進む仮設住宅に「コミュニティー」を 阪神・淡路の教訓、孤独死防ぐ模索続く
    7/8 05:30能登半島地震震災30年防災社会
  • 「終わらない」六甲山・砂防ダム整備 阪神大水害から80年超、基準を抜本的見直しへ 工期や事業費の圧縮
    7/7 19:35社会神戸防災
  • 夜の日本海に「いさり火」の光の帯、幻想的に 但馬の夏の風物詩 数年前からシロイカ釣り人気に
    7/7 18:30但馬社会#インスタ動画ニュース
  • 六角精児さん駅長姿で「出発進行!」 JR加古川線全線開通100周年、西脇で記念イベント
    7/7 17:30北播社会
  • 豊岡で38.2度、今年一番の暑さ 県内7地点で35度以上の猛暑日に 熱中症疑い神戸で計10人、病院に
    7/7 18:10但馬社会
  • <あのね その本はね… ズッコケ三人組とよしおか文庫>(4)作家の願い 再び立ち上がる物語を
    7/7 05:30ズッコケ三人組とよしおか文庫社会震災30年神戸
  • 踏切のセンサーが反応、赤信号で貨物列車が停車 JR神戸線で一時運転見合わせ
    7/6 21:15社会
  • 境内の池に「天の川」輝く 西宮神社、2000個のLEDが幻想的に
    7/6 21:30社会阪神
  • 兵庫で猛暑、熱中症での搬送相次ぐ 豊岡では高校球児2人倒れ、数人が足つる
    7/6 20:20社会但馬
  • 明石空襲、七夕の空から焼夷弾の雨 漁船で逃げるも街は「火の海」 93歳男性の記憶
    7/6 19:00社会明石
  • 大学生と金メダリスト、世界パラ陸上で生まれた交流 公園で偶然出会い、家族ぐるみで応援
    7/6 18:00社会世界パラ陸上スポーツ神戸
もっと見る

社会新着ニュース

  • 元県民局長、死亡直前にメール 百条委出頭へ「よろしくお願いします」 同僚職員ら絶句
    7/8 21:31社会揺れる県政地方行政
  • 神戸地検新検事正の山崎氏「知力を尽くし事件の真相解明」 着任会見「客観的な証拠が大事」
    7/8 20:01社会
  • スリランカの障害者就労支援へ 職員9人が来日、兵庫県などの施設見学 JICAの取り組み
    7/8 19:15社会神戸
  • ミネラルウオーターから発がん性指摘のPFAS 神戸で採水、水道水の目標値超え
    7/8 18:25社会神戸
  • 高速道路のSAやPA、障害者用駐車スペース増設 兵庫県内 三木、淡路SAなど4カ所
    7/8 18:10社会
  • 陸上自衛隊3等陸曹、速度超過で停職処分 休日に40キロオーバー
    7/8 17:12社会阪神
  • 知事告発の元県民局長死亡、斎藤知事「ショックを受けており混乱している」
    7/8 17:14社会揺れる県政地方行政
  • 兵庫県内、37海水浴場の水質調査 いずれも遊泳可能 良好な「AA」は28カ所
    7/8 16:00社会
  • 元県民局長が死亡 知事告発文書で処分 百条委で証人尋問の予定も
    7/8 21:15社会揺れる県政地方行政
  • 能登半島地震、入居進む仮設住宅に「コミュニティー」を 阪神・淡路の教訓、孤独死防ぐ模索続く
    7/8 05:30能登半島地震震災30年防災社会
  • 「終わらない」六甲山・砂防ダム整備 阪神大水害から80年超、基準を抜本的見直しへ 工期や事業費の圧縮
    7/7 19:35社会神戸防災
  • 夜の日本海に「いさり火」の光の帯、幻想的に 但馬の夏の風物詩 数年前からシロイカ釣り人気に
    7/7 18:30但馬社会#インスタ動画ニュース
  • 六角精児さん駅長姿で「出発進行!」 JR加古川線全線開通100周年、西脇で記念イベント
    7/7 17:30北播社会
  • 豊岡で38.2度、今年一番の暑さ 県内7地点で35度以上の猛暑日に 熱中症疑い神戸で計10人、病院に
    7/7 18:10但馬社会
  • <あのね その本はね… ズッコケ三人組とよしおか文庫>(4)作家の願い 再び立ち上がる物語を
    7/7 05:30ズッコケ三人組とよしおか文庫社会震災30年神戸
  • 踏切のセンサーが反応、赤信号で貨物列車が停車 JR神戸線で一時運転見合わせ
    7/6 21:15社会
  • 境内の池に「天の川」輝く 西宮神社、2000個のLEDが幻想的に
    7/6 21:30社会阪神
  • 兵庫で猛暑、熱中症での搬送相次ぐ 豊岡では高校球児2人倒れ、数人が足つる
    7/6 20:20社会但馬
  • 明石空襲、七夕の空から焼夷弾の雨 漁船で逃げるも街は「火の海」 93歳男性の記憶
    7/6 19:00社会明石
  • 大学生と金メダリスト、世界パラ陸上で生まれた交流 公園で偶然出会い、家族ぐるみで応援
    7/6 18:00社会世界パラ陸上スポーツ神戸
もっと見る
Sponsored
こちらもおすすめ
Recommended by
  • 新着ニュース
  • アクセスランキング
  • 笹生優花は10位で変わらず
    00:23
  • 鳥インフル、人感染力増か
    00:02
  • 下関の水路で65歳男性溺死
    23:52
  • NY株、続伸
    23:17
  • テニス、柴原組が3回戦敗退
    23:11
  • 勤務先小学校で盗撮疑い
    23:01
  • <中学総体>玉津3年ぶり王者に 相撲団体
    23:00
  • 米パラマウントが合併へ
    22:56
  • ソフトボール日本快勝、3戦全勝
    22:30
  • 特定秘密で審査会開催へ
    22:25
  • 芦屋の75歳男性、医療費の還付金名目で228万円だまし取られる
    22:18
  • INAC神戸に海外勢2人加入 ジャマイカ代表DFサンプソンとスペイン出身のMFソルデビラ
    22:15
  • NY円、160円台後半
    22:00
  • 石破氏「菅氏リスペクト」
    21:39
  • 元県民局長、死亡直前にメール 百条委出頭へ「よろしくお願いします」 同僚職員ら絶句
    21:31
  • 上履き窃盗容疑で43歳男逮捕
    21:29
  • 車いすテニス小田、2連覇へ自信
    21:29
  • 岸田首相ら16人不起訴
    21:19
  • 元県民局長が死亡 知事告発文書で処分 百条委で証人尋問の予定も
    21:15
  • インドのモディ首相がロシア訪問
    21:14
  • ロシア攻撃、全土で30人死亡
    21:14
  • 新幹線停電、ケーブル損傷が原因
    20:38
  • 日フィリピン、防衛協力を強化
    20:33
  • スタバ、豆の料金過大請求
    20:33
  • 金日成主席死去30年で追悼大会
    20:33
  • 体にまひ、リハビリ中の女性に性的暴行 理学療法士の62歳男を逮捕 神戸
    20:25
  • 交差点で女児はねられ重体
    20:12
  • 押阪忍さん死去
    20:12
  • 「319万円だまし取られた」 姫路の69歳会社員、SNSで知り合い投資話を持ちかけられ被害
    20:08
  • 神戸地検新検事正の山崎氏「知力を尽くし事件の真相解明」 着任会見「客観的な証拠が大事」
    20:01
  • →新着ニュースをもっと見る
  • 前県民局長が死亡 知事批判文書で処分
  • 宝塚雪組公演「ベルサイユのばら」開幕 初演から50周年 トップ彩風の退団公演
  • 第二神明の側壁に衝突し横転、事故で酒気帯び発覚 容疑で27歳の男逮捕
  • 兵庫で猛暑、熱中症での搬送相次ぐ 豊岡では高校球児2人倒れ、数人が足つる
  • 「ごみが燃えている」と119番通報、神戸市兵庫区で車両など焼ける 倉庫が立ち並ぶエリア
  • 踏切のセンサーが反応、赤信号で貨物列車が停車 JR神戸線で一時運転見合わせ
  • 高校野球兵庫大会開幕、1回戦10試合が終了 開幕試合は相生産が勝利
  • 西区の工場で火災、配電盤から出火か けが人なし 神戸
  • 六角精児さん駅長姿で「出発進行!」 JR加古川線全線開通100周年、西脇で記念イベント
  • 旧西宮市卸売市場跡に35階建て複合施設 再開発総額、100億円増の313億円

注目ワード

  • 大会2日目高校野球兵庫大会
  • 第1局王位戦特集
  • NEW揺れる県政~知事批判文書問題
  • NEW危ない交差点
  • UP生きるのヘタ会?
  • OPEN1.17つなぐプロジェクト
  • NEWいい大人のLife Design
  • UP日経電子版セレクト
  • UPビジュアルニュース

Myニュース

ログインして使ってみる
購読・試読・読者紹介キャンペーン バックナンバーお申込み
愛読者コース
購読者は無料
購読者無料 個人の方 法人の方
デジタルのみ

公式SNSでも情報を発信中

友だち追加 友だち追加 防災情報 兵庫 > 神戸新聞SNS一覧 >

神戸新聞からのお知らせ

  • NEXT会員限定プレゼントが新登場!
  • 兵庫をもっと楽しく「使っ得クーポン」
  • 日経電子版の人気記事をNEXTで!
  • 「スポーツ広場」成績入力フォーム
  • 新NEXT誕生
神戸新聞社について
  • 会社案内
  • 採用情報
  • 契約社員/アルバイト募集
  • 地域パートナー宣言
  • 著作物の二次利用
  • 写真販売のご案内
  • 写真・動画の二次利用
  • 神戸新聞社へのお問い合わせ
広告のご案内
  • 紙面・ネット
  • ミントビジョン
  • デジタルサイネージ
事業のご案内
  • 主催・後援一覧
  • 行事の後援について
主な事業・キャンペーン
  • 松方ホール音楽賞
  • 神明あかふじ米少年野球
  • 新聞感想文コンクール
  • 兵庫県オープンゴルフ
  • こうべ全国洋舞コンクール
  • スマイル神戸
  • 兵庫県学生ピアノコンクール
  • 天元戦
  • 王位戦
  • 神戸マラソン
  • 女流王位戦
  • 姫路城マラソン
  • 神戸新聞囲碁・将棋
  • 神戸囲碁ネット
  • 神戸新聞バレーボール大会
  • 兵庫県写真家協会
  • 兵庫県舞踏文化協会
  • 神戸テニススクール
  • 金婚夫婦祝福式典
その他のご案内
  • 「発言」(紙面)への投稿
  • 読者の報道写真
  • 法人向け情報配信のご案内
  • ニュースポート(神戸新聞報道展示室)
  • わが家のアイドル申込み
  • 神戸新聞情報文化懇話会
神戸新聞NEXTについて
総合ガイド よくある質問 お問い合わせ 利用規約 プライバシーポリシー 著作権 特定商取引法に基づく表示について web広告ガイド
47NEWS 参加社一覧
北海道新聞 室蘭民報 河北新報 東奥日報 デーリー東北 秋田魁新報 山形新聞 岩手日報 福島民報 福島民友新聞 産業経済新聞 日本経済新聞 ジャパンタイムズ 下野新聞 茨城新聞 上毛新聞 千葉日報 神奈川新聞 埼玉新聞 山梨日日新聞 信濃毎日新聞 新潟日報 中日新聞 中部経済新聞 伊勢新聞 静岡新聞 岐阜新聞 北日本新聞 北國新聞 福井新聞 京都新聞 神戸新聞 奈良新聞 紀伊民報 山陽新聞 中国新聞 日本海新聞 山口新聞 山陰中央新報 四国新聞 愛媛新聞 徳島新聞 高知新聞 西日本新聞 大分合同新聞 宮崎日日新聞 長崎新聞 佐賀新聞 熊本日日新聞 南日本新聞 沖縄タイムス 琉球新報 共同通信

Copyright 2022 神戸新聞社 All Rights Reserved.