テキスト比較

2 つのテキストファイルの違いを見つける

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

ツール

F-light v1.0.6 → v1.1

Created 2 years agoDiff never expires

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:if cond='data:view.isSingleItem'>

<b:elseif cond='data:view.search.query'/>

<title>「<data:view.search.query/>」の検索結果 | <data:blog.title/></title>

<b:elseif cond='data:view.isLabelSearch'/>

<b:elseif cond='data:view.archive.month'/>

<title><data:view.archive.year/>年 <data:view.archive.month/>月のアーカイブ | <data:blog.title/></title>

<b:elseif cond='data:view.archive.year'/>

<title><data:view.archive.year/>年のアーカイブ | <data:blog.title/></title>

<b:elseif cond='data:view.isError'/>

<title>404 Not Found | <data:blog.title/></title>

<b:else/>

</b:if>

<b:if cond='data:view.isSingleItem'>

<b:elseif cond='data:view.search.query'/>

<b:elseif cond='data:view.isLabelSearch'/>

<b:elseif cond='data:view.archive.month'/>

<b:elseif cond='data:view.archive.year'/>

<b:elseif cond='data:view.isError'/>

<b:else/>

</b:if>

<b:if cond='data:view.isSingleItem'>

<b:else/>

</b:if>

<b:if cond='data:view.featuredImage'>

<b:else/>

</b:if>

<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>

<b:if cond='!data:view.isLayoutMode'>

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

Blogger Template

Name : F-light

Version : 1.0.6

Version : 1.1

Designer: Fujiyan

Url : https://f-light-theme.blogspot.com/

Lisense :カスタマイズは自由ですが再配布はご遠慮ください

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

/*==== 初期化 CSS ====*/

html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1em}@media(max-width:1024px){body{font-size:1.6rem}}

/*==== ライトモード用スタイル ====*/

:root {

--dark-bg: rgba(238, 238, 255, 1);/*#eef*/

--light-bg: rgba(251, 251, 255, 1);/*#fbfbff*/

--light-bg-t: rgba(251, 251, 255, .9);/*#fbfbffe6*/

--shadow: #aaa;

--color: #333;

--dark-color: #666;

--dark-color-t: rgba(102, 102, 102, .5);

--red-color: #d30038;

--blue-color: #592bff;

--green-color: #007936;

--link: royalblue;

--brand: rgba(0, 108, 190, 1);/*#006cbe*/

--brand-t: rgba(0, 108, 190, .9);

--brand-light: dodgerblue;/*#1e90ff rgba(30, 144, 255, 1)*/

--brand-light-t: rgba(30, 144, 255, .9);

--sub-brand: tomato;/*#ff1493 rgba(255, 20, 147, 1)*/

--normal-font: "HiraginoSans-W2", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif;

--italic-font: "HiraginoSans-W2", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", sans-serif;

}

/*==== ダークモード用スタイル ====*/

:root[data-theme-mode="dark"] {

--dark-bg: rgba(23, 30, 45, 1);/*#171e2d*/

--light-bg: rgba(29, 38, 56, 1);/*#1d2638*/

--light-bg-t: rgba(29, 38, 56, .9);/*#1d2638e6*/

--shadow: #000;

--color: #eee;

--dark-color: #c0c0c0;

--dark-color-t: rgba(192, 192, 192, .5);

--red-color: tomato;

--blue-color: #8cb4ff;

--green-color: #00d061;

--link: deepskyblue;

}

/*==== 共通 ====*/

body {

font-size: 1.7rem;

color: var(--color);

background: var(--light-bg);

text-underline-offset: .2em;

text-decoration-skip-ink: none;

-webkit-text-size-adjust: 100%;

-moz-text-size-adjust: 100%;

text-size-adjust: 100%;

}

#sub-content a {

color: var(--link);

}

#sub-content .widget {

padding: .5em;

}

* {

font-family: var(--normal-font);

}

i {

font-family: var(--italic-font);

}

a {

text-decoration: none;

color: inherit;

transition: .3s;

}

.blogger-clickTrap {

display: none;

}

button:hover {

cursor: pointer;

}

select {

outline: none;

}

::selection {

background: #00e5ff;

color: #000;

}

::-webkit-scrollbar {

width: 6px;

height: 6px;

}

::-webkit-scrollbar-track {

background: var(--light-bg);

border-radius: 10px;

}

::-webkit-scrollbar-thumb {

background: #aaa;

border-radius: 10px;

}

::-webkit-scrollbar-thumb:hover {

background: #bbb;

}

* {

scrollbar-width: thin;

scrollbar-color: #aaa transparent;

}

input[type="checkbox"] {

display: none;

}

summary {

display: block;

list-style: none;

}

summary::-webkit-details-marker {

display: none;

}

/*==== ヘッダー ====*/

header {

background: var(--light-bg);

}

#header-title {

font-size: 2.5rem;

padding: .5em 0;

text-align: center;

}

#header-title a {

font-weight: bold;

}

#header-title a:hover {

color: var(--link);

}

#header-desc {

font-size: 1.2rem;

color: var(--dark-color);

text-align: center;

padding-bottom: 1em;

}

.header-img {

background-position: center;

background-repeat: repeat;

text-align: center;

}

/*==== モード切替 ====*/

#mode-switch {

position: absolute;

top: 5px;

right: 1em;

}

#mode-switch label {

cursor: pointer;

}

#mode-switch svg {

height: 24px;

width: 24px;

color: #fff;

}

#switch-mode-dark svg {

transform: scale(-1, 1);

}

@media (max-width: 1024px) {

#mode-switch {

right: 45px;

}

#switch-mode-dark {

display: none;

}

#js_mode_toggle:checked ~ label #switch-mode-dark {

display: initial;

}

#js_mode_toggle:checked ~ label #switch-mode-light {

display: none;

}

#nav-button:checked ~ #mode-switch {

display: none;

}

/*==== ナビバー ====*/

nav {

background: linear-gradient(to right, var(--brand-light-t), var(--brand-t), var(--brand-light-t));

box-shadow: 0 3px 6px -4px var(--shadow);

position: -webkit-sticky;

position: sticky;

top: 0;

z-index: 10;

height: 2em;

}

#nav {

position: relative;

margin: auto;

width: 100%;

max-width: 1160px;

min-width: 960px;

}

#nav-button,

#nav-label {

display: none;

}

#nav-content ul {

display: flex;

flex-wrap: wrap;

}

#nav-content li {

padding: .25em 0;

margin: 0;

list-style: none;

transition: .3s;

}

#nav-content li a {

font-size: 1.35rem;

padding: .55em 10px .5em;

line-height: 1;

vertical-align: middle;

color: #fff;

}

#nav-content li a:hover {

background: #eef;

color: #333!important;

}

@media (max-width: 1024px ) {

#nav {

box-shadow: 0 3px 6px -4px var(--shadow);

background: var(--light-bg-t);

padding-left: 8px;

min-width: 0;

}

#nav-content {

max-height: 0;

overflow: hidden;

transition: .2s;

}

#nav-button:checked ~ #nav-content {

max-height: 500px;

transition: 1s;

}

#nav-content ul {

margin-top: 30px;

}

#nav-content li {

width: 200px;

margin-bottom: 5px;

margin-right: 8px;

}

#nav-content li a {

width: 100%;

display: block;

color: #fff;

text-align: center;

background: var(--brand);

border-radius: 3px;

}

#nav-label {

float: right;

position: relative;

display: flex;

height: 30px;

width: 30px;

align-items: center;

margin-left: 5px;

cursor: pointer;

z-index: 1;

}

#nav-label span,

#nav-label span::before,

#nav-label span::after {

position: absolute;

content: "";

display: block;

height: 2px;

width: 24px;

border-radius: 2px;

background: #fff;

transition: .3s;

}

#nav-label span::before {

bottom: 8px;

}

#nav-label span::after {

top: 8px;

}

#nav-button:checked ~ #nav-label span {

background: transparent;

}

#nav-button:checked ~ #nav-label span::before {

bottom: 0;

transform: rotate(45deg);

background: var(--color);

}

#nav-button:checked ~ #nav-label span::after {

top: 0;

transform: rotate(-45deg);

background: var(--dark-color);

}

#mobile-home {

display: none;

color: #fff;

position: absolute;

font-size: 2.2rem;

top: 3px;

}

#mobile-jump {

display: none;

color: #fff;

position: absolute;

}

#mobile-jump span {

display: inline-block;

margin: 0 5px;

height: 34px;

cursor: pointer;

}

#mobile-jump svg {

margin-top: 5px;

}

#nav-button:checked ~ #mobile-home,

#nav-button:checked ~ #mobile-jump,#nav-button:checked ~ .item-control a:not(.comment-delete) {

display: none;

}

@media (max-width: 1024px) {

#mobile-home,

#mobile-jump {

display: initial;

}

/*==== 検索ボックス ====*/

#search-wrap {

position: absolute;

right: 0;

}

.search-box-form {

position: relative;

width: 300px;

margin-right: 90px;

background: transparent;

z-index: 2;

}

.search-box-text {

width: 100%;

height: 1.9em;

margin-top: 2px;

border: 2px solid transparent;

border-radius: 5px;

outline: none;

background: transparent;

color: #fff;

font-size: 1.6rem;

padding: 2px 5px 0 28px;

transition: .2s;

}

.search-box-text:focus {

border-color: #fff;

background: var(--brand);

}

.search-box-text::placeholder {

color: #fff;

}

.search-box-submit {

color: #fff;

position: absolute;

left: 2px;

top: 6px;

border: none;

background: transparent;

outline: 0;

padding: 0;

transition: .3s;

}

.search-box-submit svg {

height: 1.3em;

width: 1.3em;

}

.search-box-submit:hover {

transform: scale(1.2);

}

::-webkit-search-cancel-button {

height: 1.1em;

width: 1.1em;

-webkit-appearance: none;

cursor: pointer;

background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="%23fff"/></svg>');

}

input[type="search"]::-webkit-search-decoration {

display: none;

}

@media (max-width: 600px ) {

#search-wrap {

right: 30px;

}

.search-box-form {

width: 150px;

margin-left: 5px;

margin-right: 55px;

}

.search-box-text:focus {

width: 230px;

}

#nav-button:checked ~ #search-wrap {

display: none;

}

.search-box-text::-moz-placeholder {

opacity: 1;

color: #fff

}

/*==== アーカイブウィジェット ====*/

.archive-list {

margin: 0 auto 1em;

max-width: 500px;

}

.archive-list ul {

box-shadow: 2px 2px 6px var(--shadow);

border-top: none;

border-bottom-left-radius: 5px;

border-bottom-right-radius: 5px;

color: var(--color);

max-height: 16em;

overflow: auto;

margin: 0 1px 0!important;

padding-left: 0!important;

}

.archive-list ul li {

font-size: 1.5rem;

line-height: 1.8;

margin: 0!important;

padding: 0!important;

list-style: none;

}

.archive-list summary {

position: relative;

padding: 5px 0 5px 8px;

height: 2em;

line-height: 1.5;

background: var(--brand);

color: #fff;

font-size: 1.5rem;

border-radius: 5px;

transition: .3s;

}

.archive-list summary:hover,

details[open].archive-list summary:hover {

background: var(--brand-light);

cursor: pointer;

}

.archive-list a {

display: block;

padding-left: .5em;

color: var(--color)!important;

text-decoration: none!important;

}

.archive-list a:hover {

background: var(--brand-light);

color: #fff!important;

}

.archive-list .svg-icon-24 {

position: absolute;

right: 3px;

top: 0;

font-size: 2.5rem;

color: var(--darkfcolor);

transition: .2s;

}

details[open].archive-list .svg-icon-24 {

transform: rotate(180deg);

}

details[open].archive-list summary {

color: #fff;

background: var(--brand);

box-shadow: 0 4px 4px -4px var(--shadow);

border-bottom-left-radius: 0;

border-bottom-right-radius: 0;

}

.archive-list ul::-webkit-scrollbar-track {

background: var(--light-bg);

}

/*==== リンクリスト ====*/

#LinkList2 li {

list-style-type: none;

line-height: 1.5;

padding: 0 0 3px;

}

#LinkList2 a {

color: var(--color)!important;

font-size: 1.3rem;

font-weight: bold;

padding: 5px 8px 3px;

text-indent: -5px;

border-radius: 2px;

width: 100%;

display: block;

}

#LinkList2 a::after {

content: "\00BB";

margin-left: 2px;

}

#LinkList2 a:hover {

background: var(--brand-light);

color: #fff!important;

}

#LinkList2 li a::before {

content: "\25cf";

padding-right: 3px;

color: var(--brand-light);

}

#LinkList2 li a:hover::before {

color: #fff;

}

.current-page {

font-size: 1.3rem;

padding: 5px 8px 3px;

text-indent: -5px;

display: block;

}

.current-page::before {

content: "\25cf";

padding-right: 3px;

}

/*==== ラベルウィジェット ====*/

.category-label {

display: inline-block;

border-radius: 5px;

margin-bottom: .5em;

background: var(--brand);

color: #fff!important;

transition: .3s;

line-height: 1;

padding: 6px;

font-size: 1.2rem;

}

.category-label:hover {

background: var(--brand-light);

}

.hashtag-label {

display: inline-block;

margin-bottom: .5em;

color: var(--color)!important;

border: solid var(--dark-color) 1px;

border-radius: 3px;

line-height: 1;

transition: .2s;

font-size: 1.4rem;

padding: 4px 5px 3px;

}

.list-label-widget-content {

text-align: center;

}

.hashtag-label:hover {

border-color: var(--sub-brand);

background: var(--sub-brand);

color: #fff!important;

}

.label-count {

font-size: 1.1rem;

margin-left: 3px;

}

.cloud-label-widget-content {

text-align: center;

}

/*== プロフィール ==*/

.Profile {

min-height: 140px;

}

.g-profile,

.profile-textblock,

.profile-info>.profile-link {

margin-left: 100px;

}

.g-profile {

font-size: 1.9rem;

line-height: 1.5;

}

.location {

font-size: 1.5rem;

margin-left: 100px;

}

.profile-info a {

font-weight: bold;

color: var(--color)!important;

}

.profile-info a:hover {

color: var(--link)!important;

text-decoration: underline;

}

.profile-textblock {

font-size: 1.3rem;

line-height: 1.3;

margin-top: .5em;

margin-bottom: .5em;

color: var(--dark-color);

}

.profile-textblock a {

color: var(--link)!important;

}

.profile-textblock a:hover {

text-decoration: underline;

color: var(--dark-color)!important;

}

.profile-img {

position: absolute;

width: 90px;

height: 90px;

object-fit: contain;

border-radius: 6px;

transition: .3s

}

.profile-img:hover {

opacity: .8;

}

.profile-info>.profile-link {

font-size: 1.6rem;

}

.profile-info>.profile-link::after {

content: "\00BB";

}

/*複数プロフィール用*/

.Profile ul {

display: flex;

flex-direction: column;

}

.Profile li {

position: relative;

margin-bottom: 7.5em;

list-style: none;

}

.profile-name {

font-size: 1.9rem;

line-height: 1.5;

}

a .profile-name {

font-weight: bold;

color: var(--color) !important;

position: absolute;

top: 0;

left: 100px;

}

a .profile-name:hover {

color: var(--link) !important;

text-decoration: underline;

}

a.profile-link:nth-of-type(2) {

font-size: 1.6rem;

font-weight: bold;

color: var(--color) !important;

position: absolute;

right: 1em;

bottom: -5.5em;

}

a.profile-link:nth-of-type(2):hover {

color: var(--link) !important;

text-decoration: underline!important;

}

.profile-link:nth-of-type(2)::after {

content: "\00BB";

}

.default-avatar {

position: absolute;

font-size: 80px;

color: var(--dark-color);

}

/*==== フッター帰属表示 ====*/

#footer-attribution {

background: var(--dark-bg);

color: var(--color);

font-size: 1.5rem;

padding: .5em;

display: flex;

justify-content: center;

}

#footer-attribution a {

font-weight: normal;

}

#footer-attribution a:hover {

color: var(--link);

text-decoration: underline;

}

#footer-attribution span:not(#presentyear)::after {

content: "\FF5C";

margin-right: 3px;

}

#footer-attribution span:last-child::after {

display: none;

}

@media (max-width: 950px ) {

#footer-attribution {

align-items: center;

flex-direction: column;

}

#footer-attribution span::after {

display: none;

}

/*==== SVG ====*/

.hatebusvg {

height: 24px;

width: 24px;

margin-top: -1px;

}

.linesvg {

height: 28px;

width: 28px;

padding-bottom: 3px;

margin-left: 2px;

}

.verified {

height: 16px;

width: 16px;

vertical-align: -5%;

margin-left: 3px;

}

.moon.svg {

transform: scale(-1, 1);

}

.svg-icon-24 {

fill: currentColor;

height: 1.2em;

width: 1.2em;

vertical-align: -12%;

}

/*==== Font Awesome ====*/

.svg {

fill: currentColor;

height: 1em;

width: 1em;

margin-left: 2px;

margin-right: 2px;

vertical-align: -8%;

}

/*==== ウィジェットタイトル ====*/

.title {

font-size: 1.8rem;

font-weight: bold;

line-height: 1;

margin-bottom: .5em;

padding: 4px 0 3px;

color: var(--color);

align-items: center;

display: flex;

}

.widget .title::before,

.widget .title::after {

content: "";

height: 4px;

flex-grow: 1;

margin-bottom: 3px;

}

.widget .title::before {

margin-right: .5em;

background: linear-gradient(to right, rgba(30, 144, 255, 0), var(--brand-light));

}

.widget .title::after {

margin-left: .5em;

background: linear-gradient(to left, rgba(30, 144, 255, 0), var(--brand-light));

}

/*]]>*/<b:if cond='data:view.isSingleItem'>/*<![CDATA[*/

/*==== 上下ジャンプボタン ====*/

/*==== 人気の投稿 ====*/

#scroll-button svg {

.PopularPosts .article {

transition: .5s;

height: 90px;

fill: currentColor;

position: relative;

margin-bottom: 20px;

transition: .3s;

border-radius: 5px;

box-shadow: 1px 1px 2px var(--shadow);

}

#pagetop,

.article > a {

#pagebottom {

position: absolute;

display: none;

top: 0;

position: fixed;

left: 0;

right: 0;

width: 100%;

z-index: 1;

height: 100%;

color: var(--dark-color-t);

}

#pagetop {

.article:hover {

bottom: 70px;

box-shadow: 8px 8px 10px var(--shadow);

margin-bottom: .5em;

}

#pagetop svg {

.article-header {

transform: rotate(180deg);

color: var(--dark-color);

font-size: 1.4rem;

bottom: 0;

right: 5px;

position: absolute;

margin-top: 5px;

}

.PopularPosts ul {

max-width: 600px;

margin-right: auto;

margin-left: auto;

}

.pop-img img {

position: absolute;

object-fit: cover;

width: 40%;

height: 100%;

border-radius: 5px 0 0 5px;

}

.pop-title {

display: flex;

font-weight: normal;

margin-bottom: 5px;

overflow: hidden;

line-height: 1.4;

position: relative;

font-size: 1.6rem;

height: 5.8em;

left: 41%;

width: 52%;

}

#pagebottom {

.pop-title::before {

bottom: 20px;

content: "\25CF";

margin-top: .5em;

font-size: 1.7rem;

line-height: 1.3;

color: var(--brand-light);

transition: .3s;

}

#pagetop svg,

.article:hover .pop-title::before {

#pagebottom svg {

color: limegreen;

height: 40px;

width: 50px;

}

#scroll-button svg:hover {

.pop-snippet {

cursor: pointer;

display: none;

color: var(--dark-color);

}

@media (max-width: 1024px) {

@media (max-width: 1024px ) {

#scroll-button {

#PopularPosts1 article {

display: none;

height: 130px;

}

.pop-title {

padding-top: .5em;

left: 46%;

}

.pop-img img {

width: 45%;

}

/*]]>*/</b:if><b:if cond='!data:view.isHomepage'>/*<![CDATA[*/

.ranked-li {

position: relative;

}

.PopularPosts li {

list-style-type: none;

}

.post-rank {

display: inline-block;

position: absolute;

z-index: 1;

top: 0;

left: 0;

width: 2em;

height: 1.2em;

line-height: 1.3;

text-align: center;

font-weight: bold;

color: #fff;

border-top-left-radius: 5px;

background: limegreen;

}

/*]]>*/<b:if cond='!data:view.isHomepage'>/*<![CDATA[*/

#mobile-jump {

left: 45px;

}

/*]]>*/</b:if><b:if cond='!data:view.isSingleItem and !data:view.isError'>/*<![CDATA[*/

/*==== 2 カラムレイアウト ====*/

main {

width: 97%;

max-width: 1155px;

display: flex;

justify-content: space-between;

margin: 0 auto;

}

#main-content {

margin: 3.5em 20px 1em 0;

width: calc(68% - 20px);

flex-shrink: 0;

}

#sub-content {

margin-top: 3em;

width: 32%;

flex-shrink: 0;

}

#sub-content .widget {

margin-bottom: 1.2em;

}

@media(max-width :1024px) {

main {

display: block;

width: 100%;

}

#main-content {

width: 98%;

margin: 3em auto 1em;

}

#sub-content {

width: 100%;

display: flex;

flex-direction: column;

}

#sub-content .widget {

margin-bottom: 0;

}

@media(min-width :960px) {

#BlogArchive1 {

padding: 0!important;

}

/*==== 記事一覧 ====*/

.article {

height: 174px;

position: relative;

margin-bottom: 20px;

transition: .3s;

border-radius: 5px;

box-shadow: 1px 1px 2px var(--shadow);

}

.article > a {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.article:hover {

box-shadow: 8px 8px 10px var(--shadow);

}

.article-header {

color: var(--dark-color);

font-size: 1.4rem;

bottom: 0;

right: 5px;

position: absolute;

margin-top: 5px;

}

.article-category {

position: absolute;

top: 0;

left: 0;

z-index: 1;

max-width: 40%;

opacity: 0;

transition: .3s;

}

.article-category-label {

line-height: 1.7;

margin-bottom: 5px;

display: inline-block;

background: #22222288;

transition: .3s;

}

.article-category-label:first-child {

border-top-left-radius: 5px;

}

.article-category-label a {

display: block;

color: #fff!important;

font-weight: normal;

font-size: 1.4rem;

padding: 3px 5px 1px 4px;

}

.article-category-label:hover {

background: var(--brand-light);

}

.article-img,

.widget-article-img {

transition: .3s;

}

.article-img img,

.widget-article-img img {

position: absolute;

object-fit: cover;

width: 40%;

height: 100%;

border-radius: 5px 0 0 5px;

}

.article-title {

display: flex;

font-size: 1.82rem;

font-weight: normal;

margin-bottom: 5px;

overflow: hidden;

height: 3.45em;

line-height: 1.4;

padding-top: .5em;

left: 41%;

width: 58%;

position: relative;

}

.article-title::before {

content: "\25A0";

font-size: 1.85rem;

line-height: 1.3;

color: var(--brand-light);

transition: .3s;

}

.article-snippet {

font-size: 1.4rem;

line-height: 1.5;

height: 6em;

overflow: hidden;

color: var(--dark-color);

left: 42%;

width: 57%;

position: relative;

}

@media (max-width: 600px ) {

.article {

height: 130px;

}

.article-title {

font-size: 1.6rem;

height: 5.8em;

left: 47%;

width: 52%;

}

.article-title::before {

font-size: 1.7rem;

}

.article-snippet {

display: none;

}

.article-img img,

保存された差分

原文

Open file

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/>
<head>
  <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
  <meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
  <meta content='blogger' name='generator'/>
  <!-- DNS prefetch -->
  <link href='//blogger.googleusercontent.com' rel='dns-prefetch'/>
  <link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
  <link href='//www.blogger.com' rel='dns-prefetch'/>
  <link href='//cdn.jsdelivr.net' rel='dns-prefetch'/>
  <!-- SEO -->
<b:if cond='data:view.isSingleItem'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <meta expr:content='resizeImage(data:view.featuredImage, 560, &quot;16:9&quot;)' name='thumbnail'/>
<b:elseif cond='data:view.search.query'/>
  <title>&#12300;<data:view.search.query/>&#12301;の検索結果 | <data:blog.title/></title>
<b:elseif cond='data:view.isLabelSearch'/>
  <title>ラベル: <data:blog.pageName/> | <data:blog.title/></title>
<b:elseif cond='data:view.archive.month'/>
  <title><data:view.archive.year/>年 <data:view.archive.month/>月のアーカイブ | <data:blog.title/></title>
<b:elseif cond='data:view.archive.year'/>
  <title><data:view.archive.year/>年のアーカイブ | <data:blog.title/></title>
<b:elseif cond='data:view.isError'/>
  <title>404 Not Found | <data:blog.title/></title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>
<meta expr:content='data:view.description.escaped' name='description'/>
<link expr:href='data:view.url.canonical' rel='canonical'/>
  <!-- Post Feed -->
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - ATOM&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  <!-- OGP -->
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<b:if cond='data:view.isSingleItem'>
  <meta expr:content='data:blog.pageName.escaped + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.search.query'/>
  <meta expr:content=' &quot;「&quot; + data:view.search.query + &quot;」&quot; + &quot;の検索結果&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.isLabelSearch'/>
  <meta expr:content='&quot;ラベル: &quot; + data:blog.pageName.escaped + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.archive.month'/>
  <meta expr:content='data:view.archive.year + &quot;年 &quot; + data:view.archive.month + &quot;月のアーカイブ&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.archive.year'/>
  <meta expr:content='data:view.archive.year + &quot;年のアーカイブ&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.isError'/>
  <meta expr:content='&quot;404 Not Found&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:else/>
  <meta expr:content='data:blog.title' property='og:title'/>
</b:if>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
<b:if cond='data:view.isSingleItem'>
  <meta content='article' property='og:type'/>
<b:else/>
  <meta content='blog' property='og:type'/>
</b:if>
  <meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:view.featuredImage'>
  <meta expr:content='resizeImage(data:view.featuredImage, 560, &quot;16:9&quot;)' property='og:image'/>
<b:else/>
  <meta content='【OGP 画像 URL】' property='og:image'/>
</b:if>
  <meta content='summary_large_image' name='twitter:card'/>
  <meta content='light' id='twth' name='twitter:widgets:theme'/>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<b:if cond='!data:view.isLayoutMode'>
<style>/*<![CDATA[*/
/*--------------------------------------------------------------
Blogger Template
Name	: F-light
Version	: 1.0.6
Designer: Fujiyan
Url		: https://f-light-theme.blogspot.com/
Lisense	:カスタマイズは自由ですが再配布はご遠慮ください
----------------------------------------------------------------*/

/*==== 初期化 CSS ====*/
html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1em}@media(max-width:1024px){body{font-size:1.6rem}}

/*==== ライトモード用スタイル ====*/
:root {
  --dark-bg: rgba(238, 238, 255, 1);/*#eef*/
  --light-bg: rgba(251, 251, 255, 1);/*#fbfbff*/
  --light-bg-t: rgba(251, 251, 255, .9);/*#fbfbffe6*/
  --shadow: #aaa;
  --color: #333;
  --dark-color: #666;
  --dark-color-t: rgba(102, 102, 102, .5);
  --red-color: #d30038;
  --blue-color: #592bff;
  --green-color: #007936;
  --link: royalblue;
  --brand: rgba(0, 108, 190, 1);/*#006cbe*/
  --brand-t: rgba(0, 108, 190, .9);
  --brand-light: dodgerblue;/*#1e90ff rgba(30, 144, 255, 1)*/
  --brand-light-t: rgba(30, 144, 255, .9);
  --sub-brand: tomato;/*#ff1493 rgba(255, 20, 147, 1)*/
  --normal-font: "HiraginoSans-W2", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif;
  --italic-font: "HiraginoSans-W2", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", sans-serif;
}

/*==== ダークモード用スタイル ====*/
:root[data-theme-mode="dark"] {
  --dark-bg: rgba(23, 30, 45, 1);/*#171e2d*/
  --light-bg: rgba(29, 38, 56, 1);/*#1d2638*/
  --light-bg-t: rgba(29, 38, 56, .9);/*#1d2638e6*/
  --shadow: #000;
  --color: #eee;
  --dark-color: #c0c0c0;
  --dark-color-t: rgba(192, 192, 192, .5);
  --red-color: tomato;
  --blue-color: #8cb4ff;
  --green-color: #00d061;
  --link: deepskyblue;
}

/*==== 共通 ====*/
body {
  font-size: 1.7rem;
  color: var(--color);
  background: var(--light-bg);
  text-underline-offset: .2em;
  text-decoration-skip-ink: none;
 -webkit-text-size-adjust: 100%;
 -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
#sub-content a {
  color: var(--link);
}
#sub-content .widget {
  padding: .5em;
}
* {
  font-family: var(--normal-font);
}
i {
  font-family: var(--italic-font);
}
a {
  text-decoration: none;
  color: inherit;
  transition: .3s;
}
.blogger-clickTrap {
  display: none;
}
button:hover {
  cursor: pointer;
}
select {
  outline: none;
}
::selection {
  background: #00e5ff;
  color: #000;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--light-bg);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #aaa transparent;
}
input[type="checkbox"] {
  display: none;
}
summary {
  display: block;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/*==== ヘッダー ====*/
header {
  background: var(--light-bg);
}
#header-title {
  font-size: 2.5rem;
  padding: .5em 0;
  text-align: center;
}
#header-title a {
  font-weight: bold;
}
#header-title a:hover {
  color: var(--link);
}
#header-desc {
  font-size: 1.2rem;
  color: var(--dark-color);
  text-align: center;
  padding-bottom: 1em;
}
.header-img {
  background-position: center;
  background-repeat: repeat;
}

/*==== モード切替 ====*/
#mode-switch {
  position: absolute;
  top: 5px;
  right: 1em;
}
#mode-switch label {
  cursor: pointer;
}
#mode-switch svg {
  height: 24px;
  width: 24px;
  color: #fff;
}
#switch-mode-dark svg {
  transform: scale(-1, 1);
}
@media (max-width: 1024px) {
  #mode-switch {
    right: 45px;
  }
}
#switch-mode-dark {
  display: none;
}
#js_mode_toggle:checked ~ label #switch-mode-dark {
  display: initial;
}
#js_mode_toggle:checked ~ label #switch-mode-light {
  display: none;
}
#nav-button:checked ~ #mode-switch {
  display: none;
}

/*==== ナビバー ====*/
nav {
  background: linear-gradient(to right, var(--brand-light-t), var(--brand-t), var(--brand-light-t));
  box-shadow: 0 3px 6px -4px var(--shadow);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  height: 2em;
}
#nav {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 1160px;
  min-width: 960px;
}
#nav-button,
#nav-label {
  display: none;
}
#nav-content ul {
  display: flex;
  flex-wrap: wrap;
}
#nav-content li {
  padding: .25em 0;
  margin: 0;
  list-style: none;
  transition: .3s;
}
#nav-content li a {
  font-size: 1.35rem;
  padding: .55em 10px .5em;
  line-height: 1;
  vertical-align: middle;
  color: #fff;
}
#nav-content li a:hover {
  background: #eef;
  color: #333!important;
}
@media (max-width: 1024px ) {
  #nav {
    box-shadow: 0 3px 6px -4px var(--shadow);
    background: var(--light-bg-t);
    padding-left: 8px;
    min-width: 0;
  }
  #nav-content {
    max-height: 0;
    overflow: hidden;
    transition: .2s;
  }
  #nav-button:checked ~ #nav-content {
    max-height: 500px;
    transition: 1s;
  }
  #nav-content ul {
    margin-top: 30px;
  }
  #nav-content li {
    width: 200px;
    margin-bottom: 5px;
    margin-right: 8px;
  }
  #nav-content li a {
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    background: var(--brand);
    border-radius: 3px;
  }
  #nav-label {
    float: right;
    position: relative;
    display: flex;
    height: 30px;
    width: 30px;
    align-items: center;
    margin-left: 5px;
    cursor: pointer;
    z-index: 1;
  }
  #nav-label span,
  #nav-label span::before,
  #nav-label span::after {
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 24px;
    border-radius: 2px;
    background: #fff;
    transition: .3s;
  }
  #nav-label span::before {
    bottom: 8px;
  }
  #nav-label span::after {
    top: 8px;
  }
  #nav-button:checked ~ #nav-label span {
    background: transparent;
  }
  #nav-button:checked ~ #nav-label span::before {
    bottom: 0;
    transform: rotate(45deg);
    background: var(--color);
  }
  #nav-button:checked ~ #nav-label span::after {
    top: 0;
    transform: rotate(-45deg);
    background: var(--dark-color);
  }
}
#mobile-home {
  display: none;
  color: #fff;
  position: absolute;
  font-size: 2.2rem;
  top: 3px;
}
#mobile-jump {
  display: none;
  color: #fff;
  position: absolute;
}
#mobile-jump span {
  display: inline-block;
  margin: 0 5px;
  height: 34px;
  cursor: pointer;
}
#mobile-jump svg {
  margin-top: 5px;
}
#nav-button:checked ~ #mobile-home,
#nav-button:checked ~ #mobile-jump,#nav-button:checked ~ .item-control a:not(.comment-delete) {
  display: none;
}
@media (max-width: 1024px) {
  #mobile-home,
  #mobile-jump {
    display: initial;
  }
}

/*==== 検索ボックス ====*/
#search-wrap {
  position: absolute;
  right: 0;
}
.search-box-form {
  position: relative;
  width: 300px;
  margin-right: 90px;
  background: transparent;
  z-index: 2;
}
.search-box-text {
  width: 100%;
  height: 1.9em;
  margin-top: 2px;
  border: 2px solid transparent;
  border-radius: 5px;
  outline: none;
  background: transparent;
  color: #fff;
  font-size: 1.6rem;
  padding: 2px 5px 0 28px;
  transition: .2s;
}
.search-box-text:focus {
  border-color: #fff;
  background: var(--brand);
}
.search-box-text::placeholder {
  color: #fff;
}
.search-box-submit {
  color: #fff;
  position: absolute;
  left: 2px;
  top: 6px;
  border: none;
  background: transparent;
  outline: 0;
  padding: 0;
  transition: .3s;
}
.search-box-submit svg {
  height: 1.3em;
  width: 1.3em;
}
.search-box-submit:hover {
  transform: scale(1.2);
}
::-webkit-search-cancel-button {
  height: 1.1em;
  width: 1.1em;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="%23fff"/></svg>');
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}
@media (max-width: 600px ) {
  #search-wrap {
    right: 30px;
  }
  .search-box-form {
    width: 150px;
    margin-left: 5px;
    margin-right: 55px;
  }
  .search-box-text:focus {
    width: 230px;
  }
}
#nav-button:checked ~ #search-wrap {
  display: none;
}
.search-box-text::-moz-placeholder {
  opacity: 1;
  color: #fff
}

/*==== アーカイブウィジェット ====*/
.archive-list {
  margin: 0 auto 1em;
  max-width: 500px;
}
.archive-list ul {
  box-shadow: 2px 2px 6px var(--shadow);
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--color);
  max-height: 16em;
  overflow: auto;
  margin: 0 1px 0!important;
  padding-left: 0!important;
}
.archive-list ul li {
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 0!important;
  padding: 0!important;
  list-style: none;
}
.archive-list summary {
  position: relative;
  padding: 5px 0 5px 8px;
  height: 2em;
  line-height: 1.5;
  background: var(--brand);
  color: #fff;
  font-size: 1.5rem;
  border-radius: 5px;
  transition: .3s;
}
.archive-list summary:hover,
details[open].archive-list summary:hover {
  background: var(--brand-light);
  cursor: pointer;
}
.archive-list a {
  display: block;
  padding-left: .5em;
  color: var(--color)!important;
  text-decoration: none!important;
}
.archive-list a:hover {
  background: var(--brand-light);
  color: #fff!important;
}
.archive-list .svg-icon-24 {
  position: absolute;
  right: 3px;
  top: 0;
  font-size: 2.5rem;
  color: var(--darkfcolor);
  transition: .2s;
}
details[open].archive-list .svg-icon-24 {
  transform: rotate(180deg);
}
details[open].archive-list summary {
  color: #fff;
  background: var(--brand);
  box-shadow: 0 4px 4px -4px var(--shadow);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.archive-list ul::-webkit-scrollbar-track {
  background: var(--light-bg);
}

/*==== リンクリスト  ====*/
#LinkList2 li {
  list-style-type: none;
  line-height: 1.5;
  padding: 0 0 3px;
}
#LinkList2 a {
  color: var(--color)!important;
  font-size: 1.3rem;
  padding: 5px 8px 3px;
  text-indent: -5px;
  border-radius: 2px;
  width: 100%;
  display: block;
}
#LinkList2 a::after {
  content: "\00BB";
  margin-left: 2px;
}
#LinkList2 a:hover {
  background: var(--brand-light);
  color: #fff!important;
}
#LinkList2 li a::before {
  content: "\25cf";
  padding-right: 3px;
  color: var(--brand-light);
}
#LinkList2 li a:hover::before {
  color: #fff;
}

/*==== ラベルウィジェット ====*/
.category-label {
  display: inline-block;
  border-radius: 5px;
  margin-bottom: .5em;
  background: var(--brand);
  color: #fff!important;
  transition: .3s;
  line-height: 1;
  padding: 6px;
  font-size: 1.2rem;
}
.category-label:hover {
  background: var(--brand-light);  
}
.hashtag-label {
  display: inline-block;
  margin-bottom: .5em;
  color: var(--color)!important;
  border: solid var(--dark-color) 1px;
  border-radius: 3px;
  line-height: 1;
  transition: .2s;
  font-size: 1.4rem;
  padding: 4px 5px 3px;
}
.list-label-widget-content {
  text-align: center;
}
.hashtag-label:hover {
  border-color: var(--sub-brand);
  background: var(--sub-brand);
  color: #fff!important;
}
.label-count {
  font-size: 1.1rem;
  margin-left: 3px;
}
.cloud-label-widget-content {
  text-align: center;
}

/*== プロフィール ==*/
.Profile {
  min-height: 140px;
}
.g-profile,
.profile-textblock,
.profile-info>.profile-link {
  margin-left: 100px;
}
.g-profile {
  font-size: 1.9rem;
  line-height: 1.5;
}
.profile-info a {
  font-weight: bold;
  color: var(--color)!important;
}
.profile-info a:hover {
  color: var(--link)!important;
  text-decoration: underline;
}
.profile-textblock {
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: .5em;
  margin-bottom: .5em;
  color: var(--dark-color);
}
.profile-textblock a {
  color: var(--link)!important;
}
.profile-textblock a:hover {
  text-decoration: underline;
  color: var(--dark-color)!important;
}
.profile-img {
  position: absolute;
  width: 90px;
  height: 90px;  
  object-fit: contain;
  border-radius: 6px;
  transition: .3s
}
.profile-img:hover {
  opacity: .8;
}
.profile-info>.profile-link {
  font-size: 1.6rem;
}
.profile-info>.profile-link::after {
  content: "\00BB";
}
/*複数プロフィール用*/
.Profile ul {
  display: flex;
  flex-direction: column;
}
.Profile li {
  position: relative;
  margin-bottom: 7.5em;
  list-style: none;
}
.profile-name {
  font-size: 1.9rem;
  line-height: 1.5;
}
a .profile-name {
  font-weight: bold;
  color: var(--color) !important;
  position: absolute;
  top: 0;
  left: 100px;
}
a .profile-name:hover {
  color: var(--link) !important;
  text-decoration: underline;
}
a.profile-link:nth-of-type(2) {
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--color) !important;
  position: absolute;
  right: 1em;
  bottom: -5.5em;
}
a.profile-link:nth-of-type(2):hover {
  color: var(--link) !important;
  text-decoration: underline!important;
}
.profile-link:nth-of-type(2)::after {
  content: "\00BB";
}

/*==== フッター帰属表示 ====*/
#footer-attribution {
  background: var(--dark-bg);
  color: var(--color);
  font-size: 1.5rem;
  padding: .5em;
  display: flex;
  justify-content: center;
}
#footer-attribution a {
  font-weight: normal;
}
#footer-attribution a:hover {
  color: var(--link);
  text-decoration: underline;
}
#footer-attribution span:not(#presentyear)::after {
  content: "\FF5C";
  margin-right: 3px;
}
#footer-attribution span:last-child::after {
  display: none;
}
@media (max-width: 950px ) {
  #footer-attribution {
    align-items: center;
    flex-direction: column;
  }
  #footer-attribution span::after {
    display: none;
  }
}

/*==== SVG ====*/
.hatebusvg {
  height: 24px;
  width: 24px;
  margin-top: -1px;
}
.linesvg {
  height: 28px;
  width: 28px;
  padding-bottom: 3px;
  margin-left: 2px;
}
.verified {
  height: 16px;
  width: 16px;
  vertical-align: -5%;
  margin-left: 3px;
}
.moon.svg {
  transform: scale(-1, 1);
}
.svg-icon-24 {
  fill: currentColor;
  height: 1.2em;
  width: 1.2em;
  vertical-align: -12%;
}

/*==== Font Awesome ====*/
.svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: -8%;
}

/*==== ウィジェットタイトル ====*/
.title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: .5em;
  padding: 4px 0 3px;
  color: var(--color);
  align-items: center;
  display: flex;
}
.widget .title::before,
.widget .title::after {
  content: "";
  height: 4px;
  flex-grow: 1;
  margin-bottom: 3px;
}
.widget .title::before {
  margin-right: .5em;
  background: linear-gradient(to right, rgba(30, 144, 255, 0), var(--brand-light));
}
.widget .title::after {
  margin-left: .5em;
  background: linear-gradient(to left, rgba(30, 144, 255, 0), var(--brand-light));
}
/*]]>*/<b:if cond='data:view.isSingleItem'>/*<![CDATA[*/
/*==== 上下ジャンプボタン ====*/
#scroll-button svg {
  transition: .5s;
  fill: currentColor;
}
#pagetop,
#pagebottom {
  display: none;
  position: fixed;
  right: 0;
  z-index: 1;
  color: var(--dark-color-t);
}
#pagetop {
  bottom: 70px;
  margin-bottom: .5em;
}
#pagetop svg {
  transform: rotate(180deg);
}
#pagebottom {
  bottom: 20px;
  margin-top: .5em;
}
#pagetop svg,
#pagebottom svg {
  height: 40px;
  width: 50px;
}
#scroll-button svg:hover {
  cursor: pointer;
  color: var(--dark-color);
}
@media (max-width: 1024px) {
  #scroll-button {
    display: none;
  }
}
/*]]>*/</b:if><b:if cond='!data:view.isHomepage'>/*<![CDATA[*/
#mobile-jump {
  left: 45px;
}
/*]]>*/</b:if><b:if cond='!data:view.isSingleItem and !data:view.isError'>/*<![CDATA[*/
/*==== 2 カラム レイアウト ====*/
main {
  width: 97%;
  max-width: 1155px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
#main-content {
  margin: 3.5em 20px 1em 0;
  width: calc(68% - 20px);
  flex-shrink: 0;
}
#sub-content {
  margin-top: 3em;
  width: 32%;
  flex-shrink: 0;
}
#sub-content .widget {
  margin-bottom: 1.2em;
}
@media(max-width :1024px) {
  main {
    display: block;
    width: 100%;
  }
  #main-content {
    width: 98%;
    margin: 3em auto 1em;
  }
  #sub-content {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #sub-content .widget {
    margin-bottom: 0;
  }
}
@media(min-width :960px) {
  #BlogArchive1 {
    padding: 0!important;
  }
}

/*==== 記事一覧 ====*/
.article {
  height: 174px;
  position: relative;
  margin-bottom: 20px;
  transition: .3s;
  border-radius: 5px;
  box-shadow: 1px 1px 2px var(--shadow);
}
.article > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article:hover {
  box-shadow: 8px 8px 10px var(--shadow);
}
.article-header {
  color: var(--dark-color);
  font-size: 1.4rem;
  bottom: 0;
  right: 5px;
  position: absolute;
  margin-top: 5px;
}
.article-category {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  max-width: 40%;
  opacity: 0;
  transition: .3s;
}
.article-category-label {
  line-height: 1.7;
  margin-bottom: 5px;
  display: inline-block;
  background: #22222288;
  transition: .3s;
}
.article-category-label:first-child {
  border-top-left-radius: 5px;
}
.article-category-label a {
  display: block;
  color: #fff!important;
  font-weight: normal;
  font-size: 1.4rem;
  padding: 3px 5px 1px 4px;
}
.article-category-label:hover {
  background: var(--brand-light);
}
.article-img,
.widget-article-img {
  transition: .3s;
}
.article-img img,
.widget-article-img img {
  position: absolute;
  object-fit: cover;
  width: 40%;
  height: 100%;
  border-radius: 5px 0 0 5px;
}
.article-title {
  display: flex;
  font-size: 1.82rem;
  font-weight: normal;
  margin-bottom: 5px;
  overflow: hidden;
  height: 3.45em;
  line-height: 1.4;
  padding-top: .5em;
  left: 41%;
  width: 58%;
  position: relative;
}
.article-title::before {
  content: "\25A0";
  font-size: 1.85rem;
  line-height: 1.3;
  color: var(--brand-light);
  transition: .3s;
}
.article-snippet {
  font-size: 1.4rem;
  line-height: 1.5;
  height: 6em;
  overflow: hidden;
  color: var(--dark-color);
  left: 42%;
  width: 57%;
  position: relative;
}
@media (max-width: 600px ) {
  .article {
    height: 130px;
  }
  .article-title {
    font-size: 1.6rem;
    height: 5.8em;
    left: 47%;
    width: 52%;
  }
  .article-title::before {
    font-size: 1.7rem;
  }
  .article-snippet {
    display: none;
  }
  .article-img img,
  .widget-article-img img {
    width: 45%;
  }
  .article-category {
    opacity: 1;
    max-width: 45%;
  }
  .article-category-label a {
    font-size: 1.2rem;
  }
}
.article:hover .article-title::before {
  color: var(--sub-brand);
}
.article:hover .article-img,
.article:hover .widget-article-img {
  opacity: .7;
}
.article:hover .article-category {
  opacity: 1;
}

/*==== 注目の投稿 ====*/
#FeaturedPost1 {
  margin-bottom: 3em;
}
#feat-name {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-top-left-radius: 5px;
  background: var(--sub-brand);
  padding: 6px;
}
.feat-img {
  transition: .3s;
}
.feat-img img {
  position: absolute;
  object-fit: cover;
  width: 40%;
  height: 100%;
  border-radius: 5px 0 0 5px;
}
.feat-title {
  display: flex;
  font-size: 1.82rem;
  font-weight: normal;
  margin-bottom: 5px;
  overflow: hidden;
  height: 3.45em;
  line-height: 1.4;
  padding-top: .5em;
  left: 41%;
  width: 58%;
  position: relative;
}
.feat-title::before {
  content: "\2605";
  font-size: 1.85rem;
  line-height: 1.3;
  color: var(--brand-light);
  transition: .3s;
}
.article:hover .feat-title::before {
  color: gold;
}
.article:hover #feat-name {
  display: none;
}
.article:hover .feat-img {
  opacity: .7;
}
.feat-snippet {
  font-size: 1.4rem;
  line-height: 1.5;
  height: 6em;
  overflow: hidden;
  color: var(--dark-color);
  left: 42%;
  width: 57%;
  position: relative;
}
@media (max-width: 600px ) {
  .feat-title {
    font-size: 1.6rem;
    height: 5.8em;
    left: 47%;
    width: 52%;
  }
  .feat-title::before {
    font-size: 1.7rem;
  }
  .feat-snippet {
    display: none;
  }
  .feat-img img {
    width: 45%;
  }
  #FeaturedPost1 .article-category  {
    display: none;
  }
  .article:hover #feat-name {
    display: initial;
  }
}

/*==== 人気の投稿 ====*/
.PopularPosts ul {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
.pop-img img {
  position: absolute;
  object-fit: cover;
  width: 45%;
  height: 100%;
  border-radius: 5px 0 0 5px;
}
.pop-title {
  display: flex;
  font-weight: normal;
  margin-bottom: 5px;
  overflow: hidden;
  line-height: 1.4;
  padding-top: .5em;
  position: relative;  
  font-size: 1.6rem;
  height: 5.8em;
  left: 47%;
  width: 52%;
}
.pop-title::before {
  content: "\25CF";
  font-size: 1.7rem;
  line-height: 1.3;
  color: var(--brand-light);
  transition: .3s;
}
.article:hover .pop-title::before {
  color: limegreen;
}
.pop-snippet {
  display: none;
}
@media (min-width: 1024px ) {
  #PopularPosts1 article {
    height: 90px;
  }
  .pop-img img {
    width: 40%;
  }
  .pop-title {
    padding-top: 0;
    width: 57%;
    left: 41%;
  }
}
.ranked-li {
  position: relative;
}
.PopularPosts li {
  list-style-type: none;
}
.post-rank {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 2em;
  height: 1.2em;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-top-left-radius: 5px;
  background: limegreen;
}
/*]]>*/<b:else/>/*<![CDATA[*/
/*==== 1 カラム レイアウト ====*/
#main-content {
  margin: 3em auto 0;
  max-width: 960px;
}
#sub-content {
  display: flex;
  margin: 5em auto 0;
  max-width: 1300px;
}
#sub-item1,
#sub-item2,
#sub-item3 {
  flex-basis: 31%;
  margin-left: auto;
  margin-right: auto;
}
@media(max-width :1024px) {
  #sub-content {
    flex-direction: column;
    margin: 5em 0 0;
  }
  #sub-item1,
  #sub-item2,
  #sub-item3 {
    flex-basis: 100%;
    margin: 0;
  }
}

/*==== 個別ページ ====*/
#p-wrapper {
  position: relative;
  padding: 1em 2em 2em;
  border-radius: 6px;
}
.post-body p {
  margin: 2em 0;
}
.post-body a {
  color: var(--link);
  text-decoration: underline;
}
.post-body a:hover {
  color: var(--color);
}
.post-body {
  line-height: 1.9;
  margin-top: 2em;
}
@media (max-width: 768px ) {
  #p-wrapper {
    padding: 1.5em 1em 1em;
  }
}

/*==== リスト装飾 ====*/
.post-body ol,
.post-body ul {
  margin-left: 1em;
}
.post-body ol p,
.post-body ul p {
  margin-top: 1em;
}
.post-body ol {
  color: var(--color);  
}
.post-body > ul > li,
.post-body > ol > li,
.list-movie li {
  margin-bottom: 1em;
  padding: 0;
  line-height: 1.6;
}
.post-body > ul {
  list-style: none;
}
.post-body > ul > li {
  text-indent: -19px;
}
.post-body > ul > li::before {
  content: "\25CF";
  color: var(--brand-light);
  padding-right: 3px;
  vertical-align: 4%;
}
.post-body > ul > li > ul > li,
.post-body > ol > li > ul > li {
  list-style: disc;
  margin-left: 1.4em;
  padding-left: 0;
}
.post-body > ol > li > ul > li {
  margin-left: -6px;
}
.post-body ol {
  counter-reset: li;
  list-style: none;
}
.post-body ol li {
  position: relative;
  padding-left: 1.5em;
  margin-left: -1.2em;
}
.post-body ol li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  line-height: 2.2;
  text-align: center;
  margin-top: -1px;
  margin-left: -10px;
  background: var(--brand-light);
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  counter-increment: li;
  content: counter(li);
}
.post-body ol li ul li::before,
.post-body ol li ol li::before,
.post-body ul li ol li::before {
  display: none;
}
.post-body ul li ol li,
.post-body ol li ol li {
  list-style-type: decimal;
  margin-left: -8px;
  padding-left: 0;
}
.post-body ul li ol li {
  padding-left: 1.4em;
  margin-left: 0;
}
.post-body > ul > li > ul > li,
.post-body > ul > li > ol > li {
  text-indent: 0;
  padding-left: 0;
  margin-left: 0;
}

/*==== 画像 ====*/
.separator img,
.tr-caption-container {
  box-shadow: 5px 5px 8px var(--shadow);
}
.separator img {
  margin: 2em 0 5em;
}
.tr-caption-container {
  border-spacing: 0;
  margin: 4em auto 6em;
}
.separator {
  text-align: center;
}
.tr-caption {
  font-size: 1.4rem!important;
  color: var(--dark-color);
  padding: 3px;
  line-height: 1.5;
  word-break: break-all;
  text-align: center;
}
.tr-caption-container td a {
  padding: 0!important;
}

/*==== 投稿ヘッダー ====*/
#p-header {
  display: block;
  font-size: 1.4rem;
  margin: 1.5em 0 1em;
  color: var(--dark-color);
}
#p-header a:hover {
  color: var(--link);
  text-decoration: underline;
}
#p-header-title {
  font-size: 2.2rem;
  font-weight: normal;
  color: var(--color);
  display: flex;
  margin-top: .5em;
  margin-left: -8px;
  line-height: 1.3;
}
#p-header-title::before {
  content: "\25A0";
  font-size: 2.6rem;
  line-height: 1;
  margin-right: 3px;
  color: var(--brand-light);
}

/*==== 記事ラベル ====*/
#p-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 5px 3px;
}
.p-category-label {
  font-size: 1.9rem;
  line-height: 1;
  border-radius: 5px;
  background: var(--brand);
  color: #fff;
  padding: 6px;
  font-weight: normal;
  transition: .3s;
  display: inline-block;
  margin-bottom: 5px;
}
.p-category-label:hover {
  color: #fff!important;
  background: var(--brand-light);  
}
#p-hashtag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.5em;
}
.p-hashtag-label {
  font-size: 1.5rem;
  margin: 0 3px 5px;
  color: var(--color)!important;
  border: solid var(--dark-color) 1px;
  border-radius: 5px;
  line-height: 1;
  padding: 3px;
  transition: .2s;
}
.p-hashtag-label:hover {
  border-color: var(--sub-brand);
  background: var(--sub-brand);
  color: #fff!important;
}
#p-hashtag svg.tag-icon {
  font-size: 2.2rem;
  fill: var(--dark-color);
  margin: 3px 0 0 -22px;
}
#p-hashtag svg.tag-icon:not(:first-child) {
  display: none;
}

/*==== 見出し ====*/
.post-body h2 {
  color: #fff;
  font-size: 2rem;
  padding: 13px 10px 12px;
  margin: 4.5em 0 1em;
  background: linear-gradient(to bottom, #1e50a2, var(--brand-light));
  border-radius: 3px;
  line-height: 1.2;
}
.post-body h3 {
  font-size: 1.8rem;
  line-height: 1.2;
  padding: 10px 5px 9px;
  margin: 4em 0 1em;
  border-left: solid 10px var(--brand-light);
  border-radius: 3px 0 0 3px;
  display: flex;
  flex-direction: column;
}
.post-body h3::after {
  content: "";
  height: 4px;
  margin: 8px 0 -9px -6px;
  background: linear-gradient(to right, var(--brand-light), rgba(30, 144, 255, 0));
}
.post-body h3 span {
  flex-direction: row;
}
.post-body h4 {
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 10px 5px 9px;
  margin: 5em 0 1em;
  border-left: solid 8px var(--brand-light);
  border-radius: 3px 0 0 3px;
}

/*==== 引用 ====*/
blockquote,
blockquote p,
blockquote div,
blockquote cite,
cite:not(.user),
cite a {  
  font-family: var(--italic-font);
}
blockquote {
  position: relative;
  margin: 2em 0;
  padding: 2em 2em 5em;
  box-sizing: border-box;
  background: var(--dark-bg);
  box-shadow: 4px 4px 5px -2px var(--shadow);
  font-style: italic;
  border-radius: 8px;
}
blockquote::before {
  position: absolute;
  content: "\201C";
  font-family: arial;
  font-size: 8.5rem;
  font-weight: bold;
  color: #9dd4ff;
  top: -2px;
  left: -2px;
  line-height: 1;
}
blockquote::after {
  position: absolute;
  content: "\201D";
  font-family: arial;
  font-size: 8.5rem;
  font-weight: bold;
  color: #9dd4ff;
  bottom: -.9em;
  right: 12px;
}
blockquote cite {
  position: absolute;
  bottom: 2.8em;
  right: 2em;
  padding-left: 3em;
  font-style: italic;
  display: block;
  font-size: 1.4rem;
}
blockquote a,
cite a {
  color: var(--blue-color)!important;  
}
cite a:hover {
  color: inherit!important;  
}

/*==== 埋め込みコンテンツ ====*/
.twitter-tweet {
  margin: 4em auto!important;
}
.instagram-media,
.instagram-media-registered {
  margin: auto!important;
  width: 540px!important;
  max-width: 100%!important;
}
audio {
  width: 500px;
  max-width: 100%;
  outline: none;
}
iframe {
  background: var(--dark-bg);
}
.twitter-tweet-rendered iframe,
.twitter-timeline-rendered iframe {
  border-radius: 10px;
}

/*==== クイック編集 ====*/
.item-control a:not(.comment-delete) {
  color: #fff;
  padding: 4px 14px;
  line-height: 1;
  position: fixed;
  right: 5px;
  top: 3px;
  z-index: 999;
  opacity: .9;
  background: var(--sub-brand);
  border-radius: 20px;
}
.item-control a:hover {
  opacity: 1;
}
@media (max-width: 1024px ) {
  .item-control a:not(.comment-delete) {
    top: 35px;
  }
}

/*==== テーブル ====*/
table:not(#bp_toc table):not([class]) {
  max-width: 100%;
  border: solid 1px #888;
  border-collapse: collapse;
  margin-top: .5em;
  line-height: 1.5;
}
table:not(#bp_toc table):not([class]) tbody tr td {
  border:solid 1px #888;
  padding: .3em;
}
table:not(#bp_toc table):not([class]) tbody tr:hover {
  background: var(--dark-bg);
}
table:not(#bp_toc table):not([class]) th {
  border:solid 1px #ccc;
  text-align: center;
  color: #fff;
  background: var(--brand);
  padding: .3em;
  font-weight: normal;
}

/*==== 自動目次 ====*/
#toc {
  background: var(--dark-bg);
  border-radius: 8px;
  padding: .5em;
  margin: 5em auto 0;
  max-width: 600px;
  display: table;
  position: relative;
}
.toc-title {
  text-align: center;
  font-size: 2rem;
  margin: 0;
}
.toc-title:focus {
  outline: none;
}
.toc-title:hover {
  cursor: pointer;
}
.toc-container {
  padding: 1em !important;
  margin: 0 !important;
}
.toc-container, .toc-container ul {
  counter-reset: ul-counter;
  list-style: none;
}
.toc-container li {
  padding: 0;
}
.toc-container li a {
  display: flex;
  padding: 8px 4px 4px;
  border-radius: 3px;
  color: var(--color)!important;
  text-decoration: none!important;
  line-height: 1.2;
}
.toc-container li a:hover {
  background: var(--brand-light);
  color: #fff!important;
}
.toc-container li a:hover::before {
  color: #fff!important;
}
.toc-container li a:hover svg {
  fill: #fff;
}
.toc-container li a::before {
  counter-increment: ul-counter;
  content: counters(ul-counter,"-");
  color: var(--link);
  padding-right: .5em;
  white-space: nowrap;
  font-weight: bold;
}

.toc-container > li > ul > li {
  font-size: 1.5rem;
  margin-left: -12px;
}
.toc-title .angle {
  position: absolute;
  right: .5em;
  top: 5px;
  font-size: 3.5rem;
  color: var(--dark-color);
  transition: .2s;
}
#toc[open] .angle {
  transform: rotate(180deg);
}
/*]]>*/</b:if><b:if cond='data:view.isSingleItem'>/*<![CDATA[*/
/*==== コメント ====*/
#comments {
  margin-top: 4em;
}
.comment-block {
  margin-top: 1em;
  padding-top: 35px;
}
.comment-timestamp a:hover {
  color: var(--link)!important;
  text-decoration: underline;
}
.comment-body a {
  color: var(--blue-color);
  text-decoration: underline;
}
#comments-block {
  margin-left: 0!important;
}
.comment-author img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: .5em;
}
.comment-timestamp {
  float: right;
  position: relative;
  right: .5em;
  bottom: 42px;
  font-size: 1.5rem;
  color: var(--dark-color);
}
.comment-timestamp a {
  font-weight: normal;
  color: inherit!important;
}
a.comment-delete {
  border-radius: 3px;
  padding: 0 3px;
}
a.comment-delete:hover {
  color: #fff!important;
  background: var(--sub-brand);
}
.comment-author {
  display: flex;
  align-items: center;
  line-height: 1;
  margin: 0 0 1em 3px;
  font-weight: bold;
}
.comment-author a:hover {
  color: var(--link)!important;
}
.comment-body {
  padding: 1em 1em 2em!important;
  margin-right: 0;
  border-radius: 8px;
  position: relative;
  background: var(--dark-bg);
  margin-bottom: 1em;
  line-height: 1.7;
}
.comment-body::after {
  content: "";
  position: absolute;
  top: -12px;
  left: 26px;
  margin-left: -8px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 12px solid var(--dark-bg);
}
.comment-form p {
  margin-bottom: 3em;
}
.comment-page-link,
.comment-form-jump {
  text-decoration: none!important;
  text-align: center;
  font-size: 1.6rem;
  color: #fff!important;
  display: block;
  margin-top: 1em;
  background: var(--brand);
  border-radius: 1em;
  padding: 5px;
  line-height: 1.4;
}
.comment-page-link:hover,
.comment-form-jump:hover {
  text-decoration: none!important;
  background: var(--brand-light);
  color: #fff!important;
}
p.deleted {
  font-family: var(--italic-font);
  font-style: italic;
  color: var(--dark-color);
}
#embed-form-button {
  text-align: center;
  font-size: 1.6rem;
  display: block;
  margin: 3em 0 2em;
  background: var(--brand);
  border-radius: 1em;
  padding: 5px;
  transition: .3s;
  position: relative;
  color: #fff;
}
#embed-form-button::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: calc(50% - 30px);
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 24px solid var(--brand);
  transition: .3s;
}
#embed-form-button:hover::after {
  border-top-color: var(--brand-light);
}
#embed-form-button:hover {
  cursor: pointer;
  background: var(--brand-light);
}
.comment-page-link,
.comment-form-jump,
#embed-form-button {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 600px;
}
iframe.embed-form {
  width: 100%;
  height: 290px;
  border-radius: 8px;
  margin-top: 2em;
}
.comment-message {
  display: block;
  text-align: center;
  margin-top: 3em;
  line-height: 1.7;
}
.embed-form {
  display: none;
}
#embed-form-open:checked ~ .embed-form {
  display: inline;
}
#embed-form-open:checked ~ #embed-form-button {
  display: none;
}
/*]]>*/</b:if><b:if cond='data:view.isMultipleItems and !data:view.search.query and !data:view.isArchive'>/*<![CDATA[*/
/*==== 番号ページャー ====*/
.showpageNum a,
.showpagePoint,
.showpage a {
  font-weight: bold;
  font-family: arial;
  line-height: 1;
  padding: .5em 0;
  min-width: 2em;
  margin: 0 3px 5px;
  border-radius: 20px;
  display: inline-block;
}
.showpageNum a,
.showpage a {
  color: var(--color);
}
.showpagePoint {
  color: #fff;
  background: var(--brand);
}
.showpageNum a:hover,
.showpage a:hover {
  color: #fff;
  background: var(--brand);
}
/*]]>*/</b:if><b:if cond='data:view.isPost'>/*<![CDATA[*/
/*==== SNS シェアボタン ====*/
.sns-share-buttons {
  width: 350px;
  margin: 4em auto;
  display: flex;
  justify-content: space-around;
  max-width: 100%;
}
.sns-share-buttons span {
  text-align: center;
  font-size: 2.4rem;
  display: block;
  padding-top: 9px;
  line-height: 1;
  border-radius: 5px;
  height: 40px;
  width: 40px;
  transition: .3s;
  color: #fff;
}
.sns-share-buttons span:hover {
  transform: scale(1.1);
}
.svg-facebook-f {
  height: 31.5px;
  width: 31.5px;
  margin-top: -.5px;
  margin-right: -2px;
}
.sns-share-buttons span:hover {
  cursor: pointer;
}
.tweet {
  background: #1da1f2;
}
.facebook {
  background: #1877f2;
}
.line {
  background: #00b900;
}
.hatena {
  background: #00a4de;
}
.pocket {
  background: #ef4056;
}
.copy_btn {
  background: slategray;
}
.sns-share-buttons .copy_btn {
  font-family: arial;
  font-size: .9rem;
}
.copy_btn::before {
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71 M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>');
}

/*==== 関連記事 ====*/
.rp-container {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#related-posts a {
  position: relative;
  flex-basis: 49.33%;
  height: 100px;
  overflow: hidden;
  margin: 0 0 10px;
  border-radius: 6px;
  transition: .3s;
  box-shadow: 1px 1px 2px var(--shadow);
}
.related-img img {
  object-fit: cover;
  margin: 0;
  float: left;
  width: 42%;
  height: 100px;
  padding-right: 5px;
}
.related-date {
  position: absolute;
  right: 5px;
  bottom: 0;
  font-size: 1.4rem;
  color: var(--dark-color);
}
.related-title {
  padding-top: 3px;
  padding-right: 5px;
  font-size: 1.4rem;
  line-height: 1.3;
  height: 5.2em;
  overflow: hidden;
  display: flex;
}
.related-title::before {
  content: "\25A0";
  font-size: 1.6rem;
  margin-top: -2px;
  color: var(--brand-light);
  transition: .3s;
}
#related-posts a:hover {
  box-shadow: 8px 8px 10px var(--shadow);
}
#related-posts a:hover .related-title::before {
  color: var(--sub-brand);
}
@media (max-width:600px) {
  #related-posts a {
    flex-basis: 100%;
  }
}

/*==== サムネ付きページャー ====*/
#post-pager {
  margin-top: 5em;
  display: flex;
}
.pager-div,
.nopager-div {
  width: 100%;
  transition: .3s;
  filter: drop-shadow(1px 1px 1px var(--shadow));
}
.prev-post {
  margin: 0 0 0 5px;
}
.next-post {
  margin: 0 5px 0 0;
}
.pager-link,
.no-pager-link {
  background: var(--light-bg);
  transition: .3s;
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
}
.prev-post .pager-link,
.prev-post .no-pager-link {
  border-radius: 6px 0 0 6px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
.next-post .pager-link,
.next-post .no-pager-link {
  border-radius: 0 6px 6px 0;
  clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
  -webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
}
.pager-div:hover {
  filter: drop-shadow(6px 6px 4px var(--shadow));
}
.pager-img {
  display: table-cell;
  width: 72px;
  vertical-align: middle;
  box-sizing: border-box;
}
.pager-img img {
  width: 100%;
  height: 54px;
  object-fit: cover;
}
.prev-post  .pager-img img {
  border-radius: 0 3px 3px 0;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
.next-post  .pager-img img {
  border-radius: 3px 0 0 3px;
  clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
  -webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
}
.pager-title {
  display: grid;
  align-items: center;
  line-height: 1.6;
  padding: 5px;
  font-size: 1.5rem;
  color:  var(--color);
  height: 54px;
}
.prev-post .pager-title {
  text-align: right;
}
.next-post .no-pager-link .pager-title {
  padding-left: 1em;
  color: var(--dark-color);
}
.prev-post .no-pager-link .pager-title {
  padding-right: 1em;
  color: var(--dark-color);
}
@media (max-width: 768px) {
  #post-pager {
    flex-direction: column;
    margin-right: 10px;
  }
  .prev-post,
  .next-post {
    margin: 6px 5px;
  }
}
/*]]>*/</b:if><b:if cond='data:view.isHomepage or data:view.isSearch or data:view.isPost or data:view.isArchive and !data:view.isPage'>/*<![CDATA[*/
/*==== ページャー ====*/
#blog-pager,
.Pager {
  text-align: center;
  overflow: hidden;
  margin: 2em 0;
}
#blog-pager-older-link a,
.Pager-next {
  padding: 10px 0;
  float: right;
  border-radius: 6px 0 0 6px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
#blog-pager-newer-link a,
.Pager-prev {
  padding: 10px 0;
  float: left;
  border-radius: 0 6px 6px 0;
  clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
  -webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
}
#blog-pager-newer-link a,
#blog-pager-older-link a,
.Pager-prev,
.Pager-next {
  background: var(--dark-bg);
  color: var(--color);
  font-size: 1.5rem;
  line-height: 1.3;
  transition: .3s;
  width: 400px;
  max-width: 49%;
}
#blog-pager-newer-link a:hover,
#blog-pager-older-link a:hover,
.Pager-prev:hover,
.Pager-next:hover {
  background: var(--brand-light);
  color: #fff;
}
/*]]>*/</b:if><b:if cond='data:view.search.query'>/*<![CDATA[*/
/*==== ステータスメッセージ (検索結果) ====*/
.navmsg a {
  color: var(--link);
  line-height: 1.9;
}
.navmsg b {
  font-size: 1.9rem;
}
.navmsg a:hover {
  color: var(--color);
  text-decoration: underline;
}
.navmsg a::before {
  content: "\A"url('data:image/svg+xml;utf-8,<!-- Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" height="17" width="17" style="margin-top:2px"><path d="M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z" fill="%23aaa"/></svg>');
  white-space: pre;
}
.navmsg a::after {
  content: "に並べ替える";
}
.navmsg a:last-child {
  display: none;
}
.navmsg {
  border-radius: 6px;
  display: block;
  text-align: center;
  padding: .4em .4em .3em;
  margin-bottom: .5em;
  line-height: 1.5;
}
/*]]>*/</b:if><b:if cond='data:view.isArchive'>/*<![CDATA[*/
/*==== ステータスメッセージ (アーカイブページ) ====*/
.navmsg a:last-child {
  display: none;
}
.navmsg {
  border-radius: 6px;
  display: block;
  text-align: center;
  padding: .5em;
  margin-bottom: .5em;
  line-height: 1.5;
}
.navmsg:nth-of-type(2) {
  background: none;
}
/*]]>*/</b:if><b:if cond='data:view.isLabelSearch'>/*<![CDATA[*/
/*==== ステータスメッセージ (ラベルページ) ====*/
.navmsg a:last-child {
  display: none;
}
.navmsg b {
  display: inline-block;
  border: 1px solid var(--dark-color);
  border-radius: 5px;
  padding: 0 5px;
}
.navmsg {
  border-radius: 6px;
  display: block;
  text-align: center;
  padding: .5em;
  margin-bottom: .5em;
  line-height: 1.5;
}
/*]]>*/</b:if><b:if cond='data:view.isError'>/*<![CDATA[*/
/*==== 404 ====*/
#sub-content {
  display: none;
}
#notfound {
  font-size: 2rem;
  text-align: center;
  margin: 5em 0;
}
.home {
  position: absolute;
  font-size: 2rem;
  font-weight: bold;
  color: var(--link)!important;
  left: calc(50% - 1em);
  bottom: 52%;
}
/*]]>*/</b:if><b:if cond='data:view.isSingleItem'>/*<![CDATA[*/
/*==== コード ====*/
pre {
  position: relative;
  white-space: pre-wrap;
  word-break: break-all;
  background: var(--dark-bg);
  color: var(--color);
  margin: 3em 0;
  padding: .5em;
  text-indent: 0;
  line-height: 1.3;
  overflow: auto;
  max-height: 500px;
}
/*]]>*/</b:if></style>
<noscript>
<style>/*<![CDATA[*/
.Blog,
nav,
#sub-content,
#footer-attribution,
#FeaturedPost1 {
  display: none;
}
#noscript-msg {
  font-size: 2.2rem;
  line-height:1.5;
  text-align: center;
  margin-top: 200px;
}
/*]]>*/</style>
</noscript>
<b:else/>
<b:template-skin><![CDATA[
body#layout {
  background: #fff;
}
#layout #sub-item1,
#layout #sub-item2,
#layout #sub-item3 {
  width: 33.3%;
}
#layout #sub-content {
  display: flex;
  flex-direction: row;
}
body#layout .section h4 {
  background: dodgerblue;
  color: #fff;
  text-align: center;
  padding: .5em;
  border-radius: 20px;
}
body#layout:before {
  background: dodgerblue;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  content: "F-light v.1.0.6";
  display: block;
  padding: .5em;
  position: absolute;
  left: 45%;
  top: 2em;
}
]]></b:template-skin>
</b:if>
&lt;/head&gt;
&lt;!--</head>--&gt;
<body>
  <!-- SVG -->
<svg style='display:none' xmlns='http://www.w3.org/2000/svg'>
<defs>
  <!-- Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<symbol id='house' viewbox='0 0 16 16'><path d='M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z'/></symbol>
<symbol id='svg-angles-down' viewBox='0 0 384 512'><path d='M169.4 278.6C175.6 284.9 183.8 288 192 288s16.38-3.125 22.62-9.375l160-160c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0L192 210.8L54.63 73.38c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25L169.4 278.6zM329.4 265.4L192 402.8L54.63 265.4c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l160 160C175.6 476.9 183.8 480 192 480s16.38-3.125 22.62-9.375l160-160c12.5-12.5 12.5-32.75 0-45.25S341.9 252.9 329.4 265.4z'/></symbol>
<symbol id='svg-comment-dots' viewbox='0 0 512 512'><path d='M144 208C126.3 208 112 222.2 112 239.1C112 257.7 126.3 272 144 272s31.1-14.25 31.1-32S161.8 208 144 208zM256 207.1c-17.75 0-31.1 14.25-31.1 32s14.25 31.1 31.1 31.1s31.1-14.25 31.1-31.1S273.8 207.1 256 207.1zM368 208c-17.75 0-31.1 14.25-31.1 32s14.25 32 31.1 32c17.75 0 31.99-14.25 31.99-32C400 222.2 385.8 208 368 208zM256 31.1c-141.4 0-255.1 93.12-255.1 208c0 47.62 19.91 91.25 52.91 126.3c-14.87 39.5-45.87 72.88-46.37 73.25c-6.624 7-8.373 17.25-4.624 26C5.818 474.2 14.38 480 24 480c61.49 0 109.1-25.75 139.1-46.25c28.87 9 60.16 14.25 92.9 14.25c141.4 0 255.1-93.13 255.1-207.1S397.4 31.1 256 31.1zM256 400c-26.75 0-53.12-4.125-78.36-12.12l-22.75-7.125L135.4 394.5c-14.25 10.12-33.87 21.38-57.49 29c7.374-12.12 14.37-25.75 19.87-40.25l10.62-28l-20.62-21.87C69.81 314.1 48.06 282.2 48.06 240c0-88.25 93.24-160 207.1-160s207.1 71.75 207.1 160S370.8 400 256 400z'/></symbol>
<symbol id='svg-clock' viewbox='0 0 512 512'><path d='M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z'/></symbol>
<symbol id='svg-folder' viewbox='0 0 512 512'><path d='M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z'/></symbol>
<b:if cond='data:view.isSingleItem'>
<symbol id='verified' viewBox='0 0 32 32'><circle cx='16' cy='15.9' fill='dodgerblue' r='15.8'/><polygon fill='#fff' points='23,9 13.2,18.8 9,14.5 6.4,17 10.7,21.3 13.2,23.8 15.8,21.3 25.6,11.5 '/></symbol>
<symbol fill='#fff' id='svg-comment-medical' viewBox='0 0 512 512'><path d='M256 31.1c-141.4 0-255.1 93.09-255.1 208c0 49.59 21.38 94.1 56.97 130.7c-12.5 50.39-54.31 95.3-54.81 95.8C0 468.8-.5938 472.2 .6875 475.2c1.312 3 4.125 4.797 7.312 4.797c66.31 0 116-31.8 140.6-51.41c32.72 12.31 69.01 19.41 107.4 19.41C397.4 447.1 512 354.9 512 239.1S397.4 31.1 256 31.1zM368 266c0 8.836-7.164 16-16 16h-54V336c0 8.836-7.164 16-16 16h-52c-8.836 0-16-7.164-16-16V282H160c-8.836 0-16-7.164-16-16V214c0-8.838 7.164-16 16-16h53.1V144c0-8.838 7.164-16 16-16h52c8.836 0 16 7.162 16 16v54H352c8.836 0 16 7.162 16 16V266z'/></symbol>
<symbol id='trash' viewBox='0 0 16 16'><path d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z'/></symbol>
</b:if>
<b:if cond='data:view.isPost'>
<symbol id='svg-twitter' viewBox='0 0 512 512'><path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/></symbol>
<symbol id='hatebusvg' viewBox='0 0 355.004 300'><path d='M280.009,0h70v200.005h-70V0z M215.192,160.596c-11.844-13.239-28.314-20.683-49.443-22.288 c18.795-5.122,32.443-12.616,41.077-22.628c8.593-9.88,12.856-23.292,12.856-40.171c0-13.362-2.922-25.184-8.579-35.397 c-5.805-10.152-14.14-18.276-25.102-24.357c-9.586-5.274-20.98-8.994-34.262-11.188c-13.349-2.126-36.709-3.198-70.231-3.198H0 V298.63h83.976c33.737,0,58.064-1.182,72.94-3.441c14.863-2.337,27.334-6.27,37.428-11.662 c12.484-6.587,22.007-15.964,28.662-28.01c6.698-12.085,10.014-26.02,10.014-41.956 C233.017,191.514,227.079,173.798,215.192,160.596z M75.26,67.27h17.398c20.108,0,33.617,2.267,40.59,6.787 c6.877,4.542,10.388,12.38,10.388,23.547c0,10.745-3.733,18.313-11.118,22.751c-7.483,4.354-21.117,6.562-41.079,6.562H75.26 V67.27z M144.276,237.733c-7.916,4.862-21.557,7.251-40.696,7.251H75.265v-64.949h29.54c19.654,0,33.243,2.475,40.469,7.414 c7.343,4.942,10.955,13.665,10.955,26.191C156.226,224.85,152.263,232.899,144.276,237.733z M315.014,220.003c-22.101,0-40.002,17.891-40.002,39.991 c0,22.1,17.902,40.006,40.002,40.006c22.072,0,39.99-17.906,39.99-40.006C355.004,237.894,337.088,220.003,315.014,220.003z' fill='#fff'/></symbol>
<symbol id='linesvg' viewBox='0 0 315 300'><path d='M295.838,115.347l0.003-0.001l-0.092-0.76c-0.001-0.013-0.002-0.023-0.004-0.036c-0.001-0.011-0.002-0.021-0.004-0.032   l-0.344-2.858c-0.069-0.574-0.148-1.228-0.238-1.974l-0.072-0.594l-0.147,0.018c-3.617-20.571-13.553-40.093-28.942-56.762   c-15.317-16.589-35.217-29.687-57.548-37.878c-19.133-7.018-39.434-10.577-60.337-10.577c-28.22,0-55.627,6.637-79.257,19.193   C23.289,47.297-3.585,91.799,0.387,136.461c2.056,23.111,11.11,45.11,26.184,63.621c14.188,17.423,33.381,31.483,55.503,40.66   c13.602,5.642,27.051,8.301,41.291,11.116l1.667,0.33c3.921,0.776,4.975,1.842,5.247,2.264c0.503,0.784,0.24,2.329,0.038,3.18   c-0.186,0.785-0.378,1.568-0.57,2.352c-1.529,6.235-3.11,12.683-1.868,19.792c1.428,8.172,6.531,12.859,14.001,12.86   c0.001,0,0.001,0,0.002,0c8.035,0,17.18-5.39,23.231-8.956l0.808-0.475c14.436-8.478,28.036-18.041,38.271-25.425   c22.397-16.159,47.783-34.475,66.815-58.17C290.172,175.745,299.2,145.078,295.838,115.347z M92.343,160.561H66.761   c-3.866,0-7-3.134-7-7V99.865c0-3.866,3.134-7,7-7c3.866,0,7,3.134,7,7v46.696h18.581c3.866,0,7,3.134,7,7   C99.343,157.427,96.209,160.561,92.343,160.561z M119.03,153.371c0,3.866-3.134,7-7,7c-3.866,0-7-3.134-7-7V99.675   c0-3.866,3.134-7,7-7c3.866,0,7,3.134,7,7V153.371z M182.304,153.371c0,3.033-1.953,5.721-4.838,6.658   c-0.712,0.231-1.441,0.343-2.161,0.343c-2.199,0-4.323-1.039-5.666-2.888l-25.207-34.717v30.605c0,3.866-3.134,7-7,7   c-3.866,0-7-3.134-7-7v-52.16c0-3.033,1.953-5.721,4.838-6.658c2.886-0.936,6.045,0.09,7.827,2.545l25.207,34.717V99.675   c0-3.866,3.134-7,7-7c3.866,0,7,3.134,7,7V153.371z M233.311,159.269h-34.645c-3.866,0-7-3.134-7-7v-26.847V98.573   c0-3.866,3.134-7,7-7h33.57c3.866,0,7,3.134,7,7s-3.134,7-7,7h-26.57v12.849h21.562c3.866,0,7,3.134,7,7c0,3.866-3.134,7-7,7   h-21.562v12.847h27.645c3.866,0,7,3.134,7,7S237.177,159.269,233.311,159.269z' fill='#fff'/></symbol>
<symbol id='tag-icon' viewBox='0 0 16 16'><path d='M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/></symbol>
<symbol id='svg-arrows-rotate' viewbox='0 0 512 512'><path d='M464 16c-17.67 0-32 14.31-32 32v74.09C392.1 66.52 327.4 32 256 32C161.5 32 78.59 92.34 49.58 182.2c-5.438 16.81 3.797 34.88 20.61 40.28c16.89 5.5 34.88-3.812 40.3-20.59C130.9 138.5 189.4 96 256 96c50.5 0 96.26 24.55 124.4 64H336c-17.67 0-32 14.31-32 32s14.33 32 32 32h128c17.67 0 32-14.31 32-32V48C496 30.31 481.7 16 464 16zM441.8 289.6c-16.92-5.438-34.88 3.812-40.3 20.59C381.1 373.5 322.6 416 256 416c-50.5 0-96.25-24.55-124.4-64H176c17.67 0 32-14.31 32-32s-14.33-32-32-32h-128c-17.67 0-32 14.31-32 32v144c0 17.69 14.33 32 32 32s32-14.31 32-32v-74.09C119.9 445.5 184.6 480 255.1 480c94.45 0 177.4-60.34 206.4-150.2C467.9 313 458.6 294.1 441.8 289.6z'/></symbol>
<symbol id='svg-facebook-f' viewBox='0 0 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/></symbol>
<symbol id='svg-get-pocket' viewbox='0 0 448 512'><path d='M407.6 64h-367C18.5 64 0 82.5 0 104.6v135.2C0 364.5 99.7 464 224.2 464c124 0 223.8-99.5 223.8-224.2V104.6c0-22.4-17.7-40.6-40.4-40.6zm-162 268.5c-12.4 11.8-31.4 11.1-42.4 0C89.5 223.6 88.3 227.4 88.3 209.3c0-16.9 13.8-30.7 30.7-30.7 17 0 16.1 3.8 105.2 89.3 90.6-86.9 88.6-89.3 105.5-89.3 16.9 0 30.7 13.8 30.7 30.7 0 17.8-2.9 15.7-114.8 123.2z'/></symbol>
</b:if>
<b:if cond='data:view.isPost or data:view.isArchive'>
<symbol id='svg-calendar-days' viewBox='0 0 448 512'><path d='M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 248H128V192H48V248zM48 296V360H128V296H48zM176 296V360H272V296H176zM320 296V360H400V296H320zM400 192H320V248H400V192zM400 408H320V464H384C392.8 464 400 456.8 400 448V408zM272 408H176V464H272V408zM128 408H48V448C48 456.8 55.16 464 64 464H128V408zM272 192H176V248H272V192z'/></symbol>
</b:if>
<b:if cond='data:view.search.query'>
<symbol id='svg-sort' viewBox='0 0 320 512'><path d='M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z'/></symbol>
</b:if>
</defs>
</svg>
  <!-- ヘッダー -->
<header>
<b:section id='HEADER' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='F-light (Header)' type='Header' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'/>
      <b:widget-setting name='displayHeight'>0</b:widget-setting>
      <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
      <b:widget-setting name='useImage'>false</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
      <b:widget-setting name='displayWidth'>0</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
    <div class='header-img'>
      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
      <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='header-title'/>
      <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
    </div>
    <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
</b:includable>
    <b:includable id='behindImageStyle'>
    <b:if cond='data:sourceUrl'>
      <b:include cond='data:this.image' data='{image: data:this.image, selector: &quot;.header-img&quot;}' name='responsiveImageStyle'/>
    </b:if>
  </b:includable>
    <b:includable id='description'>
  <b:if cond='data:description'>
    <p id='header-desc'><data:description/></p>
  </b:if>
</b:includable>
    <b:includable id='header-title'>
  <b:if cond='data:view.isSingleItem'>
    <p id='header-title'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
    <b:elseif cond='data:view.isHomepage'/>
    <h1 id='header-title'><data:blog.title/></h1>
    <b:else/>
    <h1 id='header-title'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h1>
  </b:if>
</b:includable>
    <b:includable id='image'>
</b:includable>
    <b:includable id='title'/>
  </b:widget>
</b:section>
</header>
  <!-- ナビバー -->
<nav>
<div id='nav'>
  <!-- ナビボタン -->
<input id='nav-button' type='checkbox'/>
<label for='nav-button' id='nav-label'><span/></label>
  <!-- モバイル用ジャンプボタン -->
<div id='mobile-jump'>
  <span id='m-pagebottom'><svg aria-label='scroll to bottom' class='feather feather-arrow-down' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><line x1='12' x2='12' y1='5' y2='19'/><polyline points='19 12 12 19 5 12'/></svg></span>
  <span id='m-pagetop'><svg aria-label='scroll to top' class='feather feather-arrow-up' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><line x1='12' x2='12' y1='19' y2='5'/><polyline points='5 12 12 5 19 12'/></svg></span>
</div>
<b:if cond='!data:view.isHomepage'>
  <!-- モバイル ホームボタン -->
  <a href='/' id='mobile-home'><svg aria-label='ホーム' class='svg house'><use href='#house'/></svg></a>
</b:if>
  <!-- 検索ボックス -->
<div id='search-wrap'><form action='/search' class='search-box-form' method='get'>
  <input class='search-box-text' expr:value='data:view.search.query.escaped' name='q' placeholder='Search' required='required' type='search'/><button class='search-box-submit' title='検索'><svg aria-label='検索' class='svg-icon-24'><use href='/responsive/sprite_v1_6.css.svg#ic_search_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></button></form></div>
  <!-- モードスイッチ: https://qiita.com/whike_chan/items/3fff6d0c78fa74253d4d -->
<div id='mode-switch'>
<input id='js_mode_toggle' type='checkbox'/>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
    <span id='switch-mode-dark' title='ダークモードに切り替える'><svg aria-label='ダークモード' class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg></span>
    <span id='switch-mode-light' title='ライトモードに切り替える'><svg aria-label='ライトモード' class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg></span>
</label>
</div>
<script>/*<![CDATA[*/
const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey"),twTheme=document.getElementById("twth");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),twTheme.setAttribute("content","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),twTheme.setAttribute("content","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))})
/*]]>*/</script>
  <!-- リンクリスト -->
<aside id='nav-content'>
<b:section id='NAVIGATION' maxwidgets='1' showaddelement='no'>
  <b:widget id='LinkList1' locked='true' title='ナビメニュー' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='link-3'>#</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>リンク 1</b:widget-setting>
      <b:widget-setting name='link-1'>#</b:widget-setting>
      <b:widget-setting name='text-0'><![CDATA[<svg aria-label="ホーム" class="svg house" style="margin-right:5px;vertical-align:-20%"><use href="#house"/></svg>ホーム]]></b:widget-setting>
      <b:widget-setting name='link-2'>#</b:widget-setting>
      <b:widget-setting name='text-3'>リンク 3</b:widget-setting>
      <b:widget-setting name='link-0'>/</b:widget-setting>
      <b:widget-setting name='text-2'>リンク 2</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
</b:includable>
  </b:widget>
</b:section>
</aside>
</div>
</nav>
  <!-- メインコンテンツ -->
<main>
<div id='main-content'>
<b:section id='MAIN' showaddelement='yes'>
  <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='false' title='注目の投稿' type='FeaturedPost' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showSnippet'>true</b:widget-setting>
      <b:widget-setting name='showPostTitle'>true</b:widget-setting>
      <b:widget-setting name='showFirstImage'>true</b:widget-setting>
      <b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
      <div class='widget title'><data:title/></div>
    <b:include name='snippetedPosts'/>
</b:includable>
    <b:includable id='blogThisShare'/>
    <b:includable id='bylineByName'/>
    <b:includable id='bylineRegion'/>
    <b:includable id='commentsLink'/>
    <b:includable id='commentsLinkIframe'/>
    <b:includable id='emailPostIcon'/>
    <b:includable id='facebookShare'/>
    <b:includable id='footerBylines'/>
    <b:includable id='googlePlusShare'/>
    <b:includable id='headerByline'/>
    <b:includable id='linkShare'/>
    <b:includable id='otherSharingButton'/>
    <b:includable id='platformShare'/>
    <b:includable id='postAuthor'/>
    <b:includable id='postCommentsLink'>
      <b:if cond='data:post.numberOfComments gt 0'>
        <span class='article-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin-right:3px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/> &#65372;</span>
      </b:if>
    </b:includable>
    <b:includable id='postJumpLink'/>
    <b:includable id='postLabels'>
    <b:loop values='data:post.labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
          <span class='article-category-label'><a expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/></a></span>
      </b:loop>
    </b:includable>
    <b:includable id='postLocation'/>
    <b:includable id='postReactions'/>
    <b:includable id='postShareButtons'/>
    <b:includable id='postSnippet'>
      <p class='feat-snippet'><b:eval expr='snippet(data:post.body,{length: 120, links: false, linebreaks: false, ellipsis: true})'/></p>
</b:includable>
    <b:includable id='postTimestamp'>
      <time class='article-header-date' expr:datetime='data:post.date.iso8601'><svg aria-label='投稿日' class='svg svg-clock' style='vertical-align:-10%;margin-right:3px'><use href='#svg-clock'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></time>
    </b:includable>
    <b:includable id='sharingButton'/>
    <b:includable id='sharingButtonContent'/>
    <b:includable id='sharingButtons'/>
    <b:includable id='sharingButtonsMenu'/>
    <b:includable id='sharingPlatformIcon'/>
    <b:includable id='snippetedPostByline'/>
    <b:includable id='snippetedPostContent'>
  <div class='post-content'>
          <b:include cond='data:this.postDisplay.showFeaturedImage' name='snippetedPostThumbnail'/>
    <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
    <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
      <p class='article-header'>
        <b:include data='post' name='postCommentsLink'/>
    <b:include data='post' name='postTimestamp'/>
    </p>
    <p class='article-category'>
        <b:include data='post' name='postLabels'/>
    </p>
  </div>
</b:includable>
    <b:includable id='snippetedPostThumbnail'>
  <b:if cond='data:post.featuredImage'>
    <div class='feat-img'/>
<script>
(function(){const idx=<data:i/>;let img=&quot;<b:eval expr='resizeImage(data:post.featuredImage,320,&quot;16:9&quot;)'/>&quot;;let webp;if(img.match(/-k-no-nu/)){webp=img.replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#39;);}if(img.match(/lh3-testonly/)){webp=img.replace(&#39;lh3-testonly&#39;,&#39;lh3&#39;);}let ec=document.getElementsByClassName(&#39;feat-img&#39;)[idx];let html=&#39;&#39;;html+=&#39;&lt;img alt=&quot;<data:post.title.escaped/>&quot; height=&quot;180&quot; src=&quot;&#39;+webp+&#39;&quot; width=&quot;320&quot;/&gt;&#39;;ec.innerHTML=html;}());
</script>
      <b:else/>
      <div class='feat-img'>
        <img expr:alt='data:post.title.escaped' height='180' src='https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s320-rw-e365/noimage.png' width='320'/>
      </div>
</b:if>
</b:includable>
    <b:includable id='snippetedPostTitle'>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h2 class='feat-title'><data:post.title/></h2>
  </b:if>
</b:includable>
    <b:includable id='snippetedPosts'>
    <!-- Don't render the post that we're currently already looking at. -->
    <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
      <article class='article'>
        <b:include name='snippetedPostContent'/><a expr:aria-label='data:post.title' expr:href='data:post.url'/>
        <a expr:href='data:post.url'><p id='feat-name'>RECOMMEND</p></a>
        </article>
    </b:loop>
</b:includable>
  </b:widget>
  <b:widget id='Blog1' locked='true' title='ブログの投稿' type='Blog' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='commentLabel'/>
      <b:widget-setting name='showShareButtons'>false</b:widget-setting>
      <b:widget-setting name='authorLabel'/>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='timestampLabel'/>
      <b:widget-setting name='reactionsLabel'/>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showDateHeader'>false</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
      <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
      <b:widget-setting name='showAuthor'>false</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showLabels'>false</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'/>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
  <b:include name='status-message'/>
  <b:if cond='data:view.isSingleItem'>
    <b:loop values='data:posts' var='post'>
      <div id='p-wrapper'>
        <b:include data='post' name='postQuickEdit'/>
        <b:include name='jsonLDBreadcrumb'/>
        <b:include data='post' name='jsonLD'/>
        <b:include data='post' name='singleHeader'/>
        <b:include data='post' name='postBody'/>
        <div id='p-footer'>
          <b:if cond='data:view.isPost'>
            <b:include data='post' name='postShareButtons'/>
            <b:include data='post' name='Labels'/>
            <b:include data='post' name='rp'/>
          </b:if>
          <b:if cond='data:post.allowComments'>
            <b:include data='post' name='comments'/>
          </b:if>
        </div>
      </div>
      <b:include data='post' name='post-pager'/>
    </b:loop>
    <b:else/>
    <b:include name='jsonLDBreadcrumb'/>
    <b:loop index='i' values='data:posts' var='post'>
      <b:if cond='data:view.isArchive or data:i lt 10'>
        <b:include data='post' name='post'/>
      </b:if>
    </b:loop>
    <b:include cond='!data:view.isArchive' name='nextprev'/>
  </b:if>
</b:includable>
    <b:includable id='404'>      
  <b:if cond='data:view.isError'>
      <p id='notfound'><data:navMessage/></p>
      <a class='home' href='/'><data:messages.home/></a>
      </b:if>
</b:includable>
    <b:includable id='Labels'>
  <b:if cond='data:post.labels'>
    <p id='p-category'>
      <b:loop values='data:post.labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
        <a class='p-category-label' expr:href='data:label.url' style='margin-right:5px'><svg aria-label='カテゴリ' class='svg' style='margin-right:5px;font-size:1.3rem'><use href='#svg-folder'/></svg><data:label.name/></a>
      </b:loop>
    </p>
    <p id='p-hashtag'>
      <b:loop values='data:post.labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
        <svg aria-label='タグ' class='svg tag-icon'><use href='#tag-icon'/></svg><a class='p-hashtag-label' expr:href='data:label.url'><data:label.name/></a>
      </b:loop>
    </p>
  </b:if>
</b:includable>
    <b:includable id='aboutPostAuthor'/>
    <b:includable id='addComments'>
    <div id='add-comment'>
      <p class='title'><data:messages.postAComment/></p>
      <b:if cond='data:this.messages.blogComment'>
        <span class='comment-message'><data:this.messages.blogComment/></span>
      </b:if>
      <input id='embed-form-open' type='checkbox'/>
      <label for='embed-form-open' id='embed-form-button'>
        <svg aria-label='コメントを追加' class='svg svg-comment-medical' style='font-size:2rem;margin-right:5px;vertical-align:-18%'><use href='#svg-comment-medical'/></svg><data:messages.postAComment/>(埋め込みフォームが開きます)
      </label>
      <b:with value='data:view.isPost ? &quot;?po=&quot; : &quot;?pa=&quot;' var='param'>
        <iframe class='embed-form' expr:data-src='data:blog.bloggerUrl path (&quot;comment/frame/&quot; + data:blog.blogId + data:param + data:post.id)'/>
      </b:with>
      <p class='comment-message'>埋め込みフォームからコメントできない場合は<br/>こちらのリンクからどうぞ</p>
      <a class='comment-page-link' expr:href='data:blog.bloggerUrl +  &quot;/comment.g?blogID=&quot; + data:blog.blogId +  &quot;&amp;postID=&quot; + data:post.id' expr:onclick='data:post.commentsUrlOnclick' rel='noopener' target='_blank'><svg aria-label='コメントを追加' class='svg svg-comment-medical' style='font-size:2rem;margin-right:5px;vertical-align:-18%'><use href='#svg-comment-medical'/></svg><data:messages.postAComment/>(別ページに移動します)<svg aria-label='外部リンク' class='svg svg-external-link-alt'><use href='#svg-external-link-alt'/></svg></a>
    </div>
</b:includable>
    <b:includable id='blogThisShare'/>
    <b:includable id='bylineByName' var='byline'/>
    <b:includable id='bylineRegion' var='regionItems'/>
    <b:includable id='commentAuthorAvatar'>
  <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='noopener' target='_blank'><img expr:alt='data:comment.author + &quot;のアバター&quot;' expr:data-src='resizeImage(data:comment.authorAvatarSrc, 100)' height='50' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/s50-rw/blank.png' width='50'/></a>
    <b:else/>
    <img alt='アバター' data-src='//resources.blogblog.com/img/blank.gif' height='50' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/s50-rw/blank.png' width='50'/>
  </b:if>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'><a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'><svg aria-label='ごみ箱' class='svg'><use href='#trash'/></svg></a></span>
</b:includable>
    <b:includable id='commentForm' var='post'/>
    <b:includable id='commentFormIframeSrc' var='post'/>
    <b:includable id='commentItem' var='comment'>
  <div class='comment-block' expr:id='&quot;c&quot; + data:comment.id'>
    <p class='comment-author'>
      <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
      <b:if cond='data:comment.authorUrl == data:post.author.profileUrl'>
        <a expr:href='data:comment.authorUrl' rel='noopener' target='_blank' title='Author'><data:comment.author/><svg aria-label='管理者' class='verified'><use href='#verified'/></svg></a>
        <b:elseif cond='data:comment.authorUrl'/>
        <a expr:href='data:comment.authorUrl' rel='noopener' target='_blank'><data:comment.author/></a>
        <b:else/>
        <data:comment.author/>
      </b:if>
    </p>
    <p expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
      <data:comment.body/>
    </p>
    <div class='comment-footer'>
      <span class='comment-timestamp'>
        <b:include data='comment' name='commentDeleteIcon'/>
        <a expr:href='&quot;#c&quot; + data:comment.id' title='コメント パーマリンク'><svg aria-label='投稿日' class='svg svg-clock' style='margin-right:5px;vertical-align: -10%'><use href='#svg-clock'/></svg><data:comment.timestamp/></a>
      </span>
    </div>
  </div>
</b:includable>
    <b:includable id='commentList' var='comments'>
  <div id='comments-block'>
    <b:loop reverse='true' values='data:comments' var='comment'>
      <b:include data='comment' name='commentItem'/>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='commentPicker' var='post'/>
    <b:includable id='comments' var='post'>
  <div id='comments'>
     <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='addComments'/>
          <b:else/>
            <p class='comment-message'><data:post.noNewCommentsText/></p>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <b:include data='post' name='addComments'/>
          </b:if>
        </b:if>
        <b:if cond='data:post.showManageComments'>
          <b:include data='post' name='manageComments'/>
        </b:if>
    <b:include name='commentsTitle'/>
    <b:include data='post' name='commentsSortMessage'/>
    <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
    <b:if cond='data:post.numberOfComments gt 1'>
      <a class='comment-form-jump' href='#comments' style='margin-top:3em'><svg aria-label='上にジャンプ' class='svg' style='margin-left:5px;vertical-align:-10%;transform:rotate(180deg);'><use href='#svg-angles-down'/></svg>コメントフォームにジャンプ</a>
    </b:if>
  </div>
</b:includable>
    <b:includable id='commentsLink'/>
    <b:includable id='commentsLinkIframe'/>
    <b:includable id='commentsSortMessage' var='post'>
      <b:if cond='data:post.numberOfComments gt 1'>
        <span class='comment-message' style='margin:2em 0 1em'>新着順に表示しています</span>
      </b:if>
</b:includable>
    <b:includable id='commentsTitle'>
      <b:if cond='data:post.numberOfComments != 0'>
        <p class='title' id='comments-list' style='margin-top:5em'><b:message name='messages.numberOfComments'><b:param expr:value='data:post.numberOfComments' name='numComments'/></b:message></p>
      </b:if>
</b:includable>
    <b:includable id='defaultAdUnit'/>
    <b:includable id='emailPostIcon'/>
    <b:includable id='facebookShare'/>
    <b:includable id='feedLinks'/>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='footerBylines'/>
    <b:includable id='googlePlusShare'/>
    <b:includable id='headerByline'/>
    <b:includable id='homePageLink'/>
    <b:includable id='iframeComments' var='post'/>
    <b:includable id='inlineAd' var='post'/>
    <b:includable id='jsonLD' var='post'>
<script type='application/ld+json'>{
  &quot;@context&quot;: &quot;http://schema.org/&quot;,
  &quot;@type&quot;: &quot;BlogPosting&quot;,
  &quot;headline&quot;: &quot;<data:post.title.jsonEscaped/>&quot;,
  &quot;description&quot;: &quot;<b:eval expr='data:view.isSingleItem ? data:view.description.jsonEscaped : data:post.snippets.short.jsonEscaped'/>&quot;,
  &quot;image&quot;: &quot;<b:eval expr='resizeImage(data:post.thumbnailUrl, 560,&quot;16:9&quot;)'/>&quot;,
  &quot;datePublished&quot;: &quot;<data:post.date.iso8601/>&quot;,
  &quot;dateModified&quot;: &quot;<data:post.lastUpdated.iso8601/>&quot;,
  &quot;mainEntityOfPage&quot;: {
    &quot;@type&quot;: &quot;WebPage&quot;,
    &quot;@id&quot;: &quot;<data:post.url.canonical/>&quot;
  },
  &quot;author&quot;: {
    &quot;@type&quot;: &quot;Person&quot;,
    &quot;name&quot;: &quot;<data:post.author.name/>&quot;,
    &quot;url&quot;: &quot;<data:post.author.profileUrl/>&quot;
  },
  &quot;publisher&quot;: {
    &quot;@type&quot;: &quot;Organization&quot;,
    &quot;name&quot;: &quot;<data:blog.title.jsonEscaped/>&quot;
  }
}</script>
</b:includable>
    <b:includable id='jsonLDBreadcrumb'>
<b:if cond='!data:view.isPost and !data:view.isError'>
<script type='application/ld+json'>{
  &quot;@context&quot;: &quot;https://schema.org&quot;,
  &quot;@type&quot;: &quot;BreadcrumbList&quot;,
  &quot;itemListElement&quot;: [
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 1,
      &quot;name&quot;: &quot;HOME&quot;,
      &quot;item&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;
    <b:if cond='data:view.isMultipleItems and !data:view.archive and !data:view.isHomepage and !data:view.search.query or data:view.isPage'>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;<data:blog.pageName/>&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }<b:elseif cond='data:view.archive.month'/>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;<data:view.archive.year/>年 <data:view.archive.month/>月のアーカイブ&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }
<b:elseif cond='data:view.archive.year'/>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;<data:view.archive.year/>年のアーカイブ&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }
<b:elseif cond='data:view.search.query'/>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;&#12300;<data:view.search.query/>&#12301;の検索結果&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }<b:else/>}</b:if>
  ]
}</script>
</b:if>
<b:if cond='data:view.isPost'>
<script type='application/ld+json'>{
  &quot;@context&quot;: &quot;https://schema.org&quot;,
  &quot;@type&quot;: &quot;BreadcrumbList&quot;,
  &quot;itemListElement&quot;: [
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 1,
      &quot;name&quot;: &quot;HOME&quot;,
      &quot;item&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;
    }<b:loop index='i' values='data:post.labels where (l =&gt; l.name not contains &quot;#&quot;)' var='label'>,
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: <b:with value='data:i + 2' var='num'><b:eval expr='data:num'/></b:with>,
      &quot;name&quot;: &quot;<data:label.name/>&quot;,
      &quot;item&quot;: &quot;<data:label.url.canonical/>&quot;
     }</b:loop>
  ]
}</script>
</b:if>
</b:includable>
    <b:includable id='linkShare'/>
    <b:includable id='nextPageLink'/>
    <b:includable id='nextprev'>
  <b:if cond='data:view.isHomepage or data:view.isSearch or data:view.archive.month or data:view.isPost and !data:view.isPage'>
    <div class='blog-pager' id='blog-pager'>
      <b:if cond='data:newerPageUrl'>
        <span id='blog-pager-newer-link'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:messages.newerPosts'><data:messages.newerPosts/></a></span>
      </b:if>
      <b:if cond='data:olderPageUrl'>
        <span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'><data:messages.olderPosts/></a></span>
      </b:if>
    </div>
  </b:if>
</b:includable>
    <b:includable id='otherSharingButton'/>
    <b:includable id='platformShare'/>
    <b:includable id='post' var='post'>
  <article class='article'>
    <b:include data='post' name='jsonLD'/>
    <b:if cond='data:post.featuredImage'>
      <div class='article-img'/>
<script>
(function(){const idx=<data:i/>;let img=&quot;<b:eval expr='resizeImage(data:post.featuredImage,320,&quot;16:9&quot;)'/>&quot;;let webp;if(img.match(/-k-no-nu/)){webp=img.replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#39;);}if(img.match(/lh3-testonly/)){webp=img.replace(&#39;lh3-testonly&#39;,&#39;lh3&#39;);}let ec=document.getElementsByClassName(&#39;article-img&#39;)[idx];let html=&#39;&#39;;html+=&#39;&lt;img alt=&quot;<data:post.title.escaped/>&quot; height=&quot;180&quot; data-src=&quot;&#39;+webp+&#39;&quot; width=&quot;320&quot; src=&quot;https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png&quot;/&gt;&#39;;ec.innerHTML=html;}());
</script>
      <b:else/>
      <div class='article-img'>
        <img data-src='https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s320-rw-e365/noimage.png' expr:alt='data:post.title.escaped' height='180' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png' width='320'/>
      </div>
    </b:if>
    <h2 class='article-title'><data:post.title/></h2>
    <p class='article-snippet'>
      <b:eval expr='snippet(data:post.body,{length: 120, links: false, linebreaks: false, ellipsis: true})'/>
    </p>
    <p class='article-category'>
      <b:loop values='data:post.labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
          <span class='article-category-label'><a expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/></a></span>
      </b:loop>
    </p>
    <p class='article-header'>
      <b:if cond='data:post.numberOfComments gt 0'>
        <span class='article-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin-right:3px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/> &#65372;</span>
      </b:if>
      <time class='article-header-date' expr:datetime='data:post.date.iso8601'><svg aria-label='投稿日' class='svg svg-clock' style='vertical-align:-10%;margin-right:3px'><use href='#svg-clock'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></time>
    </p>
    <a expr:aria-label='data:post.title' expr:href='data:post.url'/>
  </article>
</b:includable>
    <b:includable id='post-pager' var='post'>
      <b:if cond='data:view.isPost'>
        <div id='post-pager'/>
<script>
  /*
  Thumbnailed Pager widget powered by IB-Note
  via: https://itblogger-note.blogspot.com/2021/01/pager-with-thumbnail.html
  */
  const topurl = &quot;<data:blog.homepageUrl/>&quot;;
  const currenturl = &quot;<data:post.url/>&quot;;
  /*<![CDATA[*/
  let postTitle=new Array,postUrl=new Array,postImg=new Array;function loadpager(e){!function(){let t,s,a,l;for(let i=0;i<e.feed.entry.length;i++){s=(t=e.feed.entry[i]).title.$t;for(let e=0;e<t.link.length;e++)if("alternate"==t.link[e].rel){a=t.link[e].href;break}l="media$thumbnail"in t?t.media$thumbnail.url.replace(/\/s72-c.*?\//,"/w144-rw-e365/").replace('default.jpg','default.webp').replace('/vi/','/vi_webp/'):"https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/w144-h81-rw-e365/noimage.png",postTitle.push(s),postUrl.push(a),postImg.push(l)}}(),displayPager()}function displayPager(){let e,t="";for(let t=0;t<postTitle.length;t++)postUrl[t]==currenturl&&(e=t);e>0?(t+='<div class="next-post pager-div"><a class="pager-link" href="'+postUrl[e-1]+'" title="新しい投稿">',t+='<figure class="pager-img"><img alt="新しい投稿" height="81" data-src="'+postImg[e-1]+'" src="https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w72-h54-c-rw/blank.png" width="72"/></figure>',t+='<span class="pager-title">'+postTitle[e-1]+"</span>",t+="</a></div>"):(t+='<div class="next-post nopager-div"><span class="no-pager-link">',t+='<figure class="pager-img" style="width:0;height:54px"></figure>',t+='<span class="pager-title" title="新しい投稿はありません">新しい投稿はありません</span>',t+="</span></div>"),e<postTitle.length-1?(t+='<div class="prev-post pager-div"><a class="pager-link" href="'+postUrl[e+1]+'" title="古い投稿">',t+='<span class="pager-title">'+postTitle[e+1]+"</span>",t+='<figure class="pager-img"><img alt="古い投稿" height="81" data-src="'+postImg[e+1]+'" src="https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w72-h54-c-rw/blank.png" width="72"/></figure>',t+="</a></div>"):(t+='<div class="prev-post nopager-div"><span class="no-pager-link">',t+='<span class="pager-title" title="古い投稿はありません">古い投稿はありません</span>',t+='<figure class="pager-img" style="width:0;height:54px"></figure>',t+="</span></div>"),document.getElementById("post-pager").innerHTML=t}
  /*]]>*/
</script>
<script defer='defer' src='/feeds/posts/summary?&amp;max-results=150&amp;alt=json-in-script&amp;callback=loadpager'/>
<script defer='defer' src='/feeds/posts/summary?start-index=151&amp;max-results=150&amp;alt=json-in-script&amp;callback=loadpager'/>
</b:if>
</b:includable>
    <b:includable id='postAuthor'/>
    <b:includable id='postBody' var='post'>
      <div class='post-body'>
        <data:post.body/>
      </div>
    </b:includable>
    <b:includable id='postBodySnippet' var='post'/>
    <b:includable id='postCommentsAndAd' var='post'/>
    <b:includable id='postCommentsLink'/>
    <b:includable id='postFooter' var='post'/>
    <b:includable id='postFooterAuthorProfile' var='post'/>
    <b:includable id='postHeader' var='post'/>
    <b:includable id='postJumpLink' var='post'/>
    <b:includable id='postLabels'/>
    <b:includable id='postLocation'/>
    <b:includable id='postMeta' var='post'/>
    <b:includable id='postMetadataJSONImage'/>
    <b:includable id='postMetadataJSONPublisher'/>
    <b:includable id='postPagination'/>
    <b:includable id='postQuickEdit' var='post'>
  <b:with value='data:view.isPage ? &quot;blog/page/edit/&quot; : &quot;blog/post/edit/&quot;' var='path'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'><a expr:href='data:blog.bloggerUrl path (data:path + data:blog.blogId + &quot;/&quot; + data:post.id)' expr:title='data:messages.edit' rel='noopener' target='_blank'><data:messages.edit/></a></span>
  </b:with>
</b:includable>
    <b:includable id='postReactions'/>
    <b:includable id='postShareButtons' var='post'>
  <div class='sns-share-buttons'>
    <span class='tweet' onclick='tweet_btn()' role='button' title='ツイート'><svg aria-label='ツイート' class='svg svg-twitter'><use href='#svg-twitter'/></svg></span>
<script>/*<![CDATA[*/
  function tweet_btn(){const w=550,h=550;window.open("https://twitter.com/intent/tweet?url="+encodeURIComponent(location.href)+"&text="+encodeURIComponent(document.title),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='facebook' onclick='fb_btn()' role='button' title='シェア'><svg aria-label='Facebookにシェア' class='svg svg-facebook-f'><use href='#svg-facebook-f'/></svg></span>
<script>/*<![CDATA[*/
  function fb_btn(){const w=550,h=420;window.open("https://www.facebook.com/sharer.php?u="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='line' onclick='line_btn()' role='button' title='LINEで送る'><svg aria-label='ラインで送る' class='linesvg'><use href='#linesvg'/></svg></span>
<script>/*<![CDATA[*/
  function line_btn(){const w=550,h=420;window.open("https://social-plugins.line.me/lineit/share?url="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='hatena' onclick='hatena_btn()' role='button' title='はてなブックマークに登録'><svg aria-label='はてなブックマーク' class='hatebusvg'><use href='#hatebusvg'/></svg></span>
<script>/*<![CDATA[*/
  function hatena_btn(){const w=550,h=420;window.open("https://b.hatena.ne.jp/entry/panel/?url="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='pocket' onclick='pocket_btn()' role='button' title='Pocketに保存'><svg aria-label='Pocketに保存' class='svg svg-get-pocket'><use href='#svg-get-pocket'/></svg></span>
<script>/*<![CDATA[*/
  function pocket_btn(){const w=550,h=420;window.open("https://getpocket.com/edit?url="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='copy_btn' role='button' style='font-weight:bold;line-height:1' title='タイトルとURLをコピーする'/>
<script src='//cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js'/>
<script>/*<![CDATA[*/
  const clipboard=new ClipboardJS(".copy_btn");window.addEventListener('DOMContentLoaded', function(){const b=$("title").text();const a=location.href;$(".copy_btn").click(function(){$(this).attr("data-clipboard-text",b+" "+a).css("cursor","text").css("transform","none").text("COPIED")})})
/*]]>*/</script>
  </div>
</b:includable>
    <b:includable id='postTimestamp'/>
    <b:includable id='postTitle' var='post'/>
    <b:includable id='previousPageLink'/>
    <b:includable id='rp' var='post'>
      <b:if cond='data:view.isPost'>
        <div id='related-posts'/>
<script>
  /*
  Related Post widget powered by IB-Note
  via: https://itblogger-note.blogspot.com/2021/03/improve-related-posts.html
  */
  const rp_current = &quot;<data:post.url/>&quot;;
  const rp_max = 6;
  const rp_head = &quot;関連記事&quot;;
  /*<![CDATA[*/
  !function(a,b){a.RelatedPosts||(a.RelatedPosts=b())}(this,function(){let a=function(){},b=0,c=0,d=[],e=[],f=[],g=[];return a.counter=function(){c++},a.add=function(l){let j=rp_current.match(/^https?:\/\/(.+$)/),m="",n="";null!=j&&(m="http://"+j[1],n="https://"+j[1]);for(let k=0;k<l.feed.entry.length;k++){let h=l.feed.entry[k];for(let i=0;i<h.link.length;i++)if("alternate"==h.link[i].rel){if(!(m==h.link[i].href||n==h.link[i].href)){d.push(h.link[i].href),e.push(h.title.$t);let q=h.published.$t.substr(0,10).replace(/-/g,"/");f.push(q);let a;if("media$thumbnail"in h){a=h.media$thumbnail.url;let o=/\/s72-.*\//,p=/=s72-.*$/;a.match(o)?a=a.replace(o,"/w240-h135-rw-p-e365/"):a.match(p)?a=a.replace(p,"=w240-h135-rw-p-e365"):a.match(/default.jpg/)&&(a=a.replace("default.jpg","mqdefault.webp").replace("/vi/","/vi_webp/"))}else a="https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s240-rw-e365/noimage.png";g.push(a)}break}}++b==c&&function(){let l=[],a=[];for(let c=0;c<d.length;c++)-1==l.indexOf(d[c])&&(l.push(d[c]),a.push(c));let k,h=[],i=[...Array(a.length).keys()];for(;i.length>0;)k=Math.floor(Math.random()*i.length),h.push(i[k]),i.splice(k,1);let j,b=0;if(a.length>0){for(j='<div class="title">'+rp_head+'</div><div class="rp-container">';b<a.length&&b<rp_max;)j+='<a href="'+d[a[h[b]]]+'"><figure class="related-img"><img alt="関連記事サムネイル" height="135" data-src="'+g[a[h[b]]]+'" src="https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w240-h135-c-rw/blank.png" width="240"/></figure><div class="related-title">'+e[a[h[b]]]+'</div><div class="related-date"><svg aria-label="投稿日" class="svg svg-clock" style="vertical-align:-10%;margin-right:3px"><use href="#svg-clock"/></svg>'+f[a[h[b]]]+"</div></a>",b++;j+="</div>",document.getElementById("related-posts").innerHTML=j}}()},a})
  /*]]>*/
</script>
<b:loop values='data:post.labels' var='label'>
  <script>RelatedPosts.counter();</script>
</b:loop>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name contains &quot;#&quot;'>
<script>
  !function(){const e=&quot;/feeds/posts/summary/-/&quot;+&quot;<data:label.name/>&quot;.replace(/&#12539;/g,&quot;%E3%83%BB&quot;).replace(/#/g,&quot;%23&quot;).replace(/&amp;amp;/g,&quot;&amp;&quot;)+&quot;?alt=json&amp;max-results=40&amp;callback=RelatedPosts.add&quot;,a=document.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;,a.defer=!0,a.src=e,document.head.appendChild(a)}();        
</script>
<b:else/>
<script defer='defer' expr:src='&quot;/feeds/posts/summary/-/&quot; + data:label.name + &quot;?alt=json&amp;max-results=50&amp;callback=RelatedPosts.add&quot;'/>
</b:if>
</b:loop>
</b:if>
</b:includable>
    <b:includable id='sharingButton'/>
    <b:includable id='sharingButtonContent'/>
    <b:includable id='sharingButtons'/>
    <b:includable id='sharingButtonsMenu'/>
    <b:includable id='sharingPlatformIcon'/>
    <b:includable id='singleHeader'>
  <h1 id='p-header-title'><data:post.title/></h1>
  <b:if cond='data:view.isPost'>
    <span id='p-header'>
    <time expr:datetime='data:post.date.iso8601' id='p-header-pdate'><a expr:href='data:view.url path (data:post.date.year + &quot;/0&quot; + data:post.date.month + &quot;/&quot;)' expr:title='data:post.date.year + &quot;年 &quot; + data:post.date.month + &quot;月のアーカイブ&quot;'><svg aria-label='カレンダー' class='svg svg-calendar-days' style='vertical-align:-10%;margin-right:5px'><use href='#svg-calendar-days'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></a></time>
  <b:if cond='data:post.date.year != data:post.lastUpdated.year or data:post.date.month != data:post.lastUpdated.month or data:post.date.day !=  data:post.lastUpdated.day'>
    <span id='p-header-udate'>&#65372;<svg aria-label='更新日' class='svg svg-arrows-rotate' style='margin:0 5px'><use href='#svg-arrows-rotate'/></svg><data:post.lastUpdated.year/>/<b:eval expr='data:post.lastUpdated.month lt 10 ? &quot;0&quot; + data:post.lastUpdated.month : data:post.lastUpdated.month'/>/<b:eval expr='data:post.lastUpdated.day lt 10 ? &quot;0&quot; + data:post.lastUpdated.day : data:post.lastUpdated.day'/></span>
  </b:if>
  <b:if cond='data:post.numberOfComments gt 0'>
    &#65372;<a expr:title='data:post.numberOfComments + &quot;件のコメント&quot;' href='#comments-list' id='p-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin:0 5px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/></a>
    </b:if>
  </span>
  </b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:view.isHomepage'>    
    <div class='title'>最新記事</div>
  </b:if>
  <b:if cond='data:view.archive.month'>
    <span class='navmsg'><svg aria-label='カレンダー' class='svg svg-calendar-days' style='margin-right:5px'><use href='#svg-calendar-days'/></svg><data:view.archive.year/>年 <data:view.archive.month/>月のアーカイブ</span>
    <b:elseif cond='data:view.archive.year'/>
    <span class='navmsg'><svg aria-label='カレンダー' class='svg svg-calendar-days' style='margin-right:5px'><use href='#svg-calendar-days'/></svg><data:view.archive.year/>年のアーカイブ</span>
  </b:if>
  <b:if cond='data:navMessage and !data:view.isError'>
    <span class='navmsg'><data:navMessage/></span>
  </b:if>
  <b:include name='404'/>
</b:includable>
    <b:includable id='threaded-comment-form'/>
    <b:includable id='threadedCommentForm'/>
    <b:includable id='threadedCommentJs'/>
    <b:includable id='threadedComments'/>
    <b:includable id='threaded_comment_js'/>
    <b:includable id='threaded_comments'/>
  </b:widget>
  <b:widget cond='data:view.isArchive' id='BlogArchive0' locked='true' title='アーカイブページャー' type='BlogArchive' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
      <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
      <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
      <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
      <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
      <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
      <b:widget-setting name='chronological'>false</b:widget-setting>
      <b:widget-setting name='showPosts'>false</b:widget-setting>
      <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<!-- Archive Pager Powered by Itotti (@itozyun)
    via: https://outcloud.blogspot.com/2016/09/elegant-nav-for-archive.html -->
      <div class='Pager'>
          <b:include name='navi'/>
      </div>
  </b:includable>
    <b:includable id='content'/>
    <b:includable id='flat' var='data'/>
    <b:includable id='hierarchy'/>
    <b:includable id='interval' var='intervalData'/>
    <b:includable id='menu' var='data'/>
    <b:includable id='navi'>
    <b:with value='data:data count ( _y =&gt; _y.url == data:blog.url )' var='is_year'>
      <b:if cond='data:is_year != 0'>
        <b:include name='navi_year'/>
        <b:else/>
        <b:loop values='data:data' var='y'>
          <b:loop values='data:y.data' var='m'>
            <b:if cond='data:m.url == data:blog.url'>
              <b:include name='navi_month'/>
              <b:else/>
              <b:with value='data:m.data count ( _d =&gt; _d.url == data:blog.url )' var='is_day'>
                <b:if cond='data:is_day != 0'>
                  <b:include name='navi_day'/>
                </b:if>
              </b:with>
            </b:if>
          </b:loop>
        </b:loop>
      </b:if>
    </b:with>
  </b:includable>
    <b:includable id='navi_day'>
    <b:loop index='yi' values='data:data' var='y'>
      <b:loop index='mi' values='data:y.data' var='m'>
        <b:loop index='di' values='data:m.data' var='d'>
          <b:if cond='data:d.url == data:blog.url'>
            <b:with value='data:m.data count ( _d =&gt; _d.url != &quot;&quot; )' var='dlast'>
              <b:if cond='data:dlast - 1 != data:di'>
                <b:with value='data:m.data[data:di + 1]' var='_d'>
                  <b:if cond='data:_d.post-count != 1'>
                    <a class='Pager-next' expr:href='data:_d.url'>
                      <data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                    <b:else/>
                    <a class='Pager-next' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                  </b:if>
                </b:with>
                <b:else/>
                <b:with value='data:y.data count ( _m =&gt; _m.name != &quot;&quot; )' var='mlast'>
                  <b:if cond='data:mlast - 1 != data:mi'>
                    <b:with value='data:y.data[data:mi + 1]' var='_m'>
                      <b:with value='data:_m.data[0]' var='_d'>
                        <b:if cond='data:_d.post-count != 1'>
                          <a class='Pager-next' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                          <b:else/>
                          <a class='Pager-next' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                        </b:if>
                      </b:with>
                    </b:with>
                    <b:else/>
                    <b:with value='data:data count ( _y =&gt; _y.name != &quot;&quot; )' var='ylast'>
                      <b:if cond='data:ylast - 1 != data:yi'>
                        <b:with value='data:data[data:yi + 1]' var='_y'>
                          <b:with value='data:_y.data[0]' var='_m'>
                            <b:with value='data:_m.data[0]' var='_d'>
                              <b:if cond='data:_d.post-count != 1'>
                                <a class='Pager-next' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (<data:_d.post-count/>)</a>
                                <b:else/>
                                <a class='Pager-next' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (1)</a>
                              </b:if>
                            </b:with>
                          </b:with>
                        </b:with>
                      </b:if>
                    </b:with>
                  </b:if>
                </b:with>
              </b:if>
            </b:with>
            <b:if cond='data:di != 0'>
              <b:with value='data:m.data[data:di - 1]' var='_d'>
                <b:if cond='data:_d.post-count != 1'>
                  <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                  <b:else/>
                  <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                </b:if>
              </b:with>
              <b:else/>
              <b:if cond='data:mi != 0'>
                <b:with value='data:y.data[data:mi - 1]' var='_m'>
                  <b:with value='data:_m.data count ( _d =&gt; _d.url != &quot;&quot; )' var='dlast'>
                    <b:with value='data:_m.data[data:dlast - 1]' var='_d'>
                      <b:if cond='data:_d.post-count != 1'>
                        <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                        <b:else/>
                        <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                      </b:if>
                    </b:with>
                  </b:with>
                </b:with>
                <b:else/>
                <b:if cond='data:yi != 0'>
                  <b:with value='data:data[data:yi - 1]' var='_y'>
                    <b:with value='data:_y.data count ( _m =&gt; _m.name != &quot;&quot; )' var='mlast'>
                      <b:with value='data:_y.data[data:mlast - 1]' var='_m'>
                        <b:with value='data:_m.data count ( _d =&gt; _d.url != &quot;&quot; )' var='dlast'>
                          <b:with value='data:_m.data[data:dlast - 1]' var='_d'>
                            <b:if cond='data:_d.post-count != 1'>
                              <a class='Pager-prev' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (<data:_d.post-count/>)</a>
                              <b:else/>
                              <a class='Pager-prev' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (1)</a>
                            </b:if>
                          </b:with>
                        </b:with>
                      </b:with>
                    </b:with>
                  </b:with>
                </b:if>
              </b:if>
            </b:if>
          </b:if>
        </b:loop>
      </b:loop>
    </b:loop>
  </b:includable>
    <b:includable id='navi_month'>
    <b:loop index='yi' values='data:data' var='y'>
      <b:loop index='mi' values='data:y.data' var='m'>
        <b:if cond='data:m.url == data:blog.url'>
          <b:with value='data:y.data count ( _m =&gt; _m.url != &quot;&quot; )' var='mlast'>
            <b:if cond='data:mlast - 1 != data:mi'>
              <b:with value='data:y.data[data:mi + 1]' var='_m'>
                <b:if cond='data:_m.post-count != 1'>
                  <a class='Pager-next' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                  <b:else/>
                  <a class='Pager-next' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (1)</a>
                </b:if>
              </b:with>
              <b:else/>
              <b:with value='data:data count ( _y =&gt; _y.name != &quot;&quot; )' var='ylast'>
                <b:if cond='data:ylast - 1 != data:yi'>
                  <b:loop index='_yi' values='data:data' var='_y'>
                    <b:if cond='data:yi + 1 == data:_yi'>
                      <b:with value='data:_y.data[0]' var='_m'>
                        <b:if cond='data:_m.post-count != 1'>
                          <a class='Pager-next' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                          <b:else/>
                          <a class='Pager-next' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (1)</a>
                        </b:if>
                      </b:with>
                    </b:if>
                  </b:loop>
                </b:if>
              </b:with>
            </b:if>
          </b:with>
          <b:if cond='data:mi == 0'>
            <b:if cond='data:yi != 0'>
              <b:loop index='_yi' values='data:data' var='_y'>
                <b:if cond='(data:yi - 1) == data:_yi'>
                  <b:with value='data:_y.data count ( _m =&gt; _m.url != &quot;&quot; )' var='mlast'>
                    <b:with value='data:_y.data[data:mlast - 1]' var='_m'>
                      <b:if cond='data:_m.post-count != 1'>
                        <a class='Pager-prev' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                        <b:else/>
                        <a class='Pager-prev' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (1)</a>
                      </b:if>
                    </b:with>
                  </b:with>
                </b:if>
              </b:loop>
            </b:if>
            <b:else/>
            <b:with value='data:y.data[data:mi - 1]' var='_m'>
              <b:if cond='data:_m.post-count != 1'>
                <a class='Pager-prev' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                <b:else/>
                <a class='Pager-prev' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (1)</a>
              </b:if>
            </b:with>
          </b:if>
        </b:if>
      </b:loop>
    </b:loop>
  </b:includable>
    <b:includable id='navi_year'>
    <b:loop index='yi' values='data:data' var='y'>
      <b:if cond='data:y.url == data:blog.url'>
        <b:with value='data:data count ( _y =&gt; _y.url != &quot;&quot; )' var='ylast'>
          <b:if cond='data:ylast - 1 != data:yi'>
            <b:with value='data:data[data:yi + 1]' var='_y'>
              <a class='Pager-next' expr:href='data:_y.url'><data:_y.name/>年 (<data:_y.post-count/>)</a>
            </b:with>
          </b:if>
        </b:with>
        <b:if cond='data:yi != 0'>
          <b:with value='data:data[data:yi - 1]' var='_y'>
            <a class='Pager-prev' expr:href='data:_y.url'><data:_y.name/>年 (<data:_y.post-count/>)</a>
          </b:with>
        </b:if>
      </b:if>
    </b:loop>
  </b:includable>
    <b:includable id='posts' var='posts'/>
  </b:widget>
</b:section>
</div>
  <!-- サブコンテンツ -->
<aside id='sub-content'>
<div id='sub-item1'>
<b:section id='SUB1'>
  <b:widget cond='!data:view.isSingleItem' id='PopularPosts1' locked='false' title='人気の投稿' type='PopularPosts' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>true</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
      <div class='title'><data:title/></div>
    <b:include name='snippetedPosts'/>
</b:includable>
    <b:includable id='blogThisShare'/>
    <b:includable id='bylineByName'/>
    <b:includable id='bylineRegion'/>
    <b:includable id='commentsLink'/>
    <b:includable id='commentsLinkIframe'/>
    <b:includable id='emailPostIcon'/>
    <b:includable id='facebookShare'/>
    <b:includable id='footerBylines'/>
    <b:includable id='googlePlusShare'/>
    <b:includable id='headerByline'/>
    <b:includable id='linkShare'/>
    <b:includable id='otherSharingButton'/>
    <b:includable id='platformShare'/>
    <b:includable id='postAuthor'/>
    <b:includable id='postCommentsLink'>
      <b:if cond='data:post.numberOfComments gt 0'>
        <span class='article-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin-right:3px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/> &#65372;</span>
      </b:if>
    </b:includable>
    <b:includable id='postJumpLink'/>
    <b:includable id='postLabels'/>
    <b:includable id='postLocation'/>
    <b:includable id='postReactions'/>
    <b:includable id='postShareButtons'/>
    <b:includable id='postSnippet'/>
    <b:includable id='postTimestamp'>
    <time class='article-header-date' expr:datetime='data:post.date.iso8601'><svg aria-label='投稿日' class='svg svg-clock' style='vertical-align:-10%;margin-right:3px'><use href='#svg-clock'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></time>
    </b:includable>
    <b:includable id='sharingButton'/>
    <b:includable id='sharingButtonContent'/>
    <b:includable id='sharingButtons'/>
    <b:includable id='sharingButtonsMenu'/>
    <b:includable id='sharingPlatformIcon'/>
    <b:includable id='snippetedPostByline'/>
    <b:includable id='snippetedPostContent'>
  <div class='post-content'>
          <b:include name='snippetedPostThumbnail'/>
    <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
    <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
    <p class='article-header'>
        <b:include data='post' name='postCommentsLink'/>
    <b:include data='post' name='postTimestamp'/>
    </p>
    <p class='article-category'>
        <b:include data='post' name='postLabels'/>
    </p>
  </div>
</b:includable>
    <b:includable id='snippetedPostThumbnail'>
  <b:if cond='data:post.featuredImage'>
    <div class='pop-img'/>
<script>
(function(){const idx=<data:i/>;let img=&quot;<b:eval expr='resizeImage(data:post.featuredImage,320,&quot;16:9&quot;)'/>&quot;;let webp;if(img.match(/-k-no-nu/)){webp=img.replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#39;);}if(img.match(/lh3-testonly/)){webp=img.replace(&#39;lh3-testonly&#39;,&#39;lh3&#39;);}let ec=document.getElementsByClassName(&#39;pop-img&#39;)[idx];let html=&#39;&#39;;html+=&#39;&lt;img alt=&quot;<data:post.title.escaped/>&quot; height=&quot;180&quot; data-src=&quot;&#39;+webp+&#39;&quot; width=&quot;320&quot; src=&quot;https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png&quot;/&gt;&#39;;ec.innerHTML=html;}());
</script>
      <b:else/>
      <div class='pop-img'>
        <img data-src='https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s320-rw-e365/noimage.png' expr:alt='data:post.title.escaped' height='180' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png' width='320'/>
      </div>
</b:if>
</b:includable>
    <b:includable id='snippetedPostTitle'>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h2 class='pop-title'><data:post.title/></h2>
  </b:if>
</b:includable>
    <b:includable id='snippetedPosts'>
    <!-- Don't render the post that we're currently already looking at. -->
    <ul>
    <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
      <li class='ranked-li'>
      <article class='article'>
        <a expr:href='data:post.url'><span class='post-rank'><b:eval expr='data:i + 1'/></span></a>
        <b:include name='snippetedPostContent'/><a expr:aria-label='data:post.title' expr:href='data:post.url'/>
        </article>
      </li>
    </b:loop>
    </ul>
</b:includable>
  </b:widget>
  <b:widget id='Label1' locked='false' title='カテゴリ' type='Label' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<div class='title'><data:title/></div>
<b:include cond='data:display == &quot;list&quot;' name='list'/>
<b:include cond='data:display == &quot;cloud&quot;' name='cloud'/>
</b:includable>
    <b:includable id='cloud'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
      <a class='category-label' expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='list'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
      <a class='hashtag-label' expr:href='data:label.url'><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Label2' locked='false' title='#ハッシュタグ' type='Label' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<div class='title'><data:title/></div>
<b:include cond='data:display == &quot;list&quot;' name='list'/>
<b:include cond='data:display == &quot;cloud&quot;' name='cloud'/>
</b:includable>
    <b:includable id='cloud'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
      <a class='category-label' expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='list'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
      <a class='hashtag-label' expr:href='data:label.url'><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
<div id='sub-item2'>
<b:section id='SUB2'>
  <b:widget id='BlogArchive1' locked='false' title='月別アーカイブ' type='BlogArchive' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
      <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
      <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
      <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
      <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
      <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
      <b:widget-setting name='chronological'>false</b:widget-setting>
      <b:widget-setting name='showPosts'>true</b:widget-setting>
      <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <div class='title'><data:title/></div>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='menu2'/>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='flat'/>
    <b:includable id='hierarchy'/>
    <b:includable id='interval' var='intervalData'/>
    <b:includable id='menu' var='data'/>
    <b:includable id='menu2' var='intervalData'>
<details class='archive-list'>
<summary>月を選択<svg aria-label='開閉' class='svg-icon-24'><use href='/responsive/sprite_v1_6.css.svg#ic_expand_more_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></summary>
<ul>
<b:if cond='data:intervalData.length gt 0'>
  <b:loop values='0 to data:intervalData.length - 1' var='i'>
    <b:loop values='0 to data:intervalData[i].data.length - 1' var='j'>
      <li><a expr:href='data:intervalData[i].data[j].url'><b:eval expr='data:intervalData[i].name + &quot;年 &quot; + data:intervalData[i].data[j].name'/> (<b:eval expr='data:intervalData[i].data[j].post-count'/>)</a></li>
    </b:loop>
  </b:loop>
</b:if>
</ul>
</details>
</b:includable>
    <b:includable id='posts' var='posts'/>
    <b:includable id='toggle' var='interval'/>
  </b:widget>
  <b:widget id='LinkList2' locked='false' title='リンクリスト' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>リンク 2</b:widget-setting>
      <b:widget-setting name='link-1'>#</b:widget-setting>
      <b:widget-setting name='text-0'>リンク 1</b:widget-setting>
      <b:widget-setting name='link-2'>#</b:widget-setting>
      <b:widget-setting name='link-0'>#</b:widget-setting>
      <b:widget-setting name='text-2'>リンク 3</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='title'><data:title/></div>
   <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
</b:includable>
  </b:widget>
</b:section>
</div>
<div id='sub-item3'>
<b:section id='SUB3'>
  <b:widget id='Profile1' locked='false' title='プロフィール' type='Profile' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showaboutme'>true</b:widget-setting>
      <b:widget-setting name='showlocation'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
  <div class='title'><data:title/></div>
  <b:include name='content'/>
</b:includable>
    <b:includable id='authorProfileImage'>
  <img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='resizeImage(data:authorPhoto.image, 120)' expr:width='data:authorPhoto.width'/>
</b:includable>
    <b:includable id='content'>
  <b:if cond='data:team'>
    <div class='widget-content team'>
      <b:include name='teamProfile'/>
    </div>
  <b:else/>
    <div class='widget-content individual'>
      <b:include name='userProfile'/>
    </div>
  </b:if>
</b:includable>
    <b:includable id='defaultProfileImage'>
  <div class='default-avatar'/>
</b:includable>
    <b:includable id='profileImage'>
  <b:if cond='data:authorPhoto.image'>
    <b:include name='authorProfileImage'/>
  <b:else/>
    <b:include name='defaultProfileImage'/>
  </b:if>
</b:includable>
    <b:includable id='teamProfile'>
  <ul>
    <b:loop values='data:authors' var='author'>
      <li>
        <div class='team-member'>
          <b:include data='author' name='teamProfileLink'/>
        </div>
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='teamProfileLink'>
      <div class='profile-link'>
  <a expr:href='data:userUrl' rel='noopener' target='_blank'>
    <b:include name='profileImage'/>
    <span class='profile-name'><data:display-name/></span>
  </a><b:include name='viewProfileLink'/>
      </div>
</b:includable>
    <b:includable id='userLocation'>
  <dd class='profile-data location'><data:location/></dd>
</b:includable>
    <b:includable id='userProfile'>
  <b:include name='userProfileImage'/>
  <b:include name='userProfileInfo'/>
</b:includable>
    <b:includable id='userProfileData'>
  <dt class='profile-data'>
    <a class='profile-link g-profile' expr:href='data:userUrl' rel='author noopener' target='blank'>
      <data:displayname/>
    </a>
  </dt>
</b:includable>
    <b:includable id='userProfileImage'>
  <a expr:href='data:userUrl' rel='noopener' target='_blank'>
    <b:include name='profileImage'/>
  </a>
</b:includable>
    <b:includable id='userProfileInfo'>
  <div class='profile-info'>
    <dl class='profile-datablock'>
      <b:class cond='data:showlocation and data:location != &quot;&quot;' name='has-location'/> 
      <b:include name='userProfileData'/>
      <b:include cond='data:showlocation and data:location != &quot;&quot;' name='userLocation'/>
      <b:include cond='data:aboutme != &quot;&quot;' name='userProfileText'/>
    </dl>
    <b:include name='viewProfileLink'/>
  </div>
</b:includable>
    <b:includable id='userProfileText'>
  <dd class='profile-textblock'>
    <data:aboutme/>
  </dd>
</b:includable>
    <b:includable id='viewProfileLink'>
  <a class='profile-link' expr:href='data:userUrl' rel='author noopener' target='_blank'>
    <data:messages.viewMyCompleteProfile/>
  </a>
</b:includable>
  </b:widget>
</b:section>
</div>
</aside>
</main>
  <!-- フッター -->
<footer id='footer-attribution'>
<span>&#169; <span id='presentyear'/> <script>document.getElementById(&quot;presentyear&quot;).innerHTML=new Date().getFullYear()</script><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a></span>
<span>Designed by <a href='https://f-light-theme.blogspot.com/' rel='noopener' target='_blank'>F-light</a></span>
<span><b:include name='flatBloggerIcon'/><a expr:href='data:blog.bloggerUrl' rel='noopener'><b:message name='messages.poweredByBlogger'/></a></span>
</footer>
<b:defaultmarkups>
   <b:defaultmarkup type='Label'>
    <b:includable id='main'>
<div class='title'><data:title/></div>
<b:include cond='data:display == &quot;list&quot;' name='list'/>
<b:include cond='data:display == &quot;cloud&quot;' name='cloud'/>
</b:includable>
    <b:includable id='cloud'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
      <a class='category-label' expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='list'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
      <a class='hashtag-label' expr:href='data:label.url'><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
   </b:defaultmarkup>
</b:defaultmarkups>
<b:if cond='data:view.isSingleItem'>
  <!-- Auto TOC Generator via: https://itblogger-note.blogspot.com/2021/12/fast-and-simple-auto-toc.html -->
<script>/*<![CDATA[*/
  !function(e,t){const n=t.querySelector(".post-body");if(!n)return;const s=t.createElement("details"),l=t.createElement("summary"),r=t.createElement("ul");s.id="toc",s.open=!1,l.className="toc-title",l.title="目次を開く/閉じる",l.innerHTML='<svg aria-label="リスト" class="svg-icon-24 list"><use href="/responsive/sprite_v1_6.css.svg#ic_menu_black_24dp" xmlns:xlink="http://www.w3.org/1999/xlink"/></svg>目次<svg aria-label="開閉" class="svg-icon-24 angle"><use href="/responsive/sprite_v1_6.css.svg#ic_expand_more_black_24dp" xmlns:xlink="http://www.w3.org/1999/xlink"/></svg>',r.className="toc-container",s.appendChild(l),s.appendChild(r);const a=n.querySelectorAll("h2, h3, h4");if(a.length<3)return;a[0].parentNode.insertBefore(s,a[0]);const c=[],i=[{level:1,element:r}];a.forEach(e=>{const t=parseInt(e.tagName.substring(1));c.push(t)}),a.forEach((e,n)=>{const s=parseInt(e.tagName.substring(1)),l=c[n+1],r=t.createElement("li"),a=t.createElement("a"),o=n+1,h=t.createElement("ul");let p;a.innerHTML=e.innerHTML,a.href=`#${o}`,r.appendChild(a),s<l&&r.appendChild(h),e.id=o;do{p=i.pop()}while(p.level>=s);p.element.appendChild(r),i.push(p),i.push({level:s,element:h})})}(window,document);
/*]]>*/</script>
  <!-- スムーススクロール -->
<script>/*<![CDATA[*/
  window.addEventListener("DOMContentLoaded",function(){$('a[href^="#"]').click(function(){const t=$(this).attr("href"),n=$("#"==t||""==t?"html":t).offset().top-50;$("html, body").animate({scrollTop:n},1e3,"swing")})});
/*]]>*/</script>
<div id='scroll-button'>
  <span id='pagetop' title='ページトップ'><svg aria-label='上昇'><use href='#svg-angles-down'/></svg></span>
  <span id='pagebottom' title='ページ下部'><svg aria-label='下降'><use href='#svg-angles-down'/></svg></span>
</div>
</b:if>
  <!-- ジャンプボタン -->
<script>/*<![CDATA[*/
  window.addEventListener("DOMContentLoaded",function(){let a=$("#pagetop"),b=$("#pagebottom"),c=$("#m-pagetop"),d=$("#m-pagebottom");$(window).scroll(function(){$(this).scrollTop()>800?a.fadeIn():a.fadeOut(),$(this).scrollTop()>0&&$(this).scrollTop()<$(document).height()-1200?b.fadeIn():b.fadeOut()}),a.click(function(){$("body, html").animate({scrollTop:0},1e3)}),b.click(function(){$("body, html").animate({scrollTop:$(document).height()},1e3)}),c.click(function(){$("body, html").animate({scrollTop:0},1e3)}),d.click(function(){$("body, html").animate({scrollTop:$(document).height()},1e3)})})
/*]]>*/</script>
<b:if cond='data:view.isMultipleItems and !data:view.search.query and !data:view.isArchive'>
  <!-- 番号ページャー: https://mrbloggertricks.blogspot.com/2015/09/how-to-add-next-previous-numbered.html -->
<script>/*<![CDATA[*/
  let nopage,jenis,nomerhal,lblname1,postperpage=10,numshowpage=3,upPageWord="<",downPageWord=">",home_page="/",urlactivepage=location.href;function loophalaman(a){let e="";nomerkiri=parseInt(numshowpage/2),nomerkiri==numshowpage-nomerkiri&&(numshowpage=2*nomerkiri+1),mulai=nomerhal-nomerkiri,mulai<1&&(mulai=1),maksimal=parseInt(a/postperpage)+1,maksimal-1==a/postperpage&&(maksimal-=1),akhir=mulai+numshowpage-1,akhir>maksimal&&(akhir=maksimal),e+="";const s=parseInt(nomerhal)-1;nomerhal>1&&(e+=2==nomerhal?"page"==jenis?'<span class="showpage"><a href="'+home_page+'"aria-label="home">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="/search/label/'+lblname1+'">'+upPageWord+"</a></span>":"page"==jenis?'<span class="showpageNum"><a href="#" aria-label="next" onclick="redirectpage('+s+');return false">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="#" aria-label="next" onclick="redirectlabel('+s+');return false">'+upPageWord+"</a></span>"),mulai>1&&(e+="page"==jenis?'<span class="showpageNum"><a href="'+home_page+'"aria-label="home">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+'">1</a></span>'),mulai>2&&(e+="…");for(let a=mulai;a<=akhir;a++)e+=nomerhal==a?'<span class="showpagePoint">'+a+"</span>":1==a?"page"==jenis?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+'">1</a></span>':"page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+a+');return false">'+a+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+a+');return false">'+a+"</a></span>";akhir<maksimal-1&&(e+="…"),akhir<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+"</a></span>");const n=parseInt(nomerhal)+1;nomerhal<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="#" aria-label="prev"  onclick="redirectpage('+n+');return false">'+downPageWord+"</a></span>":'<span class="showpageNum"><a href="#" aria-label="prev"  onclick="redirectlabel('+n+');return false">'+downPageWord+"</a></span>");for( t=document.getElementsByName("pageArea"),r=document.getElementById("blog-pager"),l=0;l<t.length;l++)t[l].innerHTML=e;t&&t.length>0&&(e=""),r&&(r.innerHTML=e)}function hitungtotaldata(a){const e=a.feed;loophalaman(parseInt(e.openSearch$totalResults.$t,10))}function halamanblogger(){let a,e=urlactivepage;-1!=e.indexOf("/search/label/")&&(lblname1=-1!=e.indexOf("?")?e.substring(e.indexOf("/search/label/")+14,e.indexOf("?")):e.substring(e.indexOf("/search/label/")+14,e.length)),-1==e.indexOf("?q=")&&-1==e.indexOf(".html")&&(-1==e.indexOf("/search/label/")?(jenis="page",nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,(a=document.createElement("script")).setAttribute("src",home_page+"feeds/posts/summary/?max-results=1&alt=json-in-script&callback=hitungtotaldata"),document.body.appendChild(a)):(jenis="label",nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,(a=document.createElement("script")).setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?alt=json-in-script&callback=hitungtotaldata&max-results=1"),document.body.appendChild(a)))}function redirectpage(a){jsonstart=(a-1)*postperpage,nopage=a;const e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function redirectlabel(a){jsonstart=(a-1)*postperpage,nopage=a;const e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function finddatepost(a){post=a.feed.entry[0];const e=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),s=encodeURI(e).replace("+","%2B");if("page"==jenis)n="/search?updated-max="+s+"#PageNo="+nopage;else n="/search/label/"+lblname1+"?updated-max="+s+"#PageNo="+nopage;location.href=n}halamanblogger();
/*]]>*/</script>
</b:if>
  <!-- defer.js -->
<script id='defer-js' src='//cdn.jsdelivr.net/npm/@shinsenter/defer.js@3/dist/defer.min.js'/>
<script>/*<![CDATA[*/
  Defer.dom("img");
/*]]>*/<b:if cond='data:view.isSingleItem'>/*<![CDATA[*/
  Defer.dom("iframe"),Defer.dom("audio"),Defer.dom("video");const twitterEmbed=document.getElementsByClassName("twitter-tweet"),instaEmbed=document.getElementsByClassName("instagram-media");try{0!==twitterEmbed.length&&Defer.js("//platform.twitter.com/widgets.js","widgets-js",2500),0!==instaEmbed.length&&Defer.js("//www.instagram.com/embed.js","embed-js",2500)}catch(a){console.log(a)}
/*]]>*/</b:if></script>
  <!-- jQuery -->
<script defer='defer' src='//cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js'/>
  <!-- Mobile Parameter Remove script taken from JetTheme -->
<script>/*<![CDATA[*/
  function rmurl(t){const r=new RegExp(/\?m=0|\?m=1|\&m=0|\&m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());
/*]]>*/</script>
<b:if cond='data:view.isSingleItem'>
  <!-- Anonymous Avatar -->
<script>/*<![CDATA[*/
  window.addEventListener("DOMContentLoaded",function(){$('img[data-src="//resources.blogblog.com/img/blank.gif"]').attr("data-src","//1.bp.blogspot.com/-2vBtU10Te7c/YjSMMILIigI/AAAAAAAAXTU/5po01iBCejgqrm_qfV8YohE4xYzF6rDFwCNcBGAsYHQ/s100-rw-e365/avatar.png").attr("alt","No Image"),$('img[data-src="//www.blogger.com/img/blogger_logo_round_35.png"]').attr("data-src","//1.bp.blogspot.com/-ZqDjLqpo4UM/YinxwNkfW2I/AAAAAAAAXQ8/r2pLV1AzqTAuWdAhclEUIyg_k-JOrb-LgCNcBGAsYHQ/s100-rw-cc-e365/no-image-avatar.png").attr("alt","No Image")})
/*]]>*/</script>
<link expr:href='&quot;https://www.blogger.com/dyn-css/authorization.css?targetBlogID=&quot; + data:blog.blogId' media='print' onload='if(media!=&apos;all&apos;)media=&apos;all&apos;' rel='stylesheet'/>
</b:if>
  <!-- details summary 開閉アニメーション: https://css-tricks.com/how-to-animate-the-details-element/ -->
<script>/*<![CDATA[*/
  class Accordion{constructor(a){this.el=a,this.summary=a.querySelector("summary"),this.content=a.querySelector("details ul"),this.animation=null,this.isClosing=!1,this.isExpanding=!1,this.summary.addEventListener("click",a=>this.onClick(a))}onClick(a){a.preventDefault(),this.el.style.overflow="hidden",this.isClosing||!this.el.open?this.open():(this.isExpanding||this.el.open)&&this.shrink()}shrink(){this.isClosing=!0;let a=`${this.el.offsetHeight}px`,b=`${this.summary.offsetHeight}px`;this.animation&&this.animation.cancel(),this.animation=this.el.animate({height:[a,b]},{duration:300,easing:"ease-out"}),this.animation.onfinish=()=>this.onAnimationFinish(!1),this.animation.oncancel=()=>this.isClosing=!1}open(){this.el.style.height=`${this.el.offsetHeight}px`,this.el.open=!0,window.requestAnimationFrame(()=>this.expand())}expand(){this.isExpanding=!0;let a=`${this.el.offsetHeight}px`,b=`${this.summary.offsetHeight+this.content.offsetHeight}px`;this.animation&&this.animation.cancel(),this.animation=this.el.animate({height:[a,b]},{duration:400,easing:"ease-out"}),this.animation.onfinish=()=>this.onAnimationFinish(!0),this.animation.oncancel=()=>this.isExpanding=!1}onAnimationFinish(a){this.el.open=a,this.animation=null,this.isClosing=!1,this.isExpanding=!1,this.el.style.height=this.el.style.overflow=""}}document.querySelectorAll("details").forEach(a=>{new Accordion(a)})
/*]]>*/</script>
<noscript>
  <div id='noscript-msg'>
    <p>当サイトを快適にご覧頂くために<br/>JavaScript を有効にしてください</p>
  </div>
</noscript>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>

変更されたテキスト

Open file

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/>
<head>
  <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
  <meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
  <meta content='blogger' name='generator'/>
  <!-- DNS prefetch -->
  <link href='//blogger.googleusercontent.com' rel='dns-prefetch'/>
  <link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
  <link href='//www.blogger.com' rel='dns-prefetch'/>
  <link href='//cdn.jsdelivr.net' rel='dns-prefetch'/>
  <!-- SEO -->
<b:if cond='data:view.isSingleItem'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <meta expr:content='resizeImage(data:view.featuredImage, 560, &quot;16:9&quot;)' name='thumbnail'/>
<b:elseif cond='data:view.search.query'/>
  <title>&#12300;<data:view.search.query/>&#12301;の検索結果 | <data:blog.title/></title>
<b:elseif cond='data:view.isLabelSearch'/>
  <title>ラベル: <data:blog.pageName/> | <data:blog.title/></title>
<b:elseif cond='data:view.archive.month'/>
  <title><data:view.archive.year/>年 <data:view.archive.month/>月のアーカイブ | <data:blog.title/></title>
<b:elseif cond='data:view.archive.year'/>
  <title><data:view.archive.year/>年のアーカイブ | <data:blog.title/></title>
<b:elseif cond='data:view.isError'/>
  <title>404 Not Found | <data:blog.title/></title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>
<meta expr:content='data:view.description.escaped' name='description'/>
<link expr:href='data:view.url.canonical' rel='canonical'/>
  <!-- Post Feed -->
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - ATOM&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  <!-- OGP -->
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<b:if cond='data:view.isSingleItem'>
  <meta expr:content='data:blog.pageName.escaped + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.search.query'/>
  <meta expr:content=' &quot;「&quot; + data:view.search.query + &quot;」&quot; + &quot;の検索結果&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.isLabelSearch'/>
  <meta expr:content='&quot;ラベル: &quot; + data:blog.pageName.escaped + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.archive.month'/>
  <meta expr:content='data:view.archive.year + &quot;年 &quot; + data:view.archive.month + &quot;月のアーカイブ&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.archive.year'/>
  <meta expr:content='data:view.archive.year + &quot;年のアーカイブ&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:elseif cond='data:view.isError'/>
  <meta expr:content='&quot;404 Not Found&quot; + &quot; | &quot; +  data:blog.title' property='og:title'/>
<b:else/>
  <meta expr:content='data:blog.title' property='og:title'/>
</b:if>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
<b:if cond='data:view.isSingleItem'>
  <meta content='article' property='og:type'/>
<b:else/>
  <meta content='blog' property='og:type'/>
</b:if>
  <meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:view.featuredImage'>
  <meta expr:content='resizeImage(data:view.featuredImage, 560, &quot;16:9&quot;)' property='og:image'/>
<b:else/>
  <meta content='【OGP 画像 URL】' property='og:image'/>
</b:if>
  <meta content='summary_large_image' name='twitter:card'/>
  <meta content='light' id='twth' name='twitter:widgets:theme'/>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<b:if cond='!data:view.isLayoutMode'>
<style>/*<![CDATA[*/
/*--------------------------------------------------------------
Blogger Template
Name	: F-light
Version	: 1.1
Designer: Fujiyan
Url		: https://f-light-theme.blogspot.com/
Lisense	:カスタマイズは自由ですが再配布はご遠慮ください
----------------------------------------------------------------*/

/*==== 初期化 CSS ====*/
html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1em}@media(max-width:1024px){body{font-size:1.6rem}}

/*==== ライトモード用スタイル ====*/
:root {
  --dark-bg: rgba(238, 238, 255, 1);/*#eef*/
  --light-bg: rgba(251, 251, 255, 1);/*#fbfbff*/
  --light-bg-t: rgba(251, 251, 255, .9);/*#fbfbffe6*/
  --shadow: #aaa;
  --color: #333;
  --dark-color: #666;
  --dark-color-t: rgba(102, 102, 102, .5);
  --red-color: #d30038;
  --blue-color: #592bff;
  --green-color: #007936;
  --link: royalblue;
  --brand: rgba(0, 108, 190, 1);/*#006cbe*/
  --brand-t: rgba(0, 108, 190, .9);
  --brand-light: dodgerblue;/*#1e90ff rgba(30, 144, 255, 1)*/
  --brand-light-t: rgba(30, 144, 255, .9);
  --sub-brand: tomato;/*#ff1493 rgba(255, 20, 147, 1)*/
  --normal-font: "HiraginoSans-W2", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif;
  --italic-font: "HiraginoSans-W2", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", sans-serif;
}

/*==== ダークモード用スタイル ====*/
:root[data-theme-mode="dark"] {
  --dark-bg: rgba(23, 30, 45, 1);/*#171e2d*/
  --light-bg: rgba(29, 38, 56, 1);/*#1d2638*/
  --light-bg-t: rgba(29, 38, 56, .9);/*#1d2638e6*/
  --shadow: #000;
  --color: #eee;
  --dark-color: #c0c0c0;
  --dark-color-t: rgba(192, 192, 192, .5);
  --red-color: tomato;
  --blue-color: #8cb4ff;
  --green-color: #00d061;
  --link: deepskyblue;
}

/*==== 共通 ====*/
body {
  font-size: 1.7rem;
  color: var(--color);
  background: var(--light-bg);
  text-underline-offset: .2em;
  text-decoration-skip-ink: none;
 -webkit-text-size-adjust: 100%;
 -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
#sub-content a {
  color: var(--link);
}
#sub-content .widget {
  padding: .5em;
}
* {
  font-family: var(--normal-font);
}
i {
  font-family: var(--italic-font);
}
a {
  text-decoration: none;
  color: inherit;
  transition: .3s;
}
.blogger-clickTrap {
  display: none;
}
button:hover {
  cursor: pointer;
}
select {
  outline: none;
}
::selection {
  background: #00e5ff;
  color: #000;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--light-bg);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #aaa transparent;
}
input[type="checkbox"] {
  display: none;
}
summary {
  display: block;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/*==== ヘッダー ====*/
header {
  background: var(--light-bg);
}
#header-title {
  font-size: 2.5rem;
  padding: .5em 0;
  text-align: center;
}
#header-title a {
  font-weight: bold;
}
#header-title a:hover {
  color: var(--link);
}
#header-desc {
  font-size: 1.2rem;
  color: var(--dark-color);
  text-align: center;
  padding-bottom: 1em;
}
.header-img {
  background-position: center;
  background-repeat: repeat;
  text-align: center;
}

/*==== モード切替 ====*/
#mode-switch {
  position: absolute;
  top: 5px;
  right: 1em;
}
#mode-switch label {
  cursor: pointer;
}
#mode-switch svg {
  height: 24px;
  width: 24px;
  color: #fff;
}
#switch-mode-dark svg {
  transform: scale(-1, 1);
}
@media (max-width: 1024px) {
  #mode-switch {
    right: 45px;
  }
}
#switch-mode-dark {
  display: none;
}
#js_mode_toggle:checked ~ label #switch-mode-dark {
  display: initial;
}
#js_mode_toggle:checked ~ label #switch-mode-light {
  display: none;
}
#nav-button:checked ~ #mode-switch {
  display: none;
}

/*==== ナビバー ====*/
nav {
  background: linear-gradient(to right, var(--brand-light-t), var(--brand-t), var(--brand-light-t));
  box-shadow: 0 3px 6px -4px var(--shadow);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  height: 2em;
}
#nav {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 1160px;
  min-width: 960px;
}
#nav-button,
#nav-label {
  display: none;
}
#nav-content ul {
  display: flex;
  flex-wrap: wrap;
}
#nav-content li {
  padding: .25em 0;
  margin: 0;
  list-style: none;
  transition: .3s;
}
#nav-content li a {
  font-size: 1.35rem;
  padding: .55em 10px .5em;
  line-height: 1;
  vertical-align: middle;
  color: #fff;
}
#nav-content li a:hover {
  background: #eef;
  color: #333!important;
}
@media (max-width: 1024px ) {
  #nav {
    box-shadow: 0 3px 6px -4px var(--shadow);
    background: var(--light-bg-t);
    padding-left: 8px;
    min-width: 0;
  }
  #nav-content {
    max-height: 0;
    overflow: hidden;
    transition: .2s;
  }
  #nav-button:checked ~ #nav-content {
    max-height: 500px;
    transition: 1s;
  }
  #nav-content ul {
    margin-top: 30px;
  }
  #nav-content li {
    width: 200px;
    margin-bottom: 5px;
    margin-right: 8px;
  }
  #nav-content li a {
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    background: var(--brand);
    border-radius: 3px;
  }
  #nav-label {
    float: right;
    position: relative;
    display: flex;
    height: 30px;
    width: 30px;
    align-items: center;
    margin-left: 5px;
    cursor: pointer;
    z-index: 1;
  }
  #nav-label span,
  #nav-label span::before,
  #nav-label span::after {
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 24px;
    border-radius: 2px;
    background: #fff;
    transition: .3s;
  }
  #nav-label span::before {
    bottom: 8px;
  }
  #nav-label span::after {
    top: 8px;
  }
  #nav-button:checked ~ #nav-label span {
    background: transparent;
  }
  #nav-button:checked ~ #nav-label span::before {
    bottom: 0;
    transform: rotate(45deg);
    background: var(--color);
  }
  #nav-button:checked ~ #nav-label span::after {
    top: 0;
    transform: rotate(-45deg);
    background: var(--dark-color);
  }
}
#mobile-home {
  display: none;
  color: #fff;
  position: absolute;
  font-size: 2.2rem;
  top: 3px;
}
#mobile-jump {
  display: none;
  color: #fff;
  position: absolute;
}
#mobile-jump span {
  display: inline-block;
  margin: 0 5px;
  height: 34px;
  cursor: pointer;
}
#mobile-jump svg {
  margin-top: 5px;
}
#nav-button:checked ~ #mobile-home,
#nav-button:checked ~ #mobile-jump,#nav-button:checked ~ .item-control a:not(.comment-delete) {
  display: none;
}
@media (max-width: 1024px) {
  #mobile-home,
  #mobile-jump {
    display: initial;
  }
}

/*==== 検索ボックス ====*/
#search-wrap {
  position: absolute;
  right: 0;
}
.search-box-form {
  position: relative;
  width: 300px;
  margin-right: 90px;
  background: transparent;
  z-index: 2;
}
.search-box-text {
  width: 100%;
  height: 1.9em;
  margin-top: 2px;
  border: 2px solid transparent;
  border-radius: 5px;
  outline: none;
  background: transparent;
  color: #fff;
  font-size: 1.6rem;
  padding: 2px 5px 0 28px;
  transition: .2s;
}
.search-box-text:focus {
  border-color: #fff;
  background: var(--brand);
}
.search-box-text::placeholder {
  color: #fff;
}
.search-box-submit {
  color: #fff;
  position: absolute;
  left: 2px;
  top: 6px;
  border: none;
  background: transparent;
  outline: 0;
  padding: 0;
  transition: .3s;
}
.search-box-submit svg {
  height: 1.3em;
  width: 1.3em;
}
.search-box-submit:hover {
  transform: scale(1.2);
}
::-webkit-search-cancel-button {
  height: 1.1em;
  width: 1.1em;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="%23fff"/></svg>');
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}
@media (max-width: 600px ) {
  #search-wrap {
    right: 30px;
  }
  .search-box-form {
    width: 150px;
    margin-left: 5px;
    margin-right: 55px;
  }
  .search-box-text:focus {
    width: 230px;
  }
}
#nav-button:checked ~ #search-wrap {
  display: none;
}
.search-box-text::-moz-placeholder {
  opacity: 1;
  color: #fff
}

/*==== アーカイブウィジェット ====*/
.archive-list {
  margin: 0 auto 1em;
  max-width: 500px;
}
.archive-list ul {
  box-shadow: 2px 2px 6px var(--shadow);
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--color);
  max-height: 16em;
  overflow: auto;
  margin: 0 1px 0!important;
  padding-left: 0!important;
}
.archive-list ul li {
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 0!important;
  padding: 0!important;
  list-style: none;
}
.archive-list summary {
  position: relative;
  padding: 5px 0 5px 8px;
  height: 2em;
  line-height: 1.5;
  background: var(--brand);
  color: #fff;
  font-size: 1.5rem;
  border-radius: 5px;
  transition: .3s;
}
.archive-list summary:hover,
details[open].archive-list summary:hover {
  background: var(--brand-light);
  cursor: pointer;
}
.archive-list a {
  display: block;
  padding-left: .5em;
  color: var(--color)!important;
  text-decoration: none!important;
}
.archive-list a:hover {
  background: var(--brand-light);
  color: #fff!important;
}
.archive-list .svg-icon-24 {
  position: absolute;
  right: 3px;
  top: 0;
  font-size: 2.5rem;
  color: var(--darkfcolor);
  transition: .2s;
}
details[open].archive-list .svg-icon-24 {
  transform: rotate(180deg);
}
details[open].archive-list summary {
  color: #fff;
  background: var(--brand);
  box-shadow: 0 4px 4px -4px var(--shadow);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.archive-list ul::-webkit-scrollbar-track {
  background: var(--light-bg);
}

/*==== リンクリスト  ====*/
#LinkList2 li {
  list-style-type: none;
  line-height: 1.5;
  padding: 0 0 3px;
}
#LinkList2 a {
  color: var(--color)!important;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 5px 8px 3px;
  text-indent: -5px;
  border-radius: 2px;
  width: 100%;
  display: block;
}
#LinkList2 a::after {
  content: "\00BB";
  margin-left: 2px;
}
#LinkList2 a:hover {
  background: var(--brand-light);
  color: #fff!important;
}
#LinkList2 li a::before {
  content: "\25cf";
  padding-right: 3px;
  color: var(--brand-light);
}
#LinkList2 li a:hover::before {
  color: #fff;
}
.current-page {
  font-size: 1.3rem;
  padding: 5px 8px 3px;
  text-indent: -5px;
  display: block;
}
.current-page::before {
  content: "\25cf";
  padding-right: 3px;
}

/*==== ラベルウィジェット ====*/
.category-label {
  display: inline-block;
  border-radius: 5px;
  margin-bottom: .5em;
  background: var(--brand);
  color: #fff!important;
  transition: .3s;
  line-height: 1;
  padding: 6px;
  font-size: 1.2rem;
}
.category-label:hover {
  background: var(--brand-light);  
}
.hashtag-label {
  display: inline-block;
  margin-bottom: .5em;
  color: var(--color)!important;
  border: solid var(--dark-color) 1px;
  border-radius: 3px;
  line-height: 1;
  transition: .2s;
  font-size: 1.4rem;
  padding: 4px 5px 3px;
}
.list-label-widget-content {
  text-align: center;
}
.hashtag-label:hover {
  border-color: var(--sub-brand);
  background: var(--sub-brand);
  color: #fff!important;
}
.label-count {
  font-size: 1.1rem;
  margin-left: 3px;
}
.cloud-label-widget-content {
  text-align: center;
}

/*== プロフィール ==*/
.Profile {
  min-height: 140px;
}
.g-profile,
.profile-textblock,
.profile-info>.profile-link {
  margin-left: 100px;
}
.g-profile {
  font-size: 1.9rem;
  line-height: 1.5;
}
.location {
  font-size: 1.5rem;
  margin-left: 100px;
}
.profile-info a {
  font-weight: bold;
  color: var(--color)!important;
}
.profile-info a:hover {
  color: var(--link)!important;
  text-decoration: underline;
}
.profile-textblock {
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: .5em;
  margin-bottom: .5em;
  color: var(--dark-color);
}
.profile-textblock a {
  color: var(--link)!important;
}
.profile-textblock a:hover {
  text-decoration: underline;
  color: var(--dark-color)!important;
}
.profile-img {
  position: absolute;
  width: 90px;
  height: 90px;  
  object-fit: contain;
  border-radius: 6px;
  transition: .3s
}
.profile-img:hover {
  opacity: .8;
}
.profile-info>.profile-link {
  font-size: 1.6rem;
}
.profile-info>.profile-link::after {
  content: "\00BB";
}
/*複数プロフィール用*/
.Profile ul {
  display: flex;
  flex-direction: column;
}
.Profile li {
  position: relative;
  margin-bottom: 7.5em;
  list-style: none;
}
.profile-name {
  font-size: 1.9rem;
  line-height: 1.5;
}
a .profile-name {
  font-weight: bold;
  color: var(--color) !important;
  position: absolute;
  top: 0;
  left: 100px;
}
a .profile-name:hover {
  color: var(--link) !important;
  text-decoration: underline;
}
a.profile-link:nth-of-type(2) {
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--color) !important;
  position: absolute;
  right: 1em;
  bottom: -5.5em;
}
a.profile-link:nth-of-type(2):hover {
  color: var(--link) !important;
  text-decoration: underline!important;
}
.profile-link:nth-of-type(2)::after {
  content: "\00BB";
}
.default-avatar {
  position: absolute;
  font-size: 80px;
  color: var(--dark-color);
}
/*==== フッター帰属表示 ====*/
#footer-attribution {
  background: var(--dark-bg);
  color: var(--color);
  font-size: 1.5rem;
  padding: .5em;
  display: flex;
  justify-content: center;
}
#footer-attribution a {
  font-weight: normal;
}
#footer-attribution a:hover {
  color: var(--link);
  text-decoration: underline;
}
#footer-attribution span:not(#presentyear)::after {
  content: "\FF5C";
  margin-right: 3px;
}
#footer-attribution span:last-child::after {
  display: none;
}
@media (max-width: 950px ) {
  #footer-attribution {
    align-items: center;
    flex-direction: column;
  }
  #footer-attribution span::after {
    display: none;
  }
}

/*==== SVG ====*/
.hatebusvg {
  height: 24px;
  width: 24px;
  margin-top: -1px;
}
.linesvg {
  height: 28px;
  width: 28px;
  padding-bottom: 3px;
  margin-left: 2px;
}
.verified {
  height: 16px;
  width: 16px;
  vertical-align: -5%;
  margin-left: 3px;
}
.moon.svg {
  transform: scale(-1, 1);
}
.svg-icon-24 {
  fill: currentColor;
  height: 1.2em;
  width: 1.2em;
  vertical-align: -12%;
}

/*==== Font Awesome ====*/
.svg {
  fill: currentColor;
  height: 1em;
  width: 1em;
  margin-left: 2px;
  margin-right: 2px;
  vertical-align: -8%;
}

/*==== ウィジェットタイトル ====*/
.title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: .5em;
  padding: 4px 0 3px;
  color: var(--color);
  align-items: center;
  display: flex;
}
.widget .title::before,
.widget .title::after {
  content: "";
  height: 4px;
  flex-grow: 1;
  margin-bottom: 3px;
}
.widget .title::before {
  margin-right: .5em;
  background: linear-gradient(to right, rgba(30, 144, 255, 0), var(--brand-light));
}
.widget .title::after {
  margin-left: .5em;
  background: linear-gradient(to left, rgba(30, 144, 255, 0), var(--brand-light));
}

/*==== 人気の投稿 ====*/
.PopularPosts .article {
  height: 90px;
  position: relative;
  margin-bottom: 20px;
  transition: .3s;
  border-radius: 5px;
  box-shadow: 1px 1px 2px var(--shadow);
}
.article > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article:hover {
  box-shadow: 8px 8px 10px var(--shadow);
}
.article-header {
  color: var(--dark-color);
  font-size: 1.4rem;
  bottom: 0;
  right: 5px;
  position: absolute;
  margin-top: 5px;
}
.PopularPosts ul {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
.pop-img img {
  position: absolute;
  object-fit: cover;
  width: 40%;
  height: 100%;
  border-radius: 5px 0 0 5px;
}
.pop-title {
  display: flex;
  font-weight: normal;
  margin-bottom: 5px;
  overflow: hidden;
  line-height: 1.4;
  position: relative;  
  font-size: 1.6rem;
  height: 5.8em;
  left: 41%;
  width: 52%;
}
.pop-title::before {
  content: "\25CF";
  font-size: 1.7rem;
  line-height: 1.3;
  color: var(--brand-light);
  transition: .3s;
}
.article:hover .pop-title::before {
  color: limegreen;
}
.pop-snippet {
  display: none;
}
@media (max-width: 1024px ) {
  #PopularPosts1 article {
    height: 130px;
  }
  .pop-title {
    padding-top: .5em;
    left: 46%;
  }
  .pop-img img {
    width: 45%;
  }
}
.ranked-li {
  position: relative;
}
.PopularPosts li {
  list-style-type: none;
}
.post-rank {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 2em;
  height: 1.2em;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-top-left-radius: 5px;
  background: limegreen;
}
/*]]>*/<b:if cond='!data:view.isHomepage'>/*<![CDATA[*/
#mobile-jump {
  left: 45px;
}
/*]]>*/</b:if><b:if cond='!data:view.isSingleItem and !data:view.isError'>/*<![CDATA[*/
/*==== 2 カラム レイアウト ====*/
main {
  width: 97%;
  max-width: 1155px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
#main-content {
  margin: 3.5em 20px 1em 0;
  width: calc(68% - 20px);
  flex-shrink: 0;
}
#sub-content {
  margin-top: 3em;
  width: 32%;
  flex-shrink: 0;
}
#sub-content .widget {
  margin-bottom: 1.2em;
}
@media(max-width :1024px) {
  main {
    display: block;
    width: 100%;
  }
  #main-content {
    width: 98%;
    margin: 3em auto 1em;
  }
  #sub-content {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #sub-content .widget {
    margin-bottom: 0;
  }
}
@media(min-width :960px) {
  #BlogArchive1 {
    padding: 0!important;
  }
}

/*==== 記事一覧 ====*/
.article {
  height: 174px;
  position: relative;
  margin-bottom: 20px;
  transition: .3s;
  border-radius: 5px;
  box-shadow: 1px 1px 2px var(--shadow);
}
.article > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article:hover {
  box-shadow: 8px 8px 10px var(--shadow);
}
.article-header {
  color: var(--dark-color);
  font-size: 1.4rem;
  bottom: 0;
  right: 5px;
  position: absolute;
  margin-top: 5px;
}
.article-category {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  max-width: 40%;
  opacity: 0;
  transition: .3s;
}
.article-category-label {
  line-height: 1.7;
  margin-bottom: 5px;
  display: inline-block;
  background: #22222288;
  transition: .3s;
}
.article-category-label:first-child {
  border-top-left-radius: 5px;
}
.article-category-label a {
  display: block;
  color: #fff!important;
  font-weight: normal;
  font-size: 1.4rem;
  padding: 3px 5px 1px 4px;
}
.article-category-label:hover {
  background: var(--brand-light);
}
.article-img,
.widget-article-img {
  transition: .3s;
}
.article-img img,
.widget-article-img img {
  position: absolute;
  object-fit: cover;
  width: 40%;
  height: 100%;
  border-radius: 5px 0 0 5px;
}
.article-title {
  display: flex;
  font-size: 1.82rem;
  font-weight: normal;
  margin-bottom: 5px;
  overflow: hidden;
  height: 3.45em;
  line-height: 1.4;
  padding-top: .5em;
  left: 41%;
  width: 58%;
  position: relative;
}
.article-title::before {
  content: "\25A0";
  font-size: 1.85rem;
  line-height: 1.3;
  color: var(--brand-light);
  transition: .3s;
}
.article-snippet {
  font-size: 1.4rem;
  line-height: 1.5;
  height: 6em;
  overflow: hidden;
  color: var(--dark-color);
  left: 42%;
  width: 57%;
  position: relative;
}
@media (max-width: 600px ) {
  .article {
    height: 130px;
  }
  .article-title {
    font-size: 1.6rem;
    height: 5.8em;
    left: 47%;
    width: 52%;
  }
  .article-title::before {
    font-size: 1.7rem;
  }
  .article-snippet {
    display: none;
  }
  .article-img img,
  .widget-article-img img {
    width: 45%;
  }
  .article-category {
    opacity: 1;
    max-width: 45%;
  }
  .article-category-label a {
    font-size: 1.2rem;
  }
}
.article:hover .article-title::before {
  color: var(--sub-brand);
}
.article:hover .article-img,
.article:hover .widget-article-img {
  opacity: .7;
}
.article:hover .article-category {
  opacity: 1;
}

/*==== 注目の投稿 ====*/
#FeaturedPost1 {
  margin-bottom: 3em;
}
#feat-name {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-top-left-radius: 5px;
  background: var(--sub-brand);
  padding: 6px;
}
.feat-img {
  transition: .3s;
}
.feat-img img {
  position: absolute;
  object-fit: cover;
  width: 40%;
  height: 100%;
  border-radius: 5px 0 0 5px;
}
.feat-title {
  display: flex;
  font-size: 1.82rem;
  font-weight: normal;
  margin-bottom: 5px;
  overflow: hidden;
  height: 3.45em;
  line-height: 1.4;
  padding-top: .5em;
  left: 41%;
  width: 58%;
  position: relative;
}
.feat-title::before {
  content: "\2605";
  font-size: 1.85rem;
  line-height: 1.3;
  color: var(--brand-light);
  transition: .3s;
}
.article:hover .feat-title::before {
  color: gold;
}
.article:hover #feat-name {
  display: none;
}
.article:hover .feat-img {
  opacity: .7;
}
.feat-snippet {
  font-size: 1.4rem;
  line-height: 1.5;
  height: 6em;
  overflow: hidden;
  color: var(--dark-color);
  left: 42%;
  width: 57%;
  position: relative;
}
@media (max-width: 600px ) {
  .feat-title {
    font-size: 1.6rem;
    height: 5.8em;
    left: 47%;
    width: 52%;
  }
  .feat-title::before {
    font-size: 1.7rem;
  }
  .feat-snippet {
    display: none;
  }
  .feat-img img {
    width: 45%;
  }
  #FeaturedPost1 .article-category  {
    display: none;
  }
  .article:hover #feat-name {
    display: initial;
  }
}
/*]]>*/<b:else/>/*<![CDATA[*/
/*==== 1 カラム レイアウト ====*/
#main-content {
  margin: 3em auto 0;
  max-width: 960px;
}
#sub-content {
  display: flex;
  margin: 5em auto 0;
  max-width: 1300px;
}
#sub-item1,
#sub-item2,
#sub-item3 {
  flex-basis: 31%;
  margin-left: auto;
  margin-right: auto;
}
@media(max-width :1024px) {
  #sub-content {
    flex-direction: column;
    margin: 5em 0 0;
  }
  #sub-item1,
  #sub-item2,
  #sub-item3 {
    flex-basis: 100%;
    margin: 0;
  }
}

/*==== 個別ページ ====*/
#p-wrapper {
  position: relative;
  padding: 1em 2em 2em;
  border-radius: 6px;
}
.post-body p {
  margin: 2em 0;
}
.post-body a {
  color: var(--link);
  text-decoration: underline;
}
.post-body a:hover {
  color: var(--color);
}
.post-body {
  line-height: 1.9;
  margin-top: 2em;
}
@media (max-width: 768px ) {
  #p-wrapper {
    padding: 1.5em 1em 1em;
  }
}

/*==== リスト装飾 ====*/
.post-body ol,
.post-body ul {
  margin-left: 1em;
}
.post-body ol p,
.post-body ul p {
  margin-top: 1em;
}
.post-body ol {
  color: var(--color);  
}
.post-body > ul > li,
.post-body > ol > li,
.list-movie li {
  margin-bottom: 1em;
  padding: 0;
  line-height: 1.6;
}
.post-body > ul {
  list-style: none;
}
.post-body > ul > li {
  text-indent: -19px;
}
.post-body > ul > li::before {
  content: "\25CF";
  color: var(--brand-light);
  padding-right: 3px;
  vertical-align: 4%;
}
.post-body > ul > li > ul > li,
.post-body > ol > li > ul > li {
  list-style: disc;
  margin-left: 1.4em;
  padding-left: 0;
}
.post-body > ol > li > ul > li {
  margin-left: -6px;
}
.post-body ol {
  counter-reset: li;
  list-style: none;
}
.post-body ol li {
  position: relative;
  padding-left: 1.5em;
  margin-left: -1.2em;
}
.post-body ol li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  line-height: 2.2;
  text-align: center;
  margin-top: -1px;
  margin-left: -10px;
  background: var(--brand-light);
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  counter-increment: li;
  content: counter(li);
}
.post-body ol li ul li::before,
.post-body ol li ol li::before,
.post-body ul li ol li::before {
  display: none;
}
.post-body ul li ol li,
.post-body ol li ol li {
  list-style-type: decimal;
  margin-left: -8px;
  padding-left: 0;
}
.post-body ul li ol li {
  padding-left: 1.4em;
  margin-left: 0;
}
.post-body > ul > li > ul > li,
.post-body > ul > li > ol > li {
  text-indent: 0;
  padding-left: 0;
  margin-left: 0;
}

/*==== 画像 ====*/
.separator img,
.tr-caption-container {
  box-shadow: 5px 5px 8px var(--shadow);
}
.separator img {
  margin: 2em 0 5em;
}
.tr-caption-container {
  border-spacing: 0;
  margin: 4em auto 6em;
}
.separator {
  text-align: center;
}
.tr-caption {
  font-size: 1.4rem!important;
  color: var(--dark-color);
  padding: 3px;
  line-height: 1.5;
  word-break: break-all;
  text-align: center;
}
.tr-caption-container td a {
  padding: 0!important;
}

/*==== 投稿ヘッダー ====*/
#p-header {
  display: block;
  font-size: 1.4rem;
  margin: 1.5em 0 1em;
  color: var(--dark-color);
}
#p-header a:hover {
  color: var(--link);
  text-decoration: underline;
}
#p-header-title {
  font-size: 2.2rem;
  font-weight: normal;
  color: var(--color);
  display: flex;
  margin-top: .5em;
  margin-left: -8px;
  line-height: 1.3;
}
#p-header-title::before {
  content: "\25A0";
  font-size: 2.6rem;
  line-height: 1;
  margin-right: 3px;
  color: var(--brand-light);
}

/*==== 記事ラベル ====*/
#p-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 5px 3px;
}
.p-category-label {
  font-size: 1.9rem;
  line-height: 1;
  border-radius: 5px;
  background: var(--brand);
  color: #fff;
  padding: 6px;
  font-weight: normal;
  transition: .3s;
  display: inline-block;
  margin-bottom: 5px;
}
.p-category-label:hover {
  color: #fff!important;
  background: var(--brand-light);  
}
#p-hashtag {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.5em;
}
.p-hashtag-label {
  font-size: 1.5rem;
  margin: 0 3px 5px;
  color: var(--color)!important;
  border: solid var(--dark-color) 1px;
  border-radius: 5px;
  line-height: 1;
  padding: 3px;
  transition: .2s;
}
.p-hashtag-label:hover {
  border-color: var(--sub-brand);
  background: var(--sub-brand);
  color: #fff!important;
}
#p-hashtag svg.tag-icon {
  font-size: 2.2rem;
  fill: var(--dark-color);
  margin: 3px 0 0 -22px;
}
#p-hashtag svg.tag-icon:not(:first-child) {
  display: none;
}

/*==== 見出し ====*/
.post-body h2 {
  color: #fff;
  font-size: 2rem;
  padding: 13px 10px 12px;
  margin: 4.5em 0 1em;
  background: linear-gradient(to bottom, #1e50a2, var(--brand-light));
  border-radius: 3px;
  line-height: 1.2;
}
.post-body h3 {
  font-size: 1.8rem;
  line-height: 1.2;
  padding: 10px 5px 9px;
  margin: 4em 0 1em;
  border-left: solid 10px var(--brand-light);
  border-radius: 3px 0 0 3px;
  display: flex;
  flex-direction: column;
}
.post-body h3::after {
  content: "";
  height: 4px;
  margin: 8px 0 -9px -6px;
  background: linear-gradient(to right, var(--brand-light), rgba(30, 144, 255, 0));
}
.post-body h3 span {
  flex-direction: row;
}
.post-body h4 {
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 10px 5px 9px;
  margin: 5em 0 1em;
  border-left: solid 8px var(--brand-light);
  border-radius: 3px 0 0 3px;
}

/*==== 引用 ====*/
blockquote,
blockquote p,
blockquote div,
blockquote cite,
cite:not(.user),
cite a {  
  font-family: var(--italic-font);
}
blockquote {
  position: relative;
  margin: 2em 0;
  padding: 2em 2em 5em;
  box-sizing: border-box;
  background: var(--dark-bg);
  box-shadow: 4px 4px 5px -2px var(--shadow);
  font-style: italic;
  border-radius: 8px;
}
blockquote::before {
  position: absolute;
  content: "\201C";
  font-family: arial;
  font-size: 8.5rem;
  font-weight: bold;
  color: #9dd4ff;
  top: -2px;
  left: -2px;
  line-height: 1;
}
blockquote::after {
  position: absolute;
  content: "\201D";
  font-family: arial;
  font-size: 8.5rem;
  font-weight: bold;
  color: #9dd4ff;
  bottom: -.9em;
  right: 12px;
}
blockquote cite {
  position: absolute;
  bottom: 2.8em;
  right: 2em;
  padding-left: 3em;
  font-style: italic;
  display: block;
  font-size: 1.4rem;
}
blockquote a,
cite a {
  color: var(--blue-color)!important;  
}
cite a:hover {
  color: inherit!important;  
}

/*==== 埋め込みコンテンツ ====*/
.twitter-tweet {
  margin: 4em auto!important;
}
.instagram-media,
.instagram-media-registered {
  margin: auto!important;
  width: 540px!important;
  max-width: 100%!important;
}
audio {
  width: 500px;
  max-width: 100%;
  outline: none;
}
iframe {
  background: var(--dark-bg);
}
.twitter-tweet-rendered iframe,
.twitter-timeline-rendered iframe {
  border-radius: 10px;
}

/*==== クイック編集 ====*/
.item-control a:not(.comment-delete) {
  color: #fff;
  padding: 4px 14px;
  line-height: 1;
  position: fixed;
  right: 5px;
  top: 3px;
  z-index: 999;
  opacity: .9;
  background: var(--sub-brand);
  border-radius: 20px;
}
.item-control a:hover {
  opacity: 1;
}
@media (max-width: 1024px ) {
  .item-control a:not(.comment-delete) {
    top: 35px;
  }
}

/*==== テーブル ====*/
table:not(#bp_toc table):not([class]) {
  max-width: 100%;
  border: solid 1px #888;
  border-collapse: collapse;
  margin-top: .5em;
  line-height: 1.5;
}
table:not(#bp_toc table):not([class]) tbody tr td {
  border:solid 1px #888;
  padding: .3em;
}
table:not(#bp_toc table):not([class]) tbody tr:hover {
  background: var(--dark-bg);
}
table:not(#bp_toc table):not([class]) th {
  border:solid 1px #ccc;
  text-align: center;
  color: #fff;
  background: var(--brand);
  padding: .3em;
  font-weight: normal;
}

/*==== 自動目次 ====*/
#toc {
  background: var(--dark-bg);
  border-radius: 8px;
  padding: .5em;
  margin: 5em auto 0;
  max-width: 600px;
  display: table;
  position: relative;
}
.toc-title {
  text-align: center;
  font-size: 2rem;
  margin: 0;
}
.toc-title:focus {
  outline: none;
}
.toc-title:hover {
  cursor: pointer;
}
.toc-container {
  padding: 1em !important;
  margin: 0 !important;
}
.toc-container, .toc-container ul {
  counter-reset: ul-counter;
  list-style: none;
}
.toc-container li {
  padding: 0;
}
.toc-container li a {
  display: flex;
  padding: 8px 4px 4px;
  border-radius: 3px;
  color: var(--color)!important;
  text-decoration: none!important;
  line-height: 1.2;
}
.toc-container li a:hover {
  background: var(--brand-light);
  color: #fff!important;
}
.toc-container li a:hover::before {
  color: #fff!important;
}
.toc-container li a:hover svg {
  fill: #fff;
}
.toc-container li a::before {
  counter-increment: ul-counter;
  content: counters(ul-counter,"-");
  color: var(--link);
  padding-right: .5em;
  white-space: nowrap;
  font-weight: bold;
}

.toc-container > li > ul > li {
  font-size: 1.5rem;
  margin-left: -12px;
}
.toc-title .angle {
  position: absolute;
  right: .5em;
  top: 5px;
  font-size: 3.5rem;
  color: var(--dark-color);
  transition: .2s;
}
#toc[open] .angle {
  transform: rotate(180deg);
}

/*==== コメント ====*/
#comments {
  margin-top: 4em;
}
.comment-block {
  margin-top: 1em;
  padding-top: 35px;
}
.comment-timestamp a:hover {
  color: var(--link)!important;
  text-decoration: underline;
}
.comment-body a {
  color: var(--blue-color);
  text-decoration: underline;
}
#comments-block {
  margin-left: 0!important;
}
.comment-author img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: .5em;
}
.comment-timestamp {
  float: right;
  position: relative;
  right: .5em;
  bottom: 42px;
  font-size: 1.5rem;
  color: var(--dark-color);
}
.comment-timestamp a {
  font-weight: normal;
  color: inherit!important;
}
a.comment-delete {
  border-radius: 3px;
  padding: 0 3px;
}
a.comment-delete:hover {
  color: #fff!important;
  background: var(--sub-brand);
}
.comment-author {
  display: flex;
  align-items: center;
  line-height: 1;
  margin: 0 0 1em 3px;
  font-weight: bold;
}
.comment-author a:hover {
  color: var(--link)!important;
}
.comment-body {
  padding: 1em 1em 2em!important;
  margin-right: 0;
  border-radius: 8px;
  position: relative;
  background: var(--dark-bg);
  margin-bottom: 1em;
  line-height: 1.7;
}
.comment-body::after {
  content: "";
  position: absolute;
  top: -12px;
  left: 26px;
  margin-left: -8px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 12px solid var(--dark-bg);
}
.comment-form p {
  margin-bottom: 3em;
}
.comment-page-link,
.comment-form-jump {
  text-decoration: none!important;
  text-align: center;
  font-size: 1.6rem;
  color: #fff!important;
  display: block;
  margin-top: 1em;
  background: var(--brand);
  border-radius: 1em;
  padding: 5px;
  line-height: 1.4;
}
.comment-page-link:hover,
.comment-form-jump:hover {
  text-decoration: none!important;
  background: var(--brand-light);
  color: #fff!important;
}
p.deleted {
  font-family: var(--italic-font);
  font-style: italic;
  color: var(--dark-color);
}
#embed-form-button {
  text-align: center;
  font-size: 1.6rem;
  display: block;
  margin: 3em 0 2em;
  background: var(--brand);
  border-radius: 1em;
  padding: 5px;
  transition: .3s;
  position: relative;
  color: #fff;
}
#embed-form-button::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: calc(50% - 30px);
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 24px solid var(--brand);
  transition: .3s;
}
#embed-form-button:hover::after {
  border-top-color: var(--brand-light);
}
#embed-form-button:hover {
  cursor: pointer;
  background: var(--brand-light);
}
.comment-page-link,
.comment-form-jump,
#embed-form-button {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 600px;
}
iframe.embed-form {
  width: 100%;
  height: 290px;
  border-radius: 8px;
  margin-top: 2em;
}
.comment-message {
  display: block;
  text-align: center;
  margin-top: 3em;
  line-height: 1.7;
}
.embed-form {
  display: none;
}
#embed-form-open:checked ~ .embed-form {
  display: inline;
}
#embed-form-open:checked ~ #embed-form-button {
  display: none;
}

/*==== コード ====*/
pre {
  position: relative;
  white-space: pre-wrap;
  word-break: break-all;
  background: var(--dark-bg);
  color: var(--color);
  margin: 3em 0;
  padding: .5em;
  text-indent: 0;
  line-height: 1.3;
  overflow: auto;
  max-height: 500px;
}

/*==== 上下ジャンプボタン ====*/
#scroll-button svg {
  transition: .5s;
  fill: currentColor;
}
#pagetop,
#pagebottom {
  display: none;
  position: fixed;
  right: 0;
  z-index: 1;
  color: var(--dark-color-t);
}
#pagetop {
  bottom: 70px;
  margin-bottom: .5em;
}
#pagetop svg {
  transform: rotate(180deg);
}
#pagebottom {
  bottom: 20px;
  margin-top: .5em;
}
#pagetop svg,
#pagebottom svg {
  height: 40px;
  width: 50px;
}
#scroll-button svg:hover {
  cursor: pointer;
  color: var(--dark-color);
}
@media (max-width: 1024px) {
  #scroll-button {
    display: none;
  }
}
/*]]>*/</b:if><b:if cond='data:view.isMultipleItems and !data:view.search.query and !data:view.isArchive'>/*<![CDATA[*/
/*==== 番号ページャー ====*/
.showpageNum a,
.showpagePoint,
.showpage a {
  font-weight: bold;
  font-family: arial;
  line-height: 1;
  padding: .5em 0;
  min-width: 2em;
  margin: 0 3px 5px;
  border-radius: 20px;
  display: inline-block;
}
.showpageNum a,
.showpage a {
  color: var(--color);
}
.showpagePoint {
  color: #fff;
  background: var(--brand);
}
.showpageNum a:hover,
.showpage a:hover {
  color: #fff;
  background: var(--brand);
}
/*]]>*/</b:if><b:if cond='data:view.isPost'>/*<![CDATA[*/
/*==== SNS シェアボタン ====*/
.sns-share-buttons {
  width: 350px;
  margin: 4em auto;
  display: flex;
  justify-content: space-around;
  max-width: 100%;
}
.sns-share-buttons span {
  text-align: center;
  font-size: 2.4rem;
  display: block;
  padding-top: 9px;
  line-height: 1;
  border-radius: 5px;
  height: 40px;
  width: 40px;
  transition: .3s;
  color: #fff;
}
.sns-share-buttons span:hover {
  transform: scale(1.1);
}
.svg-facebook-f {
  height: 31.5px;
  width: 31.5px;
  margin-top: -.5px;
  margin-right: -2px;
}
.sns-share-buttons span:hover {
  cursor: pointer;
}
.tweet {
  background: #1da1f2;
}
.facebook {
  background: #1877f2;
}
.line {
  background: #00b900;
}
.hatena {
  background: #00a4de;
}
.pocket {
  background: #ef4056;
}
.copy_btn {
  background: slategray;
}
.sns-share-buttons .copy_btn {
  font-family: arial;
  font-size: .9rem;
}
.copy_btn::before {
  content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71 M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>');
}

/*==== 関連記事 ====*/
.rp-container {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#related-posts a {
  position: relative;
  flex-basis: 49.33%;
  height: 100px;
  overflow: hidden;
  margin: 0 0 10px;
  border-radius: 6px;
  transition: .3s;
  box-shadow: 1px 1px 2px var(--shadow);
}
.related-img img {
  object-fit: cover;
  margin: 0;
  float: left;
  width: 42%;
  height: 100px;
  padding-right: 5px;
}
.related-date {
  position: absolute;
  right: 5px;
  bottom: 0;
  font-size: 1.4rem;
  color: var(--dark-color);
}
.related-title {
  padding-top: 3px;
  padding-right: 5px;
  font-size: 1.4rem;
  line-height: 1.3;
  height: 5.2em;
  overflow: hidden;
  display: flex;
}
.related-title::before {
  content: "\25A0";
  font-size: 1.6rem;
  margin-top: -2px;
  color: var(--brand-light);
  transition: .3s;
}
#related-posts a:hover {
  box-shadow: 8px 8px 10px var(--shadow);
}
#related-posts a:hover .related-title::before {
  color: var(--sub-brand);
}
@media (max-width:600px) {
  #related-posts a {
    flex-basis: 100%;
  }
}

/*==== サムネ付きページャー ====*/
#post-pager {
  margin-top: 5em;
  display: flex;
}
.pager-div,
.nopager-div {
  width: 100%;
  transition: .3s;
  filter: drop-shadow(1px 1px 1px var(--shadow));
}
.prev-post {
  margin: 0 0 0 5px;
}
.next-post {
  margin: 0 5px 0 0;
}
.pager-link,
.no-pager-link {
  background: var(--light-bg);
  transition: .3s;
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
}
.prev-post .pager-link,
.prev-post .no-pager-link {
  border-radius: 6px 0 0 6px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
.next-post .pager-link,
.next-post .no-pager-link {
  border-radius: 0 6px 6px 0;
  clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
  -webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
}
.pager-div:hover {
  filter: drop-shadow(6px 6px 4px var(--shadow));
}
.pager-img {
  display: table-cell;
  width: 72px;
  vertical-align: middle;
  box-sizing: border-box;
}
.pager-img img {
  width: 100%;
  height: 54px;
  object-fit: cover;
}
.prev-post  .pager-img img {
  border-radius: 0 3px 3px 0;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
.next-post  .pager-img img {
  border-radius: 3px 0 0 3px;
  clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
  -webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
}
.pager-title {
  display: grid;
  align-items: center;
  line-height: 1.6;
  padding: 5px;
  font-size: 1.5rem;
  color:  var(--color);
  height: 54px;
}
.prev-post .pager-title {
  text-align: right;
}
.next-post .no-pager-link .pager-title {
  padding-left: 1em;
  color: var(--dark-color);
}
.prev-post .no-pager-link .pager-title {
  padding-right: 1em;
  color: var(--dark-color);
}
@media (max-width: 768px) {
  #post-pager {
    flex-direction: column;
    margin-right: 10px;
  }
  .prev-post,
  .next-post {
    margin: 6px 5px;
  }
}
/*]]>*/</b:if><b:if cond='data:view.isHomepage or data:view.isSearch or data:view.isPost or data:view.isArchive and !data:view.isPage'>/*<![CDATA[*/
/*==== ページャー ====*/
#blog-pager,
.Pager {
  text-align: center;
  overflow: hidden;
  margin: 2em 0;
}
#blog-pager-older-link a,
.Pager-next {
  padding: 10px 0;
  float: right;
  border-radius: 6px 0 0 6px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
#blog-pager-newer-link a,
.Pager-prev {
  padding: 10px 0;
  float: left;
  border-radius: 0 6px 6px 0;
  clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
  -webkit-clip-path: polygon(0 50%, 10px 0, 100% 0, 100% 100%, 10px 100%);
}
#blog-pager-newer-link a,
#blog-pager-older-link a,
.Pager-prev,
.Pager-next {
  background: var(--dark-bg);
  color: var(--color);
  font-size: 1.5rem;
  line-height: 1.3;
  transition: .3s;
  width: 400px;
  max-width: 49%;
}
#blog-pager-newer-link a:hover,
#blog-pager-older-link a:hover,
.Pager-prev:hover,
.Pager-next:hover {
  background: var(--brand-light);
  color: #fff;
}
/*]]>*/</b:if><b:if cond='data:view.search.query'>/*<![CDATA[*/
/*==== ステータスメッセージ (検索結果) ====*/
.navmsg a {
  color: var(--link);
  line-height: 1.9;
}
.navmsg b {
  font-size: 1.9rem;
}
.navmsg a:hover {
  color: var(--color);
  text-decoration: underline;
}
.navmsg a::before {
  content: "\A"url('data:image/svg+xml;utf-8,<!-- Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" height="17" width="17" style="margin-top:2px"><path d="M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z" fill="%23aaa"/></svg>');
  white-space: pre;
}
.navmsg a::after {
  content: "に並べ替える";
}
.navmsg a:last-child {
  display: none;
}
.navmsg {
  border-radius: 6px;
  display: block;
  text-align: center;
  padding: .4em .4em .3em;
  margin-bottom: .5em;
  line-height: 1.5;
}
/*]]>*/</b:if><b:if cond='data:view.isArchive'>/*<![CDATA[*/
/*==== ステータスメッセージ (アーカイブページ) ====*/
.navmsg a:last-child {
  display: none;
}
.navmsg {
  border-radius: 6px;
  display: block;
  text-align: center;
  padding: .5em;
  margin-bottom: .5em;
  line-height: 1.5;
}
.navmsg:nth-of-type(2) {
  background: none;
}
/*]]>*/</b:if><b:if cond='data:view.isLabelSearch'>/*<![CDATA[*/
/*==== ステータスメッセージ (ラベルページ) ====*/
.navmsg a:last-child {
  display: none;
}
.navmsg b {
  display: inline-block;
  border: 1px solid var(--dark-color);
  border-radius: 5px;
  padding: 0 5px;
}
.navmsg {
  border-radius: 6px;
  display: block;
  text-align: center;
  padding: .5em;
  margin-bottom: .5em;
  line-height: 1.5;
}
/*]]>*/</b:if><b:if cond='data:view.isError'>/*<![CDATA[*/
/*==== 404 ====*/
#sub-content {
  display: none;
}
#notfound {
  font-size: 2rem;
  text-align: center;
  margin: 5em 0;
}
.home {
  position: absolute;
  font-size: 2rem;
  font-weight: bold;
  color: var(--link)!important;
  left: calc(50% - 1em);
  bottom: 52%;
}
/*]]>*/</b:if></style>
<noscript>
<style>/*<![CDATA[*/
.Blog,
nav,
#sub-content,
#footer-attribution,
#FeaturedPost1 {
  display: none;
}
#noscript-msg {
  font-size: 2.2rem;
  line-height:1.5;
  text-align: center;
  margin-top: 200px;
}
/*]]>*/</style>
</noscript>
<b:else/>
<b:template-skin><![CDATA[
body#layout {
  background: #fff;
}
#layout #sub-item1,
#layout #sub-item2,
#layout #sub-item3 {
  width: 33.3%;
}
#layout #sub-content {
  display: flex;
  flex-direction: row;
}
body#layout .section h4 {
  background: dodgerblue;
  color: #fff;
  text-align: center;
  padding: .5em;
  border-radius: 20px;
}
body#layout:before {
  background: dodgerblue;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  content: "F-light v.1.1";
  display: block;
  padding: .5em;
  position: absolute;
  left: 45%;
  top: 2em;
}
]]></b:template-skin>
</b:if>
&lt;/head&gt;
&lt;!--</head>--&gt;
<body>
  <!-- SVG -->
<svg style='display:none' xmlns='http://www.w3.org/2000/svg'>
<defs>
  <!-- Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<symbol id='house' viewbox='0 0 16 16'><path d='M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z'/></symbol>
<symbol id='svg-angles-down' viewBox='0 0 384 512'><path d='M169.4 278.6C175.6 284.9 183.8 288 192 288s16.38-3.125 22.62-9.375l160-160c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0L192 210.8L54.63 73.38c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25L169.4 278.6zM329.4 265.4L192 402.8L54.63 265.4c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25l160 160C175.6 476.9 183.8 480 192 480s16.38-3.125 22.62-9.375l160-160c12.5-12.5 12.5-32.75 0-45.25S341.9 252.9 329.4 265.4z'/></symbol>
<symbol id='svg-comment-dots' viewbox='0 0 512 512'><path d='M144 208C126.3 208 112 222.2 112 239.1C112 257.7 126.3 272 144 272s31.1-14.25 31.1-32S161.8 208 144 208zM256 207.1c-17.75 0-31.1 14.25-31.1 32s14.25 31.1 31.1 31.1s31.1-14.25 31.1-31.1S273.8 207.1 256 207.1zM368 208c-17.75 0-31.1 14.25-31.1 32s14.25 32 31.1 32c17.75 0 31.99-14.25 31.99-32C400 222.2 385.8 208 368 208zM256 31.1c-141.4 0-255.1 93.12-255.1 208c0 47.62 19.91 91.25 52.91 126.3c-14.87 39.5-45.87 72.88-46.37 73.25c-6.624 7-8.373 17.25-4.624 26C5.818 474.2 14.38 480 24 480c61.49 0 109.1-25.75 139.1-46.25c28.87 9 60.16 14.25 92.9 14.25c141.4 0 255.1-93.13 255.1-207.1S397.4 31.1 256 31.1zM256 400c-26.75 0-53.12-4.125-78.36-12.12l-22.75-7.125L135.4 394.5c-14.25 10.12-33.87 21.38-57.49 29c7.374-12.12 14.37-25.75 19.87-40.25l10.62-28l-20.62-21.87C69.81 314.1 48.06 282.2 48.06 240c0-88.25 93.24-160 207.1-160s207.1 71.75 207.1 160S370.8 400 256 400z'/></symbol>
<symbol id='svg-clock' viewbox='0 0 512 512'><path d='M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z'/></symbol>
<symbol id='svg-folder' viewbox='0 0 512 512'><path d='M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z'/></symbol>
<b:if cond='data:view.isSingleItem'>
<symbol id='verified' viewBox='0 0 32 32'><circle cx='16' cy='15.9' fill='dodgerblue' r='15.8'/><polygon fill='#fff' points='23,9 13.2,18.8 9,14.5 6.4,17 10.7,21.3 13.2,23.8 15.8,21.3 25.6,11.5 '/></symbol>
<symbol fill='#fff' id='svg-comment-medical' viewBox='0 0 512 512'><path d='M256 31.1c-141.4 0-255.1 93.09-255.1 208c0 49.59 21.38 94.1 56.97 130.7c-12.5 50.39-54.31 95.3-54.81 95.8C0 468.8-.5938 472.2 .6875 475.2c1.312 3 4.125 4.797 7.312 4.797c66.31 0 116-31.8 140.6-51.41c32.72 12.31 69.01 19.41 107.4 19.41C397.4 447.1 512 354.9 512 239.1S397.4 31.1 256 31.1zM368 266c0 8.836-7.164 16-16 16h-54V336c0 8.836-7.164 16-16 16h-52c-8.836 0-16-7.164-16-16V282H160c-8.836 0-16-7.164-16-16V214c0-8.838 7.164-16 16-16h53.1V144c0-8.838 7.164-16 16-16h52c8.836 0 16 7.162 16 16v54H352c8.836 0 16 7.162 16 16V266z'/></symbol>
<symbol id='trash' viewBox='0 0 16 16'><path d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z'/></symbol>
</b:if>
<b:if cond='data:view.isPost'>
<symbol id='svg-twitter' viewBox='0 0 512 512'><path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/></symbol>
<symbol id='hatebusvg' viewBox='0 0 355.004 300'><path d='M280.009,0h70v200.005h-70V0z M215.192,160.596c-11.844-13.239-28.314-20.683-49.443-22.288 c18.795-5.122,32.443-12.616,41.077-22.628c8.593-9.88,12.856-23.292,12.856-40.171c0-13.362-2.922-25.184-8.579-35.397 c-5.805-10.152-14.14-18.276-25.102-24.357c-9.586-5.274-20.98-8.994-34.262-11.188c-13.349-2.126-36.709-3.198-70.231-3.198H0 V298.63h83.976c33.737,0,58.064-1.182,72.94-3.441c14.863-2.337,27.334-6.27,37.428-11.662 c12.484-6.587,22.007-15.964,28.662-28.01c6.698-12.085,10.014-26.02,10.014-41.956 C233.017,191.514,227.079,173.798,215.192,160.596z M75.26,67.27h17.398c20.108,0,33.617,2.267,40.59,6.787 c6.877,4.542,10.388,12.38,10.388,23.547c0,10.745-3.733,18.313-11.118,22.751c-7.483,4.354-21.117,6.562-41.079,6.562H75.26 V67.27z M144.276,237.733c-7.916,4.862-21.557,7.251-40.696,7.251H75.265v-64.949h29.54c19.654,0,33.243,2.475,40.469,7.414 c7.343,4.942,10.955,13.665,10.955,26.191C156.226,224.85,152.263,232.899,144.276,237.733z M315.014,220.003c-22.101,0-40.002,17.891-40.002,39.991 c0,22.1,17.902,40.006,40.002,40.006c22.072,0,39.99-17.906,39.99-40.006C355.004,237.894,337.088,220.003,315.014,220.003z' fill='#fff'/></symbol>
<symbol id='linesvg' viewBox='0 0 315 300'><path d='M295.838,115.347l0.003-0.001l-0.092-0.76c-0.001-0.013-0.002-0.023-0.004-0.036c-0.001-0.011-0.002-0.021-0.004-0.032   l-0.344-2.858c-0.069-0.574-0.148-1.228-0.238-1.974l-0.072-0.594l-0.147,0.018c-3.617-20.571-13.553-40.093-28.942-56.762   c-15.317-16.589-35.217-29.687-57.548-37.878c-19.133-7.018-39.434-10.577-60.337-10.577c-28.22,0-55.627,6.637-79.257,19.193   C23.289,47.297-3.585,91.799,0.387,136.461c2.056,23.111,11.11,45.11,26.184,63.621c14.188,17.423,33.381,31.483,55.503,40.66   c13.602,5.642,27.051,8.301,41.291,11.116l1.667,0.33c3.921,0.776,4.975,1.842,5.247,2.264c0.503,0.784,0.24,2.329,0.038,3.18   c-0.186,0.785-0.378,1.568-0.57,2.352c-1.529,6.235-3.11,12.683-1.868,19.792c1.428,8.172,6.531,12.859,14.001,12.86   c0.001,0,0.001,0,0.002,0c8.035,0,17.18-5.39,23.231-8.956l0.808-0.475c14.436-8.478,28.036-18.041,38.271-25.425   c22.397-16.159,47.783-34.475,66.815-58.17C290.172,175.745,299.2,145.078,295.838,115.347z M92.343,160.561H66.761   c-3.866,0-7-3.134-7-7V99.865c0-3.866,3.134-7,7-7c3.866,0,7,3.134,7,7v46.696h18.581c3.866,0,7,3.134,7,7   C99.343,157.427,96.209,160.561,92.343,160.561z M119.03,153.371c0,3.866-3.134,7-7,7c-3.866,0-7-3.134-7-7V99.675   c0-3.866,3.134-7,7-7c3.866,0,7,3.134,7,7V153.371z M182.304,153.371c0,3.033-1.953,5.721-4.838,6.658   c-0.712,0.231-1.441,0.343-2.161,0.343c-2.199,0-4.323-1.039-5.666-2.888l-25.207-34.717v30.605c0,3.866-3.134,7-7,7   c-3.866,0-7-3.134-7-7v-52.16c0-3.033,1.953-5.721,4.838-6.658c2.886-0.936,6.045,0.09,7.827,2.545l25.207,34.717V99.675   c0-3.866,3.134-7,7-7c3.866,0,7,3.134,7,7V153.371z M233.311,159.269h-34.645c-3.866,0-7-3.134-7-7v-26.847V98.573   c0-3.866,3.134-7,7-7h33.57c3.866,0,7,3.134,7,7s-3.134,7-7,7h-26.57v12.849h21.562c3.866,0,7,3.134,7,7c0,3.866-3.134,7-7,7   h-21.562v12.847h27.645c3.866,0,7,3.134,7,7S237.177,159.269,233.311,159.269z' fill='#fff'/></symbol>
<symbol id='tag-icon' viewBox='0 0 16 16'><path d='M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/></symbol>
<symbol id='svg-arrows-rotate' viewbox='0 0 512 512'><path d='M464 16c-17.67 0-32 14.31-32 32v74.09C392.1 66.52 327.4 32 256 32C161.5 32 78.59 92.34 49.58 182.2c-5.438 16.81 3.797 34.88 20.61 40.28c16.89 5.5 34.88-3.812 40.3-20.59C130.9 138.5 189.4 96 256 96c50.5 0 96.26 24.55 124.4 64H336c-17.67 0-32 14.31-32 32s14.33 32 32 32h128c17.67 0 32-14.31 32-32V48C496 30.31 481.7 16 464 16zM441.8 289.6c-16.92-5.438-34.88 3.812-40.3 20.59C381.1 373.5 322.6 416 256 416c-50.5 0-96.25-24.55-124.4-64H176c17.67 0 32-14.31 32-32s-14.33-32-32-32h-128c-17.67 0-32 14.31-32 32v144c0 17.69 14.33 32 32 32s32-14.31 32-32v-74.09C119.9 445.5 184.6 480 255.1 480c94.45 0 177.4-60.34 206.4-150.2C467.9 313 458.6 294.1 441.8 289.6z'/></symbol>
<symbol id='svg-facebook-f' viewBox='0 0 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/></symbol>
<symbol id='svg-get-pocket' viewbox='0 0 448 512'><path d='M407.6 64h-367C18.5 64 0 82.5 0 104.6v135.2C0 364.5 99.7 464 224.2 464c124 0 223.8-99.5 223.8-224.2V104.6c0-22.4-17.7-40.6-40.4-40.6zm-162 268.5c-12.4 11.8-31.4 11.1-42.4 0C89.5 223.6 88.3 227.4 88.3 209.3c0-16.9 13.8-30.7 30.7-30.7 17 0 16.1 3.8 105.2 89.3 90.6-86.9 88.6-89.3 105.5-89.3 16.9 0 30.7 13.8 30.7 30.7 0 17.8-2.9 15.7-114.8 123.2z'/></symbol>
</b:if>
<b:if cond='data:view.isPost or data:view.isArchive'>
<symbol id='svg-calendar-days' viewBox='0 0 448 512'><path d='M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 248H128V192H48V248zM48 296V360H128V296H48zM176 296V360H272V296H176zM320 296V360H400V296H320zM400 192H320V248H400V192zM400 408H320V464H384C392.8 464 400 456.8 400 448V408zM272 408H176V464H272V408zM128 408H48V448C48 456.8 55.16 464 64 464H128V408zM272 192H176V248H272V192z'/></symbol>
</b:if>
<b:if cond='data:view.search.query'>
<symbol id='svg-sort' viewBox='0 0 320 512'><path d='M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z'/></symbol>
</b:if>
</defs>
</svg>
  <!-- ヘッダー -->
<header>
<b:section id='HEADER' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='F-light (Header)' type='Header' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'/>
      <b:widget-setting name='displayHeight'>0</b:widget-setting>
      <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
      <b:widget-setting name='useImage'>false</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
      <b:widget-setting name='displayWidth'>0</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
    <div class='header-img'>
      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
      <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='header-title'/>
      <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
    </div>
    <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
</b:includable>
    <b:includable id='behindImageStyle'>
    <b:if cond='data:sourceUrl'>
      <b:include cond='data:this.image' data='{image: data:this.image, selector: &quot;.header-img&quot;}' name='responsiveImageStyle'/>
    </b:if>
  </b:includable>
    <b:includable id='description'>
  <b:if cond='data:description'>
    <p id='header-desc'><data:description/></p>
  </b:if>
</b:includable>
    <b:includable id='header-title'>
  <b:if cond='data:view.isSingleItem'>
    <p id='header-title'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
    <b:elseif cond='data:view.isHomepage'/>
    <h1 id='header-title'><data:blog.title/></h1>
    <b:else/>
    <h1 id='header-title'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h1>
  </b:if>
</b:includable>
    <b:includable id='image'>
      <b:include name='super.image'/>
</b:includable>
    <b:includable id='title'/>
  </b:widget>
</b:section>
</header>
  <!-- ナビバー -->
<nav>
<div id='nav'>
  <!-- ナビボタン -->
<input id='nav-button' type='checkbox'/>
<label for='nav-button' id='nav-label'><span/></label>
  <!-- モバイル用ジャンプボタン -->
<div id='mobile-jump'>
  <span id='m-pagebottom'><svg aria-label='scroll to bottom' class='feather feather-arrow-down' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><line x1='12' x2='12' y1='5' y2='19'/><polyline points='19 12 12 19 5 12'/></svg></span>
  <span id='m-pagetop'><svg aria-label='scroll to top' class='feather feather-arrow-up' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><line x1='12' x2='12' y1='19' y2='5'/><polyline points='5 12 12 5 19 12'/></svg></span>
</div>
<b:if cond='!data:view.isHomepage'>
  <!-- モバイル ホームボタン -->
  <a expr:href='data:blog.homepageUrl' id='mobile-home'><svg aria-label='ホーム' class='svg house'><use href='#house'/></svg></a>
</b:if>
  <!-- 検索ボックス -->
<div id='search-wrap'><form action='/search' class='search-box-form' method='get'>
  <input class='search-box-text' expr:value='data:view.search.query.escaped' name='q' placeholder='Search' required='required' type='search'/><button class='search-box-submit' title='検索'><svg aria-label='検索' class='svg-icon-24'><use href='/responsive/sprite_v1_6.css.svg#ic_search_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></button></form></div>
  <!-- モードスイッチ: https://qiita.com/whike_chan/items/3fff6d0c78fa74253d4d -->
<div id='mode-switch'>
<input id='js_mode_toggle' type='checkbox'/>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
    <span id='switch-mode-dark' title='ダークモードに切り替える'><svg aria-label='ダークモード' class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg></span>
    <span id='switch-mode-light' title='ライトモードに切り替える'><svg aria-label='ライトモード' class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg></span>
</label>
</div>
<script>/*<![CDATA[*/
const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey"),twTheme=document.getElementById("twth");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),twTheme.setAttribute("content","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),twTheme.setAttribute("content","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))})
/*]]>*/</script>
  <!-- リンクリスト -->
<aside id='nav-content'>
<b:section id='NAVIGATION' maxwidgets='1' showaddelement='no'>
  <b:widget id='LinkList1' locked='true' title='ナビメニュー' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>リンク 1</b:widget-setting>
      <b:widget-setting name='link-1'>#</b:widget-setting>
      <b:widget-setting name='text-0'>ホーム</b:widget-setting>
      <b:widget-setting name='link-2'>#</b:widget-setting>
      <b:widget-setting name='link-0'>/</b:widget-setting>
      <b:widget-setting name='text-2'>リンク 2</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
</b:includable>
  </b:widget>
</b:section>
</aside>
</div>
</nav>
  <!-- メインコンテンツ -->
<main>
<div id='main-content'>
<b:section id='MAIN' showaddelement='yes'>
  <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='false' title='注目の投稿' type='FeaturedPost' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showSnippet'>true</b:widget-setting>
      <b:widget-setting name='showPostTitle'>true</b:widget-setting>
      <b:widget-setting name='showFirstImage'>true</b:widget-setting>
      <b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
      <div class='widget title'><data:title/></div>
    <b:include name='snippetedPosts'/>
</b:includable>
    <b:includable id='blogThisShare'/>
    <b:includable id='bylineByName'/>
    <b:includable id='bylineRegion'/>
    <b:includable id='commentsLink'/>
    <b:includable id='commentsLinkIframe'/>
    <b:includable id='emailPostIcon'/>
    <b:includable id='facebookShare'/>
    <b:includable id='footerBylines'/>
    <b:includable id='googlePlusShare'/>
    <b:includable id='headerByline'/>
    <b:includable id='linkShare'/>
    <b:includable id='otherSharingButton'/>
    <b:includable id='platformShare'/>
    <b:includable id='postAuthor'/>
    <b:includable id='postCommentsLink'>
      <b:if cond='data:post.numberOfComments gt 0'>
        <span class='article-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin-right:3px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/> &#65372;</span>
      </b:if>
    </b:includable>
    <b:includable id='postJumpLink'/>
    <b:includable id='postLabels'>
    <b:loop values='data:post.labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
          <span class='article-category-label'><a expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/></a></span>
      </b:loop>
    </b:includable>
    <b:includable id='postLocation'/>
    <b:includable id='postReactions'/>
    <b:includable id='postShareButtons'/>
    <b:includable id='postSnippet'>
      <p class='feat-snippet'><b:eval expr='snippet(data:post.body,{length: 120, links: false, linebreaks: false, ellipsis: true})'/></p>
</b:includable>
    <b:includable id='postTimestamp'>
      <time class='article-header-date' expr:datetime='data:post.date.iso8601'><svg aria-label='投稿日' class='svg svg-clock' style='vertical-align:-10%;margin-right:3px'><use href='#svg-clock'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></time>
    </b:includable>
    <b:includable id='sharingButton'/>
    <b:includable id='sharingButtonContent'/>
    <b:includable id='sharingButtons'/>
    <b:includable id='sharingButtonsMenu'/>
    <b:includable id='sharingPlatformIcon'/>
    <b:includable id='snippetedPostByline'/>
    <b:includable id='snippetedPostContent'>
  <div class='post-content'>
          <b:include cond='data:this.postDisplay.showFeaturedImage' name='snippetedPostThumbnail'/>
    <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
    <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
      <p class='article-header'>
        <b:include data='post' name='postCommentsLink'/>
    <b:include data='post' name='postTimestamp'/>
    </p>
    <p class='article-category'>
        <b:include data='post' name='postLabels'/>
    </p>
  </div>
</b:includable>
    <b:includable id='snippetedPostThumbnail'>
  <b:if cond='data:post.featuredImage'>
    <div class='feat-img'/>
<script>
(function(){const idx=<data:i/>;let img=&quot;<b:eval expr='resizeImage(data:post.featuredImage,320,&quot;16:9&quot;)'/>&quot;;let webp;if(img.match(/-k-no-nu/)){webp=img.replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#39;);}if(img.match(/lh3-testonly/)){webp=img.replace(&#39;lh3-testonly&#39;,&#39;lh3&#39;);}let ec=document.getElementsByClassName(&#39;feat-img&#39;)[idx];let html=&#39;&#39;;html+=&#39;&lt;img alt=&quot;<data:post.title.escaped/>&quot; height=&quot;180&quot; src=&quot;&#39;+webp+&#39;&quot; width=&quot;320&quot;/&gt;&#39;;ec.innerHTML=html;}());
</script>
      <b:else/>
      <div class='feat-img'>
        <img expr:alt='data:post.title.escaped' height='180' src='https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s320-rw-e365/noimage.png' width='320'/>
      </div>
</b:if>
</b:includable>
    <b:includable id='snippetedPostTitle'>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h2 class='feat-title'><data:post.title/></h2>
  </b:if>
</b:includable>
    <b:includable id='snippetedPosts'>
    <!-- Don't render the post that we're currently already looking at. -->
    <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
      <article class='article'>
        <b:include name='snippetedPostContent'/><a expr:aria-label='data:post.title' expr:href='data:post.url'/>
        <a expr:href='data:post.url'><p id='feat-name'>RECOMMEND</p></a>
        </article>
    </b:loop>
</b:includable>
  </b:widget>
  <b:widget id='Blog1' locked='true' title='ブログの投稿' type='Blog' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='commentLabel'/>
      <b:widget-setting name='showShareButtons'>false</b:widget-setting>
      <b:widget-setting name='authorLabel'/>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='timestampLabel'/>
      <b:widget-setting name='reactionsLabel'/>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showDateHeader'>false</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
      <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
      <b:widget-setting name='showAuthor'>false</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showLabels'>false</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'/>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
  <b:include name='status-message'/>
  <b:if cond='data:view.isSingleItem'>
    <b:loop values='data:posts' var='post'>
      <div id='p-wrapper'>
        <b:include data='post' name='postQuickEdit'/>
        <b:include name='jsonLDBreadcrumb'/>
        <b:include data='post' name='jsonLD'/>
        <b:include data='post' name='singleHeader'/>
        <b:include data='post' name='postBody'/>
        <div id='p-footer'>
          <b:if cond='data:view.isPost'>
            <b:include data='post' name='postShareButtons'/>
            <b:include data='post' name='Labels'/>
            <b:include data='post' name='rp'/>
          </b:if>
          <b:if cond='data:post.allowComments'>
            <b:include data='post' name='comments'/>
          </b:if>
        </div>
      </div>
      <b:include data='post' name='post-pager'/>
    </b:loop>
    <b:else/>
    <b:include name='jsonLDBreadcrumb'/>
    <b:loop index='i' values='data:posts' var='post'>
      <b:if cond='data:view.isArchive or data:i lt 10'>
        <b:include data='post' name='post'/>
      </b:if>
    </b:loop>
    <b:include cond='!data:view.isArchive' name='nextprev'/>
  </b:if>
</b:includable>
    <b:includable id='404'>      
  <b:if cond='data:view.isError'>
      <p id='notfound'><data:navMessage/></p>
      <a class='home' expr:href='data:blog.homepageUrl'><data:messages.home/></a>
      </b:if>
</b:includable>
    <b:includable id='Labels'>
  <b:if cond='data:post.labels'>
    <p id='p-category'>
      <b:loop values='data:post.labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
        <a class='p-category-label' expr:href='data:label.url' style='margin-right:5px'><svg aria-label='カテゴリ' class='svg' style='margin-right:5px;font-size:1.3rem'><use href='#svg-folder'/></svg><data:label.name/></a>
      </b:loop>
    </p>
    <p id='p-hashtag'>
      <b:loop values='data:post.labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
        <svg aria-label='タグ' class='svg tag-icon'><use href='#tag-icon'/></svg><a class='p-hashtag-label' expr:href='data:label.url'><data:label.name/></a>
      </b:loop>
    </p>
  </b:if>
</b:includable>
    <b:includable id='aboutPostAuthor'/>
    <b:includable id='addComments'>
    <div id='add-comment'>
      <p class='title'><data:messages.postAComment/></p>
      <b:if cond='data:this.messages.blogComment'>
        <span class='comment-message'><data:this.messages.blogComment/></span>
      </b:if>
      <input id='embed-form-open' type='checkbox'/>
      <label for='embed-form-open' id='embed-form-button'>
        <svg aria-label='コメントを追加' class='svg svg-comment-medical' style='font-size:2rem;margin-right:5px;vertical-align:-18%'><use href='#svg-comment-medical'/></svg><data:messages.postAComment/>(埋め込みフォームが開きます)
      </label>
      <b:with value='data:view.isPost ? &quot;?po=&quot; : &quot;?pa=&quot;' var='param'>
        <iframe class='embed-form' expr:data-src='data:blog.bloggerUrl path (&quot;comment/frame/&quot; + data:blog.blogId + data:param + data:post.id)'/>
      </b:with>
      <p class='comment-message'>埋め込みフォームからコメントできない場合は<br/>こちらのリンクからどうぞ</p>
      <a class='comment-page-link' expr:href='data:blog.bloggerUrl +  &quot;/comment.g?blogID=&quot; + data:blog.blogId +  &quot;&amp;postID=&quot; + data:post.id' expr:onclick='data:post.commentsUrlOnclick' rel='noopener' target='_blank'><svg aria-label='コメントを追加' class='svg svg-comment-medical' style='font-size:2rem;margin-right:5px;vertical-align:-18%'><use href='#svg-comment-medical'/></svg><data:messages.postAComment/>(別ページに移動します)<svg aria-label='外部リンク' class='svg svg-external-link-alt'><use href='#svg-external-link-alt'/></svg></a>
    </div>
</b:includable>
    <b:includable id='blogThisShare'/>
    <b:includable id='bylineByName' var='byline'/>
    <b:includable id='bylineRegion' var='regionItems'/>
    <b:includable id='commentAuthorAvatar'>
  <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='noopener' target='_blank'><img expr:alt='data:comment.author + &quot;のアバター&quot;' expr:data-src='resizeImage(data:comment.authorAvatarSrc, 100)' height='50' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/s50-rw/blank.png' width='50'/></a>
    <b:else/>
    <img alt='アバター' data-src='//resources.blogblog.com/img/blank.gif' height='50' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/s50-rw/blank.png' width='50'/>
  </b:if>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'><a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'><svg aria-label='ごみ箱' class='svg'><use href='#trash'/></svg></a></span>
</b:includable>
    <b:includable id='commentForm' var='post'/>
    <b:includable id='commentFormIframeSrc' var='post'/>
    <b:includable id='commentItem' var='comment'>
  <div class='comment-block' expr:id='&quot;c&quot; + data:comment.id'>
    <p class='comment-author'>
      <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
      <b:if cond='data:comment.authorUrl == data:post.author.profileUrl'>
        <a expr:href='data:comment.authorUrl' rel='noopener' target='_blank' title='Author'><data:comment.author/><svg aria-label='管理者' class='verified'><use href='#verified'/></svg></a>
        <b:elseif cond='data:comment.authorUrl'/>
        <a expr:href='data:comment.authorUrl' rel='noopener' target='_blank'><data:comment.author/></a>
        <b:else/>
        <data:comment.author/>
      </b:if>
    </p>
    <p expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
      <data:comment.body/>
    </p>
    <div class='comment-footer'>
      <span class='comment-timestamp'>
        <b:include data='comment' name='commentDeleteIcon'/>
        <a expr:href='&quot;#c&quot; + data:comment.id' title='コメント パーマリンク'><svg aria-label='投稿日' class='svg svg-clock' style='margin-right:5px;vertical-align: -10%'><use href='#svg-clock'/></svg><data:comment.timestamp/></a>
      </span>
    </div>
  </div>
</b:includable>
    <b:includable id='commentList' var='comments'>
  <div id='comments-block'>
    <b:loop reverse='true' values='data:comments' var='comment'>
      <b:include data='comment' name='commentItem'/>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='commentPicker' var='post'/>
    <b:includable id='comments' var='post'>
  <div id='comments'>
     <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='addComments'/>
          <b:else/>
            <p class='comment-message'><data:post.noNewCommentsText/></p>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <b:include data='post' name='addComments'/>
          </b:if>
        </b:if>
        <b:if cond='data:post.showManageComments'>
          <b:include data='post' name='manageComments'/>
        </b:if>
    <b:include name='commentsTitle'/>
    <b:include data='post' name='commentsSortMessage'/>
    <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
    <b:if cond='data:post.numberOfComments gt 1'>
      <a class='comment-form-jump' href='#comments' style='margin-top:3em'><svg aria-label='上にジャンプ' class='svg' style='margin-left:5px;vertical-align:-10%;transform:rotate(180deg);'><use href='#svg-angles-down'/></svg>コメントフォームにジャンプ</a>
    </b:if>
  </div>
</b:includable>
    <b:includable id='commentsLink'/>
    <b:includable id='commentsLinkIframe'/>
    <b:includable id='commentsSortMessage' var='post'>
      <b:if cond='data:post.numberOfComments gt 1'>
        <span class='comment-message' style='margin:2em 0 1em'>新着順に表示しています</span>
      </b:if>
</b:includable>
    <b:includable id='commentsTitle'>
      <b:if cond='data:post.numberOfComments != 0'>
        <p class='title' id='comments-list' style='margin-top:5em'><b:message name='messages.numberOfComments'><b:param expr:value='data:post.numberOfComments' name='numComments'/></b:message></p>
      </b:if>
</b:includable>
    <b:includable id='defaultAdUnit'/>
    <b:includable id='emailPostIcon'/>
    <b:includable id='facebookShare'/>
    <b:includable id='feedLinks'/>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='footerBylines'/>
    <b:includable id='googlePlusShare'/>
    <b:includable id='headerByline'/>
    <b:includable id='homePageLink'/>
    <b:includable id='iframeComments' var='post'/>
    <b:includable id='inlineAd' var='post'/>
    <b:includable id='jsonLD' var='post'>
<script type='application/ld+json'>{
  &quot;@context&quot;: &quot;http://schema.org/&quot;,
  &quot;@type&quot;: &quot;BlogPosting&quot;,
  &quot;headline&quot;: &quot;<data:post.title.jsonEscaped/>&quot;,
  &quot;description&quot;: &quot;<b:eval expr='data:view.isSingleItem ? data:view.description.jsonEscaped : data:post.snippets.short.jsonEscaped'/>&quot;,
  &quot;image&quot;: &quot;<b:eval expr='resizeImage(data:post.thumbnailUrl, 560,&quot;16:9&quot;)'/>&quot;,
  &quot;datePublished&quot;: &quot;<data:post.date.iso8601/>&quot;,
  &quot;dateModified&quot;: &quot;<data:post.lastUpdated.iso8601/>&quot;,
  &quot;mainEntityOfPage&quot;: {
    &quot;@type&quot;: &quot;WebPage&quot;,
    &quot;@id&quot;: &quot;<data:post.url.canonical/>&quot;
  },
  &quot;author&quot;: {
    &quot;@type&quot;: &quot;Person&quot;,
    &quot;name&quot;: &quot;<data:post.author.name/>&quot;,
    &quot;url&quot;: &quot;<data:post.author.profileUrl/>&quot;
  },
  &quot;publisher&quot;: {
    &quot;@type&quot;: &quot;Organization&quot;,
    &quot;name&quot;: &quot;<data:blog.title.jsonEscaped/>&quot;
  }
}</script>
</b:includable>
    <b:includable id='jsonLDBreadcrumb'>
<b:if cond='!data:view.isPost and !data:view.isError'>
<script type='application/ld+json'>{
  &quot;@context&quot;: &quot;https://schema.org&quot;,
  &quot;@type&quot;: &quot;BreadcrumbList&quot;,
  &quot;itemListElement&quot;: [
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 1,
      &quot;name&quot;: &quot;<data:messages.home.jsonEscaped/>&quot;,
      &quot;item&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;
    <b:if cond='data:view.isMultipleItems and !data:view.archive and !data:view.isHomepage and !data:view.search.query or data:view.isPage'>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;<data:blog.pageName/>&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }<b:elseif cond='data:view.archive.month'/>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;<data:view.archive.year/>年 <data:view.archive.month/>月のアーカイブ&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }
<b:elseif cond='data:view.archive.year'/>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;<data:view.archive.year/>年のアーカイブ&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }
<b:elseif cond='data:view.search.query'/>},
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 2,
      &quot;name&quot;: &quot;&#12300;<data:view.search.query/>&#12301;の検索結果&quot;,
      &quot;item&quot;: &quot;<data:blog.url/>&quot;
    }<b:else/>}</b:if>
  ]
}</script>
</b:if>
<b:if cond='data:view.isPost'>
<script type='application/ld+json'>{
  &quot;@context&quot;: &quot;https://schema.org&quot;,
  &quot;@type&quot;: &quot;BreadcrumbList&quot;,
  &quot;itemListElement&quot;: [
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: 1,
      &quot;name&quot;: &quot;<data:messages.home.jsonEscaped/>&quot;,
      &quot;item&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;
    }<b:loop index='i' values='data:post.labels where (l =&gt; l.name not contains &quot;#&quot;)' var='label'>,
    {
      &quot;@type&quot;: &quot;ListItem&quot;,
      &quot;position&quot;: <b:with value='data:i + 2' var='num'><b:eval expr='data:num'/></b:with>,
      &quot;name&quot;: &quot;<data:label.name/>&quot;,
      &quot;item&quot;: &quot;<data:label.url.canonical/>&quot;
     }</b:loop>
  ]
}</script>
</b:if>
</b:includable>
    <b:includable id='linkShare'/>
    <b:includable id='nextPageLink'/>
    <b:includable id='nextprev'>
  <b:if cond='data:view.isHomepage or data:view.isSearch or data:view.archive.month or data:view.isPost and !data:view.isPage'>
    <div class='blog-pager' id='blog-pager'>
      <b:if cond='data:newerPageUrl'>
        <span id='blog-pager-newer-link'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:messages.newerPosts'><data:messages.newerPosts/></a></span>
      </b:if>
      <b:if cond='data:olderPageUrl'>
        <span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'><data:messages.olderPosts/></a></span>
      </b:if>
    </div>
  </b:if>
</b:includable>
    <b:includable id='otherSharingButton'/>
    <b:includable id='platformShare'/>
    <b:includable id='post' var='post'>
  <article class='article'>
    <b:include data='post' name='jsonLD'/>
    <b:if cond='data:post.featuredImage'>
      <div class='article-img'/>
<script>
(function(){const idx=<data:i/>;let img=&quot;<b:eval expr='resizeImage(data:post.featuredImage,320,&quot;16:9&quot;)'/>&quot;;let webp;if(img.match(/-k-no-nu/)){webp=img.replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#39;);}if(img.match(/lh3-testonly/)){webp=img.replace(&#39;lh3-testonly&#39;,&#39;lh3&#39;);}let ec=document.getElementsByClassName(&#39;article-img&#39;)[idx];let html=&#39;&#39;;html+=&#39;&lt;img alt=&quot;<data:post.title.escaped/>&quot; height=&quot;180&quot; data-src=&quot;&#39;+webp+&#39;&quot; width=&quot;320&quot; src=&quot;https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png&quot;/&gt;&#39;;ec.innerHTML=html;}());
</script>
      <b:else/>
      <div class='article-img'>
        <img data-src='https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s320-rw-e365/noimage.png' expr:alt='data:post.title.escaped' height='180' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png' width='320'/>
      </div>
    </b:if>
    <h2 class='article-title'><data:post.title/></h2>
    <p class='article-snippet'>
      <b:eval expr='snippet(data:post.body,{length: 120, links: false, linebreaks: false, ellipsis: true})'/>
    </p>
    <p class='article-category'>
      <b:loop values='data:post.labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
          <span class='article-category-label'><a expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/></a></span>
      </b:loop>
    </p>
    <p class='article-header'>
      <b:if cond='data:post.numberOfComments gt 0'>
        <span class='article-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin-right:3px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/> &#65372;</span>
      </b:if>
      <time class='article-header-date' expr:datetime='data:post.date.iso8601'><svg aria-label='投稿日' class='svg svg-clock' style='vertical-align:-10%;margin-right:3px'><use href='#svg-clock'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></time>
    </p>
    <a expr:aria-label='data:post.title' expr:href='data:post.url'/>
  </article>
</b:includable>
    <b:includable id='post-pager' var='post'>
      <b:if cond='data:view.isPost'>
        <div id='post-pager'/>
<script>
  /*
  Thumbnailed Pager widget powered by IB-Note
  via: https://itblogger-note.blogspot.com/2021/01/pager-with-thumbnail.html
  */
  const topurl = &quot;<data:blog.homepageUrl/>&quot;;
  const currenturl = &quot;<data:post.url/>&quot;;
  /*<![CDATA[*/
  let postTitle=new Array,postUrl=new Array,postImg=new Array;function loadpager(e){!function(){let t,s,a,l;for(let i=0;i<e.feed.entry.length;i++){s=(t=e.feed.entry[i]).title.$t;for(let e=0;e<t.link.length;e++)if("alternate"==t.link[e].rel){a=t.link[e].href;break}l="media$thumbnail"in t?t.media$thumbnail.url.replace(/\/s72-c.*?\//,"/w144-rw-e365/").replace('default.jpg','default.webp').replace('/vi/','/vi_webp/'):"https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/w144-h81-rw-e365/noimage.png",postTitle.push(s),postUrl.push(a),postImg.push(l)}}(),displayPager()}function displayPager(){let e,t="";for(let t=0;t<postTitle.length;t++)postUrl[t]==currenturl&&(e=t);e>0?(t+='<div class="next-post pager-div"><a class="pager-link" href="'+postUrl[e-1]+'" title="新しい投稿">',t+='<figure class="pager-img"><img alt="新しい投稿" height="81" data-src="'+postImg[e-1]+'" src="https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w72-h54-c-rw/blank.png" width="72"/></figure>',t+='<span class="pager-title">'+postTitle[e-1]+"</span>",t+="</a></div>"):(t+='<div class="next-post nopager-div"><span class="no-pager-link">',t+='<figure class="pager-img" style="width:0;height:54px"></figure>',t+='<span class="pager-title" title="新しい投稿はありません">新しい投稿はありません</span>',t+="</span></div>"),e<postTitle.length-1?(t+='<div class="prev-post pager-div"><a class="pager-link" href="'+postUrl[e+1]+'" title="古い投稿">',t+='<span class="pager-title">'+postTitle[e+1]+"</span>",t+='<figure class="pager-img"><img alt="古い投稿" height="81" data-src="'+postImg[e+1]+'" src="https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w72-h54-c-rw/blank.png" width="72"/></figure>',t+="</a></div>"):(t+='<div class="prev-post nopager-div"><span class="no-pager-link">',t+='<span class="pager-title" title="古い投稿はありません">古い投稿はありません</span>',t+='<figure class="pager-img" style="width:0;height:54px"></figure>',t+="</span></div>"),document.getElementById("post-pager").innerHTML=t}
  /*]]>*/
</script>
<script defer='defer' src='/feeds/posts/summary?&amp;max-results=150&amp;alt=json-in-script&amp;callback=loadpager'/>
<script defer='defer' src='/feeds/posts/summary?start-index=151&amp;max-results=150&amp;alt=json-in-script&amp;callback=loadpager'/>
</b:if>
</b:includable>
    <b:includable id='postAuthor'/>
    <b:includable id='postBody' var='post'>
      <div class='post-body'>
        <data:post.body/>
      </div>
    </b:includable>
    <b:includable id='postBodySnippet' var='post'/>
    <b:includable id='postCommentsAndAd' var='post'/>
    <b:includable id='postCommentsLink'/>
    <b:includable id='postFooter' var='post'/>
    <b:includable id='postFooterAuthorProfile' var='post'/>
    <b:includable id='postHeader' var='post'/>
    <b:includable id='postJumpLink' var='post'/>
    <b:includable id='postLabels'/>
    <b:includable id='postLocation'/>
    <b:includable id='postMeta' var='post'/>
    <b:includable id='postMetadataJSONImage'/>
    <b:includable id='postMetadataJSONPublisher'/>
    <b:includable id='postPagination'/>
    <b:includable id='postQuickEdit' var='post'>
  <b:with value='data:view.isPage ? &quot;blog/page/edit/&quot; : &quot;blog/post/edit/&quot;' var='path'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'><a expr:href='data:blog.bloggerUrl path (data:path + data:blog.blogId + &quot;/&quot; + data:post.id)' expr:title='data:messages.edit' rel='noopener' target='_blank'><data:messages.edit/></a></span>
  </b:with>
</b:includable>
    <b:includable id='postReactions'/>
    <b:includable id='postShareButtons' var='post'>
  <div class='sns-share-buttons'>
    <span class='tweet' onclick='tweet_btn()' role='button' title='ツイート'><svg aria-label='ツイート' class='svg svg-twitter'><use href='#svg-twitter'/></svg></span>
<script>/*<![CDATA[*/
  function tweet_btn(){const w=550,h=550;window.open("https://twitter.com/intent/tweet?url="+encodeURIComponent(location.href)+"&text="+encodeURIComponent(document.title),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='facebook' onclick='fb_btn()' role='button' title='シェア'><svg aria-label='Facebookにシェア' class='svg svg-facebook-f'><use href='#svg-facebook-f'/></svg></span>
<script>/*<![CDATA[*/
  function fb_btn(){const w=550,h=420;window.open("https://www.facebook.com/sharer.php?u="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='line' onclick='line_btn()' role='button' title='LINEで送る'><svg aria-label='ラインで送る' class='linesvg'><use href='#linesvg'/></svg></span>
<script>/*<![CDATA[*/
  function line_btn(){const w=550,h=420;window.open("https://social-plugins.line.me/lineit/share?url="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='hatena' onclick='hatena_btn()' role='button' title='はてなブックマークに登録'><svg aria-label='はてなブックマーク' class='hatebusvg'><use href='#hatebusvg'/></svg></span>
<script>/*<![CDATA[*/
  function hatena_btn(){const w=550,h=420;window.open("https://b.hatena.ne.jp/entry/panel/?url="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='pocket' onclick='pocket_btn()' role='button' title='Pocketに保存'><svg aria-label='Pocketに保存' class='svg svg-get-pocket'><use href='#svg-get-pocket'/></svg></span>
<script>/*<![CDATA[*/
  function pocket_btn(){const w=550,h=420;window.open("https://getpocket.com/edit?url="+encodeURIComponent(location.href),"_blank","width="+w+",height="+h+",left="+(screen.width-w)/2+",top="+(screen.height-h)/2+",scrollbars=yes,resizable=yes,toolbar=no,location=yes")}
/*]]>*/</script>
    <span class='copy_btn' role='button' style='font-weight:bold;line-height:1' title='タイトルとURLをコピーする'/>
<script src='//cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js'/>
<script>/*<![CDATA[*/
  const clipboard=new ClipboardJS(".copy_btn");window.addEventListener('DOMContentLoaded', function(){const b=$("title").text();const a=location.href;$(".copy_btn").click(function(){$(this).attr("data-clipboard-text",b+" "+a).css("cursor","text").css("transform","none").text("COPIED")})})
/*]]>*/</script>
  </div>
</b:includable>
    <b:includable id='postTimestamp'/>
    <b:includable id='postTitle' var='post'/>
    <b:includable id='previousPageLink'/>
    <b:includable id='rp' var='post'>
      <b:if cond='data:view.isPost'>
        <div id='related-posts'/>
<script>
  /*
  Related Post widget powered by IB-Note
  via: https://itblogger-note.blogspot.com/2021/03/improve-related-posts.html
  */
  const rp_current = &quot;<data:post.url/>&quot;;
  const rp_max = 6;
  const rp_head = &quot;関連記事&quot;;
  /*<![CDATA[*/
  !function(a,b){a.RelatedPosts||(a.RelatedPosts=b())}(this,function(){let a=function(){},b=0,c=0,d=[],e=[],f=[],g=[];return a.counter=function(){c++},a.add=function(l){let j=rp_current.match(/^https?:\/\/(.+$)/),m="",n="";null!=j&&(m="http://"+j[1],n="https://"+j[1]);for(let k=0;k<l.feed.entry.length;k++){let h=l.feed.entry[k];for(let i=0;i<h.link.length;i++)if("alternate"==h.link[i].rel){if(!(m==h.link[i].href||n==h.link[i].href)){d.push(h.link[i].href),e.push(h.title.$t);let q=h.published.$t.substr(0,10).replace(/-/g,"/");f.push(q);let a;if("media$thumbnail"in h){a=h.media$thumbnail.url;let o=/\/s72-.*\//,p=/=s72-.*$/;a.match(o)?a=a.replace(o,"/w240-h135-rw-p-e365/"):a.match(p)?a=a.replace(p,"=w240-h135-rw-p-e365"):a.match(/default.jpg/)&&(a=a.replace("default.jpg","mqdefault.webp").replace("/vi/","/vi_webp/"))}else a="https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s240-rw-e365/noimage.png";g.push(a)}break}}++b==c&&function(){let l=[],a=[];for(let c=0;c<d.length;c++)-1==l.indexOf(d[c])&&(l.push(d[c]),a.push(c));let k,h=[],i=[...Array(a.length).keys()];for(;i.length>0;)k=Math.floor(Math.random()*i.length),h.push(i[k]),i.splice(k,1);let j,b=0;if(a.length>0){for(j='<div class="title">'+rp_head+'</div><div class="rp-container">';b<a.length&&b<rp_max;)j+='<a href="'+d[a[h[b]]]+'"><figure class="related-img"><img alt="関連記事サムネイル" height="135" data-src="'+g[a[h[b]]]+'" src="https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w240-h135-c-rw/blank.png" width="240"/></figure><div class="related-title">'+e[a[h[b]]]+'</div><div class="related-date"><svg aria-label="投稿日" class="svg svg-clock" style="vertical-align:-10%;margin-right:3px"><use href="#svg-clock"/></svg>'+f[a[h[b]]]+"</div></a>",b++;j+="</div>",document.getElementById("related-posts").innerHTML=j}}()},a})
  /*]]>*/
</script>
<b:loop values='data:post.labels' var='label'>
  <script>RelatedPosts.counter();</script>
</b:loop>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name contains &quot;#&quot;'>
<script>
  !function(){const e=&quot;/feeds/posts/summary/-/&quot;+&quot;<data:label.name/>&quot;.replace(/&#12539;/g,&quot;%E3%83%BB&quot;).replace(/#/g,&quot;%23&quot;).replace(/&amp;amp;/g,&quot;&amp;&quot;)+&quot;?alt=json&amp;max-results=30&amp;callback=RelatedPosts.add&quot;,a=document.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;,a.defer=!0,a.src=e,document.head.appendChild(a)}();        
</script>
<b:else/>
<script defer='defer' expr:src='&quot;/feeds/posts/summary/-/&quot; + data:label.name + &quot;?alt=json&amp;max-results=30&amp;callback=RelatedPosts.add&quot;'/>
</b:if>
</b:loop>
</b:if>
</b:includable>
    <b:includable id='sharingButton'/>
    <b:includable id='sharingButtonContent'/>
    <b:includable id='sharingButtons'/>
    <b:includable id='sharingButtonsMenu'/>
    <b:includable id='sharingPlatformIcon'/>
    <b:includable id='singleHeader'>
  <h1 id='p-header-title'><data:post.title/></h1>
  <b:if cond='data:view.isPost'>
    <span id='p-header'>
    <time expr:datetime='data:post.date.iso8601' id='p-header-pdate'><a expr:href='data:view.url path (data:post.date.year + &quot;/0&quot; + data:post.date.month + &quot;/&quot;)' expr:title='data:post.date.year + &quot;年 &quot; + data:post.date.month + &quot;月のアーカイブ&quot;'><svg aria-label='カレンダー' class='svg svg-calendar-days' style='vertical-align:-10%;margin-right:5px'><use href='#svg-calendar-days'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></a></time>
  <b:if cond='data:post.date.year != data:post.lastUpdated.year or data:post.date.month != data:post.lastUpdated.month or data:post.date.day !=  data:post.lastUpdated.day'>
    <span id='p-header-udate'>&#65372;<svg aria-label='更新日' class='svg svg-arrows-rotate' style='margin:0 5px'><use href='#svg-arrows-rotate'/></svg><data:post.lastUpdated.year/>/<b:eval expr='data:post.lastUpdated.month lt 10 ? &quot;0&quot; + data:post.lastUpdated.month : data:post.lastUpdated.month'/>/<b:eval expr='data:post.lastUpdated.day lt 10 ? &quot;0&quot; + data:post.lastUpdated.day : data:post.lastUpdated.day'/></span>
  </b:if>
  <b:if cond='data:post.numberOfComments gt 0'>
    &#65372;<a expr:title='data:post.numberOfComments + &quot;件のコメント&quot;' href='#comments-list' id='p-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin:0 5px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/></a>
    </b:if>
  </span>
  </b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:view.isHomepage'>    
    <div class='title'>最新記事</div>
  </b:if>
  <b:if cond='data:view.archive.month'>
    <span class='navmsg'><svg aria-label='カレンダー' class='svg svg-calendar-days' style='margin-right:5px'><use href='#svg-calendar-days'/></svg><data:view.archive.year/>年 <data:view.archive.month/>月のアーカイブ</span>
    <b:elseif cond='data:view.archive.year'/>
    <span class='navmsg'><svg aria-label='カレンダー' class='svg svg-calendar-days' style='margin-right:5px'><use href='#svg-calendar-days'/></svg><data:view.archive.year/>年のアーカイブ</span>
  </b:if>
  <b:if cond='data:navMessage and !data:view.isError'>
    <span class='navmsg'><data:navMessage/></span>
  </b:if>
  <b:include name='404'/>
</b:includable>
    <b:includable id='threaded-comment-form'/>
    <b:includable id='threadedCommentForm'/>
    <b:includable id='threadedCommentJs'/>
    <b:includable id='threadedComments'/>
    <b:includable id='threaded_comment_js'/>
    <b:includable id='threaded_comments'/>
  </b:widget>
  <b:widget cond='data:view.isArchive' id='BlogArchive0' locked='true' title='アーカイブページャー' type='BlogArchive' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
      <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
      <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
      <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
      <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
      <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
      <b:widget-setting name='chronological'>false</b:widget-setting>
      <b:widget-setting name='showPosts'>false</b:widget-setting>
      <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<!-- Archive Pager Powered by Itotti (@itozyun)
    via: https://outcloud.blogspot.com/2016/09/elegant-nav-for-archive.html -->
      <div class='Pager'>
          <b:include name='navi'/>
      </div>
  </b:includable>
    <b:includable id='content'/>
    <b:includable id='flat' var='data'/>
    <b:includable id='hierarchy'/>
    <b:includable id='interval' var='intervalData'/>
    <b:includable id='menu' var='data'/>
    <b:includable id='navi'>
    <b:with value='data:data count ( _y =&gt; _y.url == data:blog.url )' var='is_year'>
      <b:if cond='data:is_year != 0'>
        <b:include name='navi_year'/>
        <b:else/>
        <b:loop values='data:data' var='y'>
          <b:loop values='data:y.data' var='m'>
            <b:if cond='data:m.url == data:blog.url'>
              <b:include name='navi_month'/>
              <b:else/>
              <b:with value='data:m.data count ( _d =&gt; _d.url == data:blog.url )' var='is_day'>
                <b:if cond='data:is_day != 0'>
                  <b:include name='navi_day'/>
                </b:if>
              </b:with>
            </b:if>
          </b:loop>
        </b:loop>
      </b:if>
    </b:with>
  </b:includable>
    <b:includable id='navi_day'>
    <b:loop index='yi' values='data:data' var='y'>
      <b:loop index='mi' values='data:y.data' var='m'>
        <b:loop index='di' values='data:m.data' var='d'>
          <b:if cond='data:d.url == data:blog.url'>
            <b:with value='data:m.data count ( _d =&gt; _d.url != &quot;&quot; )' var='dlast'>
              <b:if cond='data:dlast - 1 != data:di'>
                <b:with value='data:m.data[data:di + 1]' var='_d'>
                  <b:if cond='data:_d.post-count != 1'>
                    <a class='Pager-next' expr:href='data:_d.url'>
                      <data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                    <b:else/>
                    <a class='Pager-next' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                  </b:if>
                </b:with>
                <b:else/>
                <b:with value='data:y.data count ( _m =&gt; _m.name != &quot;&quot; )' var='mlast'>
                  <b:if cond='data:mlast - 1 != data:mi'>
                    <b:with value='data:y.data[data:mi + 1]' var='_m'>
                      <b:with value='data:_m.data[0]' var='_d'>
                        <b:if cond='data:_d.post-count != 1'>
                          <a class='Pager-next' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                          <b:else/>
                          <a class='Pager-next' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                        </b:if>
                      </b:with>
                    </b:with>
                    <b:else/>
                    <b:with value='data:data count ( _y =&gt; _y.name != &quot;&quot; )' var='ylast'>
                      <b:if cond='data:ylast - 1 != data:yi'>
                        <b:with value='data:data[data:yi + 1]' var='_y'>
                          <b:with value='data:_y.data[0]' var='_m'>
                            <b:with value='data:_m.data[0]' var='_d'>
                              <b:if cond='data:_d.post-count != 1'>
                                <a class='Pager-next' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (<data:_d.post-count/>)</a>
                                <b:else/>
                                <a class='Pager-next' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (1)</a>
                              </b:if>
                            </b:with>
                          </b:with>
                        </b:with>
                      </b:if>
                    </b:with>
                  </b:if>
                </b:with>
              </b:if>
            </b:with>
            <b:if cond='data:di != 0'>
              <b:with value='data:m.data[data:di - 1]' var='_d'>
                <b:if cond='data:_d.post-count != 1'>
                  <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                  <b:else/>
                  <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                </b:if>
              </b:with>
              <b:else/>
              <b:if cond='data:mi != 0'>
                <b:with value='data:y.data[data:mi - 1]' var='_m'>
                  <b:with value='data:_m.data count ( _d =&gt; _d.url != &quot;&quot; )' var='dlast'>
                    <b:with value='data:_m.data[data:dlast - 1]' var='_d'>
                      <b:if cond='data:_d.post-count != 1'>
                        <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (<data:_d.post-count/>)</a>
                        <b:else/>
                        <a class='Pager-prev' expr:href='data:_d.url'><data:y.name/>年<data:_d.name/> (1)</a>
                      </b:if>
                    </b:with>
                  </b:with>
                </b:with>
                <b:else/>
                <b:if cond='data:yi != 0'>
                  <b:with value='data:data[data:yi - 1]' var='_y'>
                    <b:with value='data:_y.data count ( _m =&gt; _m.name != &quot;&quot; )' var='mlast'>
                      <b:with value='data:_y.data[data:mlast - 1]' var='_m'>
                        <b:with value='data:_m.data count ( _d =&gt; _d.url != &quot;&quot; )' var='dlast'>
                          <b:with value='data:_m.data[data:dlast - 1]' var='_d'>
                            <b:if cond='data:_d.post-count != 1'>
                              <a class='Pager-prev' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (<data:_d.post-count/>)</a>
                              <b:else/>
                              <a class='Pager-prev' expr:href='data:_d.url'><data:_y.name/>年 <data:_d.name/> (1)</a>
                            </b:if>
                          </b:with>
                        </b:with>
                      </b:with>
                    </b:with>
                  </b:with>
                </b:if>
              </b:if>
            </b:if>
          </b:if>
        </b:loop>
      </b:loop>
    </b:loop>
  </b:includable>
    <b:includable id='navi_month'>
    <b:loop index='yi' values='data:data' var='y'>
      <b:loop index='mi' values='data:y.data' var='m'>
        <b:if cond='data:m.url == data:blog.url'>
          <b:with value='data:y.data count ( _m =&gt; _m.url != &quot;&quot; )' var='mlast'>
            <b:if cond='data:mlast - 1 != data:mi'>
              <b:with value='data:y.data[data:mi + 1]' var='_m'>
                <b:if cond='data:_m.post-count != 1'>
                  <a class='Pager-next' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                  <b:else/>
                  <a class='Pager-next' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (1)</a>
                </b:if>
              </b:with>
              <b:else/>
              <b:with value='data:data count ( _y =&gt; _y.name != &quot;&quot; )' var='ylast'>
                <b:if cond='data:ylast - 1 != data:yi'>
                  <b:loop index='_yi' values='data:data' var='_y'>
                    <b:if cond='data:yi + 1 == data:_yi'>
                      <b:with value='data:_y.data[0]' var='_m'>
                        <b:if cond='data:_m.post-count != 1'>
                          <a class='Pager-next' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                          <b:else/>
                          <a class='Pager-next' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (1)</a>
                        </b:if>
                      </b:with>
                    </b:if>
                  </b:loop>
                </b:if>
              </b:with>
            </b:if>
          </b:with>
          <b:if cond='data:mi == 0'>
            <b:if cond='data:yi != 0'>
              <b:loop index='_yi' values='data:data' var='_y'>
                <b:if cond='(data:yi - 1) == data:_yi'>
                  <b:with value='data:_y.data count ( _m =&gt; _m.url != &quot;&quot; )' var='mlast'>
                    <b:with value='data:_y.data[data:mlast - 1]' var='_m'>
                      <b:if cond='data:_m.post-count != 1'>
                        <a class='Pager-prev' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                        <b:else/>
                        <a class='Pager-prev' expr:href='data:_m.url'><data:_y.name/>年 <data:_m.name/> (1)</a>
                      </b:if>
                    </b:with>
                  </b:with>
                </b:if>
              </b:loop>
            </b:if>
            <b:else/>
            <b:with value='data:y.data[data:mi - 1]' var='_m'>
              <b:if cond='data:_m.post-count != 1'>
                <a class='Pager-prev' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (<data:_m.post-count/>)</a>
                <b:else/>
                <a class='Pager-prev' expr:href='data:_m.url'><data:y.name/>年 <data:_m.name/> (1)</a>
              </b:if>
            </b:with>
          </b:if>
        </b:if>
      </b:loop>
    </b:loop>
  </b:includable>
    <b:includable id='navi_year'>
    <b:loop index='yi' values='data:data' var='y'>
      <b:if cond='data:y.url == data:blog.url'>
        <b:with value='data:data count ( _y =&gt; _y.url != &quot;&quot; )' var='ylast'>
          <b:if cond='data:ylast - 1 != data:yi'>
            <b:with value='data:data[data:yi + 1]' var='_y'>
              <a class='Pager-next' expr:href='data:_y.url'><data:_y.name/>年 (<data:_y.post-count/>)</a>
            </b:with>
          </b:if>
        </b:with>
        <b:if cond='data:yi != 0'>
          <b:with value='data:data[data:yi - 1]' var='_y'>
            <a class='Pager-prev' expr:href='data:_y.url'><data:_y.name/>年 (<data:_y.post-count/>)</a>
          </b:with>
        </b:if>
      </b:if>
    </b:loop>
  </b:includable>
    <b:includable id='posts' var='posts'/>
  </b:widget>
</b:section>
</div>
  <!-- サブコンテンツ -->
<aside id='sub-content'>
<div id='sub-item1'>
<b:section id='SUB1'>
  <b:widget id='PopularPosts1' locked='false' title='人気の投稿' type='PopularPosts' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>true</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
      <div class='title'><data:title/></div>
    <b:include name='snippetedPosts'/>
</b:includable>
    <b:includable id='blogThisShare'/>
    <b:includable id='bylineByName'/>
    <b:includable id='bylineRegion'/>
    <b:includable id='commentsLink'/>
    <b:includable id='commentsLinkIframe'/>
    <b:includable id='emailPostIcon'/>
    <b:includable id='facebookShare'/>
    <b:includable id='footerBylines'/>
    <b:includable id='googlePlusShare'/>
    <b:includable id='headerByline'/>
    <b:includable id='linkShare'/>
    <b:includable id='otherSharingButton'/>
    <b:includable id='platformShare'/>
    <b:includable id='postAuthor'/>
    <b:includable id='postCommentsLink'>
      <b:if cond='data:post.numberOfComments gt 0'>
        <span class='article-header-comments'><svg aria-label='コメント' class='svg svg-comment-dots' style='margin-right:3px'><use href='#svg-comment-dots'/></svg><data:post.numberOfComments/> &#65372;</span>
      </b:if>
    </b:includable>
    <b:includable id='postJumpLink'/>
    <b:includable id='postLabels'/>
    <b:includable id='postLocation'/>
    <b:includable id='postReactions'/>
    <b:includable id='postShareButtons'/>
    <b:includable id='postSnippet'/>
    <b:includable id='postTimestamp'>
    <time class='article-header-date' expr:datetime='data:post.date.iso8601'><svg aria-label='投稿日' class='svg svg-clock' style='vertical-align:-10%;margin-right:3px'><use href='#svg-clock'/></svg><data:post.date.year/>/<b:eval expr='data:post.date.month lt 10 ? &quot;0&quot; + data:post.date.month : data:post.date.month'/>/<b:eval expr='data:post.date.day lt 10 ? &quot;0&quot; + data:post.date.day : data:post.date.day'/></time>
    </b:includable>
    <b:includable id='sharingButton'/>
    <b:includable id='sharingButtonContent'/>
    <b:includable id='sharingButtons'/>
    <b:includable id='sharingButtonsMenu'/>
    <b:includable id='sharingPlatformIcon'/>
    <b:includable id='snippetedPostByline'/>
    <b:includable id='snippetedPostContent'>
  <div class='post-content'>
          <b:include name='snippetedPostThumbnail'/>
    <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
    <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
    <p class='article-header'>
        <b:include data='post' name='postCommentsLink'/>
    <b:include data='post' name='postTimestamp'/>
    </p>
    <p class='article-category'>
        <b:include data='post' name='postLabels'/>
    </p>
  </div>
</b:includable>
    <b:includable id='snippetedPostThumbnail'>
  <b:if cond='data:post.featuredImage'>
    <div class='pop-img'/>
<script>
(function(){const idx=<data:i/>;let img=&quot;<b:eval expr='resizeImage(data:post.featuredImage,320,&quot;16:9&quot;)'/>&quot;;let webp;if(img.match(/-k-no-nu/)){webp=img.replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#39;);}if(img.match(/lh3-testonly/)){webp=img.replace(&#39;lh3-testonly&#39;,&#39;lh3&#39;);}let ec=document.getElementsByClassName(&#39;pop-img&#39;)[idx];let html=&#39;&#39;;html+=&#39;&lt;img alt=&quot;<data:post.title.escaped/>&quot; height=&quot;180&quot; data-src=&quot;&#39;+webp+&#39;&quot; width=&quot;320&quot; src=&quot;https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png&quot;/&gt;&#39;;ec.innerHTML=html;}());
</script>
      <b:else/>
      <div class='pop-img'>
        <img data-src='https://1.bp.blogspot.com/-4C9tiSPXKDE/X75OMYszMTI/AAAAAAAAT8o/2W5jbkLzAmUJfv_oY6b14N0RlN7F6K53gCLcBGAsYHQ/s320-rw-e365/noimage.png' expr:alt='data:post.title.escaped' height='180' src='https://1.bp.blogspot.com/-Biln9ePTMsU/YntKTin9ayI/AAAAAAAAXqM/9ASlgARvII8tNnzETnW0chMG13X_eDtuQCNcBGAsYHQ/w320-h180-c-rw/blank.png' width='320'/>
      </div>
</b:if>
</b:includable>
    <b:includable id='snippetedPostTitle'>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h2 class='pop-title'><data:post.title/></h2>
  </b:if>
</b:includable>
    <b:includable id='snippetedPosts'>
    <!-- Don't render the post that we're currently already looking at. -->
    <ul>
    <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
      <li class='ranked-li'>
      <article class='article'>
        <a expr:href='data:post.url'><span class='post-rank'><b:eval expr='data:i + 1'/></span></a>
        <b:include name='snippetedPostContent'/><a expr:aria-label='data:post.title' expr:href='data:post.url'/>
        </article>
      </li>
    </b:loop>
    </ul>
</b:includable>
  </b:widget>
</b:section>
</div>
<div id='sub-item2'>
<b:section id='SUB2'>
  <b:widget id='Label1' locked='false' title='カテゴリ' type='Label' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<div class='title'><data:title/></div>
<b:include cond='data:display == &quot;list&quot;' name='list'/>
<b:include cond='data:display == &quot;cloud&quot;' name='cloud'/>
</b:includable>
    <b:includable id='cloud'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
      <a class='category-label' expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='list'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
      <a class='hashtag-label' expr:href='data:label.url'><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Label2' locked='false' title='#ハッシュタグ' type='Label' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
<div class='title'><data:title/></div>
<b:include cond='data:display == &quot;list&quot;' name='list'/>
<b:include cond='data:display == &quot;cloud&quot;' name='cloud'/>
</b:includable>
    <b:includable id='cloud'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
      <a class='category-label' expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='list'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
      <a class='hashtag-label' expr:href='data:label.url'><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='BlogArchive1' locked='false' title='月別アーカイブ' type='BlogArchive' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
      <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
      <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
      <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
      <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
      <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
      <b:widget-setting name='chronological'>false</b:widget-setting>
      <b:widget-setting name='showPosts'>true</b:widget-setting>
      <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <div class='title'><data:title/></div>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='menu2'/>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='flat'/>
    <b:includable id='hierarchy'/>
    <b:includable id='interval' var='intervalData'/>
    <b:includable id='menu' var='data'/>
    <b:includable id='menu2' var='intervalData'>
<details class='archive-list'>
<summary>月を選択<svg aria-label='開閉' class='svg-icon-24'><use href='/responsive/sprite_v1_6.css.svg#ic_expand_more_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'/></svg></summary>
<ul>
<b:if cond='data:intervalData.length gt 0'>
  <b:loop values='0 to data:intervalData.length - 1' var='i'>
    <b:loop values='0 to data:intervalData[i].data.length - 1' var='j'>
      <li><a expr:href='data:intervalData[i].data[j].url'><b:eval expr='data:intervalData[i].name + &quot;年 &quot; + data:intervalData[i].data[j].name'/> (<b:eval expr='data:intervalData[i].data[j].post-count'/>)</a></li>
    </b:loop>
  </b:loop>
</b:if>
</ul>
</details>
</b:includable>
    <b:includable id='posts' var='posts'/>
    <b:includable id='toggle' var='interval'/>
  </b:widget>
  <b:widget id='LinkList2' locked='false' title='リンクリスト' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>リンク 2</b:widget-setting>
      <b:widget-setting name='link-1'>#</b:widget-setting>
      <b:widget-setting name='text-0'>リンク 1</b:widget-setting>
      <b:widget-setting name='link-0'>#</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='title'><data:title/></div>
   <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
     <ul>
       <b:loop values='data:links' var='link'>
         <b:if cond='data:blog.url == data:link.target'>
           <li><span class='current-page'><data:link.name/></span></li>
         <b:else/>
           <li><a expr:href='data:link.target'><data:link.name/></a></li>
         </b:if>
       </b:loop>
     </ul>
</b:includable>
  </b:widget>
</b:section>
</div>
<div id='sub-item3'>
<b:section id='SUB3'>
  <b:widget id='Profile1' locked='false' title='プロフィール' type='Profile' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='showaboutme'>true</b:widget-setting>
      <b:widget-setting name='showlocation'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
  <div class='title'><data:title/></div>
  <b:include name='content'/>
</b:includable>
    <b:includable id='authorProfileImage'>
  <img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='resizeImage(data:authorPhoto.image, 120)' expr:width='data:authorPhoto.width'/>
</b:includable>
    <b:includable id='content'>
  <b:if cond='data:team'>
    <div class='widget-content team'>
      <b:include name='teamProfile'/>
    </div>
  <b:else/>
    <div class='widget-content individual'>
      <b:include name='userProfile'/>
    </div>
  </b:if>
</b:includable>
    <b:includable id='defaultProfileImage'>
  <div class='default-avatar'>
    <b:include data='{ iconClass: &quot;avatar-icon&quot; }' name='defaultAvatarIcon'/>
  </div>
</b:includable>
    <b:includable id='profileImage'>
  <b:if cond='data:authorPhoto.image'>
    <b:include name='authorProfileImage'/>
  <b:else/>
    <b:include name='defaultProfileImage'/>
  </b:if>
</b:includable>
    <b:includable id='teamProfile'>
  <ul>
    <b:loop values='data:authors' var='author'>
      <li>
        <div class='team-member'>
          <b:include data='author' name='teamProfileLink'/>
        </div>
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='teamProfileLink'>
      <div class='profile-link'>
  <a expr:href='data:userUrl' rel='noopener' target='_blank'>
    <b:include name='profileImage'/>
    <span class='profile-name'><data:display-name/></span>
  </a><b:include name='viewProfileLink'/>
      </div>
</b:includable>
    <b:includable id='userLocation'>
  <dd class='profile-data location'><svg class='svg' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'>
  <path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/>
</svg><data:location/></dd>
</b:includable>
    <b:includable id='userProfile'>
  <b:include name='userProfileImage'/>
  <b:include name='userProfileInfo'/>
</b:includable>
    <b:includable id='userProfileData'>
  <dt class='profile-data'>
    <a class='profile-link g-profile' expr:href='data:userUrl' rel='author noopener' target='blank'>
      <data:displayname/>
    </a>
  </dt>
</b:includable>
    <b:includable id='userProfileImage'>
  <a expr:href='data:userUrl' rel='noopener' target='_blank'>
    <b:include name='profileImage'/>
  </a>
</b:includable>
    <b:includable id='userProfileInfo'>
  <div class='profile-info'>
    <dl class='profile-datablock'>
      <b:class cond='data:showlocation and data:location != &quot;&quot;' name='has-location'/> 
      <b:include name='userProfileData'/>
      <b:include cond='data:showlocation and data:location != &quot;&quot;' name='userLocation'/>
      <b:include cond='data:aboutme != &quot;&quot;' name='userProfileText'/>
    </dl>
    <b:include name='viewProfileLink'/>
  </div>
</b:includable>
    <b:includable id='userProfileText'>
  <dd class='profile-textblock'>
    <data:aboutme/>
  </dd>
</b:includable>
    <b:includable id='viewProfileLink'>
  <a class='profile-link' expr:href='data:userUrl' rel='author noopener' target='_blank'>
    <data:messages.visitProfile/>
  </a>
</b:includable>
  </b:widget>
</b:section>
</div>
</aside>
</main>
  <!-- フッター -->
<footer id='footer-attribution'>
<span>&#169; <span id='presentyear'/> <script>document.getElementById(&quot;presentyear&quot;).innerHTML=new Date().getFullYear()</script><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a></span>
<span>Designed by <a href='https://f-light-theme.blogspot.com/' rel='noopener' target='_blank'>F-light</a></span>
<span><b:include name='flatBloggerIcon'/><a expr:href='data:blog.bloggerUrl' rel='noopener'><b:message name='messages.poweredByBlogger'/></a></span>
</footer>
<b:defaultmarkups>
   <b:defaultmarkup type='Label'>
    <b:includable id='main'>
<div class='title'><data:title/></div>
<b:include cond='data:display == &quot;list&quot;' name='list'/>
<b:include cond='data:display == &quot;cloud&quot;' name='cloud'/>
</b:includable>
    <b:includable id='cloud'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name not contains &quot;#&quot;)' var='label'>
      <a class='category-label' expr:href='data:label.url'><svg aria-label='カテゴリ' class='svg' style='margin-right:3px;font-size:1.1rem'><use href='#svg-folder'/></svg><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
    <b:includable id='content'/>
    <b:includable id='list'>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:loop values='data:labels where(l =&gt; l.name contains &quot;#&quot;)' var='label'>
      <a class='hashtag-label' expr:href='data:label.url'><data:label.name/><span class='label-count'><b:if cond='data:showFreqNumbers'>(<data:label.count/>)</b:if></span></a>
    </b:loop>
  </div>
</b:includable>
   </b:defaultmarkup>
</b:defaultmarkups>
<b:if cond='data:view.isSingleItem'>
  <!-- Auto TOC Generator via: https://itblogger-note.blogspot.com/2021/12/fast-and-simple-auto-toc.html -->
<script>/*<![CDATA[*/
  !function(e,t){const n=t.querySelector(".post-body");if(!n)return;const s=t.createElement("details"),l=t.createElement("summary"),r=t.createElement("ul");s.id="toc",s.open=!1,l.className="toc-title",l.title="目次を開く/閉じる",l.innerHTML='<svg aria-label="リスト" class="svg-icon-24 list"><use href="/responsive/sprite_v1_6.css.svg#ic_menu_black_24dp" xmlns:xlink="http://www.w3.org/1999/xlink"/></svg>目次<svg aria-label="開閉" class="svg-icon-24 angle"><use href="/responsive/sprite_v1_6.css.svg#ic_expand_more_black_24dp" xmlns:xlink="http://www.w3.org/1999/xlink"/></svg>',r.className="toc-container",s.appendChild(l),s.appendChild(r);const a=n.querySelectorAll("h2, h3, h4");if(a.length<3)return;a[0].parentNode.insertBefore(s,a[0]);const c=[],i=[{level:1,element:r}];a.forEach(e=>{const t=parseInt(e.tagName.substring(1));c.push(t)}),a.forEach((e,n)=>{const s=parseInt(e.tagName.substring(1)),l=c[n+1],r=t.createElement("li"),a=t.createElement("a"),o=n+1,h=t.createElement("ul");let p;a.innerHTML=e.innerHTML,a.href=`#${o}`,r.appendChild(a),s<l&&r.appendChild(h),e.id=o;do{p=i.pop()}while(p.level>=s);p.element.appendChild(r),i.push(p),i.push({level:s,element:h})})}(window,document);
/*]]>*/</script>
  <!-- スムーススクロール -->
<script>/*<![CDATA[*/
  window.addEventListener("DOMContentLoaded",function(){$('a[href^="#"]').click(function(){const t=$(this).attr("href"),n=$("#"==t||""==t?"html":t).offset().top-50;$("html, body").animate({scrollTop:n},1e3,"swing")})});
/*]]>*/</script>
<div id='scroll-button'>
  <span id='pagetop' title='ページトップ'><svg aria-label='上昇'><use href='#svg-angles-down'/></svg></span>
  <span id='pagebottom' title='ページ下部'><svg aria-label='下降'><use href='#svg-angles-down'/></svg></span>
</div>
</b:if>
  <!-- ジャンプボタン -->
<script>/*<![CDATA[*/
  window.addEventListener("DOMContentLoaded",function(){let a=$("#pagetop"),b=$("#pagebottom"),c=$("#m-pagetop"),d=$("#m-pagebottom");$(window).scroll(function(){$(this).scrollTop()>800?a.fadeIn():a.fadeOut(),$(this).scrollTop()>0&&$(this).scrollTop()<$(document).height()-1200?b.fadeIn():b.fadeOut()}),a.click(function(){$("body, html").animate({scrollTop:0},1e3)}),b.click(function(){$("body, html").animate({scrollTop:$(document).height()},1e3)}),c.click(function(){$("body, html").animate({scrollTop:0},1e3)}),d.click(function(){$("body, html").animate({scrollTop:$(document).height()},1e3)})})
/*]]>*/</script>
<b:if cond='data:view.isMultipleItems and !data:view.search.query and !data:view.isArchive'>
  <!-- 番号ページャー: https://mrbloggertricks.blogspot.com/2015/09/how-to-add-next-previous-numbered.html -->
<script>/*<![CDATA[*/
  let nopage,jenis,nomerhal,lblname1,postperpage=10,numshowpage=3,upPageWord="<",downPageWord=">",home_page="/",urlactivepage=location.href;function loophalaman(a){let e="";nomerkiri=parseInt(numshowpage/2),nomerkiri==numshowpage-nomerkiri&&(numshowpage=2*nomerkiri+1),mulai=nomerhal-nomerkiri,mulai<1&&(mulai=1),maksimal=parseInt(a/postperpage)+1,maksimal-1==a/postperpage&&(maksimal-=1),akhir=mulai+numshowpage-1,akhir>maksimal&&(akhir=maksimal),e+="";const s=parseInt(nomerhal)-1;nomerhal>1&&(e+=2==nomerhal?"page"==jenis?'<span class="showpage"><a href="'+home_page+'"aria-label="home">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="/search/label/'+lblname1+'">'+upPageWord+"</a></span>":"page"==jenis?'<span class="showpageNum"><a href="#" aria-label="next" onclick="redirectpage('+s+');return false">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="#" aria-label="next" onclick="redirectlabel('+s+');return false">'+upPageWord+"</a></span>"),mulai>1&&(e+="page"==jenis?'<span class="showpageNum"><a href="'+home_page+'"aria-label="home">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+'">1</a></span>'),mulai>2&&(e+="…");for(let a=mulai;a<=akhir;a++)e+=nomerhal==a?'<span class="showpagePoint">'+a+"</span>":1==a?"page"==jenis?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+'">1</a></span>':"page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+a+');return false">'+a+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+a+');return false">'+a+"</a></span>";akhir<maksimal-1&&(e+="…"),akhir<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+"</a></span>");const n=parseInt(nomerhal)+1;nomerhal<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="#" aria-label="prev"  onclick="redirectpage('+n+');return false">'+downPageWord+"</a></span>":'<span class="showpageNum"><a href="#" aria-label="prev"  onclick="redirectlabel('+n+');return false">'+downPageWord+"</a></span>");for( t=document.getElementsByName("pageArea"),r=document.getElementById("blog-pager"),l=0;l<t.length;l++)t[l].innerHTML=e;t&&t.length>0&&(e=""),r&&(r.innerHTML=e)}function hitungtotaldata(a){const e=a.feed;loophalaman(parseInt(e.openSearch$totalResults.$t,10))}function halamanblogger(){let a,e=urlactivepage;-1!=e.indexOf("/search/label/")&&(lblname1=-1!=e.indexOf("?")?e.substring(e.indexOf("/search/label/")+14,e.indexOf("?")):e.substring(e.indexOf("/search/label/")+14,e.length)),-1==e.indexOf("?q=")&&-1==e.indexOf(".html")&&(-1==e.indexOf("/search/label/")?(jenis="page",nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,(a=document.createElement("script")).setAttribute("src",home_page+"feeds/posts/summary/?max-results=1&alt=json-in-script&callback=hitungtotaldata"),document.body.appendChild(a)):(jenis="label",nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,(a=document.createElement("script")).setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?alt=json-in-script&callback=hitungtotaldata&max-results=1"),document.body.appendChild(a)))}function redirectpage(a){jsonstart=(a-1)*postperpage,nopage=a;const e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function redirectlabel(a){jsonstart=(a-1)*postperpage,nopage=a;const e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function finddatepost(a){post=a.feed.entry[0];const e=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),s=encodeURI(e).replace("+","%2B");if("page"==jenis)n="/search?updated-max="+s+"#PageNo="+nopage;else n="/search/label/"+lblname1+"?updated-max="+s+"#PageNo="+nopage;location.href=n}halamanblogger();
/*]]>*/</script>
</b:if>
  <!-- defer.js -->
<script id='defer-js' src='//cdn.jsdelivr.net/npm/@shinsenter/defer.js@3/dist/defer.min.js'/>
<script>/*<![CDATA[*/
  Defer.dom("img");
/*]]>*/<b:if cond='data:view.isSingleItem'>/*<![CDATA[*/
  Defer.dom("iframe"),Defer.dom("audio"),Defer.dom("video");const twitterEmbed=document.getElementsByClassName("twitter-tweet"),instaEmbed=document.getElementsByClassName("instagram-media");try{0!==twitterEmbed.length&&Defer.js("//platform.twitter.com/widgets.js","widgets-js",2500),0!==instaEmbed.length&&Defer.js("//www.instagram.com/embed.js","embed-js",2500)}catch(a){console.log(a)}
/*]]>*/</b:if></script>
  <!-- jQuery -->
<script defer='defer' src='//cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js'/>
  <!-- Mobile Parameter Remove script taken from JetTheme -->
<script>/*<![CDATA[*/
  function rmurl(t){const r=new RegExp(/\?m=0|\?m=1|\&m=0|\&m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());
/*]]>*/</script>
<b:if cond='data:view.isSingleItem'>
  <!-- Anonymous Avatar -->
<script>/*<![CDATA[*/
  window.addEventListener("DOMContentLoaded",function(){$('img[data-src="//resources.blogblog.com/img/blank.gif"]').attr("data-src","//1.bp.blogspot.com/-2vBtU10Te7c/YjSMMILIigI/AAAAAAAAXTU/5po01iBCejgqrm_qfV8YohE4xYzF6rDFwCNcBGAsYHQ/s100-rw-e365/avatar.png").attr("alt","No Image"),$('img[data-src="//www.blogger.com/img/blogger_logo_round_35.png"]').attr("data-src","//1.bp.blogspot.com/-ZqDjLqpo4UM/YinxwNkfW2I/AAAAAAAAXQ8/r2pLV1AzqTAuWdAhclEUIyg_k-JOrb-LgCNcBGAsYHQ/s100-rw-cc-e365/no-image-avatar.png").attr("alt","No Image")})
/*]]>*/</script>
<link expr:href='&quot;https://www.blogger.com/dyn-css/authorization.css?targetBlogID=&quot; + data:blog.blogId' media='print' onload='if(media!=&apos;all&apos;)media=&apos;all&apos;' rel='stylesheet'/>
</b:if>
  <!-- details summary 開閉アニメーション: https://css-tricks.com/how-to-animate-the-details-element/ -->
<script>/*<![CDATA[*/
  class Accordion{constructor(a){this.el=a,this.summary=a.querySelector("summary"),this.content=a.querySelector("details ul"),this.animation=null,this.isClosing=!1,this.isExpanding=!1,this.summary.addEventListener("click",a=>this.onClick(a))}onClick(a){a.preventDefault(),this.el.style.overflow="hidden",this.isClosing||!this.el.open?this.open():(this.isExpanding||this.el.open)&&this.shrink()}shrink(){this.isClosing=!0;let a=`${this.el.offsetHeight}px`,b=`${this.summary.offsetHeight}px`;this.animation&&this.animation.cancel(),this.animation=this.el.animate({height:[a,b]},{duration:300,easing:"ease-out"}),this.animation.onfinish=()=>this.onAnimationFinish(!1),this.animation.oncancel=()=>this.isClosing=!1}open(){this.el.style.height=`${this.el.offsetHeight}px`,this.el.open=!0,window.requestAnimationFrame(()=>this.expand())}expand(){this.isExpanding=!0;let a=`${this.el.offsetHeight}px`,b=`${this.summary.offsetHeight+this.content.offsetHeight}px`;this.animation&&this.animation.cancel(),this.animation=this.el.animate({height:[a,b]},{duration:400,easing:"ease-out"}),this.animation.onfinish=()=>this.onAnimationFinish(!0),this.animation.oncancel=()=>this.isExpanding=!1}onAnimationFinish(a){this.el.open=a,this.animation=null,this.isClosing=!1,this.isExpanding=!1,this.el.style.height=this.el.style.overflow=""}}document.querySelectorAll("details").forEach(a=>{new Accordion(a)})
/*]]>*/</script>
<noscript>
  <div id='noscript-msg'>
    <p>当サイトを快適にご覧頂くために<br/>JavaScript を有効にしてください</p>
  </div>
</noscript>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>