(cache)枝幸町 ESASHI TOWN

"); background-repeat: no-repeat; background-size: 13px; background-position: center center; } @media only screen and (max-width: 1200px) { #main { padding-top: 45px; } } #footer { margin-top: 100px; } #footer .footer_bg { height: 780px; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } #footer.non_top .footer_bg { height: 750px; } .footer_info.bg_white { height: 575px; position: absolute; top: -40px; left: 50%; border-radius: 15px; transform: translate(-50%, 0px); box-shadow: rgb(48, 48, 48) 0px 6px 10px 1px; } #footer.non_top .footer_info.bg_white { height: 530px; } .footer_info .footer_inner { padding: 40px 110px 0px; } #footer .footer_info .footer_inner .info { margin-top: 40px; } #footer .footer_info .footer_inner .info .population p { display: inline; margin-right: 1rem; } #footer .footer_info ul.btn_list { margin-top: 20px; } #footer .footer_info ul.btn_list li { width: 175px; } #footer .footer_info ul.btn_list li .btn svg { width: 20px; height: 20px; fill: rgb(255, 255, 255); margin-right: 10px; } #footer .footer_info ul.footer_links { margin-top: 20px; padding-left: 0px; font-size: var(--14px); font-weight: bold; } #footer .footer_info ul.footer_links li { display: inline-block; list-style: none; } #footer .footer_info ul.footer_links li::after { content: ""; display: inline-block; width: auto; height: 12px; margin: 0px 9px 0px 11px; border-right: 1px solid rgb(212, 212, 212); } #footer .footer_info ul.footer_links li:last-child::after { content: none; } #footer .footer_info .footer_inquiry { margin-top: 20px; } #footer .footer_info .btn.btn_blue { padding: 10px 20px; } #footer .copyright { width: 100%; color: rgb(255, 255, 255); text-align: center; font-size: var(--12px); background-color: rgba(0, 0, 0, 0.3); padding: 10px 0px; position: absolute; bottom: 0px; left: 0px; } #footer .sidebtn { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; align-items: center; z-index: 98; } #footer .sidebtn .pagetop_btn { margin-top: 30px; } #footer .sidebtn a img:hover { opacity: 0.6; transform: scale(1); } @media only screen and (max-width: 1200px) { .footer_info .footer_inner { padding: 40px 90px 0px; } .footer_info.bg_white { height: 730px; } #footer.non_top .footer_bg { height: 720px; } #footer.non_top .footer_info.bg_white { height: 650px; } #footer .footer_bg { background-image: url(""); } } @media print, screen and (max-width: 768px) { #footer { margin-top: 100px; } #footer .footer_bg { height: 800px; } #footer.non_top .footer_bg { height: 700px; } .footer_info.bg_white { height: 750px; } #footer.non_top .footer_info.bg_white { height: 580px; } .footer_info .footer_inner { padding: 20px; } #footer .footer_info .footer_inner .info { margin-top: 25px; } #footer .footer_info .footer_inner .info .population p { display: block; margin-right: 0px; } #footer .footer_info ul.btn_list { margin-top: 15px; } #footer .footer_info ul.btn_list li { width: calc(50% - 0.4rem); font-size: var(--12px); margin: 0px 0.2rem; } #footer .footer_info ul.btn_list li .btn { padding: 8px; margin: 0.2rem 0px; } #footer .footer_info ul.btn_list li .btn svg { width: 18px; height: 18px; margin-right: 4px; } #footer .footer_info ul.footer_links { font-size: var(--12px); } #footer .footer_info ul.footer_links li { margin-bottom: 5px; } #footer .footer_info .footer_inquiry { font-size: var(--12px); } #footer .sidebtn { bottom: 15px; right: 5px; } #footer .sidebtn img { width: 45px; height: auto; } #footer .sidebtn .pagetop_btn { margin-top: 20px; } } #footer_usually { margin-top: 100px; } #footer_usually .footer_bg { height: 780px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } #footer_usually.non_top .footer_bg { height: 600px; } .footer_info.bg_white { height: 575px; position: absolute; top: -40px; left: 50%; border-radius: 15px; transform: translate(-50%, 0px); box-shadow: rgb(176, 176, 176) 0px 6px 10px 1px; } #footer_usually.non_top .footer_info.bg_white { height: 530px; } .footer_info .footer_inner { padding: 40px 110px 0px; } #footer_usually .footer_info .footer_inner .info { margin-top: 40px; } #footer_usually .footer_info .footer_inner .info .population p { display: inline; margin-right: 1rem; } #footer_usually .footer_info ul.btn_list { margin-top: 20px; } #footer_usually .footer_info ul.btn_list li { width: 175px; } #footer_usually .footer_info ul.btn_list li .btn svg { width: 20px; height: 20px; fill: rgb(255, 255, 255); margin-right: 10px; } #footer_usually .footer_info ul.footer_links { margin-top: 20px; padding-left: 0px; font-size: var(--14px); font-weight: bold; } #footer_usually .footer_info ul.footer_links li { display: inline-block; list-style: none; } #footer_usually .footer_info ul.footer_links li::after { content: ""; display: inline-block; width: auto; height: 12px; margin: 0px 9px 0px 11px; border-right: 1px solid rgb(212, 212, 212); } #footer_usually .footer_info ul.footer_links li:last-child::after { content: none; } #footer_usually .footer_info .footer_inquiry { margin-top: 20px; } #footer_usually .footer_info .btn.btn_blue { padding: 10px 20px; } #footer_usually .copyright { width: 100%; color: rgb(255, 255, 255); text-align: center; font-size: var(--12px); background-color: rgba(0, 0, 0, 0.6); padding: 10px 0px; position: absolute; bottom: 0px; left: 0px; } #footer_usually .sidebtn { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; align-items: center; z-index: 98; } #footer_usually .sidebtn .pagetop_btn { margin-top: 30px; } #footer_usually .sidebtn a img:hover { opacity: 0.6; transform: scale(1); } @media only screen and (max-width: 1200px) { .footer_info .footer_inner { padding: 40px 90px 0px; } .footer_info.bg_white { height: 730px; } #footer_usually.non_top .footer_bg { height: 720px; } #footer_usually.non_top .footer_info.bg_white { height: 650px; } #footer_usually .footer_bg { } } @media print, screen and (max-width: 768px) { #footer_usually { margin-top: 100px; } #footer_usually .footer_bg { height: 800px; } #footer_usually.non_top .footer_bg { height: 700px; } .footer_info.bg_white { height: 750px; } #footer_usually.non_top .footer_info.bg_white { height: 580px; } .footer_info .footer_inner { padding: 20px; } #footer_usually .footer_info .footer_inner .info { margin-top: 25px; } #footer_usually .footer_info .footer_inner .info .population p { display: block; margin-right: 0px; } #footer_usually .footer_info ul.btn_list { margin-top: 15px; } #footer_usually .footer_info ul.btn_list li { width: calc(50% - 0.4rem); font-size: var(--12px); margin: 0px 0.2rem; } #footer_usually .footer_info ul.btn_list li .btn { padding: 8px; margin: 0.2rem 0px; } #footer_usually .footer_info ul.btn_list li .btn svg { width: 18px; height: 18px; margin-right: 4px; } #footer_usually .footer_info ul.footer_links { font-size: var(--12px); } #footer_usually .footer_info ul.footer_links li { margin-bottom: 5px; } #footer_usually .footer_info .footer_inquiry { font-size: var(--12px); } #footer_usually .sidebtn { bottom: 15px; right: 5px; } #footer_usually .sidebtn img { width: 45px; height: auto; } #footer_usually .sidebtn .pagetop_btn { margin-top: 20px; } } .tsujyo { font-weight: bold; } .digitalbook a { display: inline-block; color: rgb(255, 255, 255); text-decoration: none; padding: 0.5rem 1rem 0.5rem 2.5rem; background: url("") 10px 0.7rem no-repeat rgb(0, 101, 179); font-weight: 700; } .dl { margin: 1rem 0px; text-align: center; } .dl a { display: inline-block; color: rgb(255, 255, 255); text-decoration: none; padding: 0.5rem 1rem 0.5rem 2.5rem; background: url("") 10px 0.6rem no-repeat rgb(0, 101, 179); font-weight: 700; } .digitalbook_ico { background: rgb(55, 55, 55); padding: 0px 5px; margin: 0px 10px; color: rgb(255, 255, 255); font-size: 80%; } .digitalbook { margin: 1rem 0px; text-align: center; } .digitalbook_sp { display: none; } .koho_box { display: block; } .koho_image { display: block; text-align: center; margin: 0px auto 20px; } .koho_image img { margin-bottom: 10px; } .koho_box ul { display: table; vertical-align: top; width: 100%; } .koho_box ul li { display: table; width: 100%; border-bottom: 1px solid rgb(201, 201, 201); padding: 10px 0px; } .koho_box ul li:first-child { border-top: 1px solid rgb(201, 201, 201); } .koho_page, .koho_txt, .koho_download { display: table-cell; padding: 10px 5px; } .koho_page { } .koho_txt { width: 95%; } .koho_download { width: 26%; vertical-align: middle; font-size: 90%; } .koho_download a { color: rgb(255, 255, 255); text-decoration: none; padding: 5px 10px 5px 25px; background: url("") 10px 0.9em no-repeat rgb(55, 55, 55); vertical-align: middle; } @media only print { html { -webkit-print-color-adjust: exact; } #main ul li, #main table td, #main table th, #linksSlider { break-inside: avoid; } #header, #footer .sidebtn, .menu_btn { position: absolute; } #header .logo img { width: 120px; } #gnavi_pc .inner ul li { margin-right: 1rem; } #gnavi_pc .inner, #gnavi_pc .inner ul li a { font-size: var(--14px); } #footer .footer_info ul.btn_list { margin-top: 20px; } #footer .footer_info ul.btn_list li { width: 230px; } #footer .footer_info ul.btn_list li .btn svg { width: 20px; height: 20px; fill: rgb(255, 255, 255); margin-right: 10px; } } "); background-repeat: no-repeat; background-size: 13px; background-position: center center; transform: rotate(90deg); } #sitemap_list ul { padding-left: 0px; } #sitemap_list ul li { position: relative; list-style: none; padding-left: 30px !important; } #sitemap_list input[type="button"] { width: 25px; height: 25px; border: 1px solid rgb(153, 153, 153); background-color: transparent; margin-left: 10px; appearance: button; } #sitemap_list ul li.sm_category1, #sitemap_list ul li.sm_category2, #sitemap_list ul li.sm_category3, #sitemap_list ul li.sm_category4, #sitemap_list ul li.sm_category5, #sitemap_list ul li.sm_category6, #sitemap_list ul li.sm_category7, #sitemap_list ul li.sm_category8 { font-weight: bold; } #sitemap_list ul li.sm_category2 { margin-top: 1.5rem; } #sitemap_list ul li.sm_category1::after, #sitemap_list ul li.sm_category2::after, #sitemap_list ul li.sm_category3::after, #sitemap_list ul li.sm_category4::after, #sitemap_list ul li.sm_category5::after, #sitemap_list ul li.sm_category6::after, #sitemap_list ul li.sm_category7::after, #sitemap_list ul li.sm_category8::after { display: inline-block; content: ""; position: absolute; top: 2px; left: 0px; width: 20px; height: 20px; background-image: url("data:image/svg+xml;utf-8,"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; background-color: initial !important; border-radius: initial !important; } #sitemap_list ul li.sm_article:not(:last-child) { padding-bottom: 0.5rem; } #sitemap_list ul li.sm_article::after { display: inline-block; content: ""; background-image: url("data:image/svg+xml;utf-8,"); position: absolute; top: 2px; left: 0px; width: 18px; height: 18px; background-color: initial; background-repeat: no-repeat; border-radius: initial; background-size: contain; vertical-align: middle; } .pagetitle_a1 { color: rgb(255, 255, 255); } .pagetitle_a2 { font-size: var(--34px); font-weight: 500; color: rgb(73, 132, 45); padding: 0px; margin: 0px 0px 25px; } * + .pagetitle_a2 { margin: 40px 0px 25px; } .pagetitle_a3 { font-size: var(--21px); background-color: rgb(234, 246, 229); font-weight: 500; color: rgb(73, 132, 45); padding: 5px 10px; margin: 25px 0px 20px; } .pagetitle_a4 { font-size: var(--21px); color: rgb(0, 101, 179); border-bottom: 2px solid rgb(0, 101, 179); padding: 5px 10px; margin: 25px 0px 20px; } .pagetitle_a5 { font-size: var(--18px); color: rgb(0, 101, 179); padding: 0px; margin: 20px 0px 15px; } @media only screen and (max-width: 768px) { .pagetitle_a2 { margin: 0px 0px 15px; } * + .pagetitle_a2 { margin: 30px 0px 15px; } .pagetitle_a3 { margin: 15px 0px; } .pagetitle_a4 { } .pagetitle_a5 { } } ul, ol { padding-left: 40px; } @media only screen and (max-width: 768px) { ul, ol { padding-left: 20px; } ul li, ol li { margin-bottom: 5px; } } #main.category_top ul, #main.contents #article section ul, #main.category_top ol, #main.contents #article section ol { margin: 1rem 0px; } .js-scrollable { margin: 1rem 0px; } table { border-collapse: collapse; } table caption { display: none; } table th, table td { padding: 10px; border: 1px solid rgb(166, 166, 166); } table thead th, table tbody th { color: rgb(255, 255, 255); background-color: rgb(12, 69, 113); } table thead + tbody th { background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); } @media only screen and (max-width: 768px) { table { white-space: nowrap; } } .page_outline { border: 1px solid rgb(73, 132, 45); border-radius: 3px; padding: 10px 15px; margin: 1rem 0px; } #main.category_top #page_main img, #main.contents #article section img { margin: 15px auto; max-width: 100%; height: auto; } main.category_top .col_parts img, main.category_top .col_leftparts img, main.category_top .col_rightparts img, main.contents .col_parts img, main.contents .col_leftparts img, main.contents .col_rightparts img { max-width: 100%; height: auto; text-align: center; margin: 0px auto !important; } @media print, screen and (max-width: 1200px) { #main.category_top #page_main img, #main.contents #article section img { max-width: 100%; height: auto !important; } } .cke_editable ul, .cke_editable ol { margin: 1rem 0px; } .cke_editable .pagetitle_a2, .cke_editable .pagetitle_a3, .cke_editable .pagetitle_a4, .cke_editable .pagetitle_a5 { margin-top: 30px; } .cke_editable ul.btn_list.link_btn a { cursor: initial; } .cke_editable table { margin: 1rem auto; } .cke_editable img { margin: 15px auto; } .cke_editable .col_parts img, .cke_editable .col_leftparts img, .cke_editable .col_rightparts img { max-width: 100%; height: auto; text-align: center; margin: 0px auto !important; } @media only print { .bnr_play { right: 31%; } #bnrSlider .next_arrow { right: 37%; } #bnrSlider .prev_arrow { left: 37%; } .topinfo ul.tab { overflow-x: initial; } } .article_pdficon { margin: 30px 0px 20px; font-size: 87.5%; line-height: 1.5em; display: flex; } @media screen and (max-width: 540px) { .article_pdficon { display: block; } } .article_pdficon_img { margin-right: 15px; } @media screen and (max-width: 540px) { .article_pdficon_img { width: 100%; } } @media screen and (max-width: 540px) { .article_pdficon_txt { padding-top: 10px; } } article [class^="icon_"] { padding: 0px 5px; margin: 5px 10px; color: rgb(255, 255, 255); display: inline-block; font-size: 87.5%; font-weight: 700; border-radius: 5px; } .icon_pdf { background: rgb(158, 0, 0); } .icon_xls { background: rgb(33, 117, 71); } .icon_xlsx { background: rgb(33, 117, 71); } .icon_csv { background: rgb(132, 132, 132); } .icon_doc { background: rgb(21, 59, 134); } .icon_rtf { background: rgb(21, 59, 134); } .icon_docx { background: rgb(21, 59, 134); } .icon_jtd { background: rgb(219, 23, 24); } .icon_gif { background: rgb(118, 114, 15); } .icon_jpeg { background: rgb(118, 114, 15); } .icon_jpg { background: rgb(118, 114, 15); } .icon_bmp { background: rgb(118, 114, 15); } .icon_mp3 { background: rgb(80, 156, 21); } .icon_mp4 { background: rgb(65, 33, 132); } .icon_png { background: rgb(118, 114, 15); } .icon_ppt { background: rgb(192, 82, 3); } .icon_pptx { background: rgb(192, 82, 3); } .icon_sxc { background: rgb(7, 106, 0); } .icon_sxw { background: rgb(22, 58, 134); } .icon_wav { background: rgb(79, 156, 18); } .icon_wmv { background: rgb(160, 47, 7); } .icon_xdw { background: rgb(0, 106, 84); } .icon_xls { background: rgb(11, 102, 6); } .icon_xlsx { background: rgb(11, 102, 6); } .icon_zip { background: rgb(100, 100, 100); } .icon_link { background: rgb(56, 91, 153); } .icon_docment { background: rgb(192, 0, 0); } input[type="text"], input[type="password"], select, textarea { padding: 4px 8px; border: 1px solid rgb(217, 217, 217); background: rgb(255, 255, 255); } input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover { border: 1px solid rgb(0, 136, 77); } input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { outline: none; border-color: rgb(0, 136, 77); } select { appearance: none; padding: 7px 30px 7px 10px; font-size: 93%; line-height: 1.1em; border-radius: 5px; background-image: url(""); background-repeat: no-repeat; background-size: 12px 10px; background-position: right 10px center; background-color: rgb(245, 238, 224); } input.w70, textarea.w70 { width: 70%; } input.wmax, textarea.wmax { width: 100%; } .mail_indent { padding-left: 3%; padding-right: 3%; padding-bottom: 10px; } @media screen and (max-width: 540px) { .mail_indent { padding-left: 0px; } } #captcha_image { margin-bottom: 20px; } .inevitable { color: rgb(193, 39, 45); } #mail_btn { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 30px; width: 100%; } #mail_btn .mail_btn_1 { background: rgb(0, 79, 140); color: rgb(255, 255, 255); margin: 15px; font-weight: bold; padding: 15px 40px; cursor: pointer; } #mail_btn .mail_btn_1:hover { opacity: 0.8; } @media screen and (max-width: 540px) { #mail_btn .mail_btn_1 { margin: 15px 5px; } } #mail_btn .mail_btn_2 { background: rgb(230, 230, 230); color: rgb(0, 79, 140); margin: 15px; font-weight: bold; padding: 15px 40px; cursor: pointer; } #mail_btn .mail_btn_2:hover { opacity: 0.8; } @media screen and (max-width: 540px) { #mail_btn .mail_btn_2 { margin: 15px 5px; } } #errorbox { background: rgb(253, 243, 243); padding: 20px; color: rgb(193, 39, 45); } "); background-repeat: no-repeat; background-size: 13px; background-position: center center; } @media only screen and (max-width: 1200px) { #main { padding-top: 45px; } } #footer { margin-top: 100px; } #footer .footer_bg { height: 780px; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } #footer.non_top .footer_bg { height: 750px; } .footer_info.bg_white { height: 575px; position: absolute; top: -40px; left: 50%; border-radius: 15px; transform: translate(-50%, 0px); box-shadow: rgb(48, 48, 48) 0px 6px 10px 1px; } #footer.non_top .footer_info.bg_white { height: 530px; } .footer_info .footer_inner { padding: 40px 110px 0px; } #footer .footer_info .footer_inner .info { margin-top: 40px; } #footer .footer_info .footer_inner .info .population p { display: inline; margin-right: 1rem; } #footer .footer_info ul.btn_list { margin-top: 20px; } #footer .footer_info ul.btn_list li { width: 175px; } #footer .footer_info ul.btn_list li .btn svg { width: 20px; height: 20px; fill: rgb(255, 255, 255); margin-right: 10px; } #footer .footer_info ul.footer_links { margin-top: 20px; padding-left: 0px; font-size: var(--14px); font-weight: bold; } #footer .footer_info ul.footer_links li { display: inline-block; list-style: none; } #footer .footer_info ul.footer_links li::after { content: ""; display: inline-block; width: auto; height: 12px; margin: 0px 9px 0px 11px; border-right: 1px solid rgb(212, 212, 212); } #footer .footer_info ul.footer_links li:last-child::after { content: none; } #footer .footer_info .footer_inquiry { margin-top: 20px; } #footer .footer_info .btn.btn_blue { padding: 10px 20px; } #footer .copyright { width: 100%; color: rgb(255, 255, 255); text-align: center; font-size: var(--12px); background-color: rgba(0, 0, 0, 0.3); padding: 10px 0px; position: absolute; bottom: 0px; left: 0px; } #footer .sidebtn { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; align-items: center; z-index: 98; } #footer .sidebtn .pagetop_btn { margin-top: 30px; } #footer .sidebtn a img:hover { opacity: 0.6; transform: scale(1); } @media only screen and (max-width: 1200px) { .footer_info .footer_inner { padding: 40px 90px 0px; } .footer_info.bg_white { height: 730px; } #footer.non_top .footer_bg { height: 720px; } #footer.non_top .footer_info.bg_white { height: 650px; } #footer .footer_bg { background-image: url(""); } } @media print, screen and (max-width: 768px) { #footer { margin-top: 100px; } #footer .footer_bg { height: 800px; } #footer.non_top .footer_bg { height: 700px; } .footer_info.bg_white { height: 750px; } #footer.non_top .footer_info.bg_white { height: 580px; } .footer_info .footer_inner { padding: 20px; } #footer .footer_info .footer_inner .info { margin-top: 25px; } #footer .footer_info .footer_inner .info .population p { display: block; margin-right: 0px; } #footer .footer_info ul.btn_list { margin-top: 15px; } #footer .footer_info ul.btn_list li { width: calc(50% - 0.4rem); font-size: var(--12px); margin: 0px 0.2rem; } #footer .footer_info ul.btn_list li .btn { padding: 8px; margin: 0.2rem 0px; } #footer .footer_info ul.btn_list li .btn svg { width: 18px; height: 18px; margin-right: 4px; } #footer .footer_info ul.footer_links { font-size: var(--12px); } #footer .footer_info ul.footer_links li { margin-bottom: 5px; } #footer .footer_info .footer_inquiry { font-size: var(--12px); } #footer .sidebtn { bottom: 15px; right: 5px; } #footer .sidebtn img { width: 45px; height: auto; } #footer .sidebtn .pagetop_btn { margin-top: 20px; } } #footer_usually { margin-top: 100px; } #footer_usually .footer_bg { height: 780px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } #footer_usually.non_top .footer_bg { height: 600px; } .footer_info.bg_white { height: 575px; position: absolute; top: -40px; left: 50%; border-radius: 15px; transform: translate(-50%, 0px); box-shadow: rgb(176, 176, 176) 0px 6px 10px 1px; } #footer_usually.non_top .footer_info.bg_white { height: 530px; } .footer_info .footer_inner { padding: 40px 110px 0px; } #footer_usually .footer_info .footer_inner .info { margin-top: 40px; } #footer_usually .footer_info .footer_inner .info .population p { display: inline; margin-right: 1rem; } #footer_usually .footer_info ul.btn_list { margin-top: 20px; } #footer_usually .footer_info ul.btn_list li { width: 175px; } #footer_usually .footer_info ul.btn_list li .btn svg { width: 20px; height: 20px; fill: rgb(255, 255, 255); margin-right: 10px; } #footer_usually .footer_info ul.footer_links { margin-top: 20px; padding-left: 0px; font-size: var(--14px); font-weight: bold; } #footer_usually .footer_info ul.footer_links li { display: inline-block; list-style: none; } #footer_usually .footer_info ul.footer_links li::after { content: ""; display: inline-block; width: auto; height: 12px; margin: 0px 9px 0px 11px; border-right: 1px solid rgb(212, 212, 212); } #footer_usually .footer_info ul.footer_links li:last-child::after { content: none; } #footer_usually .footer_info .footer_inquiry { margin-top: 20px; } #footer_usually .footer_info .btn.btn_blue { padding: 10px 20px; } #footer_usually .copyright { width: 100%; color: rgb(255, 255, 255); text-align: center; font-size: var(--12px); background-color: rgba(0, 0, 0, 0.6); padding: 10px 0px; position: absolute; bottom: 0px; left: 0px; } #footer_usually .sidebtn { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; align-items: center; z-index: 98; } #footer_usually .sidebtn .pagetop_btn { margin-top: 30px; } #footer_usually .sidebtn a img:hover { opacity: 0.6; transform: scale(1); } @media only screen and (max-width: 1200px) { .footer_info .footer_inner { padding: 40px 90px 0px; } .footer_info.bg_white { height: 730px; } #footer_usually.non_top .footer_bg { height: 720px; } #footer_usually.non_top .footer_info.bg_white { height: 650px; } #footer_usually .footer_bg { } } @media print, screen and (max-width: 768px) { #footer_usually { margin-top: 100px; } #footer_usually .footer_bg { height: 800px; } #footer_usually.non_top .footer_bg { height: 700px; } .footer_info.bg_white { height: 750px; } #footer_usually.non_top .footer_info.bg_white { height: 580px; } .footer_info .footer_inner { padding: 20px; } #footer_usually .footer_info .footer_inner .info { margin-top: 25px; } #footer_usually .footer_info .footer_inner .info .population p { display: block; margin-right: 0px; } #footer_usually .footer_info ul.btn_list { margin-top: 15px; } #footer_usually .footer_info ul.btn_list li { width: calc(50% - 0.4rem); font-size: var(--12px); margin: 0px 0.2rem; } #footer_usually .footer_info ul.btn_list li .btn { padding: 8px; margin: 0.2rem 0px; } #footer_usually .footer_info ul.btn_list li .btn svg { width: 18px; height: 18px; margin-right: 4px; } #footer_usually .footer_info ul.footer_links { font-size: var(--12px); } #footer_usually .footer_info ul.footer_links li { margin-bottom: 5px; } #footer_usually .footer_info .footer_inquiry { font-size: var(--12px); } #footer_usually .sidebtn { bottom: 15px; right: 5px; } #footer_usually .sidebtn img { width: 45px; height: auto; } #footer_usually .sidebtn .pagetop_btn { margin-top: 20px; } } .tsujyo { font-weight: bold; } .digitalbook a { display: inline-block; color: rgb(255, 255, 255); text-decoration: none; padding: 0.5rem 1rem 0.5rem 2.5rem; background: url("") 10px 0.7rem no-repeat rgb(0, 101, 179); font-weight: 700; } .dl { margin: 1rem 0px; text-align: center; } .dl a { display: inline-block; color: rgb(255, 255, 255); text-decoration: none; padding: 0.5rem 1rem 0.5rem 2.5rem; background: url("") 10px 0.6rem no-repeat rgb(0, 101, 179); font-weight: 700; } .digitalbook_ico { background: rgb(55, 55, 55); padding: 0px 5px; margin: 0px 10px; color: rgb(255, 255, 255); font-size: 80%; } .digitalbook { margin: 1rem 0px; text-align: center; } .digitalbook_sp { display: none; } .koho_box { display: block; } .koho_image { display: block; text-align: center; margin: 0px auto 20px; } .koho_image img { margin-bottom: 10px; } .koho_box ul { display: table; vertical-align: top; width: 100%; } .koho_box ul li { display: table; width: 100%; border-bottom: 1px solid rgb(201, 201, 201); padding: 10px 0px; } .koho_box ul li:first-child { border-top: 1px solid rgb(201, 201, 201); } .koho_page, .koho_txt, .koho_download { display: table-cell; padding: 10px 5px; } .koho_page { } .koho_txt { width: 95%; } .koho_download { width: 26%; vertical-align: middle; font-size: 90%; } .koho_download a { color: rgb(255, 255, 255); text-decoration: none; padding: 5px 10px 5px 25px; background: url("") 10px 0.9em no-repeat rgb(55, 55, 55); vertical-align: middle; } @media only print { html { -webkit-print-color-adjust: exact; } #main ul li, #main table td, #main table th, #linksSlider { break-inside: avoid; } #header, #footer .sidebtn, .menu_btn { position: absolute; } #header .logo img { width: 120px; } #gnavi_pc .inner ul li { margin-right: 1rem; } #gnavi_pc .inner, #gnavi_pc .inner ul li a { font-size: var(--14px); } #footer .footer_info ul.btn_list { margin-top: 20px; } #footer .footer_info ul.btn_list li { width: 230px; } #footer .footer_info ul.btn_list li .btn svg { width: 20px; height: 20px; fill: rgb(255, 255, 255); margin-right: 10px; } } .slick-slide { height: auto !important; } .mainvisual { width: 100%; position: relative; } ul#mainSlider, ul#bnrSlider { padding-left: 0px; } #mainSlider { position: relative; } #mainSlider img { width: 100%; height: 90vh; object-fit: cover; margin: 0px auto; } #mainSlider .slick-dots { bottom: 3.25rem; right: 5rem; width: 370px; } #mainSlider .slick-dots li { display: inline-block; width: 26px; margin: 0px 5px; } #mainSlider .slick-dots li button::before { content: ""; } #mainSlider .slick-dots button { padding: 0px; color: transparent; width: 34px; border: 2px solid rgb(255, 255, 255); border-radius: 3px; height: 10px; display: block; background: rgb(142, 142, 142); cursor: pointer; } #mainSlider .slick-dots .slick-active button { background: rgb(15, 110, 183); } .mv_play { z-index: 9; position: absolute; bottom: 3.5rem; right: 5rem; height: 21px; cursor: pointer; border: none; background-color: transparent; } .mainvisual .mainvisual_inner { position: relative; } .mainvisual .mainvisual_inner .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mainvisual .mainvisual_inner .catch img { max-width: 500px; width: 40%; height: auto; } @media only screen and (max-width: 768px) { #mainSlider img { height: 60vh; } .mainvisual .mainvisual_inner .catch { text-align: center; } .mainvisual .mainvisual_inner .catch img { min-width: 285px; height: auto; } #mainSlider .slick-dots { top: 1rem; right: 2.5rem; width: 170px; } .mv_play { top: 1.5rem; right: 0.5rem; } } .mainvisual .slidebnr { position: absolute; width: 100%; top: 95%; } .mainvisual .slidebnr .slide_item { margin: 0px 2rem; } #bnrSlider .slick-list { height: 230px; } #bnrSlider li.slide_item { height: 200px; overflow: hidden; box-shadow: rgb(185, 185, 185) 0px 0px 15px 1px; } #bnrSlider .slide_arrow { z-index: 9; position: absolute; top: calc(50% - 30px); cursor: pointer; border: none; background-color: transparent; } #bnrSlider .next_arrow { right: 2%; transform: scale(-1, 1); } #bnrSlider .prev_arrow { left: 2%; } #bnrSlider .slick-dots { padding-left: 0px; bottom: -28px !important; } #bnrSlider .slick-dots li.slick-active button::before { color: rgb(15, 110, 183); } #bnrSlider .slick-dots li button::before { color: rgb(142, 142, 142); font-size: 15px; opacity: 1 !important; width: 20px !important; height: 20px !important; } .slick-dots li button:focus-visible { outline: -webkit-focus-ring-color auto 1px; } .slide_item:focus-within { outline: -webkit-focus-ring-color auto 2px; } .bnr_play { z-index: 9; position: absolute; top: 230px; right: 37%; cursor: pointer; border: none; background-color: transparent; } .mainvisual + div { margin-top: 300px; } @media only screen and (max-width: 768px) { .mainvisual .slidebnr { position: relative; margin-top: 30px; } .mainvisual .slidebnr .slide_item { margin: 0px 0.5rem; } #bnrSlider .slick-list { height: 160px; } #bnrSlider li.slide_item { height: 130px; box-shadow: rgb(185, 185, 185) 0px 0px 8px 1px; } #bnrSlider li.slide_item img { width: 273px; height: 130px; } #bnrSlider .slide_arrow { top: calc(50% - 30px); } #bnrSlider .next_arrow { right: calc(50% - 154px); } #bnrSlider .prev_arrow { left: calc(50% - 154px); } .bnr_play { top: 160px; right: 20%; } .mainvisual + div { margin-top: 60px; } } .emergency.pcOnly { position: absolute; z-index: 9; top: 0px; right: 0px; width: 230px; margin: 10px; } .emergency.spOnly { display: none; } .emergency.bg_red .dark_box h2 { width: 210px; margin: auto; font-weight: normal; text-align: center; padding: 20px 0px; } .emergency.bg_red .light_box { padding: 25px 20px 25px 0px; } @media only screen and (max-width: 1200px) { .emergency.spOnly { display: flex; align-items: stretch; } .emergency.pcOnly { display: none; } .emergency.spOnly.bg_red .dark_box { display: flex; align-items: center; width: 31%; } .emergency.spOnly.bg_red .dark_box h2 { width: 210px; margin: 0px 0px 0px auto; font-weight: normal; text-align: center; } .emergency.spOnly.bg_red .light_box { width: 69%; padding: 25px 20px; } } @media only screen and (max-width: 768px) { .emergency.spOnly { flex-direction: column; } .emergency.spOnly.bg_red .dark_box { width: 100%; } .emergency.spOnly.bg_red .dark_box h2 { width: 93%; margin: 0px auto; padding: 10px 0px; text-align: left; } .emergency.spOnly.bg_red .light_box { width: 100%; } } .other_info { margin-top: 300px; display: flex; align-items: stretch; } .other_info.bg_black .dark_box { display: flex; align-items: center; width: 31%; } .other_info.bg_black .dark_box h2 { width: 210px; margin: 0px 0px 0px auto; font-weight: normal; text-align: center; } .other_info.bg_black .light_box { width: 69%; padding: 25px 20px; } @media only screen and (max-width: 1200px) { .other_info { margin-top: 0px; } } @media only screen and (max-width: 768px) { .other_info { flex-direction: column; } .other_info.bg_black .dark_box { width: 100%; } .other_info.bg_black .dark_box h2 { width: 93%; margin: 0px auto; padding: 10px 0px; text-align: left; } .other_info.bg_black .light_box { width: 100%; } } .when.bg_blue .dark_box { border-top: 5px solid rgb(28, 101, 157); padding: 40px 0px; } .when h2 { font-family: "UD Shin Go Conde80 EL"; font-weight: normal; } .when .box_inner { margin-top: 20px; } .when .box_inner ul { padding-left: 0px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .when .box_inner ul li { display: inline-block; width: calc(11% - 2rem); list-style-type: none; margin: 0px 1rem; } .when .box_inner ul li a { font-family: "UD Shin Go Conde80 EL"; text-decoration: none; display: flex; flex-flow: column wrap; align-items: center; transition: all 0.2s ease 0s; } .when .box_inner ul li a:hover { opacity: 0.6; transition: all 0.2s ease 0s; } .when .box_inner ul li .when_icon { width: 24px; height: 24px; display: inline-block; margin-bottom: 10px; fill: rgb(255, 255, 255); } @media print, screen and (max-width: 1200px) { .when .box_inner ul li { width: calc(33.3333% - 1rem); margin: 0px 0.5rem 2rem; } } @media print, screen and (max-width: 1200px) { .when .box_inner ul li { width: calc(33.3333% - 0.5rem); margin: 0px 0.25rem 2rem; } } .pickup { padding: 40px 0px; } .pickup h2 { width: 100%; font-family: "UD Shin Go Conde80 EL"; font-weight: normal; margin-bottom: 30px; } .pickup a { text-decoration: none; color: rgb(0, 0, 0); } .pickup.col3 { justify-content: center; gap: 0.5rem 2rem; } .pickup.col3 .col_parts { max-width: 350px; } .pickup.col3 .col_parts .link_img { border-radius: 8px; margin-bottom: 10px; } @media print, screen and (max-width: 1200px) { .pickup.col3 .col_parts { width: calc(50% - 0.5rem); } } @media only screen and (max-width: 768px) { .pickup.col3 .col_parts { width: 100%; max-width: 350px; margin: 0px auto 25px; } .pickup.col3 .col_parts .link_img { border-radius: 8px; margin-bottom: 10px; } } .topinfo.bg_green .light_box { padding: 40px 0px; } .topinfo ul.tab { display: flex; padding-left: 0px; padding-bottom: 15px; } .topinfo .tab li { position: relative; display: inline-block; min-width: 111px; margin-right: 2rem; padding: 5px; background: transparent; border-bottom: 2px solid rgb(202, 202, 202); box-sizing: border-box; text-align: center; } .topinfo .tab li:last-child { margin-right: 0px; } .topinfo .tab li a { text-decoration: none; color: rgb(111, 111, 111); font-weight: bold; } .topinfo .tab li a:hover { color: rgb(51, 51, 51); } .topinfo .tab li.active { border-bottom: 2px solid rgb(111, 111, 111); } .topinfo .tab li.active::before { position: absolute; bottom: -14px; left: 50%; transform: translate(-50%, 0px); width: 0px; height: 0px; content: ""; border-width: 14px 12px 0px; border-style: solid; border-color: rgb(111, 111, 111) transparent transparent; } .topinfo .tab li.active::after { position: absolute; bottom: -10px; left: 50%; transform: translate(-50%, 0px); width: 0px; height: 0px; content: ""; border-width: 14px 12px 0px; border-style: solid; border-color: rgb(245, 250, 242) transparent transparent; } .topinfo .tab li.active a { color: rgb(51, 51, 51); } .topinfo .topinfo_area { display: none; opacity: 0; padding-top: 10px; } .topinfo .news_btn { display: none; opacity: 0; } .topinfo .topinfo_area.is-active { display: block; animation-name: displayAnime; animation-duration: 1s; animation-fill-mode: forwards; } .topinfo .news_btn.is-active { display: inline-block; animation-name: displayAnime; animation-duration: 1s; animation-fill-mode: forwards; } @keyframes displayAnime { 0% { opacity: 0; } 100% { opacity: 1; } } .topinfo .btn.btn_nocolor { padding: 5px 20px; } @media print, screen and (max-width: 1200px) { .topinfo ul.tab { overflow-x: scroll; } .topinfo .tab li { margin-right: 1rem; } } .topinfo .sns ul { list-style: none; padding-left: 0px; } .topinfo .sns li { width: 100%; max-width: 260px; margin-bottom: 1rem; transition: all 0.2s ease 0s; } .topinfo .sns li:last-child { margin-bottom: 0px; } .topinfo .sns li:hover { opacity: 0.6; transition: all 0.2s ease 0s; } .topinfo .sns ul li.koho { height: 221px; } .topinfo .sns ul li.koho img { width: 100%; margin: 0px; } .topinfo .sns ul li.koho img:hover { transform: scale(1); } .topinfo .sns ul li.youtube { padding: 0px 15px; background-color: rgb(255, 0, 0); height: 70px; } .topinfo .sns ul li a { display: flex; align-items: center; color: rgb(255, 255, 255); text-decoration: none; height: 100%; } .topinfo .sns ul li svg { fill: rgb(255, 255, 255); margin-right: 15px; } @media only screen and (max-width: 768px) { .topinfo .news_btn { font-size: var(--14px); } .topinfo .sns ul { margin: 1rem 0px; text-align: center; } .topinfo .sns li { display: block; width: 260px; height: auto; margin: 0px auto 1rem; } .topinfo .sns li:last-child { margin: 0px auto; } } .slidelinks { width: 100%; margin-top: 40px; } .slidelinks .slide_item { margin: 0px 1.2rem; } ul#linksSlider { padding-left: 0px; } ul#linksSlider .slide_item { position: relative; } #linksSlider .slick-list { height: 265px; } #linksSlider li.slide_item { height: 250px; overflow: hidden; box-shadow: rgb(185, 185, 185) 0px 0px 15px 1px; } #linksSlider .slide_arrow { z-index: 10; position: absolute; cursor: pointer; top: 50%; border: none; background-color: transparent; transform: translate(0px, -50%); } #linksSlider .next_arrow { right: -2rem; } #linksSlider .prev_arrow { left: -2rem; transform: scale(-1, 1) translate(0px, -50%); } @media print, screen and (max-width: 1200px) { .slidelinks .slide_item { margin: 0px 2rem; } #linksSlider .next_arrow { right: 0%; } #linksSlider .prev_arrow { left: 0%; } } @media only screen and (max-width: 768px) { #linksSlider li.slide_item { box-shadow: rgb(185, 185, 185) 0px 0px 8px 1px; } .slidelinks .slide_item { margin: 0px 2.5rem; } #linksSlider .next_arrow { right: 3%; } #linksSlider .prev_arrow { left: 3%; } } #main.category_top article { margin: 50px auto; } #main.category_top .category_news { display: flex; align-items: stretch; margin-top: 40px; min-height: 70px; } #main.category_top .category_news.bg_blue .dark_box { display: flex; align-items: center; width: 20%; } #main.category_top .category_news.bg_blue .dark_box h2 { width: 100%; font-weight: normal; text-align: center; } #main.category_top .category_news.bg_blue .dark_box + div { width: 80%; padding: 0px 5px 0px 3rem; } #main.category_top .category_news .withdate_list { margin: 0.5rem 0px; } #main.category_top .category_news .withdate_list .date { font-weight: bold; } @media only screen and (max-width: 768px) { #main.category_top .category_news { flex-direction: column; } #main.category_top .category_news.bg_blue .dark_box { width: 100%; } #main.category_top .category_news.bg_blue .dark_box h2 { width: 93%; margin: 0px auto; padding: 10px 0px; text-align: left; } #main.category_top .category_news.bg_blue .dark_box + div { width: 100%; margin-top: 10px; padding: 0px 5px; } } .pankuzu { background: rgb(237, 237, 237); font-size: var(--14px); text-align: left; padding: 0.5rem; } .pankuzu a { display: block; font-weight: 700; text-decoration: underline; } .pankuzu a:hover { text-decoration: none; } .pankuzu ul { padding-left: 0px; list-style: none; max-width: 1200px; margin: auto !important; } .pankuzu li { display: inline-block; position: relative; padding: 0px 2rem 0px 0px !important; } .pankuzu li:not(:last-child)::after { content: ""; display: block; width: 5px; height: 5px; border-style: solid; border-color: rgb(0, 0, 0); border-image: initial; border-width: 1px 1px 0px 0px; transform: rotate(45deg) translateY(-50%); position: absolute; right: 1rem; top: 50%; } @media only screen and (max-width: 1200px) { .pankuzu { overflow-x: scroll; } .pankuzu ul { margin: 0px 2rem; display: flex; align-items: center; } .pankuzu li { white-space: nowrap; font-size: var(--12px); margin-bottom: 0px; } } .incatlist { margin-top: 40px !important; } .incatlist ul { padding: 0px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 10px 3rem; } #article .incatlist { margin-top: 0px !important; } #article .incatlist ul { gap: 10px 2rem; margin: 0px !important; } .incatlist ul li { width: calc(33.3333% - 2rem); background-color: rgb(234, 246, 229); border: 1px solid transparent; color: rgb(73, 132, 45); border-radius: 8px; list-style: none; transition: all 0.2s ease 0s; } #article .incatlist ul li { width: calc(50% - 1rem); } .incatlist ul li a { display: flex; position: relative; height: 100%; align-items: center; text-decoration: none; color: rgb(73, 132, 45); font-weight: bold; padding: 20px 20px 20px 40px; } .incatlist ul li a::before { content: ""; position: absolute; bottom: 50%; transform: translateY(50%); left: -1px; display: inline-block; width: 25px; height: 4px; background-color: rgb(73, 132, 45); } .incatlist ul li:hover { background-color: rgb(255, 255, 255); border-color: rgb(73, 132, 45); transition: all 0.2s ease 0s; } @media print, screen and (max-width: 1200px) { .incatlist ul li { width: calc(50% - 2rem); } } @media only screen and (max-width: 768px) { .incatlist ul { display: flex; gap: 10px 3rem; } .incatlist ul li { width: 100%; } } #lnavi { width: 250px; } #lnavi ul { padding-left: 0px; } #lnavi a { text-decoration: none; } #lnavi ul.lnavi_list li a { color: initial; cursor: pointer; width: 100%; height: 100%; display: block; padding: 15px 0px 15px 30px; } #lnavi .lnavi_category { background-color: rgb(0, 101, 179); font-size: var(--20px); margin-bottom: 0px; padding: 10px; } #lnavi .lnavi_category a { color: rgb(255, 255, 255); } #lnavi ul.lnavi_list li { background-color: rgb(255, 255, 255); border-top: 1px solid rgb(33, 121, 189); list-style: none; font-weight: 500; transition: all 0.2s ease 0s; } #lnavi ul.lnavi_list li:hover { background-color: rgb(242, 247, 251); transition: all 0.2s ease 0s; } #lnavi ul.lnavi_list a { position: relative; padding: 15px 10px 15px 27px; } #lnavi ul.lnavi_list a::before { content: ""; display: inline-block; position: absolute; top: 22px; left: 10px; width: 5px; height: 5px; margin-right: 10px; border-width: 2px; border-style: solid; border-image: initial; border-color: rgb(33, 121, 189) rgb(33, 121, 189) transparent transparent; transform: rotate(45deg); } #lnavi ul.lnavi_list li.current { background-color: rgb(242, 247, 251) !important; } #lnavi ul.lnavi_list li.current > a { pointer-events: none; } #lnavi ul.lnavi_list li.current > a:hover { text-decoration: none !important; } @media print, screen and (max-width: 1200px) { #lnavi { width: 100%; margin-bottom: 2rem; } #main_contents { width: 100% !important; } } .inquiry { background-color: rgb(237, 237, 237); padding: 10px; font-weight: bold; margin-top: 50px; } .inquiry h2 { border-bottom: 1px solid rgb(255, 255, 255); font-size: var(--16px); padding-bottom: 5px; margin-bottom: 10px; } #main .categorytit { position: relative; } #main .categorytit, #main .categorytit .categorytit_img { width: 100%; overflow: hidden; } #main .categorytit .categorytit_img img { width: 100%; height: auto !important; } #main .categorytit svg.category_icon { width: 30px; height: 30px; fill: rgb(255, 255, 255); } #main .categorytit .categorytit_txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); } #main .categorytit .categorytit_txt h1 { font-size: var(--24px); } @media only screen and (max-width: 768px) { #main .categorytit svg.category_icon { width: 20px; height: 20px; margin-left: 5px; } #main .categorytit .categorytit_txt h2 { font-size: var(--18px); } } #main.category_top .categorytit, #main.category_top .categorytit .categorytit_img { min-height: 180px; } @media only screen and (max-width: 768px) { #main.category_top .categorytit, #main.category_top .categorytit .categorytit_img { min-height: 140px; } } @media only screen and (max-width: 637px) { #main.category_top .categorytit, #main.category_top .categorytit .categorytit_img { width: auto !important; height: 100% !important; } #main.category_top .categorytit .categorytit_img img { max-height: 140px; width: auto !important; height: 100% !important; } } #main.contents .categorytit, #main.contents .categorytit .categorytit_img { max-height: 180px; min-height: 150px; } @media only screen and (max-width: 768px) { #main.contents .categorytit, #main.contents .categorytit .categorytit_img { min-height: 100px; } } @media only screen and (max-width: 456px) { #main.contents .categorytit .categorytit_img img { max-height: 100px; width: auto !important; height: 100% !important; } } #main.contents #page_main { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; margin-top: 50px; } #main.contents article { width: 840px; } #main.contents aside { width: 240px; } @media print, screen and (max-width: 1200px) { #main.contents #page_main { display: block; margin-top: 30px; } #main.contents article { width: 100%; } #main.contents aside { width: 100%; margin-top: 50px; } } @media only screen and (max-width: 768px) { #main.contents #page_main { margin-top: 20px; } } .contents #page_main_cb { display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-start; margin-top: 50px; } .contents article { width: 840px; } .contents aside { width: 240px; } @media print, screen and (max-width: 1200px) { .contents #page_main_cb { display: block; margin-top: 30px; } .contents article { width: 100%; } .contents aside { width: 100%; margin-top: 50px; } } @media only screen and (max-width: 768px) { .contents #page_main_cb { margin-top: 20px; } } #page_navi { margin: 0px 0px 40px; padding: 20px; border: 1px solid rgb(0, 101, 179); } #page_navi p { margin-bottom: 1rem; } #page_navi .ul_navi li { position: relative; list-style: none; } #page_navi .ul_navi li:not(:last-child) { margin-bottom: 1rem; } #page_navi .ul_navi li::before { content: ""; display: inline-block; position: absolute; top: 4px; left: -20px; width: 13px; height: 13px; background-image: url("data:image/svg+xml;utf-8,"); background-repeat: no-repeat; background-size: 13px; background-position: center center; transform: rotate(90deg); } #sitemap_list ul { padding-left: 0px; } #sitemap_list ul li { position: relative; list-style: none; padding-left: 30px !important; } #sitemap_list input[type="button"] { width: 25px; height: 25px; border: 1px solid rgb(153, 153, 153); background-color: transparent; margin-left: 10px; appearance: button; } #sitemap_list ul li.sm_category1, #sitemap_list ul li.sm_category2, #sitemap_list ul li.sm_category3, #sitemap_list ul li.sm_category4, #sitemap_list ul li.sm_category5, #sitemap_list ul li.sm_category6, #sitemap_list ul li.sm_category7, #sitemap_list ul li.sm_category8 { font-weight: bold; } #sitemap_list ul li.sm_category2 { margin-top: 1.5rem; } #sitemap_list ul li.sm_category1::after, #sitemap_list ul li.sm_category2::after, #sitemap_list ul li.sm_category3::after, #sitemap_list ul li.sm_category4::after, #sitemap_list ul li.sm_category5::after, #sitemap_list ul li.sm_category6::after, #sitemap_list ul li.sm_category7::after, #sitemap_list ul li.sm_category8::after { display: inline-block; content: ""; position: absolute; top: 2px; left: 0px; width: 20px; height: 20px; background-image: url("data:image/svg+xml;utf-8,"); background-repeat: no-repeat; background-size: contain; vertical-align: middle; background-color: initial !important; border-radius: initial !important; } #sitemap_list ul li.sm_article:not(:last-child) { padding-bottom: 0.5rem; } #sitemap_list ul li.sm_article::after { display: inline-block; content: ""; background-image: url("data:image/svg+xml;utf-8,"); position: absolute; top: 2px; left: 0px; width: 18px; height: 18px; background-color: initial; background-repeat: no-repeat; border-radius: initial; background-size: contain; vertical-align: middle; } .pagetitle_a1 { color: rgb(255, 255, 255); } .pagetitle_a2 { font-size: var(--34px); font-weight: 500; color: rgb(73, 132, 45); padding: 0px; margin: 0px 0px 25px; } * + .pagetitle_a2 { margin: 40px 0px 25px; } .pagetitle_a3 { font-size: var(--21px); background-color: rgb(234, 246, 229); font-weight: 500; color: rgb(73, 132, 45); padding: 5px 10px; margin: 25px 0px 20px; } .pagetitle_a4 { font-size: var(--21px); color: rgb(0, 101, 179); border-bottom: 2px solid rgb(0, 101, 179); padding: 5px 10px; margin: 25px 0px 20px; } .pagetitle_a5 { font-size: var(--18px); color: rgb(0, 101, 179); padding: 0px; margin: 20px 0px 15px; } @media only screen and (max-width: 768px) { .pagetitle_a2 { margin: 0px 0px 15px; } * + .pagetitle_a2 { margin: 30px 0px 15px; } .pagetitle_a3 { margin: 15px 0px; } .pagetitle_a4 { } .pagetitle_a5 { } } ul, ol { padding-left: 40px; } @media only screen and (max-width: 768px) { ul, ol { padding-left: 20px; } ul li, ol li { margin-bottom: 5px; } } #main.category_top ul, #main.contents #article section ul, #main.category_top ol, #main.contents #article section ol { margin: 1rem 0px; } .js-scrollable { margin: 1rem 0px; } table { border-collapse: collapse; } table caption { display: none; } table th, table td { padding: 10px; border: 1px solid rgb(166, 166, 166); } table thead th, table tbody th { color: rgb(255, 255, 255); background-color: rgb(12, 69, 113); } table thead + tbody th { background-color: rgb(239, 239, 239); color: rgb(0, 0, 0); } @media only screen and (max-width: 768px) { table { white-space: nowrap; } } .page_outline { border: 1px solid rgb(73, 132, 45); border-radius: 3px; padding: 10px 15px; margin: 1rem 0px; } #main.category_top #page_main img, #main.contents #article section img { margin: 15px auto; max-width: 100%; height: auto; } main.category_top .col_parts img, main.category_top .col_leftparts img, main.category_top .col_rightparts img, main.contents .col_parts img, main.contents .col_leftparts img, main.contents .col_rightparts img { max-width: 100%; height: auto; text-align: center; margin: 0px auto !important; } @media print, screen and (max-width: 1200px) { #main.category_top #page_main img, #main.contents #article section img { max-width: 100%; height: auto !important; } } .cke_editable ul, .cke_editable ol { margin: 1rem 0px; } .cke_editable .pagetitle_a2, .cke_editable .pagetitle_a3, .cke_editable .pagetitle_a4, .cke_editable .pagetitle_a5 { margin-top: 30px; } .cke_editable ul.btn_list.link_btn a { cursor: initial; } .cke_editable table { margin: 1rem auto; } .cke_editable img { margin: 15px auto; } .cke_editable .col_parts img, .cke_editable .col_leftparts img, .cke_editable .col_rightparts img { max-width: 100%; height: auto; text-align: center; margin: 0px auto !important; } @media only print { .bnr_play { right: 31%; } #bnrSlider .next_arrow { right: 37%; } #bnrSlider .prev_arrow { left: 37%; } .topinfo ul.tab { overflow-x: initial; } } .article_pdficon { margin: 30px 0px 20px; font-size: 87.5%; line-height: 1.5em; display: flex; } @media screen and (max-width: 540px) { .article_pdficon { display: block; } } .article_pdficon_img { margin-right: 15px; } @media screen and (max-width: 540px) { .article_pdficon_img { width: 100%; } } @media screen and (max-width: 540px) { .article_pdficon_txt { padding-top: 10px; } } article [class^="icon_"] { padding: 0px 5px; margin: 5px 10px; color: rgb(255, 255, 255); display: inline-block; font-size: 87.5%; font-weight: 700; border-radius: 5px; } .icon_pdf { background: rgb(158, 0, 0); } .icon_xls { background: rgb(33, 117, 71); } .icon_xlsx { background: rgb(33, 117, 71); } .icon_csv { background: rgb(132, 132, 132); } .icon_doc { background: rgb(21, 59, 134); } .icon_rtf { background: rgb(21, 59, 134); } .icon_docx { background: rgb(21, 59, 134); } .icon_jtd { background: rgb(219, 23, 24); } .icon_gif { background: rgb(118, 114, 15); } .icon_jpeg { background: rgb(118, 114, 15); } .icon_jpg { background: rgb(118, 114, 15); } .icon_bmp { background: rgb(118, 114, 15); } .icon_mp3 { background: rgb(80, 156, 21); } .icon_mp4 { background: rgb(65, 33, 132); } .icon_png { background: rgb(118, 114, 15); } .icon_ppt { background: rgb(192, 82, 3); } .icon_pptx { background: rgb(192, 82, 3); } .icon_sxc { background: rgb(7, 106, 0); } .icon_sxw { background: rgb(22, 58, 134); } .icon_wav { background: rgb(79, 156, 18); } .icon_wmv { background: rgb(160, 47, 7); } .icon_xdw { background: rgb(0, 106, 84); } .icon_xls { background: rgb(11, 102, 6); } .icon_xlsx { background: rgb(11, 102, 6); } .icon_zip { background: rgb(100, 100, 100); } .icon_link { background: rgb(56, 91, 153); } .icon_docment { background: rgb(192, 0, 0); } input[type="text"], input[type="password"], select, textarea { padding: 4px 8px; border: 1px solid rgb(217, 217, 217); background: rgb(255, 255, 255); } input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover { border: 1px solid rgb(0, 136, 77); } input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { outline: none; border-color: rgb(0, 136, 77); } select { appearance: none; padding: 7px 30px 7px 10px; font-size: 93%; line-height: 1.1em; border-radius: 5px; background-image: url(""); background-repeat: no-repeat; background-size: 12px 10px; background-position: right 10px center; background-color: rgb(245, 238, 224); } input.w70, textarea.w70 { width: 70%; } input.wmax, textarea.wmax { width: 100%; } .mail_indent { padding-left: 3%; padding-right: 3%; padding-bottom: 10px; } @media screen and (max-width: 540px) { .mail_indent { padding-left: 0px; } } #captcha_image { margin-bottom: 20px; } .inevitable { color: rgb(193, 39, 45); } #mail_btn { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 30px; width: 100%; } #mail_btn .mail_btn_1 { background: rgb(0, 79, 140); color: rgb(255, 255, 255); margin: 15px; font-weight: bold; padding: 15px 40px; cursor: pointer; } #mail_btn .mail_btn_1:hover { opacity: 0.8; } @media screen and (max-width: 540px) { #mail_btn .mail_btn_1 { margin: 15px 5px; } } #mail_btn .mail_btn_2 { background: rgb(230, 230, 230); color: rgb(0, 79, 140); margin: 15px; font-weight: bold; padding: 15px 40px; cursor: pointer; } #mail_btn .mail_btn_2:hover { opacity: 0.8; } @media screen and (max-width: 540px) { #mail_btn .mail_btn_2 { margin: 15px 5px; } } #errorbox { background: rgb(253, 243, 243); padding: 20px; color: rgb(193, 39, 45); } *, .text_blue, .text_white { color: rgb(255, 255, 0) !important; } #header .header_bg, body, .main_bg, .bg_white, .bg_red .dark_box, .bg_red .light_box, .bg_blue .dark_box, .bg_blue .light_box, .bg_black .dark_box, .bg_black .light_box, .bg_green .dark_box, .bg_green .light_box, #lnavi ul.lnavi_list li.current, table thead th, table tbody th { background-color: navy !important; } .gnavi .inner ul li .gnavi_icon, .rnavi .inner ul li .rnavi_icon, .when .box_inner ul li .when_icon, #footer .footer_info ul.btn_list li .btn svg { fill: rgb(255, 255, 255); } .menu_btn, #rnavi_pc .setting_txt, #rnavi_pc .search_box, #rnavi_pc .search_box button, #rnavi_sp div.search button, .btn.btn_blue, .pankuzu, .incatlist ul li, #lnavi ul.lnavi_list li { background-color: navy !important; border-color: rgb(255, 255, 0) !important; } .btn.btn_nocolor, .pankuzu li:not(:last-child)::after, .pagetitle_a3, .inquiry h2, .page_outline, table th, table td { border-color: rgb(255, 255, 0) !important; } .menu_bg { background-color: rgba(0, 0, 128, 0.9) !important; } .copyright { background-color: rgba(0, 0, 128, 0.8) !important; } a, button, .text_blue a, .text_white a { color: rgb(255, 255, 255) !important; } .menu_btn_line span { background-color: rgb(255, 255, 255); } #lnavi ul.lnavi_list li.current a { color: rgb(255, 255, 0) !important; } .pagetitle_a2, .inquiry { background-color: navy !important; border: 1px solid rgb(255, 255, 0) !important; } #lnavi .lnavi_category { border-bottom: 2px solid rgb(255, 255, 0); background-color: navy !important; } .when.bg_blue .dark_box { border-color: transparent; } .topinfo .tab li { border-color: rgb(255, 255, 0) !important; } .topinfo .tab li.active::before { border-color: rgb(255, 255, 0) transparent transparent; } .topinfo .tab li.active::after { border-color: navy transparent transparent; } .topinfo .sns ul li { background-color: navy !important; border: 1px solid rgb(255, 255, 0) !important; } #bnrSlider .slick-dots li button::before { color: rgb(255, 255, 255); } #bnrSlider .slick-dots li.slick-active button::before { color: rgb(255, 255, 0); } #main .categorytit .categorytit_txt, #main .categorytit .categorytit_txt h2 { color: rgb(255, 255, 255) !important; } .incatlist ul li a::before { background-color: rgb(255, 255, 255); } #lnavi a::before { border-color: rgb(255, 255, 0) rgb(255, 255, 0) transparent transparent; } *, .text_blue, .text_white { color: rgb(0, 0, 0) !important; } #header .header_bg, body, .main_bg, .bg_white, .bg_red .dark_box, .bg_red .light_box, .bg_blue .dark_box, .bg_blue .light_box, .bg_black .dark_box, .bg_black .light_box, .bg_green .dark_box, .bg_green .light_box, #lnavi ul.lnavi_list li.current, table thead th, table tbody th { background-color: rgb(255, 255, 0) !important; } .gnavi .inner ul li .gnavi_icon, .rnavi .inner ul li .rnavi_icon, .when .box_inner ul li .when_icon, #footer .footer_info ul.btn_list li .btn svg { fill: navy; } .menu_btn, #rnavi_pc .setting_txt, #rnavi_pc .search_box, #rnavi_pc .search_box button, #rnavi_sp div.search button, .btn.btn_blue, .pankuzu, .incatlist ul li, #lnavi ul.lnavi_list li { background-color: rgb(255, 255, 0) !important; border-color: rgb(0, 0, 0) !important; } .btn.btn_nocolor, .pankuzu li:not(:last-child)::after, .pagetitle_a3, .inquiry h2, .page_outline, table th, table td { border-color: rgb(0, 0, 0) !important; } .menu_bg { background-color: rgba(225, 225, 0, 0.9) !important; } .copyright { background-color: rgba(225, 225, 0, 0.8) !important; } a, button, .text_blue a, .text_white a { color: navy !important; } .menu_btn_line span { background-color: navy; } #lnavi ul.lnavi_list li.current a { color: navy !important; } .pagetitle_a2, .inquiry { background-color: rgb(255, 255, 0) !important; border: 1px solid rgb(0, 0, 0) !important; } #lnavi .lnavi_category { border-bottom: 2px solid rgb(0, 0, 0); background-color: rgb(255, 255, 0) !important; } .when.bg_blue .dark_box { border-color: transparent; } .topinfo .tab li { border-color: rgb(0, 0, 0) !important; } .topinfo .tab li.active::before { border-color: rgb(0, 0, 0) transparent transparent; } .topinfo .tab li.active::after { border-color: rgb(255, 255, 0) transparent transparent; } .topinfo .sns ul li { background-color: rgb(255, 255, 0) !important; border: 1px solid rgb(0, 0, 0) !important; } #main .categorytit .categorytit_txt, #main .categorytit .categorytit_txt h2 { color: rgb(255, 255, 255) !important; } .incatlist ul li a::before { background-color: navy; } #lnavi a::before { border-color: rgb(0, 0, 0) rgb(0, 0, 0) transparent transparent; } *, .text_blue, .text_white { color: rgb(255, 255, 0) !important; } #header .header_bg, body, .main_bg, .bg_white, .bg_red .dark_box, .bg_red .light_box, .bg_blue .dark_box, .bg_blue .light_box, .bg_black .dark_box, .bg_black .light_box, .bg_green .dark_box, .bg_green .light_box, #lnavi ul.lnavi_list li.current, table thead th, table tbody th { background-color: rgb(0, 0, 0) !important; } .gnavi .inner ul li .gnavi_icon, .rnavi .inner ul li .rnavi_icon, .when .box_inner ul li .when_icon, #footer .footer_info ul.btn_list li .btn svg { fill: rgb(255, 255, 255); } .menu_btn, #rnavi_pc .setting_txt, #rnavi_pc .search_box, #rnavi_pc .search_box button, #rnavi_sp div.search button, .btn.btn_blue, .pankuzu, .incatlist ul li, #lnavi ul.lnavi_list li { background-color: rgb(0, 0, 0) !important; border-color: rgb(255, 255, 0) !important; } .btn.btn_nocolor, .pankuzu li:not(:last-child)::after, .pagetitle_a3, .inquiry h2, .page_outline, table th, table td { border-color: rgb(255, 255, 0) !important; } .menu_bg { background-color: rgba(0, 0, 0, 0.9) !important; } .copyright { background-color: rgba(0, 0, 0, 0.8) !important; } a, button, .text_blue a, .text_white a { color: rgb(255, 255, 255) !important; } .menu_btn_line span { background-color: rgb(255, 255, 255); } #lnavi ul.lnavi_list li.current a { color: rgb(255, 255, 0) !important; } .pagetitle_a2, .inquiry { background-color: rgb(0, 0, 0) !important; border: 1px solid rgb(255, 255, 0) !important; } #lnavi .lnavi_category { border-bottom: 2px solid rgb(255, 255, 0); background-color: rgb(0, 0, 0) !important; } .when.bg_blue .dark_box { border-color: transparent; } .topinfo .tab li { border-color: rgb(255, 255, 0) !important; } .topinfo .tab li.active::before { border-color: rgb(255, 255, 0) transparent transparent; } .topinfo .tab li.active::after { border-color: rgb(0, 0, 0) transparent transparent; } .topinfo .sns ul li { background-color: rgb(0, 0, 0) !important; border: 1px solid rgb(255, 255, 0) !important; } #bnrSlider .slick-dots li button::before { color: rgb(255, 255, 255); } #bnrSlider .slick-dots li.slick-active button::before { color: rgb(255, 255, 0); } #main .categorytit .categorytit_txt, #main .categorytit .categorytit_txt h2 { color: rgb(255, 255, 255) !important; } .incatlist ul li a::before { background-color: rgb(255, 255, 255); } #lnavi a::before { border-color: rgb(255, 255, 0) rgb(255, 255, 0) transparent transparent; } @font-face { font-family: "UD Shin Go Conde80 EL"; font-weight: bold; src: url(""); } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .top.ad, a[href^="https://static.fleshlight.com/images/banners/"] { display: none !important; } (cache)枝幸町 ESASHI TOWN

ここからパソコン版サイト内共通メニュー