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;
}
}