html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

html{scroll-behavior:smooth}
body{line-height:1}
a{text-decoration-skip-ink:auto}
a[href^="tel"]{color:inherit;text-decoration:none}
button{outline:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
q{display:inline;font-style:italic}
q:before{content:'"';font-style:normal}
q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}
input[type="search"]{-webkit-appearance:textfield}
table{border-collapse:collapse;border-spacing:0}
th,td{padding:2px}
big{font-size:120%}
small,sup,sub{font-size:80%}
sup{vertical-align:super}
sub{vertical-align:sub}
dd{margin-left:20px}
kbd,tt{font-family:courier;font-size:12px}
ins{text-decoration:underline}
del,strike,s{text-decoration:line-through}
dt{font-weight:bold}
address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/* -------------------------------- */






/* ---- フォームリセット ---- */

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}





/* ---- フォームカスタマイズ ---- */

.radio label {
  position: relative;
  padding-left: 1.25em;
  margin-right: 1em;
}

.radio label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #eee;
}

.radio input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #A66970;
  border-radius: 50%;
}

input, textarea {border:1px solid #dddddd; border-radius:5px; width:100%; background:#ffffff;}
input.wpcf7-submit {border:0px none black; width:50%; color:white; padding:0.5rem 0; margin-bottom:2rem; background:#777777;}
input.wpcf7-submit:hover {background:#444444;}

/* -------------------------------- */


















@media (min-width:1040px) {.container {padding:0;} #content {flex-direction:row;} #content-body, #page-content, #single-content {order:2; width:640px;} #footer-content {width:640px; margin:0 auto;}}

@media (max-width:1039px) {.container {padding:0 20px;} #content {flex-direction:column;} #content-body, #page-content, #single-content {order:1; width:100%;} #footer-content {max-width:640px; width:100%; margin:0 auto;} #sidebar-main {text-align:left; order:2;} #sidebar-sub {order:3;} #content {max-width:640px;} footer hr {border-top:1px solid rgba(0,0,0,0.1); margin:0 0 1rem 0;}}








body{color:#777777; font-weight:lighter; font-family:Arial, Helvetica, sans-serif; background:#f7f7f7;}
h1{font-size:14pt; font-weight:normal;}
h2{font-size:13pt; font-weight:normal;}
h3{font-size:12pt; font-weight:normal;}
h1, h2,h3 {color:#333333; margin-bottom:0.25rem;}
h1.page-title {margin-bottom:0.75rem; color:black; font-weight:bold;}
p, pre {line-height:1.5rem; font-size:11pt;}

section p {margin-bottom:1rem;}


#header-body {max-width:640px; display:flex; align-items:stretch; justify-content:space-between; margin:0 auto;}
h1.site-title {margin:0;}
h1.site-title a {color:black; text-decoration:none; font-family:"Times New Roman", Times, serif;}

.global-nav ul.menu {}
.global-nav li {display: inline-block;}
.global-nav li a {font-size:9pt; margin-left:0.5rem;}
h1.site-title {order:1;}
div.global-nav {order:2; text-align:right;}


hr {border-top:1px solid rgba(0,0,0,0.1); margin:2rem 0;}


a {color:black; text-decoration:none;}
#sample a:hover {color:#555555; text-decoration:underline; background:red;}




img{border-radius:3px;}

.protector{
display:block;
width:100%; height:100%;
position:absolute;
opacity:0;
}






#content-wrap {padding-top:3.5rem;}

.container {margin:0 auto;}

header {display:block; width:100%; padding:1rem 0; border-bottom:1px solid rgba(0,0,0,0.1); position:fixed; z-index:100; background:rgba(255,255,255,0.7); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px);}

#content {padding-top:1rem; display:flex; align-items:stretch; justify-content:space-between; margin:0 auto;}


















/* Widgets area */
/*
#top-widgets {background:aqua;}
#sidebar-main {background:lime;}
#sidebar-sub {background:tan;}
#footer-widgets {background:yellow;}
*/

#top-area li {list-style: none;}
#top-area {position:relative;}
#top-area img {width:100%; height:480px; object-fit:cover; margin-bottom:0.75rem;}

#top-widgets li {list-style: none;}

#sidebar-main li, #sidebar-sub li, #footer-widgets li {list-style: none; line-height:1rem;  margin-bottom:0.5rem;}
#sidebar-main li:last-child, #sidebar-sub li:last-child, #footer-widgets li:last-child {margin-bottom:0;}


#sidebar-main h2, #sidebar-sub h2, #footer-widgets h2 {font-size:11pt; font-weight:normal; margin:0 0 0.75rem 0;}
#sidebar-main img, #sidebar-sub img {border-radius:3px;}


#footer-widgets {max-width:640px; margin:0 auto;}


@media (min-width:1040px) {
#sidebar-main {text-align:right; order:1;} #sidebar-sub {order:3;} #content {width:1040px;} #sidebar-main, #sidebar-sub {width:200px; padding:0 20px;} #sidebar-main {border-bottom:0px none rgba(0,0,0,0);} #sidebar-main li, #sidebar-sub li {font-size:9pt;} #footer-widgets li {font-size:11pt;} #footer-widgets {width:100%; padding:0 0 1rem 0; margin:0 0 1rem 0; border-bottom:1px solid rgba(0,0,0,0.1);} footer hr {display:none;}}

@media (max-width:1039px) {
#sidebar-main, #sidebar-sub, #footer-widgets {width:100%; padding:0 0 1rem 0; margin:0 0 1rem 0;} #sidebar-main, #sidebar-sub {border-bottom:1px solid rgba(0,0,0,0.1); margin:0 0 1rem 0;} #sidebar-main li, #sidebar-sub li, #footer-widgets li {font-size:11pt;}}









/*-------- Widgets area --------*/



/* Pages */
.wp-block-page-list {margin-bottom:1.5rem;}

/* Categories */
.wp-block-categories {margin-bottom:1.5rem;}

/* Recent Entries */
.wp-block-latest-posts {margin-bottom:1.5rem;}




/* SNS */
.wp-block-social-link-anchor {font-size:15pt;}
.wp-block-social-link {margin-bottom:0 !important;}



/* Tag Cloud */
.wp-block-tag-cloud.is-style-outline a.tag-cloud-link {font-size:9pt !important; border:1px solid #cccccc !important; padding:0 5px !important;}



/*-------- Embed --------*/

/* YouTube */
.is-type-video div {width:100%; aspect-ratio:16 / 9;}
.is-type-video div iframe {width:100%; height:100%;}
a.ytp-impression-link {display:none !important;}


.wp-block-embed iframe {width:100%;}


























/*

*/


a.article-link {display:block; height:40px; margin-bottom:20px; transition-duration:0.5s; border-radius:6px; box-shadow:0 10px 15px rgba(0,0,0,0);}
a.article-link:hover {transition-duration:0.1s; box-shadow:0 5px 15px rgba(0,0,0,0.05); background:rgba(255,255,255,1);}
a.article-link .article-link-cover{display:flex;}
a.article-link .protector {width:40px; height:40px;}
.article-link-cover img {min-width:40px; max-height:40px; object-fit:cover; margin-right:10px; order:1;}
.article-link-body {order:2;}
.article-link-body h2 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:tan;}


.article-category, .article-category a, .article-date, .article-time {color:#555555; font-size:9pt;}


@media only screen and (max-width:679px) {
  .article-link-body h2 {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
}



footer {margin-bottom:10rem;}
footer p {max-width:640px; margin:0 auto;}







input.wp-block-search__input {padding:0 0 0 5px; border:1px solid rgba(0,0,0,0.1);}
button.wp-block-search__button {padding:0 5px; margin-left:2px; border:1px solid rgba(0,0,0,0.1); font-size:9pt;}

.wp-block-pullquote {background:white;}









#page-content .article-date, #page-content .article-time, #single-content .article-date, #page-content {}

#page-meta-data {display:inline-block; width:100%; border-bottom:0px none rgba(0,0,0,0); padding:0 0 0.75rem 0; margin:0 0 0.75rem 0;}





























.paging, .paging-single {display:flex; justify-content:space-between; height:40px;}
hr.paging-top, hr.paging-bottom {margin:1rem 0 1rem 0;}

.paging a {}
.paging a:hover, .paging-single a:hover {filter:brightness(120%);}
.paging .previous, .paging .next {}

.paging .thumbnail .protector, .paging-single .thumbnail .protector {width:40px; height:40px;}
.paging img, .paging-single img {width:40px; height:40px; object-fit:cover;}
.paging .title, .paging-single .title {font-size:11pt; max-width:270px; height:1rem; padding:0 10px;}

.paging .previous a, .paging .next a, .paging-single .previous a, .paging-single .next a {display:flex; align-items:center; max-height:40px;}
.paging .previous .thumbnail, .paging .next .thumbnail {}
.paging .previous .title, .paging .next .title, .paging-single .previous .title, .paging-single .next .title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.paging .previous, .paging-single .previous {margin:0 10px 0 0;}
.paging .previous .thumbnail, .paging-single .previous .thumbnail {order:1;}
.paging .previous .title, .paging-single .previous .title {order:2;}

.paging .next, .paging-single .next {margin:0 0 0 10px;}
.paging .next .thumbnail, .paging-single .next .thumbnail {order:2;}
.paging .next .title, .paging-single .next .title {order:1;}


@media only screen and (max-width:679px) {
  .paging {flex-flow:column; height:90px;}
  .paging-single {flex-flow:column; height:40px;}
  
  .paging .title {width:100%; max-width:calc(679px - 80px);}
  
  .paging .next, .paging-single .next {margin:0;}
  .paging .next .thumbnail, .paging-single .next .thumbnail {order:1;}
  .paging .next .title, .paging-single .next .title {order:2;}
  
}

/*
.paging .previous ul li, .paging .next ul li {list-style:none; list-style-position:inside;}
*/

















































































































































































































































.index-list {margin-bottom:1rem;}
.index-list a {width:100%; display:flex; align-items:center;}
.index-list a:hover {background:white; filter:brightness(120%);}
.index-list .thumbnail {order:1;}
.index-list .thumbnail .protector {width:40px; height:40px;}
.index-list img {width:40px; height:40px; object-fit:cover;}
.index-list .title {font-size:11pt; padding:0 10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; order:2;}
.index-list .information {display:flex; order:2;}
.index-list .article-category {font-size:9pt; white-space:nowrap; order:1;}
.index-list .article-date {font-size:9pt; white-space:nowrap; order:2;}