@charset "UTF-8"; /*------------------------------------------------- Variable --------------------------------------------------*/ /*---------- Basic ----------*/ /*---------- Color ----------*/ /*-------------------------------------------------- Mixin --------------------------------------------------*/ /*---------- Responsive ----------*/ /*---------- css ----------*/ /*-------------------------------------------------- https://www.pref.shiga.lg.jp/file/css/2070031.css --------------------------------------------------*/ body .cms-public .return-top { text-align: right; } body .cms-public .return-top .block .html a { background: url(https://www.pref.shiga.lg.jp/file/img/2070028.gif) no-repeat left center; padding-left: 22px; } /*-------------------------------------------------- add --------------------------------------------------*/ .cms-public .layout { background-color: unset !important; } .cms-public .layout .parts.top_header .div_tag .parts.MojiSize img { vertical-align: middle; width: 12px; padding-right: 0.5em; } .cms-public .area1 { max-width: 1080px !important; background-image: unset !important; background-color: unset !important; } .cms-public .area3 { margin-bottom: 0; } .cms-public .area3 a:hover { opacity: 1; } .gomizero_bar { border-top: unset !important; background-color: unset !important; } @media screen and (max-width: 700px) { .cms-public .layout .parts.top_header .div_tag .parts.MojiSize, .cms-public .page .layout .parts.pc-searcher { display: none !important; } .cms-public .default_breadcrumb { height: auto; padding-bottom: 1em; font-size: 14px; } .cms-public .default_breadcrumb .bread-list { padding: 0 10px; } .cms-public .parts.footer_site figure ul { flex-direction: column; row-gap: 5px; padding-left: 10px; padding-right: 10px; } } /*-------------------------------------------------- contents base --------------------------------------------------*/ .area-group-2-3-4 { /*** The new CSS reset - version 1.9 (last updated 19.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ /* Preferred box-sizing value */ /* Reapply the pointer cursor for anchor tags */ /* Remove list styles (bullets/numbers) */ /* For images to not be able to exceed their container */ /* removes spacing between cells in tables */ /* Safari - solving issue when using user-select:none on the text input doesn't working */ /* revert the 'white-space' property for textarea elements on Safari */ /* minimum style to allow to style meter element */ /* preformatted text - use only for this feature */ /* reset default text opacity of input placeholder */ /* remove default dot (•) sign */ /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ /* apply back the draggable feature - exist only in Chromium and Safari */ /* Revert Modal native behavior */ /*-------------------------------------------------- Base --------------------------------------------------*/ font-size: 16px; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight: bold; -webkit-text-size-adjust: 100%; -webkit-print-color-adjust: exact; background-color: #fff; color: #4B4948; /*--------------------------------------------- add ---------------------------------------------*/ width: 100% !important; /*--------------------------------------------- parts ---------------------------------------------*/ } .area-group-2-3-4 *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)), .area5 .parts:has(.contact) *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)){ all: unset; display: revert; } .area-group-2-3-4 *, .area-group-2-3-4 *::before, .area-group-2-3-4 *::after { box-sizing: border-box; } .area-group-2-3-4 a, .area-group-2-3-4 button { cursor: revert; } .area-group-2-3-4 ol, .area-group-2-3-4 ul, .area-group-2-3-4 menu { list-style: none; } .area-group-2-3-4 img { max-inline-size: 100%; max-block-size: 100%; } .area-group-2-3-4 table { border-collapse: collapse; } .area-group-2-3-4 input, .area-group-2-3-4 textarea { -webkit-user-select: auto; } .area-group-2-3-4 textarea { white-space: revert; } .area-group-2-3-4 meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } .area-group-2-3-4 :where(pre) { all: revert; } .area-group-2-3-4 ::-moz-placeholder { color: unset; } .area-group-2-3-4 ::placeholder { color: unset; } .area-group-2-3-4 ::marker { content: initial; } .area-group-2-3-4 :where([hidden]) { display: none; } .area-group-2-3-4 :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } .area-group-2-3-4 :where([draggable=true]) { -webkit-user-drag: element; } .area-group-2-3-4 :where(dialog:modal) { all: revert; } .area-group-2-3-4 img { max-width: 100%; height: auto !important; image-rendering: -webkit-optimize-contrast; vertical-align: top; } .area-group-2-3-4 dt, .area-group-2-3-4 i { font-weight: inherit; } .area-group-2-3-4 em { font-style: inherit; } .area-group-2-3-4 table { width: 100%; } .area-group-2-3-4 iframe { border: none; vertical-align: top; } .area-group-2-3-4 button { cursor: pointer !important; } .area-group-2-3-4 { width: 100%; padding: 0; position: relative; overflow: hidden; padding: 0 0 120px 0; } .area-group-2-3-4::before { content: ""; display: block; width: 100vw; background-color: #FFFCE8; position: absolute; inset: 0; pointer-events: none; } .area-group-2-3-4 div[class="parts "], .area-group-2-3-4 div[class="block "] { display: contents; } .area-group-2-3-4 div.parts { float: none; } .area-group-2-3-4 div.parts .note, .area-group-2-3-4 div.parts .html, .area-group-2-3-4 div.parts .div_tag { display: contents; } .area-group-2-3-4 div.parts .block { float: none; } .area-group-2-3-4 .area2, .area-group-2-3-4 .area3, .area-group-2-3-4 .area4 { float: none !important; } .area-group-2-3-4 .area3 { width: 100% !important; } .area-group-2-3-4 .area3 .gomizero { display: contents; float: none; } .area-group-2-3-4 + .area5 { display: block !important; width: 100% !important; display: flex !important; flex-direction: column !important; } .cms-public .area5 .parts:has(.contact) { width: 100%; background-color: #CEF0F2; position: relative; font-size: 16px; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight: bold; -webkit-text-size-adjust: 100%; -webkit-print-color-adjust: exact; color: #4B4948; } .area-group-2-3-4 + .area5 .parts:has(.contact)::before { content: ""; display: block; position: absolute; /* z-index: -1; */ aspect-ratio: 36/1; background: url(../img/5428859.png) top center no-repeat; background-size: 102% auto; inset: 0 0 auto; transform: translateY(-96%); } .area-group-2-3-4 + .area5 .contact { display: grid; width: 100% !important; border: none !important; margin: 0; /* background-color: #CEF0F2; */ position: relative; z-index: 1; } .area-group-2-3-4 + .area5 .contact::before, .area-group-2-3-4 + .area5 .contact::after { content: ""; display: block; position: absolute; z-index: -1; } .area-group-2-3-4 + .area5 .contact::after { border: 4px solid #9CE0E4; background-color: #fff; left: 50%; transform: translateX(-50%); } .area-group-2-3-4 + .area5 .contact_title { display: flex; flex-direction: column; align-items: center; row-gap: 0.4em; margin: 0 auto 1em !important; } .area-group-2-3-4 + .area5 .contact_title::after { width: 218px; content: ""; height: 1em; font-size: 7px; background-image: radial-gradient(circle, #ACE2E2 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, #ACE2E2 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; } .area-group-2-3-4 + .area5 .contact_department { font-size: 18px; } .cms-public .parts.footer_site { width: 100%; } .area-group-2-3-4 .return-top { padding: 20px 10px; background-color: #fff; font-size: 14px; } .area-group-2-3-4 .gmzr_header_parts { display: contents; } .area-group-2-3-4 .contents_inr01 { width: 90vw; margin-left: auto; margin-right: auto; } .area-group-2-3-4 .gmzr_acc_slide { display: none; } @media (min-width: 701px) { .area-group-2-3-4 { /*--------------------------------------------- add ---------------------------------------------*/ display: grid; align-items: flex-start; grid-template-columns: 1fr auto; min-width: 1000px; /*--------------------------------------------- parts ---------------------------------------------*/ } .area-group-2-3-4 .area3, .area-group-2-3-4 .area4 { grid-row: 1/2; } .area-group-2-3-4 .area4 { width: auto !important; } .area-group-2-3-4 .area3 { grid-column: 1/2; display: grid; align-items: flex-start; } .area-group-2-3-4 .area3 div.parts .block > * { grid-column: 1/3; } .area-group-2-3-4 .area3 div.parts .block > .html > * { grid-column: 1/3; } .area-group-2-3-4 .area3:has(+ .area4) { display: block; width: 770px !important; } .area-group-2-3-4 + .area5 { grid-column: 1/3; /* margin: 120px 0 0; */ } .area-group-2-3-4 + .area5 .contact { justify-content: center; -moz-column-gap: 40px; column-gap: 40px; /* padding: 80px max((100vw - 895px) / 2, 5vw) 90px; */ padding: 80px 0 90px 0; margin: 0 auto; } .area-group-2-3-4 + .area5 .contact::after { width: max(800px, 2vw); border-radius: 40px; top: 40px; bottom: 45px; } .area-group-2-3-4 + .area5 .contact_title { grid-column: 1/3; margin-bottom: 35px; font-size: 24px; } .area-group-2-3-4 + .area5 .contact_department { grid-column: 1/2; grid-row: 2/5; display: flex; align-items: center; } .area-group-2-3-4 + .area5 .contact_telephone, .area-group-2-3-4 + .area5 .contact_fax, .area-group-2-3-4 + .area5 .contact_mail { grid-column: 2/3; } .area-group-2-3-4 + .area5 .contact_telephone { grid-row: 2/3; } .area-group-2-3-4 + .area5 .contact_fax { grid-row: 3/4; } .area-group-2-3-4 + .area5 .contact_mail { grid-row: 4/5; } .area-group-2-3-4 .sp_only { display: none !important; } .area-group-2-3-4 .contents_inr01 { max-width: 1080px; min-width: calc(1000px - 40px); } } @media screen and (max-width: 700px) { .area-group-2-3-4 { /*--------------------------------------------- add ---------------------------------------------*/ /*--------------------------------------------- parts ---------------------------------------------*/ } .area-group-2-3-4 .area4 { margin: 60px 0 0; } .area-group-2-3-4 + .area5 .contact { padding: 70px 0 80px; text-align: center; } .area-group-2-3-4 + .area5 .contact::after { width: 90vw; border-radius: 28px; top: 40px; bottom: 40px; } .area-group-2-3-4 + .area5 .contact_title { font-size: 22px; } .area-group-2-3-4 + .area5 .contact_department { margin-bottom: 24px; } .area-group-2-3-4 + .area5 .contact_mail { margin-top: 10px; } .area-group-2-3-4 .pc_only { display: none !important; } } /*-------------------------------------------------- header --------------------------------------------------*/ .gmzr_header { position: absolute; inset: 0 0 0 auto; z-index: 9999; transition: opacity 0.2s; opacity: 0; } .gmzr_header.-show { position: fixed; opacity: 1; } .gmzr_header_menu { height: 100vh; background-color: #427532; position: absolute; inset: 0 0 0 auto; z-index: 1; overflow-y: scroll; visibility: hidden; opacity: 0; transition: 0.2s; } .gmzr_header_menu.-show { visibility: visible; opacity: 1; } .gmzr_header_menu_list { border-top: 2px dotted #fff; } .gmzr_header_menu_list a { opacity: 1; } .gmzr_header_menu_list_item, .gmzr_header_menu_list_udr a { display: flex; align-items: center; line-height: 1.2em; color: #fff; } .gmzr_header_menu_list_item { width: 100%; height: 60px; border-bottom: 2px dotted #fff; font-size: 18px; } .gmzr_header_menu_list_item::after { content: ""; flex: none; width: 8px; margin-left: auto; background-color: #fff; aspect-ratio: 50/74; -webkit-clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); } .gmzr_header_menu_list_item.gmzr_acc_btn::after { aspect-ratio: 1; width: 12px; -webkit-clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%); clip-path: polygon(0 40%, 40% 40%, 40% 0, 60% 0, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0 60%); } .gmzr_header_menu_list_item.gmzr_acc_btn.-active::after { -webkit-clip-path: inset(40% 0 40% 0); clip-path: inset(40% 0 40% 0); } .gmzr_header_menu_list_udr { padding: 10px; } .gmzr_header_menu_list_udr a { -moz-column-gap: 0.5em; column-gap: 0.5em; height: 46px; } .gmzr_header_menu_list_udr a::before { content: "-"; flex: none; } .gmzr_header_btn { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border-radius: 50%; background-color: #427532; position: absolute; top: 10px; z-index: 2; cursor: pointer; } .gmzr_header_btn span { margin: 0 auto; background-color: #fff; border-radius: 2px; font-size: 0; color: transparent; text-indent: -9999px; position: relative; transition: 0.2s; } .gmzr_header_btn span::before, .gmzr_header_btn span::after { content: ""; display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 2px; position: absolute; transition: 0.2s; } .gmzr_header_btn span::before { top: -8px; } .gmzr_header_btn span::after { top: 8px; } .gmzr_header_btn.-active span { background-color: transparent; } .gmzr_header_btn.-active span::before, .gmzr_header_btn.-active span::after { top: 0; } .gmzr_header_btn.-active span::before { transform: rotate(135deg); } .gmzr_header_btn.-active span::after { transform: rotate(-135deg); } @media (min-width: 701px) { .gmzr_header_menu { width: 375px; padding: 100px 20px 20px; } .gmzr_header_btn { width: 76px; height: 76px; right: 18px; } .gmzr_header_btn span { width: 38px; height: 3px; } } @media screen and (max-width: 700px) { .gmzr_header_menu { width: 100vw; padding: 100px 5vw; -webkit-overflow-scrolling: touch; } .gmzr_header_btn { width: 60px; height: 60px; right: 10px; } .gmzr_header_btn span { width: 30px; height: 2px; } } /*-------------------------------------------------- トップページ --------------------------------------------------*/ .-shigapura .gmzr_index_btn { background-color: #E0F5FB; color: #4B9BAF; } .-shigapura .gmzr_index_btn::after { background-color: #70C1D6; } .-foodloss .gmzr_index_btn { background-color: #FFEDDC; color: #DC885D; } .-foodloss .gmzr_index_btn::after { background-color: #EB9C50; } .gmzr_index_btn { display: flex; align-items: center; justify-content: center; width: 290px; max-width: 100%; height: 54px; padding: 0 1.5em; margin: 0 auto; border-radius: 28px; line-height: 1.2em; position: relative; } .gmzr_index_btn::after { content: ""; width: 10px; position: absolute; inset: 50% 0.8em auto auto; transform: translateY(-50%); aspect-ratio: 50/74; -webkit-clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); } .gmzr_index_mv { border-top: solid 5px #00B9EF; } .gmzr_index_mv img { width: 100%; height: auto; } .gmzr_index_intro { position: relative; z-index: 1; } .gmzr_index_intro::before { background: linear-gradient(-90deg, #fff 55%, transparent 55%) #F9F9F9; background-size: 22px 1px; content: ""; display: block; width: 100%; position: absolute; inset: 50% 0 0; z-index: -1; } .gmzr_index_intro_box { display: grid; background-color: #FFFCE8; z-index: 1; } .gmzr_index_intro_box_ttl { display: flex; flex-direction: column; align-items: center; row-gap: 0.4em; } .gmzr_index_intro_box_ttl::after { width: 5em; content: ""; height: 1em; font-size: 0.4em; background-image: radial-gradient(circle, #BBE3A7 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, #BBE3A7 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; } .gmzr_index_intro_box_desc { line-height: 2em; } .gmzr_index_main { background: linear-gradient(-90deg, #fff 55%, transparent 55%) #F9F9F9; background-size: 22px 1px; } .gmzr_index_main_sec_ttl { text-align: center; } .gmzr_index_main_sec_inr { border-width: 4px; border-style: solid; background-color: #fff; } .gmzr_index_main_sec_inr_ttl, .gmzr_index_main_sec_inr_desc { text-align: center; } .gmzr_index_main_sec_inr_menu { display: flex; justify-content: center; gap: 10px 20px; margin: 30px 0; } .gmzr_index_main_sec_inr_menu_btn { display: flex; align-items: center; color: #fff; } .gmzr_index_main_sec_inr_menu_btn::after { content: ""; flex: none; width: 12px; margin-left: auto; background-color: #fff; aspect-ratio: 50/74; -webkit-clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); } .gmzr_index_main_sec_inr_menu_btn_img { flex: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; } .gmzr_index_main_sec_inr_menu_btn_img img { width: auto; } .gmzr_index_main_sec_inr_link { padding-top: 30px; position: relative; z-index: 1; } .gmzr_index_main_sec_inr_link::before { content: ""; height: 1em; font-size: 6px; background-image: radial-gradient(circle, #ddd 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, #ddd 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; position: absolute; inset: 0 auto auto 50%; z-index: -1; transform: translate(-50%, -50%); } .gmzr_index_main_sec.-shigapura .gmzr_index_main_sec_inr { border-color: #ACE2E2; } .gmzr_index_main_sec.-shigapura .gmzr_index_main_sec_inr_ttl { color: #4B9BAF; } .gmzr_index_main_sec.-shigapura .gmzr_index_main_sec_inr_ttl em { color: #46C6D9; } .gmzr_index_main_sec.-shigapura .gmzr_index_main_sec_inr_menu_btn { background-color: #70C1D6; } .gmzr_index_main_sec.-shigapura .gmzr_index_main_sec_inr .gmzr_index_btn { background-color: #E0F5FB; color: #4B9BAF; } .gmzr_index_main_sec.-shigapura .gmzr_index_main_sec_inr .gmzr_index_btn::after { background-color: #70C1D6; } .gmzr_index_main_sec.-foodloss .gmzr_index_main_sec_inr { border-color: #FFCE9F; } .gmzr_index_main_sec.-foodloss .gmzr_index_main_sec_inr_ttl { color: #DC885D; } .gmzr_index_main_sec.-foodloss .gmzr_index_main_sec_inr_ttl em { color: #FFAC2E; } .gmzr_index_main_sec.-foodloss .gmzr_index_main_sec_inr_menu_btn { background-color: #F1B173; } .gmzr_index_main_sec.-foodloss .gmzr_index_main_sec_inr .gmzr_index_btn { background-color: #FFEDDC; color: #DC885D; } .gmzr_index_main_sec.-foodloss .gmzr_index_main_sec_inr .gmzr_index_btn::after { background-color: #EB9C50; } .gmzr_index_other { margin-left: auto; margin-right: auto; } .gmzr_index_other_ttl, .gmzr_index_other_desc { text-align: center; } .gmzr_index_other_desc { margin-bottom: 30px; } .gmzr_index_other_link { padding-top: 30px; position: relative; z-index: 1; } .gmzr_index_other_link::before { content: ""; height: 1em; font-size: 6px; background-image: radial-gradient(circle, #ddd 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, #ddd 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; position: absolute; inset: 0 auto auto 50%; z-index: -1; transform: translate(-50%, -50%); } .gmzr_index_other_link .gmzr_index_btn { background-color: #E0F9D3; color: #599225; } .gmzr_index_other_link .gmzr_index_btn::after { background-color: #A3CB64; } .gmzr_index_kids { background-color: #FDF5BA; } .gmzr_index_kids_inr { display: grid; margin-left: auto; margin-right: auto; background-color: #fff; position: relative; } .gmzr_index_kids_inr_ttl { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .gmzr_index_kids_inr_ttl::after { content: ""; height: 1em; font-size: 7px; background-image: radial-gradient(circle, #FFCE9F 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, #FFCE9F 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; position: absolute; inset: 50% auto auto 50%; z-index: -1; transform: translate(-50%, -50%); } .gmzr_index_kids_inr_ttl_img { display: inline-flex; align-items: center; background-color: #fff; } .gmzr_index_kids_inr_main_ttl { margin-bottom: 18px; text-align: center; } .gmzr_index_kids_inr_main_menu { display: grid; row-gap: 10px; } .gmzr_index_kids_inr_main_menu::after { display: none; } .gmzr_index_kids_inr_main.-shigapura .gmzr_index_kids_inr_main_ttl { color: #4B9BAF; } .gmzr_index_kids_inr_main.-foodloss .gmzr_index_kids_inr_main_ttl { color: #DC885D; } .gmzr_index_kids_inr_link .gmzr_index_btn { background-color: #FDF5BA; color: #F17373; } .gmzr_index_kids_inr_link .gmzr_index_btn::after { background-color: #EB9C50; } .gmzr_index_kids_inr_picture { position: absolute; z-index: 1; } .gmzr_index_list_notice .list .list_block_title { display: block; padding-bottom: 0.8em; margin-bottom: 0.6em; text-align: center; position: relative; z-index: 1; } .gmzr_index_list_notice .list .list_block_title::after { content: ""; height: 1em; font-size: 7px; background-image: radial-gradient(circle, #F6B0B0 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, #F6B0B0 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; position: absolute; inset: auto auto 0 50%; z-index: -1; transform: translateX(-50%); } .gmzr_index_list_notice .list .list-style-table > li { display: flex; padding: 20px 0; border-bottom: 1px solid #ddd; word-wrap: break-word; } .gmzr_index_list_notice .list .list-style-table > li .first { color: #A5A4A3; } .gmzr_index_list_notice .list .list-style-table > li .second { margin-left: 0 !important; } .gmzr_index_list_notice .list .list-style-table > li .second a { display: block; margin-left: 0 !important; color: inherit !important; } .gmzr_index_list_new .title-list { border: none !important; } .gmzr_index_list_new .title-list .index { padding-bottom: 0.8em; margin-bottom: 0.6em; text-align: center; position: relative; z-index: 1; } .gmzr_index_list_new .title-list .index::after { content: ""; height: 1em; font-size: 7px; background-image: radial-gradient(circle, #BBE3A7 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, #BBE3A7 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; position: absolute; inset: auto auto 0 50%; z-index: -1; transform: translateX(-50%); } .gmzr_index_list_new .title-list .tab ul > li { display: flex; margin: 0 !important; padding: 20px 0 !important; border-bottom: 1px solid #ddd !important; background: none !important; word-wrap: break-word; } .gmzr_index_list_new .title-list .tab ul > li * { position: static !important; } .gmzr_index_list_new .title-list .tab ul > li time { padding-left: 0 !important; color: #A5A4A3; } .gmzr_index_list_new .title-list .tab ul > li span { display: contents; } .gmzr_index_list_new .title-list .tab ul > li a { display: block; margin-left: 0 !important; } .gmzr_index_bnr_list { display: grid; } .gmzr_index_bnr_list img { width: 100%; height: auto; } .gmzr_index_bnr_list::after { display: none; } @media (min-width: 701px) { .gmzr_index_mv { margin-bottom: 70px; } .gmzr_index_intro_box { justify-content: center; gap: 40px 30px; padding: 70px min(5vw, 150px) 90px; border-radius: min(10vw, 150px); } .gmzr_index_intro_box_ttl, .gmzr_index_intro_box_desc { grid-column: 1/2; } .gmzr_index_intro_box_ttl { grid-row: 1/2; font-size: 36px; margin-top: auto; } .gmzr_index_intro_box_desc { grid-row: 2/3; width: 540px; margin-bottom: auto; } .gmzr_index_intro_box_picture { grid-column: 2/3; grid-row: 1/3; } .gmzr_index_main { padding-bottom: 85px; margin-bottom: 70px; } .gmzr_index_main_sec { padding-top: 50px; } .gmzr_index_main_sec_ttl { margin-bottom: 30px; } .gmzr_index_main_sec_inr { padding: 50px 40px; border-radius: 40px; } .gmzr_index_main_sec_inr_ttl { margin-bottom: 20px; font-size: 28px; } .gmzr_index_main_sec_inr_menu { align-items: center; } .gmzr_index_main_sec_inr_menu_btn { -moz-column-gap: 20px; column-gap: 20px; width: 389px; height: 118px; padding: 17px; border-radius: 26px; font-size: 20px; } .gmzr_index_main_sec_inr_menu_btn_img { width: 84px; height: 84px; } .gmzr_index_main_sec_inr_menu_btn_img img { height: 53px !important; } .gmzr_index_main_sec_inr_link::before { width: 940px; } .gmzr_index_other { width: 600px; margin-bottom: 70px; } .gmzr_index_other_ttl { margin-bottom: 50px; } .gmzr_index_other_link::before { width: 600px; } .gmzr_index_kids { padding: 50px 0 50px 60px; margin-bottom: 80px; } .gmzr_index_kids_inr { justify-content: space-between; gap: 35px 20px; width: clamp(1000px - 60px - 40px, 96vw - 60px, 1080px - 60px - 50px); padding: 50px 140px; border-radius: 84px; } .gmzr_index_kids_inr_ttl { grid-column: 1/3; row-gap: 1/2; } .gmzr_index_kids_inr_ttl::after { width: 694px; } .gmzr_index_kids_inr_ttl_img { padding: 0 30px; } .gmzr_index_kids_inr_main { grid-row: 2/3; } .gmzr_index_kids_inr_main_ttl { font-size: 20px; } .gmzr_index_kids_inr_main.-shigapura { grid-column: 1/2; } .gmzr_index_kids_inr_main.-foodloss { grid-column: 2/3; } .gmzr_index_kids_inr_link { align-self: center; grid-column: 1/3; } .gmzr_index_kids_inr_picture { inset: 50% auto auto -60px; transform: translateY(-50%); } .gmzr_index_list_notice { grid-row: 3/4; grid-column: 1/2; } .gmzr_index_list_notice .list { width: clamp(1000px / 2, 45vw, 1080px / 2); margin: 0 0 0 auto; padding: 0 20px 0 10px; } .gmzr_index_list_notice .list .list_block_title { font-size: 28px !important; } .gmzr_index_list_notice .list .list_block_title::after { width: 498px; } .gmzr_index_list_notice .list .list-style-table > li { align-items: center; } .gmzr_index_list_notice .list .list-style-table > li .first { flex: none; } .gmzr_index_list_new { grid-row: 3/4; grid-column: 2/3; } .gmzr_index_list_new .title-list { width: clamp(1000px / 2, 45vw, 1080px / 2); margin: 0 auto 0 0; padding: 0 10px 0 20px; } .gmzr_index_list_new .title-list .index { font-size: 28px; } .gmzr_index_list_new .title-list .index::after { width: 498px; } .gmzr_index_list_new .title-list .tab ul > li { align-items: center; } .gmzr_index_list_new .title-list .tab ul > li time { flex: none; width: 140px; } .gmzr_index_bnr { margin-top: 80px; } .gmzr_index_bnr_list { grid-template-columns: repeat(3, 1fr); -moz-column-gap: 12px; column-gap: 12px; } } @media screen and (max-width: 700px) { .gmzr_index_mv { margin-bottom: 30px; } .gmzr_index_intro_box { row-gap: 24px; padding: 60px 5vw 50px; border-radius: 74px; } .gmzr_index_intro_box_ttl { font-size: 22px; } .gmzr_index_intro_box_ttl::after { font-size: 12px; } .gmzr_index_intro_box_picture { justify-self: center; } .gmzr_index_main { padding-bottom: 55px; margin-bottom: 40px; } .gmzr_index_main_sec { padding-top: 40px; } .gmzr_index_main_sec_ttl { margin-bottom: 20px; } .gmzr_index_main_sec_inr { padding: 40px 20px 45px; border-radius: 32px; } .gmzr_index_main_sec_inr_ttl { margin-bottom: 1em; font-size: 24px; } .gmzr_index_main_sec_inr_ttl em { display: block; } .gmzr_index_main_sec_inr_menu { flex-direction: column; } .gmzr_index_main_sec_inr_menu_btn { -moz-column-gap: 14px; column-gap: 14px; width: 100%; height: 86px; padding: 12px; border-radius: 20px; font-size: 16px; } .gmzr_index_main_sec_inr_menu_btn_img { width: 62px; height: 62px; } .gmzr_index_main_sec_inr_menu_btn_img img { height: 38px !important; } .gmzr_index_main_sec_inr_link::before { width: 290px; } .gmzr_index_other { width: 90vw; margin-bottom: 50px; } .gmzr_index_other_ttl { margin-bottom: 30px; } .gmzr_index_other_link::before { width: 342px; } .gmzr_index_kids { padding: 30px 0; margin-bottom: 40px; } .gmzr_index_kids_inr { row-gap: 38px; width: 90vw; padding: 50px 24px; border-radius: 32px; } .gmzr_index_kids_inr_ttl::after { width: 288px; } .gmzr_index_kids_inr_ttl_img { padding: 0 15px; } .gmzr_index_kids_inr_ttl_img img { width: 156px; } .gmzr_index_kids_inr_main_ttl { font-size: 18px; } .gmzr_index_kids_inr_picture { inset: -60px auto auto -4.5vw; } .gmzr_index_kids_inr_picture img { width: 90px; } .gmzr_index_list_notice .list { padding: 0 5vw; } .gmzr_index_list_notice .list .list_block_title { font-size: 20px !important; } .gmzr_index_list_notice .list .list_block_title::after { width: 330px; } .gmzr_index_list_notice .list .list-style-table > li { flex-direction: column; } .gmzr_index_list_new { margin-top: 40px; } .gmzr_index_list_new .title-list { padding: 0 5vw; } .gmzr_index_list_new .title-list .index { font-size: 20px; } .gmzr_index_list_new .title-list .index::after { width: 330px; } .gmzr_index_list_new .title-list .tab ul > li { flex-direction: column; } .gmzr_index_bnr { margin-top: 45px; } .gmzr_index_bnr_list { row-gap: 20px; } } /*-------------------------------------------------- 下層ブロック --------------------------------------------------*/ .gmzr_subpage_head_ttl { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 0.2em; height: 100%; border-top: solid 5px #00B9EF; background: linear-gradient(-90deg, #fff 55%, transparent 55%) #F9F9F9; background-size: 22px 1px; } .gmzr_subpage_head_ttl_txt { margin: 0; font-weight: bold; color: #4B4948; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; } .gmzr_subpage_head_ttl::after { content: ""; height: 1em; font-size: 12.5px; background-image: radial-gradient(circle, var(--primarylight-color, #BBE3A7) 40%, rgba(255, 255, 255, 0) 46%), radial-gradient(circle, var(--primarylight-color, #BBE3A7) 40%, rgba(255, 255, 255, 0) 46%); background-size: 2em 1em; background-position: -0.5em 0, 1.5em 0; width: 9em; } .gmzr_subpage_category { text-align: center; font-weight: bold; line-height: 1.4em; color: var(--primary-color, #427532); } @media (min-width: 701px) { .gmzr_subpage_head { height: 156px; font-size: 32px; position: relative; } .gmzr_subpage_head_ttl { width: calc(100vw - 20px); min-width: 1000px; position: absolute; inset: 0 auto 0 50%; transform: translateX(-50%); } .gmzr_subpage_category { font-size: 20px; } .gmzr_subpage_side { width: clamp(calc(1000px - 770px - 30px), calc(100vw - 770px - 45px), 280px) !important; margin-left: 30px; } .gmzr_subpage_side ul { border-radius: 28px; overflow: hidden; } .gmzr_subpage_side ul > li > a { display: flex; align-items: center; -moz-column-gap: 0.68em; column-gap: 0.68em; min-height: 4.4em; padding: 1.4em 1.2em; background-color: #fff; color: #434343; font-size: 18px; position: relative; outline-offset: -2px; } .gmzr_subpage_side ul > li > a::before { content: ""; flex: none; width: 9px; background-color: var(--primary-color, #A3CB64); aspect-ratio: 50/74; -webkit-clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); } .gmzr_subpage_side ul > li > a::after { content: ""; display: inline-block; border-bottom: 4px dotted #C7C7C7; position: absolute; inset: auto 1em 0; z-index: 1; transform: translateY(50%); pointer-events: none; } .gmzr_subpage_side ul > li > a:hover { opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gmzr_subpage_side ul > li > a.-current, .gmzr_subpage_side ul > li > a:hover { background-color: var(--primary-color, #427532); color: #fff; z-index: 2; } .gmzr_subpage_side ul > li > a.-current::before, .gmzr_subpage_side ul > li > a:hover::before { background-color: #fff; } .gmzr_subpage_side ul > li > a.-current::after, .gmzr_subpage_side ul > li > a:hover::after { display: none; } .gmzr_subpage_side ul > li:last-child > a::after { display: none; } } @media screen and (max-width: 700px) { .gmzr_subpage_head { height: 110px; font-size: 24px; } .gmzr_subpage_side { display: none; } } /*-------------------------------------------------- 下層コンテンツ（2カラム） --------------------------------------------------*/ .area-group-2-3-4 .area3:has(+ .area4) { background-color: #fff; border-radius: 14px; overflow: hidden; z-index: 1; } .area-group-2-3-4 .area3:has(+ .area4) div.parts, .area-group-2-3-4 .area3:has(+ .area4) div.parts .block { display: block !important; } .area-group-2-3-4 .area3:has(+ .area4) a { text-decoration: underline; } .area-group-2-3-4 .area3:has(+ .area4) h1, .area-group-2-3-4 .area3:has(+ .area4) h2, .area-group-2-3-4 .area3:has(+ .area4) h3, .area-group-2-3-4 .area3:has(+ .area4) h4, .area-group-2-3-4 .area3:has(+ .area4) h5, .area-group-2-3-4 .area3:has(+ .area4) h6 { margin-left: 0 !important; margin-right: 0 !important; } .area-group-2-3-4 .area3:has(+ .area4) h2, .area-group-2-3-4 .area3:has(+ .area4) h3, .area-group-2-3-4 .area3:has(+ .area4) h4, .area-group-2-3-4 .area3:has(+ .area4) h5, .area-group-2-3-4 .area3:has(+ .area4) h6 { margin-top: 0 !important; } .area-group-2-3-4 .area3:has(+ .area4) .heading time { line-height: 1em; bottom: -1.5em !important; } .area-group-2-3-4 .area3:has(+ .area4) .heading h1 { display: flex; align-items: center; justify-content: center; min-height: 3.2em; padding: 0.5em !important; margin-bottom: 35px !important; border-radius: 2em; border: 3px solid var(--primary-color, #427532) !important; background: #fff; color: #4B4948; } .area-group-2-3-4 .area3:has(+ .area4) .heading h2 { margin-bottom: 25px !important; padding: 0.8em !important; border: none !important; border-radius: 6px; line-height: 1.2em; background-color: var(--primary-color, #427532) !important; color: #fff; } .area-group-2-3-4 .area3:has(+ .area4) .heading h3 { margin-bottom: 20px !important; padding: 0.5em 0; border-left: none; border-right: none; border-top: 4px dotted #C7C7C7; border-bottom: 4px dotted #C7C7C7; background: none; color: #644600; } .area-group-2-3-4 .area3:has(+ .area4) .heading h4, .area-group-2-3-4 .area3:has(+ .area4) .heading h5, .area-group-2-3-4 .area3:has(+ .area4) .heading h6 { margin-bottom: 15px !important; border: none; } .area-group-2-3-4 .area3:has(+ .area4) .heading h4 { padding: 0; color: #4B4948; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-text-decoration-color: var(--primarylight-color, #BBE3A7); text-decoration-color: var(--primarylight-color, #BBE3A7); text-decoration-thickness: 0.5em; text-underline-offset: -0.15em; } .area-group-2-3-4 .area3:has(+ .area4) .heading h5 { padding: 0 0 0 1.25em; background: none; font-size: 18px; color: #644600; } .area-group-2-3-4 .area3:has(+ .area4) .heading h5::after { width: 0.6em; height: 0.6em; background-color: var(--primary-color, #427532); margin-left: 0.2em; top: 0.35em; } .area-group-2-3-4 .area3:has(+ .area4) .heading h6 { padding: 0 0 0 1em; color: #644600; position: relative; } .area-group-2-3-4 .area3:has(+ .area4) .heading h6::before { content: ""; width: 0.5em; height: 3px; background-color: var(--primary-color, #427532); position: absolute; inset: 0.65em auto auto 0; } .area-group-2-3-4 .area3:has(+ .area4) .image_listitem, .area-group-2-3-4 .area3:has(+ .area4) .sentence, .area-group-2-3-4 .area3:has(+ .area4) .attach, .area-group-2-3-4 .area3:has(+ .area4) .list, .area-group-2-3-4 .area3:has(+ .area4) .table { margin-bottom: 30px; } .area-group-2-3-4 .area3:has(+ .area4) .image_listitem figcaption { margin-top: 0.5em; font-size: 90%; } .area-group-2-3-4 .area3:has(+ .area4) .sentence u { text-decoration: underline; } .area-group-2-3-4 .area3:has(+ .area4) .sentence em { font-style: italic; } .area-group-2-3-4 .area3:has(+ .area4) .sentence p { color: #4B4948; } .area-group-2-3-4 .area3:has(+ .area4) .sentence li { padding: 0 0 0 24px; position: relative; } .area-group-2-3-4 .area3:has(+ .area4) .sentence li::before { position: absolute; inset: 0 auto auto 0; } .area-group-2-3-4 .area3:has(+ .area4) .sentence ul li::before { content: "●"; color: var(--primarylight-color, #BBE3A7); } .area-group-2-3-4 .area3:has(+ .area4) .sentence ol { counter-reset: number 0; } .area-group-2-3-4 .area3:has(+ .area4) .sentence ol li::before { counter-increment: number 1; content: counter(number, decimal-leading-zero); color: var(--primary-color, #427532); } .area-group-2-3-4 .area3:has(+ .area4) .attach li ~ li, .area-group-2-3-4 .area3:has(+ .area4) .list li ~ li { margin-top: 10px; } .area-group-2-3-4 .area3:has(+ .area4) .list li { padding: 0 0 0 24px !important; margin: 0 !important; background: none; text-indent: 0; list-style: none; position: relative; } .area-group-2-3-4 .area3:has(+ .area4) .list li::before { position: absolute; inset: 0 auto auto 0; } .area-group-2-3-4 .area3:has(+ .area4) .list li a { display: flex !important; align-items: center; -moz-column-gap: 0.5em; column-gap: 0.5em; width: calc(100% + 25px); min-height: 4.5em; padding: 1.4em 0 !important; margin-left: -25px; border-radius: unset !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #ddd !important; background: #fff !important; color: #434343; font-size: 16px !important; text-decoration: none; position: relative; z-index: 1; } .area-group-2-3-4 .area3:has(+ .area4) .list li a::before { content: ""; flex: none; width: 8px; background-color: var(--primary-color, #427532); aspect-ratio: 50/74; -webkit-clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 85%, 50% 50%, 0 15%); } .area-group-2-3-4 .area3:has(+ .area4) .list li a:hover { color: rgba(67, 67, 67, 0.8); opacity: 1; } .area-group-2-3-4 .area3:has(+ .area4) .list ul li::before { content: "●"; color: var(--primarylight-color, #BBE3A7); } .area-group-2-3-4 .area3:has(+ .area4) .list ol { counter-reset: number 0; } .area-group-2-3-4 .area3:has(+ .area4) .list ol li::before { counter-increment: number 1; content: counter(number, decimal-leading-zero); color: var(--primary-color, #427532); } .area-group-2-3-4 .area3:has(+ .area4) .list ol.list-style-parenthesized li::before { content: counter(number, parenthesized-decimal); } .area-group-2-3-4 .area3:has(+ .area4) .list ol.list-style-lower-latin li::before { content: counter(number, lower-alpha); } .area-group-2-3-4 .area3:has(+ .area4) .list ol.list-style-upper-latin li::before { content: counter(number, upper-latin); } .area-group-2-3-4 .area3:has(+ .area4) .list ol.list-style-lower-roman li::before { content: counter(number, lower-roman); } .area-group-2-3-4 .area3:has(+ .area4) .list ol.list-style-upper-roman li::before { content: counter(number, upper-roman); } .area-group-2-3-4 .area3:has(+ .area4) .list dl dd { font-size: 0.95em; } .area-group-2-3-4 .area3:has(+ .area4) .table caption { font-size: 16px; } .area-group-2-3-4 .area3:has(+ .area4) .table caption span { margin-bottom: 0.5em; } .area-group-2-3-4 .area3:has(+ .area4) .table caption pre { margin: 0; font-size: 0.95em; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; } .area-group-2-3-4 .area3:has(+ .area4) .table table th, .area-group-2-3-4 .area3:has(+ .area4) .table table td { padding: 1em; border: 1px solid #ddd; font-weight: bold; } .area-group-2-3-4 .area3:has(+ .area4) .table table th { background-color: var(--primarylight-color, #BBE3A7); color: #434343; } .area-group-2-3-4 .area3:has(+ .area4) .plugindownload { display: block; clear: both; float: none; } .area-group-2-3-4 .area3:has(+ .area4) .contact, .area-group-2-3-4 .area3:has(+ .area4) .return-top { display: none !important; } .area-group-2-3-4 .area3:has(+ .area4) .-shigapura { --primary-color: #70C1D6; --primarylight-color: #ACE2E2; } .area-group-2-3-4 .area3:has(+ .area4) .-foodloss { --primary-color: #F1B173; --primarylight-color: #FFCE9F; } @media (min-width: 701px) { .area-group-2-3-4 .area3:has(+ .area4) { margin: 40px 0 0 auto; padding: 30px 25px 40px; } .area-group-2-3-4 .area3:has(+ .area4) div.parts, .area-group-2-3-4 .area3:has(+ .area4) div.parts .block { float: left !important; } .area-group-2-3-4 .area3:has(+ .area4) div.parts .note, .area-group-2-3-4 .area3:has(+ .area4) div.parts .html, .area-group-2-3-4 .area3:has(+ .area4) div.parts .div_tag { display: block !important; } .area-group-2-3-4 .area3:has(+ .area4) div.parts + *:not([class="parts "]) { clear: both; } .area-group-2-3-4 .area3:has(+ .area4) .heading h1 { font-size: 28px; } .area-group-2-3-4 .area3:has(+ .area4) .heading h2 { font-size: 24px; } .area-group-2-3-4 .area3:has(+ .area4) .heading h3, .area-group-2-3-4 .area3:has(+ .area4) .heading h4 { font-size: 20px; } .area-group-2-3-4 .area3:has(+ .area4) .heading h5, .area-group-2-3-4 .area3:has(+ .area4) .heading h6 { font-size: 18px; } .area-group-2-3-4 .area4 { grid-column: 2/3; padding-right: calc((100vw - 1080px) / 2); margin: 40px 0 0; } } @media screen and (max-width: 700px) { .area-group-2-3-4 .area3:has(+ .area4) { margin: 30px 0 0; padding: 25px 15px 30px; } .area-group-2-3-4 .area3:has(+ .area4) div.parts .block { width: 100% !important; } .area-group-2-3-4 .area3:has(+ .area4) .heading h1 { font-size: 22px; } .area-group-2-3-4 .area3:has(+ .area4) .heading h2 { font-size: 20px; } .area-group-2-3-4 .area3:has(+ .area4) .heading h3, .area-group-2-3-4 .area3:has(+ .area4) .heading h4 { font-size: 18px; } .area-group-2-3-4 .area3:has(+ .area4) .heading h5, .area-group-2-3-4 .area3:has(+ .area4) .heading h6 { font-size: 16px; } .area-group-2-3-4 .area3:has(+ .area4) .table { margin-left: 0; margin-right: 0; } .area-group-2-3-4 .area3:has(+ .area4) .table:has(th:nth-child(5)) { overflow-x: scroll; box-shadow: -15px 0 15px -20px #434343 inset; } .area-group-2-3-4 .area3:has(+ .area4) .table:has(th:nth-child(5)) table { width: 700px !important; } } /*-------------------------------------------------- Global (variable, mixin, function) --------------------------------------------------*/ /*-------------------------------------------------- Layout --------------------------------------------------*/ /*# sourceMappingURL=gomizero.css.map */