html { background: white; } body { margin: 0; } html,body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family:"游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; font-style: normal; font-size: 16px; line-height: 2.0em; letter-spacing: 0.05em; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } select { text-transform: none; } button { overflow: visible; } button, input, select, textarea { max-width: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; opacity: .5; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } #breadcrumbs{ font-size: 12px; margin: 4 auto; text-align: center; } #breadcrumbs a{ text-decoration: none; } body, button, input, select, textarea { color: #444; font-size: 16px; font-size: 1rem; line-height: 1.75; } h1.entry-title { display: var(--page-title-display); font-size: 30px; margin: 0 auto; padding: 1rem 2rem; text-align: center; border-bottom: 1px solid #ccc; background: #dedede;} h2 { font-size: 24px; line-height: 1em; font-weight: bold; letter-spacing: 0.02em; padding: 1% 3%; color: white ; -moz-border-radius:10px ; -webkit-border-radius:10px; border-radius:10px; } h3 { border-bottom: 1px dashed #a49c9c !important; font-size: 20px ; color: #937100; padding-bottom: 10px !important; } .content-area { width: auto; margin: 0 auto; } @media screen and (max-width: 980px) { .content-area, .sidebar { float: none; width: auto; } .entry-header{ font-weight: bold; font-size:20px !important; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 15px; background: #dedede; } h1.entry-title{ margin: 0 auto; font-size: 20px !important; padding: 10px 2% !important ; max-width: 1140px; } h2{ padding:5% ; } } dfn, cite, em, i { font-style: italic; } blockquote { border: 1px solid #ccc; border-radius: 10px; background: #efefef; color: #666666; font-size: 85%; line-height: 1.8em; overflow: hidden; padding: 2.7% 3.2%; margin: 1.5% 0; } address { font-style: italic; margin: 0 0 1.75em; } code, kbd, tt, var, samp { font-family: Inconsolata, monospace; } pre { border: 1px solid #d1d1d1; color: #555555; font-size: 16px; font-size: 1rem; line-height: 1.8; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: #f3eabb } code { background-color: #d1d1d1; padding: 0.125em 0.25em; } abbr, acronym { border-bottom: 1px dotted #d1d1d1; cursor: help; } mark, ins { background: #007acc; color: #fff; padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 125%; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { } hr { background-color: #d1d1d1; border: 0; height: 1px; margin: 0 0 1.75em; } ul, ol { margin: 0 0 1.75em 1.25em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; margin-left: 1.5em; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } img { height: auto; max-width: 100%; vertical-align: middle; } del { opacity: 0.8; } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4375em; } caption { font-size: 80%; opacity: 0.8; } ::-webkit-input-placeholder { color: #686868; } :-moz-placeholder { color: #686868; } ::-moz-placeholder { color: #686868; opacity: 1; } :-ms-input-placeholder { color: #686868; } .all_news{ font-size: 14px; margin-top: 10px; text-align: right; } #newsbox_t li{ background: #fcf8f8; margin-bottom: 15px; border: 1px solid #dcc3c3; padding: 3.5%; list-style-type: none; } #newsbox_t li:after{ clear: both; content: ""; clear: both; height: 0; display: block; visibility: hidden; } #newsbox_t time{ font-size: 80%; letter-spacing: 0.1em; } #newsbox_t .lcat{ box-sizing: border-box; font-size: 80%; background: #d01a1a; display: inline-block; color: white !important; padding: 3px 15px; line-height: 1em; text-align: center; margin: 0 0 10px; letter-spacing: 0.1em; } #newsbox_t .img{ display: block; width: 40%; float: left; padding: 0 3% 0 0; } #newsbox_t .desc{ display: block; width: 60%; float: right; } #newsbox_t .title{ font-size: 19px; display: block; color: #3b1203; line-height: 1.4em; margin-bottom: 10px; font-weight: 800; font-feature-settings : "palt"; letter-spacing: -0.00em; } #newsbox_t .content{ font-size: 80%; display: block; color: #1f1f1f; } ul.newsbox{ margin: 0; padding: 0; list-style-type: none; } .newsbox li{ border-bottom: 1px dashed #ccc; padding: 8px 0; } .newsbox .lcat{ -moz-border-radius:10px ; -webkit-border-radius:10px ; border-radius:10px; font-size: 80%; background: #1074b6; display: inline-block; color: white !important; min-width: 130px; padding: 6px 6px; line-height: 1em; text-align: center; margin: 0 5px; } .newsbox .lcats4 { background: #5cbc00 !important; } .newsbox .lcats7 { background: #e33d93 !important; } .newsbox .lcats8 { background: #5cbc00 !important; } .newsbox .lcats11 { background: #f60 !important; } .newsbox .lcats17 { background: #f60 !important; } #idx_items .box { width: 31.3%; margin: 1.0%; border: 1px solid #222; height: 250px; float: left; box-sizing: border-box; position: relative; overflow: hidden; -moz-border-radius:10px ; -webkit-border-radius:10px ; border-radius:10px; background: #f3d0ed; } #idx_items .box .img{ height: 140px; background: #efefef; border-bottom: 1px solid #ccc; overflow: hidden; } #idx_items .box .desc{ padding: 5%; } #idx_items .box .desc a{ color: #e80047; line-height: 1.2em; } #idx_items .box .btn{ position: absolute; bottom: 0%; margin: 0 auto; left: 0; right: 0; background: #e80047; color: white; font-size: 12px; padding: 3%; text-align: right; } #idx_news{ padding: 30px 0; } #idx_news .title{ width: 250px; border: 1px solid #777; padding: 40px; text-align: center; float: left; font-size:14px; letter-spacing: 0.2em; } #idx_news .desc{ float: right; width: 750px; } #idx_news dl{ border-bottom: 1px dotted #777; padding: 5px 0; margin: 0; } #idx_news dt{ display: inline-block; width: 150px; color: #aaa; } #idx_news dd{ display: inline-block; margin-bottom: 0; } #idx_news dd a{ color: #f90; } .site .skip-link { background-color: white; color: #20759c; display: block; font-size: 14px; font-weight: 700; left: -9999em; outline: none; padding: 15px 23px 14px; text-decoration: none; text-transform: none; top: -9999em; } .logged-in .site .skip-link { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); } .site .skip-link:focus { clip: auto; height: auto; left: 6px; top: 7px; width: auto; z-index: 100000; } .clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after { content: ""; display: table; } .clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after { clear: both; } .flex-outbox { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; gap: 0px 10px; } #flex-content { width: 75%; } #flex-sidebar { width: 22%; } @media print { form, button, input, select, textarea, .navigation, .main-navigation, .social-navigation, .sidebar, .content-bottom-widgets, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link { display: none; } body, blockquote cite, blockquote small, pre, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content .author-title { font-size: 12pt; } blockquote { font-size: 14.25pt; } .site-title, .page-title, .comments-title, .entry-content h2, .entry-summary h2, .comment-content h2, .widecolumn h2 { font-size: 17.25pt; } .site-description { display: block; } .entry-title { font-size: 24.75pt; line-height: 1.2727272727; margin-bottom: 1.696969697em; } .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 17.25pt; line-height: 1.304347826; margin-bottom: 1.826086957em; } .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 21pt; } .entry-content h3, .entry-summary h3, .comment-content h3, body:not(.search-results) .entry-summary { font-size: 14.25pt; } .site-description, .author-bio, .entry-footer, .sticky-post, .taxonomy-description, .entry-caption, .comment-metadata, .comment-notes, .comment-awaiting-moderation, .site-info, .wp-caption .wp-caption-text, .gallery-caption { font-size: 9.75pt; } body, .site { background: none !important; } body, blockquote cite, blockquote small, .site-branding .site-title a, .entry-title a, .comment-author { color: #1a1a1a !important; } blockquote, .page-header, .comments-title { border-color: #1a1a1a !important; } blockquote, .site-description, body:not(.search-results) .entry-summary, body:not(.search-results) .entry-summary blockquote, .author-bio, .entry-footer, .entry-footer a, .sticky-post, .taxonomy-description, .entry-caption, .comment-author, .comment-metadata a, .comment-notes, .comment-awaiting-moderation, .site-info, .site-info a, .wp-caption .wp-caption-text, .gallery-caption { color: #686868 !important; } code, hr { background-color: #d1d1d1 !important; } pre, abbr, acronym, table, th, td, .author-info, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments { border-color: #d1d1d1 !important; } a { color: #007acc !important; } .entry-content a, .entry-summary a, .taxonomy-description a, .comment-content a, .pingback .comment-body > a { box-shadow: none; border-bottom: 1px solid #007acc !important; } .site { margin: 5%; } .site-header { padding: 0 0 1.75em; } .site-branding { margin-top: 0; margin-bottom: 1.75em; } .site-main { margin-bottom: 3.5em; } .entry-header, .entry-footer, .page-header, .page-content, .entry-content, .entry-summary, .post-thumbnail, .comments-area { margin-right: 0; margin-left: 0; } .post-thumbnail, .site-main > article { margin-bottom: 3.5em; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { border-width: 4px 0 0 0; padding: 0.9473684211em 0 0; width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); } body:not(.search-results) .entry-header + .entry-summary { margin-top: -1.473684211em; } .site-footer, .widecolumn { padding: 0; } }