/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700&display=swap";.noto_bold{font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.noto_semibold,h1,h2,h3,h4,h5,h6{font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.noto_normal,.page_title_wrap h1.page_title,.page_title_wrap H2.page_subtitle,.page_title_wrap .page_date,ul.collection_list li.item a.item_link h3.item_title,ul.collection_list li.item ul.item_cat li a.cat_link,.category_list_wrap h3,.category_list_wrap ul.category_list li a.cat_link,footer#footer .footer_grid nav.footer-nav ul li,header nav.main-nav ul li,.post_list li a .post_text_wrap .post_title{font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}:root{--base:#fff;--theme:#0d1329;--primary:#0d1329;--secondary:#4195ca;--text:#242020;--border:#D3D3D3;--link:#0d86b1;--link_hover:#09a7e1;--link_disable:#ccc;--black: #242020;--white: #fff;--gray: #D3D3D3;--blue:#0E6EB8;--green:#14AE68;--skyblue:#B9E3F9;--skyblue_sub:#E2EEF6;--pink:#F6C6C5;--dark1:rgba(0,0,0,0.87);--dark2:rgba(0,0,0,0.54);--dark3:rgba(0,0,0,0.26);--dark4:rgba(0,0,0,0.12);--dark5:rgba(0,0,0,0.07);--dark6:rgba(0,0,0,0.03);--light1:rgba(255,255,255,1.00);--light2:rgba(255,255,255,0.70);--light3:rgba(255,255,255,0.30);--light4:rgba(255,255,255,0.12)}.ofi,ul.collection_list li.item a.item_link img.item_thumb img,section#index_zuroku .zuroku_grid a.zuroku_link,header .index_slider .item img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;font-family:"object-fit: cover; object-position: 50% 50%;"}/*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,*::before,*::after{box-sizing:border-box}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[tabindex="-1"]:focus{outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}p{margin-top:0;margin-bottom:0}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:0;padding-inline-start:0}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:0;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */.caution,.red{color:red}.small{font-size:.8rem}.nosp{display:block}@media screen and (max-width: 767px){.nosp{display:none}}.nopc{display:none}@media screen and (max-width: 767px){.nopc{display:block}}strong{font-weight:bold}.torikeshi{text-decoration:line-through}.red_txt{color:red}.fl{float:left}.fr{float:right}.textcenter{text-align:center}.textright{text-align:right}.center{text-align:center;margin:0 auto}img.center_img{display:block;margin:0 auto 2em}.img_cap_box{text-align:center;margin:0 auto}.img_cap_box img{margin:0 auto .3em}.img_cap_box p{font-size:.8em}.img_cap_box p.copy{text-align:right}.border_box{border:solid 1px var(--border);margin:1em auto;padding:1em}hr.sikiri,hr.shikiri{border:solid #6e6e71;border-width:1px 0 0 0;margin:0 0 5px;height:1px;clear:both}hr.sikiri_wide,hr.shikiri_wide{border:solid #6e6e71;border-width:1px 0 0 0;margin:2em 0;height:1px;clear:both}hr.sikiri_gray,hr.shikiri_gray{border:solid #e6e6e6;border-width:1px 0 0 0;margin:0 0 5px;height:1px;clear:both}hr.sikiri_dashed,hr.shikiri_dashed{border:dashed #ccc;border-width:1px 0 0 0;margin:0 0 5px;height:1px;clear:both}hr.sikiri_dotted,hr.shikiri_dotted{border:dotted #666;border-width:1px 0 0 0;margin:40px 0 40px;height:1px;clear:both}hr.sikiri_ornament,hr.shikiri_ornament{clear:both;border:none;border-width:0;width:100%;height:10px;margin:2em auto;background:url(../../images/shikiri_ornament.png) center 50% no-repeat;background-size:200px 5px}.nodisp{position:absolute;left:-9999px}ul.normal{list-style:none;margin:1em 0 1em .5em}ul.normal li{margin:0 0 .5em 0}ul.list_disc{list-style:disc;margin:1em 0 1em 1.5em}ul.list_disc.narrow li{margin:0 0 0 0}ul.list_disc li{margin:0 0 .5em 0}ul.list_square{list-style:square;margin:1em 0 1em 1.5em}ul.list_square li{margin:0 0 .5em 0}ul.list_decimal{list-style:decimal;margin:1em 0 1em 1.5em}ul.list_decimal li{margin:0 0 .5em 0}dl.list_date{overflow:hidden}dl.list_date dt{clear:left;float:left;margin:0 0 .5em 0em}dl.list_date dd{margin:0 0 .5em 9em}dl.list_date_narrow dt{clear:left;float:left;color:#000;margin:0 0 .5em 0;padding:.5em 0}dl.list_date_narrow dd{margin:0 0 .5em 7em;padding:.5em 0}dl.list_date_narrow dd a{text-decoration:none;color:#000}dl.list_date_narrow dd a:hover{text-decoration:underline}td.tbl_glay,th.tbl_glay{background-color:var(--dark4)}dl.list_asta dt{clear:left;float:left;width:1.5em;margin:0 0 .2em 0;padding:0}dl.list_asta dd{margin:0 0 .2em 1.5em;padding:0}dl.normal dt{font-weight:bold}dl.normal dd{font-weight:normal;margin:0 0 .2em 1em;padding:0}dl.normal dd:last-child{margin:0 0 1em 1em}table.normal_tbl{border-collapse:collapse;margin:0 0 30px 0}table.normal_tbl th{padding:.35em .6em .35em 0;vertical-align:top;white-space:nowrap}table.normal_tbl td{padding:.35em .6em;vertical-align:top}table.line_tbl{width:auto;margin:20px 0;border-collapse:collapse}table.line_tbl tr{border-top:solid 1px var(--border);border-left:solid 1px var(--border)}table.line_tbl tr th{background-color:var(--dark4);border-right:solid 1px var(--border);border-bottom:solid 1px var(--border);padding:10px 15px;text-align:center;vertical-align:middle;font-weight:bold}table.line_tbl tr th:last-child{border-right:none;border-bottom:solid 1px var(--border)}table.line_tbl tr td{background-color:#fff;border-right:solid 1px var(--border);border-bottom:solid 1px var(--border);padding:10px 15px;vertical-align:middle}@media screen and (max-width: 767px){table.sp_v th,table.sp_v td{width:100%;display:block}}table.nothwrap tr th{white-space:nowrap}.tab{display:flex;flex-wrap:wrap;width:100%;margin:2em auto;background:#efefef;border:1px solid #ccc}.input{position:absolute;opacity:0}.tab_label{width:auto;padding:10px 15px;background:#e5e5e5;cursor:pointer;font-weight:bold;font-size:16px;color:#7f7f7f;margin-bottom:0;transition:all .1s}.tab_label:hover{background:#d8d8d8}.tab_label:active{background:#ccc}@media screen and (max-width: 767px){.tab_label{width:100%}}.input:checked+.tab_label{background:#fff;color:#000;border:solid 1px var(--border)}.tab_panel{display:none;padding:20px 30px 30px;order:99}.tab_panel h3{font-size:16px}.tab_panel h4{font-size:14px}.tab_panel h5{font-size:14px;font-weight:normal}.honbun{margin:0 0 2em;overflow:hidden}.honbun p{margin:0 0 1em}.link_arrow_bottom{display:inline-block;border:solid 1px #ccc;margin:1em 0 2em;padding:.5em}.link_arrow_bottom:before{font-family:"FontAwesome";content:"";margin:0 .2em 0 0}.link_arrow_up{display:inline-block;border:solid 1px #ccc;margin:1em 0 2em;padding:.5em}.link_arrow_up:before{font-family:"FontAwesome";content:"";margin:0 .2em 0 0}.border_box{border:solid 1px #909090;margin:1em auto;padding:1em}/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:.8rem}h3.section_title{font-size:1.5rem;background:url(../../images/icon_title_bar_grade.svg) repeat-y left center;background-size:contain;margin:0 0 1.5rem 0;padding:0 0 0 1.5rem}@media screen and (max-width: 767px){h3.section_title{font-size:1.25rem;margin:0 0 1rem 0}}p{margin-bottom:.5rem}p:last-child{margin-bottom:0}/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */:root{--base-font-size: clamp(1rem, 0.875rem + 0.5vw, 1.25rem)}html{height:100%;font-size:var(--base-font-size)}body{opacity:0;animation:fadeIn 2s linear .1s forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}body{min-height:100vh;margin:0 auto 0;padding:0;text-align:left;font-family:"Noto Sans JP","sans-serif-ja-relaxed","Yu Gothic","游ゴシック体","Hiragino Sans ProN","ヒラギノ角ゴ ProN",sans-serif;line-height:1.6;font-size:1rem;font-weight:100;background-color:#fcfaf2;background-image:radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.6) 0%, transparent 40%),radial-gradient(circle at 75% 60%, rgba(240, 235, 220, 0.5) 0%, transparent 50%),radial-gradient(circle at 10% 85%, rgba(255, 255, 255, 0.7) 0%, transparent 35%),linear-gradient(45deg, rgba(230, 225, 210, 0.15) 25%, transparent 25%, transparent 75%, rgba(230, 225, 210, 0.15) 75%),linear-gradient(45deg, rgba(230, 225, 210, 0.15) 25%, transparent 25%, transparent 75%, rgba(230, 225, 210, 0.15) 75%);background-size:100% 100%,100% 100%,100% 100%,4px 4px,4px 4px;background-position:0 0,0 0,0 0,0 0,2px 2px}body a{text-decoration:none;background-color:rgba(0,0,0,0);color:var(--link);transition:all .3s}body a:hover{color:var(--link-hover);text-decoration:underline}body main{width:100%;padding:0 0 0}body main article{position:relative;padding:2rem 0}body main article section.cont{max-width:80rem;width:100%;margin:0 auto 2rem;padding:2rem 3rem 3rem}@media screen and (max-width: 767px){body main article section.cont{padding:2rem 1rem 3rem}}.btn{transition:all .3s}.btn:hover{opacity:.65}a#scroller{display:block;position:fixed;width:60px;height:60px;right:20px;bottom:15px;z-index:9500;opacity:.75;background:url(../../images/icon_arrow_cir_gray_up.svg) 0px 0px no-repeat;background-size:contain}@media screen and (max-width: 767px){a#scroller{width:40px;height:40px}}a.border_btn{font-size:1rem;display:inline-block;padding:.5rem 1.5rem;background-color:none;color:#fff;border:solid 1px var(--white, #fff);text-decoration:none;border-radius:.25rem;transition:background-color .3s}a.border_btn:hover{background-color:var(--dark3);text-decoration:none}.btn_collection{margin:0 0 2rem;padding:2rem 0 0;text-align:right}@media screen and (max-width: 1023px){.btn_collection{text-align:center}}.btn_collection a{background:url(../../images/icon_book_l.svg) .5rem center no-repeat;padding-left:4rem;transition:.3s}.btn_collection a:hover{background:url(../../images/icon_book_l.svg) .5rem center no-repeat var(--dark3)}.title_wrap{display:flex;justify-content:space-between;align-items:center;margin:0 0 2rem}.title_wrap h3.section_title{margin:0}.title_wrap a.title_btn{font-size:.8rem;border:solid 1px var(--border, #D3D3D3);padding:.5em 1.5em;background-color:#fff;border-radius:.25em;color:var(--text, #242020)}.title_wrap a.title_btn:hover{background-color:var(--gray, #D3D3D3);text-decoration:none}.title_wrap a.title_btn::before{content:">";margin-right:.5em}.title_wrap a.title_btn.book::before{content:url("../../images/icon_book.svg");margin-right:.5em;vertical-align:middle}@media screen and (max-width: 1023px){.title_wrap a.title_btn{flex-direction:column;align-items:flex-start;gap:1rem}}.post_list{list-style:none;margin:0;padding:0}.post_list li{border-bottom:1px solid var(--border, #D3D3D3)}.post_list li:last-child{border-bottom:none}.post_list li a{display:grid;grid-template-columns:60px 1fr;gap:1rem;align-items:center;padding:1rem 0;text-decoration:none;transition:opacity .3s}.post_list li a img.post_thumb{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.post_list li a .post_text_wrap{display:flex;justify-content:space-between;gap:1rem;align-items:center}.post_list li a .post_text_wrap .post_title{font-size:1rem;text-align:left}.post_list li a .post_text_wrap .post_date{text-align:right;font-size:.875rem;color:#999}.post_list li a:hover{opacity:.7}.breadcrumb{max-width:80rem;width:100%;font-size:.875rem;margin:0 auto 1rem;padding:0 3rem 0}@media screen and (max-width: 767px){.breadcrumb{padding:0 1rem 0}}.breadcrumb span{color:var(--link, #0d86b1)}.wp-pagenavi{margin:40px auto;font-size:17px;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--link)}@media screen and (max-width: 767px){.wp-pagenavi{font-size:12px}}.wp-pagenavi a{color:var(--link)}.wp-pagenavi span.current,.wp-pagenavi a.page{margin:0 10px 0 0;border:solid 1px var(--link);width:40px;height:40px;border-radius:4px;line-height:40px;text-align:center;box-sizing:border-box;justify-content:center;display:flex;align-items:center;transition:.3s}@media screen and (max-width: 767px){.wp-pagenavi span.current,.wp-pagenavi a.page{width:30px;height:30px;line-height:30px}}.wp-pagenavi span.current{border:none;background:var(--link);color:#fff}.wp-pagenavi a.page{background:none}.wp-pagenavi a.page:hover{background:var(--link);color:#fff}.wp-pagenavi .first,.wp-pagenavi .extend{margin-right:10px}.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink{display:none}.pagenation{text-align:center;margin:2rem auto;padding:.5em 1em;font-size:.875rem}.pagenation ul{list-style:none;display:inline-flex;gap:1rem}.pagenation ul li{width:-moz-fit-content;width:fit-content;min-width:2rem;height:2rem;line-height:2rem;padding:0 .1rem;border-radius:.3rem;transition:all .3s}.pagenation ul li:hover{border:solid 1px var(--white, #fff)}.pagenation ul li a{text-decoration:none;color:var(--white, #fff)}.pagenation ul li.active{border:solid 1px var(--link_hover, #fff)}.pagenation_box .page.smaller{font-size:.875rem}.pagenation_box .page.larger{font-size:.875rem}.collection_grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media screen and (max-width: 1023px){.collection_grid{grid-template-columns:1fr}}.collection_grid .collection_img img{width:100%;height:auto}.collection_grid .collection_text{font-size:1rem}.collection_grid .collection_text h3,.collection_grid .collection_text h4{margin:.5rem 0 1rem}/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */header{position:relative;overflow:visible;margin:0 auto 200px;padding:0}@media screen and (max-width: 1023px){header{margin:0 auto 100px}}@media screen and (max-width: 767px){header{margin:0 auto 40px}}header .index_slider{width:100%;height:435px;margin:0 auto}@media screen and (max-width: 1023px){header .index_slider{height:300px}}@media screen and (max-width: 767px){header .index_slider{height:120px}}header .index_slider .item{width:100%;height:435px;margin:0;padding:0}@media screen and (max-width: 1023px){header .index_slider .item{height:300px}}@media screen and (max-width: 767px){header .index_slider .item{height:120px}}header .index_slider .item img{width:100%;height:100%}header h1{position:absolute;display:grid;place-items:center;top:0;left:0;width:210px;height:435px;background-color:hsla(0,0%,100%,.5);margin:0 auto;padding:0 0 0}@media screen and (max-width: 1023px){header h1{width:150px;height:300px}}@media screen and (max-width: 767px){header h1{width:60px;height:120px}}header h1 a img{width:91px;height:320px}@media screen and (max-width: 1023px){header h1 a img{width:65px;height:230px}}@media screen and (max-width: 767px){header h1 a img{width:30px;height:100px}}header .menu_sw{position:absolute;top:40px;right:40px;z-index:1000;width:80px;height:88px;display:grid;place-items:center;cursor:pointer;background:url(../../images/icon_menu_open.svg) center center no-repeat;background-size:contain}@media screen and (max-width: 1023px){header .menu_sw{right:20px;top:20px;width:50px;height:55px}}header .menu_sw.active{background:url(../../images/icon_menu_close.svg) center center no-repeat;background-size:contain}header .menu_sw span{display:none}header nav.main-nav{display:none;position:absolute;top:0;left:0;width:100%;height:auto;margin:0 auto;padding:2rem 2rem;background-color:rgba(0,0,0,.8);border-radius:0 0 .25rem .25rem;box-shadow:0 4px 6px rgba(0,0,0,.3);z-index:999}@media screen and (max-width: 1023px){header nav.main-nav{padding:1rem 40px}}@media screen and (max-width: 767px){header nav.main-nav{padding:1rem 20px}}header nav.main-nav ul{list-style-type:none;display:flex;flex-direction:column;row-gap:.5rem;margin:0 0 2rem .5rem}@media screen and (max-width: 1023px){header nav.main-nav ul{margin:0 0 1rem 0}}header nav.main-nav ul li{font-size:1.1rem}header nav.main-nav ul li a{color:var(--white, #fff);text-decoration:none}header nav.main-nav ul li a:hover{color:var(--link_hover)}header nav.main-nav ul li.search_wrap{margin:1.4rem 0 0 0;padding:2rem 0 0;border-top:dashed 1px var(--light3)}@media screen and (max-width: 1023px){header nav.main-nav ul li.search_wrap{margin:.4rem 0 0 0}}header nav.main-nav ul li.search_wrap form{width:10rem;display:flex;align-items:center;border-radius:.25rem}header nav.main-nav ul li.search_wrap form input{width:100%;height:2rem;padding:.5rem;border:none;border-radius:.1rem;font-size:.8rem;line-height:1;background:#fff}header nav.main-nav ul li.search_wrap form input:focus{outline:none;background:#fff}header nav.main-nav ul li.search_wrap button{width:2.5rem;height:2rem;border:none;border-radius:.1rem;cursor:pointer;margin:0 2px 0 0;padding:0;display:flex;align-items:center;justify-content:center;background:url(../../images/icon_search.svg) center 50% no-repeat #fff}header a.zuroku_banner{position:absolute;display:block;z-index:900;right:40px;bottom:-100px;width:200px;height:200px;margin:0 auto;background:url(../../images/icon_book_r.svg) center 50% no-repeat;background-size:contain;cursor:pointer}header a.zuroku_banner span{display:none}@media screen and (max-width: 1023px){header a.zuroku_banner{right:20px;bottom:-60px;width:120px;height:120px}}@media screen and (max-width: 767px){header a.zuroku_banner{right:20px;bottom:-40px;width:80px;height:80px}}header a.zuroku_banner img{width:100%;height:auto}body:not(.home) header{margin:0 auto 50px}@media screen and (max-width: 767px){body:not(.home) header{margin:0 auto 40px}}body:not(.home) header .index_slider{height:200px}@media screen and (max-width: 767px){body:not(.home) header .index_slider{height:120px}}body:not(.home) header .index_slider .item{height:200px}@media screen and (max-width: 767px){body:not(.home) header .index_slider .item{height:120px}}body:not(.home) header .index_slider .item img{height:100%}body:not(.home) header h1{width:100px;height:200px}@media screen and (max-width: 767px){body:not(.home) header h1{width:60px;height:120px}}body:not(.home) header h1 a img{width:43px;height:153px}@media screen and (max-width: 767px){body:not(.home) header h1 a img{width:30px;height:100px}}body:not(.home) header a.zuroku_banner{display:none}/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */footer#footer{max-width:80rem;width:100%;margin:0 auto 3.5rem;padding:2rem 3rem 2rem;background:url(../../images/bg_watercolor_gray2.jpg) #f5f5f5;background-size:cover}@media screen and (max-width: 767px){footer#footer{padding:2rem 1rem 2rem}}footer#footer .footer_grid{display:grid;grid-template-columns:50px 1fr;gap:3rem}footer#footer .footer_grid h1{width:50px}footer#footer .footer_grid h1 a img{width:100%;height:auto}footer#footer .footer_grid nav.footer-nav{height:auto;margin:0 0 0;padding:0}footer#footer .footer_grid nav.footer-nav ul{list-style-type:none;display:flex;flex-direction:column;row-gap:.5rem;margin:0 0 2rem .5rem}@media screen and (max-width: 1023px){footer#footer .footer_grid nav.footer-nav ul{margin:0 0 1rem 0}}footer#footer .footer_grid nav.footer-nav ul li{font-size:1rem}footer#footer .footer_grid nav.footer-nav ul li a{text-decoration:none;color:var(--black, #000)}footer#footer .footer_grid nav.footer-nav ul li a:hover{color:var(--link_hover)}footer#footer .footer_grid nav.footer-nav ul li.search_wrap{margin:1rem 0 0 0;padding:1.5rem 0 0;border-top:dashed 1px var(--dark3)}@media screen and (max-width: 1023px){footer#footer .footer_grid nav.footer-nav ul li.search_wrap{margin:.4rem 0 0 0}}footer#footer .footer_grid nav.footer-nav ul li.search_wrap form{width:10rem;display:flex;align-items:center;border-radius:.25rem}footer#footer .footer_grid nav.footer-nav ul li.search_wrap form input{width:100%;height:2rem;padding:.5rem;border:solid 1px var(--border, #D3D3D3);border-radius:.1rem;font-size:.8rem;line-height:1;background:#fff}footer#footer .footer_grid nav.footer-nav ul li.search_wrap form input:focus{outline:none;background:#fff}footer#footer .footer_grid nav.footer-nav ul li.search_wrap button{width:2.5rem;height:2rem;border:solid 1px var(--border, #D3D3D3);border-radius:.1rem;cursor:pointer;margin:0 2px 0 0;padding:0 0 0;display:flex;align-items:center;justify-content:center;background:url(../../images/icon_search.svg) center 50% no-repeat #fff}footer#footer .copyright{text-align:center;font-size:.875rem;margin:1rem 0 0}/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */section#index_collection{padding-top:0rem}section#index_zuroku{background-color:var(--dark3, #f5f5f5);background:url(../../images/bg_watercolor_blue.jpg);background-size:cover;background-position:center center}section#index_zuroku .zuroku_lead{font-size:1rem;margin:0 0 2rem}section#index_zuroku .zuroku_grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:1rem}@media screen and (max-width: 1023px){section#index_zuroku .zuroku_grid{grid-template-columns:repeat(3, 1fr)}}section#index_zuroku .zuroku_grid a.zuroku_link{display:block;padding:0 0;aspect-ratio:1;background-color:blue}section#index_zuroku .zuroku_grid a.zuroku_link img{border-radius:5px;width:100%;height:100%}/*!
 * ============================================================
 * このCSSファイルは自動生成されています
 * 直接編集しないでください
 *
 * スタイルを修正する場合は以下のSCSSファイルを編集してください：
 * common/css/ 以下の各パーシャルファイル
 *
 * コンパイル方法:
 * npx sass --watch common/css/style.scss:common/css/style.css
 * ============================================================
 */figure img{display:block;margin:0 auto;width:100%;max-width:800px;height:auto}nav.pagination{clear:both;overflow:hidden;margin:0 auto;padding:0 20px 0;text-align:center}nav.pagination .pagination__list{display:flex;justify-content:center;align-items:center;gap:6px;list-style:none;margin:0;padding:0}nav.pagination .pagination__list .pagination__item a,nav.pagination .pagination__list .pagination__item span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;text-decoration:none;color:#333;transition:background-color .2s,color .2s,border-color .2s}@media screen and (max-width: 1023px){nav.pagination .pagination__list .pagination__item a,nav.pagination .pagination__list .pagination__item span{font-size:.9rem}}@media screen and (max-width: 767px){nav.pagination .pagination__list .pagination__item a,nav.pagination .pagination__list .pagination__item span{min-width:30px;height:30px;font-size:.75rem}}nav.pagination .pagination__list .pagination__item a:hover{background-color:#f0f0f0;border-color:#aaa}nav.pagination .pagination__list .pagination__item span.current{background-color:#fff;border-color:var(--secondary, #4195ca);color:var(--secondary, #4195ca);pointer-events:none}nav.pagination .pagination__list .pagination__item span.dots{border:none;color:#aaa;pointer-events:none;min-width:auto;padding:0 4px}nav.pagination .pagination__list .pagination__item a[rel=prev],nav.pagination .pagination__list .pagination__item a[rel=next]{padding:0 16px;font-size:13px}.page_title_wrap{max-width:80rem;width:100%;margin:0 auto 2rem;padding:0 3rem 0}@media screen and (max-width: 767px){.page_title_wrap{margin:0 0 1.5rem;padding:0 1rem 0}}.page_title_wrap h1.page_title{font-size:2.5rem}@media screen and (max-width: 767px){.page_title_wrap h1.page_title{font-size:2rem}}.page_title_wrap H2.page_subtitle{font-size:1.5rem}@media screen and (max-width: 767px){.page_title_wrap H2.page_subtitle{font-size:1.2rem}}.page_title_wrap .page_date{font-size:.8rem;color:var(--dark2, #666);margin:0 0 0}ul.collection_list{display:grid;grid-template-columns:repeat(3, 1fr);-moz-column-gap:2rem;column-gap:2rem;row-gap:2rem;list-style-type:none}@media screen and (max-width: 767px){ul.collection_list{grid-template-columns:repeat(2, 1fr)}}ul.collection_list li.item{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:.5rem;text-decoration:none}ul.collection_list li.item a.item_link img.item_thumb{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;aspect-ratio:16/9;border-radius:.3rem;overflow:hidden}ul.collection_list li.item a.item_link img.item_thumb img{width:100%;height:100%}ul.collection_list li.item a.item_link h3.item_title{font-size:1rem;margin:0 0 .5rem}ul.collection_list li.item ul.item_cat{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin:0 0 0 0;padding:0;list-style-type:none}ul.collection_list li.item ul.item_cat li a.cat_link{display:block;font-size:.75rem;color:var(--dark1, #333);text-decoration:none;padding:.1rem .6rem;border-radius:.3rem;border:solid 1px var(--dark3, #666);background-color:var(--dark4, #f5f5f5)}ul.collection_list li.item ul.item_cat li a.cat_link:hover{color:var(--link_hover)}.category_list_wrap{width:100%;max-width:800px;margin:0 auto 2rem;padding:1rem 3rem;border:solid 1px var(--dark3, #666);border-radius:.3rem}@media screen and (max-width: 767px){.category_list_wrap{padding:1rem 1rem}}.category_list_wrap h3{font-size:1rem;margin:0 0 1rem;text-align:center}.category_list_wrap ul.category_list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;list-style-type:none}.category_list_wrap ul.category_list li a.cat_link{display:block;font-size:.75rem;color:var(--dark1, #333);text-decoration:none;padding:.1rem .6rem;border-radius:.3rem;border:solid 1px var(--dark3, #666);background-color:var(--dark4, #f5f5f5)}.category_list_wrap ul.category_list li a.cat_link:hover{color:var(--link_hover)}