@charset "UTF-8"; /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ @import url(base.css); /* Googleフォント推奨（に記載） */ @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap"); /* line 12, ../sass/screen.scss */ body { /* ============================== Keyframes（元の位置を維持） ============================== */ /* ============================== レイアウト・コンテナ ============================== */ /* ============================== 一覧（News/Events/Topics） ============================== */ /* ============================== WP-Members / フォーム周辺 ============================== */ /* ============================== カテゴリ・UI パーツ ============================== */ /* ============================== フォントユーティリティ ============================== */ /* ============================== ユーティリティ ============================== */ } @keyframes fadeInAnime { from { opacity: 0; } to { opacity: 1; } } /* line 25, ../sass/screen.scss */ body #content { width: 100vw; margin: 0; margin-bottom: 10%; max-width: 100vw; } /* line 32, ../sass/screen.scss */ body #content ul li { margin-bottom: 1em; } /* line 38, ../sass/screen.scss */ body header.page-header { text-align: center; padding: 30px 15px; color: #8b1414; } /* line 44, ../sass/screen.scss */ body .page-content { margin: auto; width: 96%; max-width: 1280px; padding: 2%; background: #ffffff; } /* line 52, ../sass/screen.scss */ body .page-header .entry-title, body .site-footer .footer-inner, body .site-footer:not(.dynamic-footer), body .site-header .header-inner, body .site-header:not(.dynamic-header), body body:not([class*=elementor-page-]) .site-main { max-width: 100% !important; } /* line 68, ../sass/screen.scss */ body #events-container, body #news-container, body #topics-container { display: flex; flex-wrap: wrap; gap: 2%; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 200; font-style: normal; } /* line 79, ../sass/screen.scss */ body #events-container .news-item-wrap, body #events-container .events-item-wrap, body #news-container .news-item-wrap, body #news-container .events-item-wrap, body #topics-container .news-item-wrap, body #topics-container .events-item-wrap { display: flex; width: 100%; } /* line 85, ../sass/screen.scss */ body #events-container .news-item-wrap .img img, body #events-container .events-item-wrap .img img, body #news-container .news-item-wrap .img img, body #news-container .events-item-wrap .img img, body #topics-container .news-item-wrap .img img, body #topics-container .events-item-wrap .img img { aspect-ratio: 16/8; object-fit: cover; width: 100%; } /* line 90, ../sass/screen.scss */ body #events-container .news-item-wrap .img img:hover, body #events-container .events-item-wrap .img img:hover, body #news-container .news-item-wrap .img img:hover, body #news-container .events-item-wrap .img img:hover, body #topics-container .news-item-wrap .img img:hover, body #topics-container .events-item-wrap .img img:hover { transition-duration: 100ms; transform: scale(1.005); } /* line 97, ../sass/screen.scss */ body #events-container .news-item-wrap .topics-title, body #events-container .events-item-wrap .topics-title, body #news-container .news-item-wrap .topics-title, body #news-container .events-item-wrap .topics-title, body #topics-container .news-item-wrap .topics-title, body #topics-container .events-item-wrap .topics-title { color: #f2f2f2; } /* line 101, ../sass/screen.scss */ body #events-container .news-item-wrap .title, body #events-container .events-item-wrap .title, body #news-container .news-item-wrap .title, body #news-container .events-item-wrap .title, body #topics-container .news-item-wrap .title, body #topics-container .events-item-wrap .title { padding: 0; } /* line 104, ../sass/screen.scss */ body #events-container .news-item-wrap .title a, body #events-container .events-item-wrap .title a, body #news-container .news-item-wrap .title a, body #news-container .events-item-wrap .title a, body #topics-container .news-item-wrap .title a, body #topics-container .events-item-wrap .title a { text-decoration: none; color: #f2f2f2; } /* line 110, ../sass/screen.scss */ body #events-container .news-item-wrap .time, body #events-container .events-item-wrap .time, body #news-container .news-item-wrap .time, body #news-container .events-item-wrap .time, body #topics-container .news-item-wrap .time, body #topics-container .events-item-wrap .time { display: flex; gap: 20px; font-size: 15px; padding: 0; color: #f2f2f2; } /* line 118, ../sass/screen.scss */ body #events-container .news-item-wrap .news-item, body #events-container .events-item-wrap .news-item, body #news-container .news-item-wrap .news-item, body #news-container .events-item-wrap .news-item, body #topics-container .news-item-wrap .news-item, body #topics-container .events-item-wrap .news-item { display: flex; color: #f2f2f2; align-items: center; justify-content: center; gap: 20px; font-size: 16px; width: 100%; } /* line 134, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item, body:not(.home) #news-container .events-item-wrap .news-item { display: flex; align-items: center; } /* line 138, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item .img, body:not(.home) #news-container .events-item-wrap .news-item .img { width: 30%; } /* line 142, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item .news-item-container, body:not(.home) #news-container .events-item-wrap .news-item .news-item-container { flex: 1; } /* line 156, ../sass/screen.scss */ body.home #events-container .news-item-wrap .news-item, body.home #events-container .events-item-wrap .news-item, body.home #news-container .news-item-wrap .news-item, body.home #news-container .events-item-wrap .news-item, body.home #topics-container .news-item-wrap .news-item, body.home #topics-container .events-item-wrap .news-item { /* 余白保持用：空だが階層を明示 */ } /* line 157, ../sass/screen.scss */ body.home #events-container .news-item-wrap .time, body.home #events-container .events-item-wrap .time, body.home #news-container .news-item-wrap .time, body.home #news-container .events-item-wrap .time, body.home #topics-container .news-item-wrap .time, body.home #topics-container .events-item-wrap .time { padding: 0; } /* line 163, ../sass/screen.scss */ body #picup-block img { width: 100%; height: 100%; object-fit: cover; } /* line 171, ../sass/screen.scss */ body .pagination .page-numbers { display: flex; justify-content: space-around; list-style-type: none; gap: 3em; } /* line 182, ../sass/screen.scss */ body #wpmem_restricted_msg { margin-top: 3em; } /* line 184, ../sass/screen.scss */ body #wpmem_login, body #wpmem_reg { width: 80%; margin: auto; } /* line 191, ../sass/screen.scss */ body #wpmem_reg fieldset { position: relative; padding-top: 4em; width: 100%; } /* line 197, ../sass/screen.scss */ body #wpmem_reg legend { display: none; } /* line 200, ../sass/screen.scss */ body #wpmem_reg .reg-row label { width: 25%; } /* line 201, ../sass/screen.scss */ body #wpmem_reg .reg-row .div_text, body #wpmem_reg .reg-row .div_textarea { width: 75%; } /* line 205, ../sass/screen.scss */ body #wpmem_reg .req-text { position: absolute; top: 0; left: 0; } /* line 212, ../sass/screen.scss */ body .entry-form { width: 80%; padding: 5%; background: #fafafa; margin: auto; border-radius: 20px; } /* line 220, ../sass/screen.scss */ body .form-row { display: flex; flex-direction: column; } /* line 224, ../sass/screen.scss */ body .form-row .form-index { padding: 1.4em 0 .4em; font-size: 1.4em; } /* line 228, ../sass/screen.scss */ body .form-row .form-index label { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; } /* line 236, ../sass/screen.scss */ body .form-row .form-index label span { font-size: 70%; color: #2778be; } /* line 243, ../sass/screen.scss */ body .form-row [type=checkbox] { transform: scale(1.5); } /* line 247, ../sass/screen.scss */ body .form-row .file-pickup { padding: 0 .4em 1em; } /* line 250, ../sass/screen.scss */ body .form-row .file-pickup .pickup-item { display: flex; align-items: center; } /* line 254, ../sass/screen.scss */ body .form-row .file-pickup .pickup-item span { width: calc(100% - 2em); } /* line 257, ../sass/screen.scss */ body .form-row .file-pickup [id$=-file] { display: none; margin-top: 1em; margin-left: 1.4em; } /* line 265, ../sass/screen.scss */ body #contact-form { margin-top: 2%; } /* line 267, ../sass/screen.scss */ body #contact-form label { display: flex; align-items: center; } /* line 271, ../sass/screen.scss */ body #contact-form label span { margin-left: 20px; font-size: 80%; color: #FC3F19; } /* line 279, ../sass/screen.scss */ body [type=reset] { display: inline-block; font-weight: 400; color: #c36; text-align: center; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid #c36; padding: 0.5rem 1rem; border-radius: 3px; transition: all .3s; } /* line 295, ../sass/screen.scss */ body [type=rest]:focus, body [type=reset]:hover { color: #fff; background-color: #c36; text-decoration: none; } /* line 302, ../sass/screen.scss */ body input[type=date], body input[type=email], body input[type=number], body input[type=password], body input[type=search], body input[type=tel], body input[type=text], body input[type=url], body select, body textarea { border: 1px solid #ccc; background: #e6e6e6; } /* line 316, ../sass/screen.scss */ body .btn { margin-top: 2em; text-align: center; } /* line 320, ../sass/screen.scss */ body .btn span { display: block; } /* line 322, ../sass/screen.scss */ body .btn input { border: none; padding: 0.6em 2em; font-size: 18px; font-weight: bold; color: #333; box-shadow: none; background: #e6e6e6; font-family: "Shippori Mincho", serif !important; font-weight: 500 !important; font-style: normal !important; } /* line 334, ../sass/screen.scss */ body .btn input:hover, body .btn input:focus { color: #fff; outline: none; background: #333; } /* line 344, ../sass/screen.scss */ body .elementor-editor-active .entry-form { display: none; } /* line 351, ../sass/screen.scss */ body .cat-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } /* line 360, ../sass/screen.scss */ body .cat-badge a { display: inline-block; padding: 6px 10px; border-radius: 6px; font-size: 0.875rem; line-height: 1; text-decoration: none; transition: transform 0.12s ease, filter 0.12s ease; } /* line 369, ../sass/screen.scss */ body .cat-badge a:hover { transform: translateY(-1px); filter: brightness(1.05); } /* line 376, ../sass/screen.scss */ body footer a { color: #f2f2f2; } /* line 379, ../sass/screen.scss */ body footer a:hover { color: #fffaaa; } /* line 386, ../sass/screen.scss */ body .shippori-mincho-regular { font-family: "Shippori Mincho", serif !important; font-weight: 400 !important; font-style: normal !important; } /* line 391, ../sass/screen.scss */ body .shippori-mincho-medium { font-family: "Shippori Mincho", serif !important; font-weight: 500 !important; font-style: normal !important; } /* line 396, ../sass/screen.scss */ body .shippori-mincho-semibold { font-family: "Shippori Mincho", serif !important; font-weight: 600 !important; font-style: normal !important; } /* line 401, ../sass/screen.scss */ body .shippori-mincho-bold { font-family: "Shippori Mincho", serif !important; font-weight: 700 !important; font-style: normal !important; } /* line 406, ../sass/screen.scss */ body .shippori-mincho-extrabold { font-family: "Shippori Mincho", serif !important; font-weight: 800 !important; font-style: normal !important; } /* line 412, ../sass/screen.scss */ body .cormorant-garamond-300 { font-family: "Cormorant Garamond", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; } /* line 418, ../sass/screen.scss */ body .cormorant-garamond-400 { font-family: "Cormorant Garamond", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } /* line 424, ../sass/screen.scss */ body .cormorant-garamond-500 { font-family: "Cormorant Garamond", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; } /* line 430, ../sass/screen.scss */ body .cormorant-garamond-600 { font-family: "Cormorant Garamond", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; } /* line 436, ../sass/screen.scss */ body .cormorant-garamond-700 { font-family: "Cormorant Garamond", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; } /* line 446, ../sass/screen.scss */ body .bd-r1 { border-right-style: solid !important; } /* line 448, ../sass/screen.scss */ body .accordion-menu { display: flex; align-items: center; } /* line 452, ../sass/screen.scss */ body .accordion-menu span { font-size: 16px; } /* line 456, ../sass/screen.scss */ body .post-list-mgn01 ul { padding-left: 1.5em; } /* line 459, ../sass/screen.scss */ body .post-list-mgn01 ul li::marker { padding: 0; margin: 0; } /* ========================================= メディアクエリ ========================================= */ @media screen and (max-width: 768px) { /* line 471, ../sass/screen.scss */ body { /* 一覧 */ overflow-x: hidden; margin: 0; padding: 0; } /* line 474, ../sass/screen.scss */ body #news-container, body #topics-container { row-gap: 0px; } /* line 480, ../sass/screen.scss */ body #news-container .elementor-widget-container .news-item-wrap, body #news-container.page-content .news-item-wrap, body #topics-container .elementor-widget-container .news-item-wrap, body #topics-container.page-content .news-item-wrap { width: 100%; } /* line 484, ../sass/screen.scss */ body #news-container.page-content, body #topics-container.page-content { row-gap: 0px; } /* line 490, ../sass/screen.scss */ body #news-container.page-content .elementor-widget-container .news-item-wrap, body #news-container.page-content.page-content .news-item-wrap, body #topics-container.page-content .elementor-widget-container .news-item-wrap, body #topics-container.page-content.page-content .news-item-wrap { width: 100%; } /* line 496, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap, body:not(.home) #news-container .events-item-wrap { gap: 0; } /* line 500, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item, body:not(.home) #news-container .events-item-wrap .news-item { display: flex; flex-direction: column; align-items: center; margin-bottom: 3em; } /* line 506, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item .img, body:not(.home) #news-container .events-item-wrap .news-item .img { width: 100%; } /* line 507, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item .time, body:not(.home) #news-container .events-item-wrap .news-item .time { width: 100%; } /* line 508, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item .title, body:not(.home) #news-container .events-item-wrap .news-item .title { width: 100%; } /* line 510, ../sass/screen.scss */ body:not(.home) #news-container .news-item-wrap .news-item .news-item-container, body:not(.home) #news-container .events-item-wrap .news-item .news-item-container { width: 100%; flex: 1; justify-content: start; align-items: flex-start; } /* line 527, ../sass/screen.scss */ body.home #events-container .news-item-wrap .news-item, body.home #events-container .events-item-wrap .news-item, body.home #news-container .news-item-wrap .news-item, body.home #news-container .events-item-wrap .news-item, body.home #topics-container .news-item-wrap .news-item, body.home #topics-container .events-item-wrap .news-item { display: flex; gap: 0px; flex-direction: column; padding: 20px; align-items: flex-start; } /* line 534, ../sass/screen.scss */ body.home #events-container .news-item-wrap .title, body.home #events-container .events-item-wrap .title, body.home #news-container .news-item-wrap .title, body.home #news-container .events-item-wrap .title, body.home #topics-container .news-item-wrap .title, body.home #topics-container .events-item-wrap .title { width: 100%; line-height: 1; } /* line 535, ../sass/screen.scss */ body.home #events-container .news-item-wrap .time, body.home #events-container .events-item-wrap .time, body.home #news-container .news-item-wrap .time, body.home #news-container .events-item-wrap .time, body.home #topics-container .news-item-wrap .time, body.home #topics-container .events-item-wrap .time { width: 100%; } /* line 540, ../sass/screen.scss */ body .elementor-widget-heading.section-title .elementor-heading-title.elementor-size-xxl { font-size: 140%; font-weight: 600; } /* line 545, ../sass/screen.scss */ body .flex-mobile-fd-c { flex-direction: row; } /* line 547, ../sass/screen.scss */ body .entry-form { width: 100%; } /* line 549, ../sass/screen.scss */ body .btn { margin-top: 2em; } /* line 552, ../sass/screen.scss */ body .btn input { border: 3px solid #006097; border-radius: 1.6em; padding: 0.4em 1em; font-size: 18px; font-weight: bold; color: #006097; box-shadow: none; } /* line 561, ../sass/screen.scss */ body .btn input:hover, body .btn input:focus { background: #006097; color: #fff; outline: none; } }