@charset "utf-8";
/*
theme Name: My
Author: Dr. Martin
Description: Original theme
version： 1.0.0
*/
/*css reset*/
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.9}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}

/*
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
*/
:root {
  --marker-above: 0.5;
}
/*
@font-face {
  font-family: "HanSansJP";
  font-display: swap;
  src: url("./fonts/SourceHanSansJP-VF.otf.woff2") format("truetype-variations");
  font-weight: 100 1000;
}
*/
/* Layout */
.page {
  display: flex;
  flex-direction: column;
  max-width: 1300px;
  margin: auto;
  padding: 1rem;
}
@media all and (min-width: 992px) {
 .page {
  flex-direction: row;
  flex-wrap: wrap;
 } 
 header, footer {
  width: 100%;
 }
 main {
  flex: 2;
  order: 1;
  margin: 1rem 2rem 1rem 0;
 }
 aside {
  order: 2;
  flex: 1;
  max-width: 350px;
 }
 aside.sidebar {
  margin-top: -4rem;
 }
 footer {
  order: 3;
 }
 .site-title, .slogan, nav:not(.wp-calendar-nav) {
  padding-right: 350px;
 }
}

/* Base */
html {
  font-size: 16px;
}
 
body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  color: #333;
  background: #f4f4f4;
}
 
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #106798;
}
 
img {
  max-width: 100%;
  height: auto;
}
article,details,figcaption,figure,hgroup,menu,section {
  display: block;
}

/* Generic */
blockquote {
  quotes: none;
  color: darkslateblue;
  font-style: italic;
  margin: 0 0 2em;
  padding: .8rem 1.2rem 0 1.5rem;
  position: relative;
}
blockquote:before {
  color: #ccc;
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 84px;
  left: 5px;
  line-height: 1;
  position: absolute;
  top: -5px;
}
blockquote p{
  margin-bottom: .4em;
  text-align: left;
  text-indent: 0;
  text-shadow: 0 0 1px rgba(0,0,0,.3);
}

a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
a:link, a:visited { color: #1d68c5;}
ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}

code {
  color: #555;
  vertical-align: 2px;
  font: 500 88%/1 Consolas, Courier New;
  border: 1px solid #e0e0e0;
  background-color: #fae9a03b;
  padding: 2px 4px;
  border-radius: 2px;
  margin: 0 2px;
}

mark {
  font-weight: bold;
  color: #000;
  background-color: #ff9;
}

em {
  font-style: italic;
}
del {
  text-decoration: line-through;
}
 
abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

sup {
  font-size: .6rem;
  vertical-align: top;
}
sup > a {
  text-decoation: none !important;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
 
hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}
dl dt {
  font-size: 1.5rem;
  margin-left: 1.8rem;
  font-weight: bold;
}
dl dt a {
  text-decoration: none !important;
}
dl dt svg {
  vertical-align: middle;
  padding-right: .5rem;
  height: 1.5rem;
  transform: translateY(-.15rem);
}
dl dd {
  margin: .25rem auto 1rem 2.5rem;
  text-indent: 1.2rem;
}
/* SVG ICONS */
.svg-icon-home {
  fill: gray;
  width: 1.5em; height: 1.5em;
  vertical-align: top;
}
.svg-icon-search {
  width: 1.8em; height: 1.8em;
  fill: #6297f5;
  vertical-align: top;
}
.svg-icon-clock {
  width: 1.6em; height: 1.6em;
  vertical-align: top;
  fill: currentColor;
}
.svg-icon-editby {
  width: 1.6em; height: 1.6em;
  vertical-align: top;
  fill: currentColor;
}
.svg-icon-direction-right, .svg-icon-direction-left, .svg-icon-arrow-next {
  width: 2rem; height: 2rem;
  fill: darkblue;
}
.svg-icon-arrow-prev, .svg-icon-arrow-next {
  width: 1.2em; height: 1.2em;
  vertical-align: sub;
}
.svg-icon-direction-left, .svg-icon-arrow-prev {
  transform: rotate(180deg);
}
.svg-icon-archive {
  width: 2.3em; height: 2.3em;
  vertical-align: middle;
  fill: #a9a743;
  margin-top: -.5rem;
}
.svg-icon-arrow-top {
  width: 1em; height: 1em;
  vertical-align: middle;
  fill: #405672;
  transform: rotate(-90deg);
}
.svg-icon-pin {
  width: 1em; height: 1em;
  vertical-align: middle;
  fill: #405672;
  transform: rotate(-45deg);
}

/* Site Title */
.site-title {
  font-size: clamp(2rem, 5vw, 4rem);
  text-align: center;
}
.site-title a {
  font-family: Candara, Century Gothic, Trebuchet MS, system-ui;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  color: #4198d6;
  text-shadow: 1px 1px 2px rgba(30,30,30,0.3);
}
.slogan {
  font-size: .9rem;
  letter-spacing: .1rem;
  text-align: center;
  color: #4a6477;
}

nav {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 5rem;
}
nav div {
  font-size: clamp(.8rem, calc(.8rem + 2vw), 1rem);
  list-style: none;
  text-align: center;
  padding: .3rem .6rem !important;
  margin: 1rem;
  border-radius: .4rem;
  background: #f4f4f4; 
  transition: all 0.4s ease;
  box-shadow:  3px 3px 3px -1px rgba(220,220,220,.8), -3px -3px 3px -1px rgba(255,255,255,.8);
}
nav div:hover {
  box-shadow:  -3px -3px 3px -1px rgba(220,220,220,.8), 3px 3px 3px -1px rgba(255,255,255,.8);
}
nav div:active {
  box-shadow:  inset -3px -3px 3px -1px rgba(220,220,220,.8), inset 3px 3px 3px -1px rgba(255,255,255,.8);
}
nav div a {
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  color: #555 !important;
}
nav div a:hover {
  text-decoration: none;
}
/* Footer */
.copyright p {
  height: 4rem;
  text-align: center;
  font-size: .8rem;
  color: #005a87;
}

/* Sidebar */
.sidebar-wrapper {
  margin-bottom: 2rem;
}
.sidebar-title {
  font-size: 1.3rem;
  box-sizing: border-box;
  margin: 0 0 .8rem 0;
  padding: .5rem 0 .1rem .1rem;
  color: #405f87;
  border-bottom: 2px solid #8f9cac;
}
.sidebar-inner ul {
  padding-left: .8rem;
}

/*Widget*/
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.calendar_wrap,
.tagcloud {
  list-style: none;
}
 
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages li,
.widget_meta li,
.widget_archive li {
  position: relative;
  margin-bottom: .5rem;
}
 
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments a,
.widget_pages a,
.widget_meta a,
.widget_categories a,
.widget_archive a {
  text-decoration: none;
  color: #333;
}
 
.sidebar-wrapper a:hover {
  opacity: .6;
}
 
/*Widget: category*/
.widget_categories ul:not(.children){
  list-style-type:none;
  padding-left: 0;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: .4rem;
  box-shadow: 3px 1px 5px 1px rgba(53, 47, 47, 0.1);
}
.widget_categories li:not(.children *){
  display: block;
  padding: .3rem 0 .3rem .5rem;
  font-weight: bolder;
  transition: .5s;
}
.widget_categories li:not(.children *)::before,
.widget_recent_entries li::before  {
 content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAMUlEQVQ4y2NgGAXkgXogJAFoM/xm+E+aljC6aAmngxYSNZCoPIymysmIOBKTxijABABPVB3BBvuOFQAAAABJRU5ErkJggg==');
 display: inline-block;
 transform: translate(-5%, 20%);
}
.widget_categories .children li {
  font-weight: normal;
}
.widget_categories .children li::before {
  display: inline-block;
  content: '∟';
  transform: translate(-60%, -15%);
}

.widget_recent_entries ul{
  padding-left: 1.4em;	
}
.widget_recent_entries ul li{
  margin-left: 1em;
  text-indent: -.9em;  
}
/*Drop-dwon menu*/
.widget_categories .screen-reader-text {
  display: none;
}
 
.widget_archive .screen-reader-text {
  position: relative;
  display: block;
  height: 0;
  text-indent: -9999999px;
}
 
.widget_categories form {
  position: relative;
}
 
.widget_categories form::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  content: '▼';
  transform: translateY(-50%);
  pointer-events: none;
}
 
.widget_categories .postform,
.widget_archive select {
  font-size: .95rem;
  width: 100%;
  padding: 4px 10px;
  cursor: pointer;
  border: 1px solid #e0e3ef;
  border-radius: 0;
  background-color: #f4f5f9;
  -webkit-appearance: none;
  -moz-appearance: none;
}
 
.widget_archive label::after {
  position: absolute;
  top: .5rem;
  right: 1rem;
  content: '▼';
  text-indent: 0;
  pointer-events: none;
}
 
/*Tag*/
.tagcloud a {
  font-size: .9rem !important;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: .5rem;
  padding: .2rem .5rem;
  text-decoration: none;
  color: #03162f;
  border: 1px solid #000;
  background-color: #fff;
}

.calendar_wrap {
  padding: 1rem;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: .4rem;
}
.calendar_wrap table {
  width: 100%;
}
.calendar_wrap tbody {
  text-align: center;
}
.calendar_wrap caption {
  font-weight: bold;
  margin-bottom: 1rem;
}
.calendar_wrap td {
  padding: .3rem 0;
}
.calendar_wrap td > a{
  background: #fcee42;
  display: inline-block;
  width:100%;
  font-weight: bold;
  border-radius:.3rem;
  color: navy !important;
}
.calendar_wrap td > a::hover{
  text-decoration: none !important;
}
.calendar_wrap tfoot td {
  padding-top: .7rem;
}
.calendar_wrap tfoot td:last-child {
  text-align: right;
}
.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
  margin-right: 4px;
  margin-left: 4px;
}
.wp-calendar-nav a {
  text-decoration: none;
  display: inline-block;
  padding: 0 .6rem;
  background-color: #45a3d8;
  color: #fff;
  border-radius: .5rem;
}

/* Article */
article {
  background: #fff;
  border-radius: .5rem;
  box-shadow: 1px 1px 9px -6px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.article-list {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  clear: both;
}
.article-list::after {
  display: block;
  content: '';
  clear: both;
}
.article-list:hover {
  box-shadow: 0 0 1rem -3px rgba(0,0,0,.3);
}
.article-list a {
  display: block;
  text-decoration: none;
  color: #333;
}
.article-list .img-wrap {
  position :relative;
}
.article-list .img-wrap img {
  width: 100vw;
  max-height: 35vw;
  object-fit: cover;
  border-radius: .5rem;
}
.article-list .img-wrap .cat-data {
  font-size: .9rem;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  padding: .3rem .5rem;
  color: #fff;
  background-color: #03162f;
}
.cat-data {
  border-radius: 0 0 .3rem 0;
}
.article-list .text h2 {
  font-size: 1.5rem;
  margin-bottom: .5rem;
}
 
.article-list .text .article-date,
.article-list .text .article-author {
  font-size: .9rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5rem;
  color: #888;
}
.article-date .svg-icon-clock {
  margin-right: .1rem;
}
.article-author .svg-icon-editby {
  margin-right: .2rem;
}

.article-list .text .article-date {
  margin: 0 .5rem 0 .3rem;
}
 
.article-list .text .article-author i {
  margin-right: .3rem;
}
 
.article-list .text p {
  font-size: 1rem;
  line-height: 1.8;
}
/* home-top */
.home-top .img-wrap img {
  width: 100% !important;
  height: calc(100% * 9/16);
  object-fit: scale-down;
}
.home-top .text {
  clear: both;
  margin-left: 1rem;
}
.home-top .new-post {
  font-weight: bold;
  display: block;
  margin-bottom: -.5rem;
  color: #ed14aa;
  font: bolder 1.4rem/1.9 'Josefin Sans', ui-monospace;
}
.home-top .new-post .svg-icon-editby{
  fill: #ed14aa;
}
.home-top .text h2 {
  font-size: 2rem;
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(30,30,30,0.3);
  margin-bottom: .4rem;
}
.home-top .text .article-date,
.home-top .text .cat-data {
  margin: 0 .5rem .5rem .3rem;
}
.home-top .text p {
  font-size: 1.1rem;
}

@media all and (min-width: 992px) {
 .img-wrap img {
   width: 33% !important;
   height: calc(33% * 9/16);
   object-fit: cover;
   float: left;
 }
 .text {
   margin-left: 35%;
 }
}

/* Pagination */
.pagination {
  margin: 2rem 0;
  text-align: center;
  font: bold 1.2rem/1.6 ui-monospace, Arial;
}
.pagination ul li {
  display: inline-block;
  margin-right: .4rem;
  background: #fff;
}
.pagination ul li:last-child {
  border: 0;
}
.pagination ul li a, .pagination .current {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: .2rem;
  width: 2rem; height: 2rem;
}
.pagination ul li .prev, .pagination ul li .next {
}
.pagination ul li a {
  text-decoration: none;
  color: #333;
  vertical-align: middle;
}
.pagination ul li a:hover {
  opacity: .6;
}
.pagination .current {
  color: #fff;
  vertical-align: middle;
  background-color: #284975;
}


/* Single */
.article-content {
  margin-bottom: 2rem;
  padding: 0 1rem;
  font-feature-settings: "palt" 0;
}

.article-content a {
  background: linear-gradient(currentColor 0 0) bottom /var(--d, 0) 2px no-repeat;
  transition:0.5s;
}
.article-content a:hover {
  --d: 100%;
}
.article-content a[rel*="noopener"]::after {
  content: '';
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="royalblue" d="M432 320h-32a16 16 0 00-16 16v112H64V128h144a16 16 0 0016-16V80a16 16 0 00-16-16H48a48 48 0 00-48 48v352a48 48 0 0048 48h352a48 48 0 0048-48V336a16 16 0 00-16-16zM488 0H360a24 24 0 00-17 41l35.7 35.7L135 320.4a24 24 0 000 34l22.7 22.6a24 24 0 0034 0l243.6-243.7L471 169a24 24 0 0041-17V24a24 24 0 00-24-24z"/></svg>') no-repeat center center;
  display: inline-block;
  width:.7rem;
  height:.7rem;
  margin: -.9rem .1rem auto .2rem;
  fill: royalblue;
}
.article-content i, em {
  font-style:italic !important;
}

.article-content .article-info {
  margin-bottom: .5rem;
}
 
.article-content .cat-data a {
  font-size: .9rem;
  margin-right: .5rem;
  padding: .1rem .5rem;
  text-decoration: none;
  color: #fff;
  background-color: #03162f;
}
 
.article-content .article-info .article-date,
.article-content .article-info .article-author {
  font-size: .9rem;
  display: inline-block;
  margin-right: .5rem;
  color: #888;
}
 
.article-content .article-info .article-author i {
  margin-right: .3rem;
}
 
.article-content p,
.article-content b,
.article-content table,
.article-content ul,
.article-content ol {
  font-size: 1rem;
  line-height: 1.8;
}
 
.article-content p,
.article-content img,
.article-content table,
.article-content ul,
.article-content ol {
  margin-bottom: 1.5rem;
}
 
.article-content h1 {
  font-size: 1.7rem;
  font-weight: 800;
  margin: 0 0 2rem -2rem;
  letter-spacing: 1px;
  padding-left: 2rem;
  color: #fff;
  background: #4198d6;
  text-shadow: 1px 1px 2px rgba(30,30,30,0.3);
  position: relative;
}
.article-content h1:before{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-right: 1rem solid #465d6a;
  position:absolute;
  left:0;
  bottom:-1rem;
}
.article-content h1:after {
  content:"";
  position:absolute;
  display:block;
  width: 1rem;
  height: 1rem;
  background: #4198d6;
  bottom:0;
  left:0;
  z-index:1;
}
.article-content h2 {
  font-size: 1.7rem;
  font-weight: 800;
  margin: 2rem 0 1rem 0;
  color: #4d4d80;
  padding-left: .6rem;
  padding-top: .1em;
  letter-spacing: .05rem;
  border-left: solid 10px #09afdc;
}
 
.article-content h3, .article-content h4 {
  font-size: 1.3rem;
  margin: 2rem 0 1rem;
  letter-spacing: 1px;
}
.article-content h3 {
  font-size: 1.4rem;
  border-left: solid .5rem #09afdc;
  padding-left: .5rem;
  margin-left: .8rem;
}
.article-content .reference {
  padding-left: .3rem;
  letter-spacing: .5rem;
  border-left: none;
}
.article-content .reference:before {
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill:darkblue"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M5 13.2V16a2 2 0 001 1.8l5 2.7a2 2 0 002 0l5-2.7c.6-.4 1-1 1-1.8v-2.8l-6 3.3a2 2 0 01-2 0l-6-3.3zm6-9.7L2.6 8.1a1 1 0 000 1.8l8.4 4.6a2 2 0 002 0l8-4.4V16c0 .6.5 1 1 1s1-.5 1-1V9.6a1 1 0 00-.5-.9L13 3.5a2 2 0 00-2 0z"/></svg>');
  width: 1.8rem;  height: 1.8rem;
  display: inline-block;
  vertical-align: text-top;
  margin-right: .5rem;
}
.article-content h5 {
  font-size: 1.1rem;
  margin: 0 0 .3rem;
  letter-spacing: 1px;
}
 
.article-content .article-img {
  margin-bottom: .2rem;
}
.article-content .article-img * {
  border-radius: .5rem !important;
}
.article-content .article-img img {
  display: block;
  margin: 0 auto 1rem auto;
}
 
.article-content ul {
  margin-left: 2rem;
  list-style: disc;
}
 
.article-content ol {
  margin-left: 3rem;
  list-style: decimal;
}
 
.article-content table {
  border-collapse: collapse;
}
 
.article-content th,
.article-content td {
  padding: .6rem;
  vertical-align: middle;
  border: 1px solid #ddd;
}
 
.article-content figure {
  max-width: 100%;
}
 
.article-tag {
  text-align: right;
}
 
.article-tag ul {
  font-size: 0;
  margin-bottom: 0;
}
 
.article-tag ul li {
  font-size: .9rem;
  display: inline-block;
  margin-right: .5rem;
  vertical-align: middle;
}
 
.article-tag ul li:last-child {
  margin-right: 0;
}
 
.article-tag ul li a {
  padding: .2rem .5rem;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
}
 
.article-tag ul li a:hover {
  opacity: .6;
}

/* Comments */
h3.comment-reply-title svg {
  vertical-align: middle;
}
.comments-list {
  margin-left: 1rem;
}
.comments-list li {
  margin-bottom: .5rem;
}
.comments-area {
  margin: 1rem auto;
}
.comments-area .comment-author{
  color:#008800;
}
.comments-area .comment-author a{
  color:#0000ff;
}
.comments-area  .comment-info{
  font-weight:bold;
}
.comments-area .comment-author{
  font-weight:bold;
}
.comment-form-comment label {
  display: block;
}
.comments-area img.avatar {
  float:right;
  margin-right:0;
  margin-left:10px;
  border-radius: 50%;
}
.comments-area .comment-text{
  font-size: 1rem;
  padding-right:30px;
  line-height: 1.5;
}
.bypostauthor{
  margin-left: 2rem;
  margin-top: .5rem;
  color: #5d4688;
}

.comments-title {
  padding:30px 0;
  border-top:#ddd 1px solid;
  border-bottom:#ddd 1px solid;
}
textarea#comment {
  width: 97%;
  margin: 0 auto .1rem auto;
}
.comment-form-author, .comment-form-email{
  display: inline-block;
  max-width: 93%;
}
.form-submit {
  margin: 1rem auto 2rem auto;
  text-align: center;
}
.form-submit #submit {
  width: 20rem;
  font-size: 1.3rem;
  border-radius: .3rem;
  background: #ddd;
}
.form-submit #submit:hover {
  background: #eee;
}

/* Entry pager */
.entry-pager {
  text-align: center;
}
.entry-pager i {
  padding: .1rem .5rem 0 .5rem;
}
/* archive.php */
h1.archival-header {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
 
.archive-top p {
  font-size: .875rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}
 

/* Breadcrumb */
.bread ol {
  margin: 0;
  padding: 1rem;
  list-style: none;
}
 
.bread li {
  font-size: 1rem;
  display: inline-block;
}
.bread span {
  display: inline-block;
  font-size: 0;
}

.bread li a {
  padding: 5px;
  text-decoration: none;
  color: #888;
}
.bread li a[href]:hover {
  background-color: #eee;
}
.bread li:after {
  content: '\003e';
  color: #888;
}
.bread li:last-child:after {
  content: none;
}

/* Search form */
.widget_search {
  margin: 0 auto 2rem auto;
}
.searchform {
  position: relative;
  padding-right: 1rem;
}
.search-text {
  font-size: 1.2rem;
  height: 2.5rem;
  width: 87%;
  padding: .4rem;
  border: solid 1px #bbb;
  border-radius: 4px;
  background: #efefef;
}
.search-text:focus{
  background: #fff;
}
.search-submit {
  position: absolute;
  top: .3rem;
  cursor: pointer;
  border: none;
  background: transparent;
}
.search-submit:hover {
  opacity: .6;
}
.search-results-message {
  text-align: center;
  margin: .6rem auto;
  font-size: 1.5rem;
}
 /* No hit */
.content-none p.search-results-message {
  background: #fff;
  border-radius: .5rem;
  box-shadow: 1px 1px 9px -6px rgba(0,0,0,.3);
  width: fit-content;
  padding: 1rem;
  margin: auto;
}
.content-none .searchform {
  max-width: 400px;
  margin: auto;
}
.content-none h2 {
  margin: 1.5rem auto .5rem auto;
}
.content-none p {
  margin: 0 auto 0 2rem;
}
#myProfile .card {
  display: flex;	
}
#myProfile .shot img {
  border-radius: 0.6em;
  max-width: 120px;
}
#myProfile .desc{
  width: 64%;
  padding: .4em;
}
.profilewidget-profile,
.profilewidget-meta {
  margin-bottom: .4rem !important;
  text-align:center !important;
  font-size: .8rem;
}

.profilewidget-profile img {
  border-radius: 50%;
  max-width: 200px;
  width: 64px;
}
.profilewidget-name {
  font-weight: 600;
}
.profilewidget-link {
  display: inline-block;
  padding-left: 1rem;
}
.profilewidget-link a {
  text-decoration: none;
  color: #007cba !important;
}
.profilewidget-link a svg {
  width: 1.2rem; height: 1.2rem;
  vertical-align: middle
}
.profilewidget-text {
  padding: 0 .4rem 0 .8rem;
}

/* My */
kbd {
   border: 1px solid #aaa;
  border-radius: 2px !important;
  font-family: Consolas, monospace;
  font-weight: 600;
   font-size: .9rem;
  vertical-align: middle;
   padding: 2px 4px;
   text-align: center;
   background: linear-gradient(178deg, #fff, #fff, #fff, #ddd);
}
mark {
  margin: 0 -.2rem;
  padding: 0 0.2rem;
  border-radius: 0.8rem 0.3rem;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(246, 246, 19, .35),
    rgba(246, 246, 19, .7) 20%,
    rgba(246, 246, 19, .2)
  );
  box-decoration-break: clone;
}
.mkr-blue {
  background-image: linear-gradient(to bottom,rgba(105,218,236,0),rgba(105,218,236,0) 63%,rgba(255,255,255,.6) 64%,rgba(255,255,255,.6) 67%,rgba(105,218,236,0) 68%),linear-gradient(to bottom,rgba(105,218,236,0),rgba(105,218,236,0) 55%,rgba(255,255,255,.5) 56%,rgba(255,255,255,.5) 60%,rgba(105,218,236,0) 61%),linear-gradient(179deg,rgba(105,218,236,0),rgba(105,218,236,0) 50%,rgba(105,218,236,.5) 60%,rgba(105,218,236,.5) 99%,rgba(105,218,236,0)),linear-gradient(to bottom,rgba(105,218,236,0),rgba(105,218,236,0) 50%,rgba(105,218,236,.5) 60%,rgba(105,218,236,.5) 99%,rgba(105,218,236,0));
  border-radius: 0 5px 6px 2px;
  font-weight:bold;
}
.mkr-yellow {
  background-image: linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 63%,rgba(255,255,255,.6) 64%,rgba(255,255,255,.6) 67%,rgba(229,245,120,0) 68%),linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 55%,rgba(255,255,255,.5) 56%,rgba(255,255,255,.5) 60%,rgba(229,245,120,0) 61%),linear-gradient(179deg,rgba(229,245,120,0),rgba(229,245,120,0) 50%,rgba(246,246,20,.8) 60%,rgba(246,246,20,.8) 99%,rgba(229,245,120,0)),linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 50%,rgba(246,246,20,.8) 60%,rgba(246,246,20,.8) 99%,rgba(229,245,120,0));
  border-radius: 0 5px 7px 0;
  font-weight: bold;
}
.mkr-lime {
  background-image: linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 63%,rgba(255,255,255,.6) 64%,rgba(255,255,255,.6) 67%,rgba(229,245,120,0) 68%),linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 55%,rgba(255,255,255,.5) 56%,rgba(255,255,255,.5) 60%,rgba(229,245,120,0) 61%),linear-gradient(179deg,rgba(229,245,120,0),rgba(229,245,120,0) 50%,#e5f578 60%,#e5f578 99%,rgba(229,245,120,0)),linear-gradient(to bottom,rgba(229,245,120,0),rgba(229,245,120,0) 50%,#e5f578 60%,#e5f578 99%,rgba(229,245,120,0));
  border-radius: 0 5px 7px 0;
  font-weight: bold;
}
.mkr-red {
  linear-gradient(to bottom,rgba(255,193,221,0),rgba(255,193,221,0) 63%,rgba(255,255,255,.6) 64%,rgba(255,255,255,.6) 67%,rgba(255,193,221,0) 68%),linear-gradient(to bottom,rgba(255,193,221,0),rgba(255,193,221,0) 55%,rgba(255,255,255,.5) 56%,rgba(255,255,255,.5) 60%,rgba(255,193,221,0) 61%),linear-gradient(179deg,rgba(255,193,221,0),rgba(255,193,221,0) 50%,#ffc1dd 60%,#ffc1dd 99%,rgba(255,193,221,0)),linear-gradient(to bottom,rgba(255,193,221,0),rgba(255,193,221,0) 50%,#ffc1dd 60%,#ffc1dd 99%,rgba(255,193,221,0));
  border-radius: 2px 0 6px 0;
  font-weight: bold;
}
.dot-blue {
  background: repeat-x radial-gradient(circle closest-corner, blue .15em, rgba(0,0,0,0) .15em) top left / 1em .5em;
  padding-top: .4em;
  /* -webkit-text-emphasis: filled circle blue;
  text-emphasis: filled circle blue;*/
}
.dot-crimson {
   -webkit-text-emphasis: filled circle crimson;
  text-emphasis: filled circle crimson;
}
.underline {
  background: linear-gradient(rgba(255,255,255,0) 90%, #ff66bb 87%);
}
.wavy {
  text-decoration:underline wavy crimson;
   -webkit-text-decoration:underline wavy crimson;
  /*background: url(data:image/gif;base64,R0lGODdhBAADAPEAANv///8AAP///wAAACwAAAAABAADAEACBZQjmIAFADs=) bottom repeat-x;*/
}
.stripe { 
   position: relative;  padding-bottom: 0.1em;
}
.stripe:after {
  content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px;
  background: repeating-linear-gradient(-45deg, tomato, tomato 2px, white 2px, white 4px);
}
.article-content p{
  line-height: 1.9;
  padding: 0 1rem 0 1rem;
}
.article-content > p{
  text-indent: 1.2rem;
}

.article-content blockquote p {
  line-height: 1.7;
  padding: 0 1rem 0 1rem;
  margin-bottom: .5rem;
}
.article-content blockquote cite {
  display: block;
  font-size:.9em;
  color: #aaa;
  text-align: right;
}
.article-content blockquote cite a, .article-content blockquote cite {
  padding-right: 2rem;
}

/* Highlight marker */
.mark-yellow {
  font-weight:bold;
  margin: 0 -.1rem;
  padding: 0 .1rem;
  border-radius: 0.8rem .3rem;
  background: transparent;
  background-image: linear-gradient(to right, rgba(246, 246, 19, .35), rgba(246, 246, 19, .7) 20%, rgba(246, 246, 19, .2));
  box-decoration-break: clone;
}
.mark-cobalt {
  font-weight:bold;
  margin: 0 -.2rem;
  padding: 0 .2rem;
  border-radius: 0.8rem .3rem;
  background: transparent;
  background-image: linear-gradient(to right, rgba(43, 254, 254, .35), rgba(43, 254, 254, .7) 20%, rgba(43, 254, 254, .2));
  box-decoration-break: clone;
}

.markerGreen {
  text-shadow: 0 .05em .1em rgba(50, 250, 50, .3);
  line-height: normal;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(50, 250, 50, .6) 0);
}
.markerGreen::before, .markerGreen::after {
  display: inline-block;
  content: "\a";
  white-space: pre;
  width: .41em;
  clip-path: inset(1px 0);
  transform-origin: bottom left;
  transform: skewX(-20deg) translateX(-.41em);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(50, 250, 50, .6) 0);
}
.markerGreen::after {
  filter: blur(.03em);
  transform: skewX(-20deg);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(50, 250, 50, .95) 0);
}

.markerPink {
  text-shadow: 0 3px 5px rgba(255, 193, 224, .5);
  line-height: normal;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(255, 193, 224, .5) 0);
}
.markerPink::before, .markerPink::after {
  display: inline-block;
  content: "\a";
  white-space: pre;
  width: .41em;
  clip-path: inset(1px 0);
  transform-origin: bottom left;
  transform: skewX(-20deg) translateX(-.41em);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(255, 193, 224, .5) 0);
}
.markerPink::after {
  filter: blur(.03em);
  transform: skewX(-20deg);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(255, 193, 224, .8) 0);
}

.markerYellowGreen {
  text-shadow: 0 3px 5px rgba(211, 255, 60, .6);
  line-height: normal;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(211, 255, 60, .5) 0);
}
.markerYellowGreen::before, .markerYellowGreen::after {
  display: inline-block;
  content: "\a";
  white-space: pre;
  width: .41em;
  clip-path: inset(1px 0);
  transform-origin: bottom left;
  transform: skewX(-20deg) translateX(-.41em);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(211, 255, 60, .5) 0);
}
.markerYellowGreen::after {
  filter: blur(.03em);
  transform: skewX(-20deg);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(211, 255, 60, .9) 0);
}

.markerLightblue {
  text-shadow: 0 3px 5px rgba(163, 226, 252, .6);
  line-height: normal;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(163, 226, 252, .6) 0);
}
.markerLightblue::before,  .markerLightblue::after {
  display: inline-block;
  content: "\a";
  white-space: pre;
  width: .41em;
  clip-path: inset(1px 0);
  transform-origin: bottom left;
  transform: skewX(-20deg) translateX(-.41em);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(163, 226, 252, .6) 0);
}
.markerLightblue::after {
  filter: blur(.03em);
  transform: skewX(-20deg);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(163, 226, 252, .95) 0);
}

.markerYellow {
  text-shadow: 0 3px 5px rgba(255, 255, 100, .6);
  line-height: normal;
  font-weight: bold;
  background: linear-gradient(rgba(0,0,0,0) calc(100% * var(--marker-above)), rgba(247, 247, 36, .5) 0);
}
.markerYellow::before,  .markerYellow::after {
  display: inline-block;
  content: "\a";
  white-space: pre;
  width: .41em;
  clip-path: inset(1px 0);
  transform-origin: bottom left;
  transform: skewX(-20deg) translateX(-.41em);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(247, 247, 36, .5) 0);
}
.markerYellow::after {
  filter: blur(.03em);
  transform: skewX(-20deg);
  background: linear-gradient(rgba(0, 0, 0, 0) calc(100% * var(--marker-above)), rgba(247, 247, 36, .9) 0);
}

/* handdrawing-like underline */
.uline {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='120' height='6' viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M119 0.8C60 4 50-0.9 1 2.5' stroke='hsl(90, 80%, 70%)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 100% 70%;
  background-position: 0 .8em;
  background-repeat: no-repeat;
  padding-bottom: .6em;
}
/* Figure */
figure {
  display: inline-block;
  text-align: center;
}
figure.photo {
  padding: .5rem;
  margin-top: 0;
  box-shadow: 4px 4px 10px #ccc;
}
figure img, picture img, picture source {
  display: block;
  margin: 0 auto !important;
  max-width: 100%;
  height: auto;
}
figcaption {
  display: inline-block;
  text-align: left;
  color: #8a8a8a;
  margin: .3rem 0;
  font-size: .9rem;
  text-align: left;
}
.alignright { display: block; margin: 0 0 0 auto; }
.alignleft { display: block; margin: 0 auto 0 0; }
.aligncenter { display: block; margin: 0 auto; }
.float-left { float:left;display: block; margin: 1em;}
.float-right { float:right;display: block; margin: 1em;}

@media all and (max-width: 500px) {
 .float-left, .float-right { float:none; display: block; margin: 0 auto;}
  .article-content ul {
    margin-left: 1rem;
  }
}
p.fin {
  text-align: right;
  margin-bottom: 2em;
}

.article-content li{
  padding:0px;
  margin:0px;
}
.article-content ul li {
  list-style-type:none !important;
  list-style-image:none !important;
  margin: 6px 0px .3rem 1px !important;
  position: relative;
}
.article-content ul li:before  {
  content: '';
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><circle cx="7.7" cy="8.1" r="7.7" fill="%2379a2cc"/><path fill="%23fff" d="M4.6 7.7a1.4 1.4 0 0 0-2 2l2-2Zm1.7 3.5-.9 1c.5.5 1.4.5 1.9 0l-1-1Zm6.4-4.4a1.4 1.4 0 1 0-1.9-2l2 2Zm-10 2.8 2.7 2.6 1.9-2-2.7-2.5-2 2Zm4.6 2.6 5.4-5.4-1.9-2-5.4 5.5 1.9 1.9Z"/></svg>') no-repeat center center;
  display: inline-block;
  width:1rem;
  height:1rem;
  margin-right: .1rem;
  transform: translate(-.5rem, .1rem);
}
/*
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2379a2cc" d="M256 8a248 248 0 1 1 0 496 248 248 0 0 1 0-496zm114 231L234 104a24 24 0 0 0-33 0l-17 17a24 24 0 0 0 0 33l101 102-101 102a24 24 0 0 0 0 34l17 17a24 24 0 0 0 33 0l136-136a24 24 0 0 0 0-34z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><circle cx="7.7" cy="8.1" r="7.7" fill="%230079CF"/><path fill="%23fff" d="M4.6 7.7a1.4 1.4 0 0 0-2 2l2-2Zm1.7 3.5-.9 1c.5.5 1.4.5 1.9 0l-1-1Zm6.4-4.4a1.4 1.4 0 1 0-1.9-2l2 2Zm-10 2.8 2.7 2.6 1.9-2-2.7-2.5-2 2Zm4.6 2.6 5.4-5.4-1.9-2-5.4 5.5 1.9 1.9Z"/></svg>
*/

.article-content :not(nav) ul li:before{
  
}
.article-content nav li:after, .article-content nav li:before {
  display: none;
}
.profilewidget-profile,
.profilewidget-meta {
  margin-bottom: 16px;
  text-align:left;
  font-size: 93%;
}
.profilewidget-profile img {
  border-radius: 50%;
  max-width: 200px;
  margin: auto;
}
.profilewidget-name {
  font-weight: 600;
}
.profilewidget-name strong {
  font-weight: 600;
}
.profilewidget-link {
  display: inline-block;
  padding-left: 1rem;
}
.profilewidget-link.menu a {
  text-decoration: none;
}
.profilewidget-text {
  font-size: 0.9em;
}

.attachment-large, .attachment-post-thumbnail {
  border-radius: 6px;
}

figure {
  margin: 1rem auto 2.5rem auto;
  text-align: center;
}
figcaption {
  margin: 0;
  padding: .6rem 0;
  text-align: center;
  width: 100%;
  font-size: .9em;
  font-weight: bold;
  color: #555;
  font-family: sans-serif;
}

figure.wp-block-table table {
  margin: 0 auto .5em auto;
  width: 94%;
  table-layout: auto;
}
figure.wp-block-table figcaption {
  margin: 0;
  padding: 0 0 3px 0;
  text-align: center;
  width: 100%;
  font-size: .9em;
  font-weight: bold;
  font-family: sans-serif;
}
div.wp-block-image, figure.wp-block-image, figure.wp-caption {
  margin: 0 auto 2.5rem auto !important;
  width: 100%;
}
figure.wp-block-image img {
  margin: 0 auto;
}
/* Agenda */
#toc {
  margin: 1.5rem auto 2rem auto;
  text-align: center;
  border: solid 1px #ccc;
  border-radius: .5rem;
  background: #f4f4f4;
  width: fit-content;
  padding: 1rem 2rem;
}
#toc .agenda {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: .5em;
  color: #333;
}
#toc ol {
  margin: .5rem auto 0 1.3rem;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
}
#toc ol li {
  font-weight: 500;
  font-size: .95em;
  margin-bottom: .3rem;
  list-style-position: outside;
  padding-left: .5rem;
  color: #000070;
}
#toc ol a {
  text-decoration: none;
  color: #000070;
}
#toc ol a:hover {
  opacity: .5;
}
#toc ol>ol {
  margin: 0;
  padding-left: 15px;
}
#toc ol>ol li, #toc ol>ol {
  font-weight: 400;
  font-size: .94em;
  list-style-type: lower-roman;
}
.wp-block-amelia-booking-gutenberg-block {
  width: 100% !important;
}
/************************************************
  Tables
************************************************/

.article-content table,
.article-content .wp-block-table {
	width: 100%;
	text-align: left;
	margin: 2rem 0;
	padding: 0px;
	/*box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
	border: 3px solid rgba(0, 0, 0, 0.12);*/
	border-spacing: 0;
	border-radius: 4px;
}
.article-content table p,
.article-content table form,
.article-content table ul,
.article-content table li {
	margin: 6px 0px;
	padding: 0px;
}
.article-content table thead,
.article-content table tfoot,
.article-content .wp-block-table thead,
.article-content .wp-block-table tfoot {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.article-content table tbody tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.04);
}
.article-content table th,
.article-content .wp-block-table th {
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 0px;
	padding: 12px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
.article-content table td,
.article-content .wp-block-table td {
	padding: 12px;
	margin: 0px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
.article-content .wp-block-table.is-style-stripes {
	border-collapse: collapse;
}
.article-content .wp-block-table.is-style-stripes td {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.wp-block-file {
  margin: 1rem auto;
  text-align: center;
}
.wp-block-file__button:link, .wp-block-file__button:visited, .wp-block-file__button:active {
	border: 1px solid #628907;
	border-radius: 5px;
	padding: 5px 10px;
	background-color: #fff;
	color: #628907;
	font-size: 15px;
}
.wp-block-file__button:hover {
	border: 1px solid #90CB0D;
  background-color: #90CB0D;
}
.has-text-align-center {
  text-align: center;
}

#related-posts {
	margin-top: 2rem;
}
#related-posts h2 {
	position: relative;
	display: table;
    color: #fff !important;
    max-width: calc(100% - 40px);
    border: none;
    background-color: #4473b1;
	padding: .3em 0 .3em .6em;
}
#related-posts h2::before {
	content:"";
	position: absolute;
	display:block;
    width: 8px;
    height: 8px;
    top: auto;
    bottom: -8px;
    left: 0;
    background-color: #2f4f7a;
    clip-path: polygon(0 0, 100% 0, 100% 100%) !important;
}
#related-posts h2::after {
	content:"";
	display:block;
	position: absolute;
    width: 30pt;
    height: 100%;
    top: 0;
    right: -28px;
    background-color: inherit;
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%) !important;
}
#related-posts ul {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap: 1.5em;
	justify-items: center;
	padding-left: 0;
	list-style: none;
}
#related-posts ul li {
    position: relative;
}
#related-posts ul li img{
    border-radius: .6rem .6rem 0 0;
}
#related-posts .entry-title {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	max-width: 250px;
	padding: .2em .1em .1em .4em;
	background: rgba(0, 0, 0, .6);
	border-radius: .6rem .6rem 0 0;
	color: #fff;
	font-size: .95em;
}
#related-posts .entry-body {
	max-width: 250px;
	font-size: .9em;
}
@media (max-width:500px){
	#related-posts ul {
		grid-template-columns: repeat(1, 1fr);
	}
}
#ToPageTop {
  position: fixed;
  bottom: 1.5rem;
  right: 2vw;
  font-weight: 800;
  cursor: pointer;
  z-index: 99;
  transition: opacity .6s ease-out;
}
#ToPageTop a {
  background-color: #000;
  border-radius: 50%;
  display: block;
  opacity: .6;
  position: relative;
  width: 48px;
  height: 48px;
}
#ToPageTop a::before {
  background-color: #fff;
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.974%2011.191%22%3E%3Cpath%20d%3D%22m18.68%2010.192-.71.706a1%201%200%200%201-1.413%200L9.485%203.829l-7.07%207.072a1%201%200%200%201-1.415%200l-.706-.706a1%201%200%200%201%200-1.414l7.734-7.736a.46.46%200%200%201%20.043-.044L8.78.293a1%201%200%200%201%201.413%200l8.487%208.483a1%201%200%200%201%200%201.414%22%2F%3E%3C%2Fsvg%3E") no-repeat center/19px auto;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.974%2011.191%22%3E%3Cpath%20d%3D%22m18.68%2010.192-.71.706a1%201%200%200%201-1.413%200L9.485%203.829l-7.07%207.072a1%201%200%200%201-1.415%200l-.706-.706a1%201%200%200%201%200-1.414l7.734-7.736a.46.46%200%200%201%20.043-.044L8.78.293a1%201%200%200%201%201.413%200l8.487%208.483a1%201%200%200%201%200%201.414%22%2F%3E%3C%2Fsvg%3E") no-repeat center/19px auto;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* ===== 自作CMS(Quill)で作った記事向けの補足 ===== */
.article-content iframe.ql-video { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.article-content pre > code { display: block; white-space: pre; overflow-x: auto; }

/* コメント欄（自作CMS版） */
.comment-form-hp { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }
.comment-form input#author { padding: .3rem .5rem; border: 1px solid #ccc; border-radius: .3rem; }
.comment-form textarea#comment { padding: .5rem; border: 1px solid #ccc; border-radius: .3rem; }
.comment-form-note { font-size: .85rem; color: #666; }
.comment-notice { padding: .8rem 1rem; border-radius: .4rem; background: #eef7ff; border: 1px solid #b9d7f2; }
.comment-notice--error { background: #fff1f0; border-color: #f2b9b9; color: #a33; }
.comment-closed { font-size: .9rem; color: #777; }
.required { color: #c33; }