Comparer le texte

Trouver la différence entre deux fichiers texte

Diff en temps réel

Diff unifié

Réduire les lignes

Surligner les modifications

Coloration syntaxique

Outils

Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

F-light v1.27 → v1.28

Created 3 years agoDiff never expires

Lignes
Total
Supprimé

Mots
Total
Supprimé

Pour continuer à utiliser cette fonctionnalité, passez à Diffchecker Pro Voir les prix

1153 lignes

Lignes
Total
Ajouté

Mots
Total
Ajouté

Pour continuer à utiliser cette fonctionnalité, passez à Diffchecker Pro Voir les prix

1168 lignes

<?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>

<data:blog.feedLinks/>

<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.27

Version : 1.28

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

--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="light"] {

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

}

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

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

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

}

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;

}

#MAIN .widget {

margin-bottom: 3em;

}

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

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: no-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;

min-height: 2em;

margin-top: -1px;

}

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

max-width: 640px;

}

#nav-content li {

line-height: 1.5;

list-style: none;

transition: .3s;

}

#nav-content li a {

display: block;

font-size: 1.4rem;

padding: .5em 10px;

color: #fff;

}

#nav-content li a:hover {

background: #eef;

color: #333!important;

}

@media (max-width: 1024px ) {

nav {

height: 2em;

}

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

max-width: 100%;

}

#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-light);

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

}

/*==== ページリスト ====*/

#PageList2 li {

list-style-type: none;

line-height: 1.5;

padding-bottom: 5px;

}

#PageList2 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;

}

#PageList2 a::after {

content: "\00BB";

margin-left: 2px;

}

#PageList2 a:hover {

background: var(--brand-light);

color: #fff!important;

}

#PageList2 li a::before {

content: "\25cf";

padding-right: 2px;

color: var(--brand-light);

}

#PageList2 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: 2px;

}

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

.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 .widget:not(#HTML0) {

margin: 0 .5em 2em;

}

#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: -15%;

}

/*==== 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;

line-height: 1.5;

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: 4.4em;

left: 41%;

width: 52%;

}

.pop-title::before {

content: "\25CF";

padding-right: 2px;

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;

}

/*==== 注目の投稿 ====*/

.article {

height: 174px;

position: relative;

transition: .3s;

border-radius: 5px;

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

}

.article-category {

position: absolute;

top: 0;

left: 0;

z-index: 1;

max-width: 40%;

max-height: 150px;

overflow: hidden;

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:hover .article-category {

opacity: 1;

}

#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%;

Différences enregistrées

Texte d'origine

Ouvrir un fichier

<?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'/>
  
  <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'/>
  
<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'/>
  
<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'/>
  
<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.27
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(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;
  --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="light"] {
  --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;
}

/*==== 共通 ====*/
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;
}
#MAIN .widget {
  margin-bottom: 3em;
}

/*==== ヘッダー ====*/
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: no-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;
  min-height: 2em;
  margin-top: -1px;
}
#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;
  max-width: 640px;
}
#nav-content li {
  line-height: 1.5;
  list-style: none;
  transition: .3s;
}
#nav-content li a {
  display: block;
  font-size: 1.4rem;
  padding: .5em 10px;
  color: #fff;
}
#nav-content li a:hover {
  background: #eef;
  color: #333!important;
}
@media (max-width: 1024px ) {
  nav {
    height: 2em;
  }
  #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;
    max-width: 100%;
  }
  #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-light);
  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);
}

/*==== ページリスト ====*/
#PageList2 li {
  list-style-type: none;
  line-height: 1.5;
  padding-bottom: 5px;
}
#PageList2 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;
}
#PageList2 a::after {
  content: "\00BB";
  margin-left: 2px;
}
#PageList2 a:hover {
  background: var(--brand-light);
  color: #fff!important;
}
#PageList2 li a::before {
  content: "\25cf";
  padding-right: 2px;
  color: var(--brand-light);
}
#PageList2 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: 2px;
}

/*==== ラベルウィジェット ====*/
.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 .widget:not(#HTML0) {
  margin: 0 .5em 2em;
}
#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: -15%;
}

/*==== 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: 4.4em;
  left: 41%;
  width: 52%;
}
.pop-title::before {
  content: "\25CF";
  padding-right: 2px;
  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;
}

/*==== 注目の投稿 ====*/
.article {
  height: 174px;
  position: relative;
  transition: .3s;
  border-radius: 5px;
  box-shadow: 1px 1px 2px var(--shadow);
}
.article-category {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  max-width: 40%;
  max-height: 150px;
  overflow: hidden;
  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:hover .article-category {
  opacity: 1;
}
#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";
  padding-right: 2px;
  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 ) {
  .article {
    height: 130px;
  }
  .feat-title {
    font-size: 1.6rem;
    height: 5.8em;
    left: 47%;
    width: 52%;
  }
  .feat-snippet {
    display: none;
  }
  .feat-img img {
    width: 45%;
  }
  #FeaturedPost1 .article-category  {
    display: none;
  }
  .article:hover #feat-name {
    display: initial;
  }
}
/*]]>*/<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%;
    padding: 0 .5em;
  }
  #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%;
  max-height: 160px;
  overflow: hidden;
  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";
  padding-right: 2px;
  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-snippet {
    display: none;
  }
  .article-img img,
  .widget-article-img img {
    width: 45%;
  }
  .article-category {
    opacity: 1;
    max-width: 45%;
    max-height: 120px;
  }
  .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;
}
/*]]>*/<b:else/>/*<![CDATA[*/
/*==== 1 カラム レイアウト ====*/
#main-content {
  position: relative;
  margin: 3em auto 0;
  padding: 1em;
  max-width: 900px;
}
#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;
  }
}

/*==== 個別ページ ====*/
.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;
}

/*==== リスト装飾 ====*/
.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: 2px;
  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.2em;
  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;
  text-align: center;
  margin-left: -10px;
  background: var(--brand-light);
  min-width: 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 a,
.separator img {
  display: inline-block;
}
.separator img,
.tr-caption-container {
  box-shadow: 5px 5px 8px var(--shadow);
}
.separator img {
  margin: 1em 0;
}
.tr-caption-container {
  border-spacing: 0;
  margin: 1em auto;
}
.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";
  padding-right: 2px;
  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,  var(--brand), 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;
}
.twitter-timeline {
  margin: 0 auto;
}
.instagram-media,
.instagram-media-registered {
  margin: auto!important;
  width: 540px!important;
  max-width: 100%!important;
}
audio {
  width: 500px;
  max-width: 100%;
  outline: none;
}
iframe,
video {
  display: block;
  margin: 0 auto;
}

/*==== クイック編集 ====*/
.item-control a:not(.comment-delete) {
  color: #fff;
  padding: 4px 14px;
  line-height: 1;
  position: fixed;
  right: 5px;
  top: 3px;
  z-index: 10;
  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: 4em 0;
}
.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: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";
  color: var(--brand-light);
  padding-right: 2px;
  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%;
  }
}
/*]]>*/</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,
#no-older-link,
.Pager-next {
  float: right;
  border-radius: 3px 0 0 3px;
  clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%);
}
#blog-pager-newer-link a,
#no-newer-link,
.Pager-prev {
  float: left;
  border-radius: 0 3px 3px 0;
  clip-path: polygon(0 50%, 13px 0, 100% 0, 100% 100%, 13px 100%);
  -webkit-clip-path: polygon(0 50%, 13px 0, 100% 0, 100% 100%, 13px 100%);
}
#blog-pager-newer-link a,
#blog-pager-older-link a,
#no-newer-link,
#no-older-link,
.Pager-prev,
.Pager-next {
  display: grid;
  align-items: center;
  text-align: center;
  padding: 5px 1em;
  height: 3.2em;
  background: var(--brand);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.4;
  transition: .3s;
  width: 100%;
  max-width: 49%;
}
#no-newer-link,
#no-older-link {
  color: var(--color);
  background: var(--dark-bg);
}
#blog-pager-newer-link a:hover,
#blog-pager-older-link a:hover,
.Pager-prev:hover,
.Pager-next:hover {
  background: var(--brand-light);
}
/*]]>*/</b:if><b:if cond='data:view.isPost'>/*<![CDATA[*/
@media (max-width: 768px) {
  #blog-pager-newer-link a,
  #blog-pager-older-link a,
  #no-newer-link,
  #no-older-link {
    max-width: 100%;
    margin: 5px 0;
  }
  #blog-pager-newer-link a,
  #no-newer-link {
    text-align: left;
  }
  #blog-pager-older-link a,
  #no-older-link {
    text-align: right;
  }
}
/*]]>*/</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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" height="17" width="17" style="margin-top:2px"><path d="M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z" 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,
#FOOTER .widget:not(#HTML0),
#MAIN .widget:not(#Blog1) {
  display: none;
}
#notfound {
  font-size: 2rem;
  text-align: center;
  margin: 5em 0;
}
.home {
  display: block;
  text-align: center;
  margin-bottom: 2em;
  font-size: 2rem;
  font-weight: bold;
  color: var(--link)!important;
}
/*]]>*/</b:if>/*<![CDATA[*/
/*==== ユーザー カスタム CSS ====*/

/*]]>*/</style>
<noscript>
<style>/*<![CDATA[*/
.Blog,
nav,
#sub-content,
#footer-attribution,
#FeaturedPost1,
#FOOTER .widget:not(#HTML0) {
  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 v1.27";
  display: block;
  padding: .5em;
  position: absolute;
  left: 45%;
  top: 2em;
}
]]></b:template-skin>
</b:if>
</head>
<body>
  
<svg style='display:none' xmlns='http://www.w3.org/2000/svg'>
<defs>
  
<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 448 512'><path d='M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z'/></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='M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z'/></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 448c141.4 0 256-93.1 256-208S397.4 32 256 32S0 125.1 0 240c0 45.1 17.7 86.8 47.7 120.9c-1.9 24.5-11.4 46.3-21.4 62.9c-5.5 9.2-11.1 16.6-15.2 21.6c-2.1 2.5-3.7 4.4-4.9 5.7c-.6 .6-1 1.1-1.3 1.4l-.3 .3 0 0 0 0 0 0 0 0c-4.6 4.6-5.9 11.4-3.4 17.4c2.5 6 8.3 9.9 14.8 9.9c28.7 0 57.6-8.9 81.6-19.3c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9zM224 160c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v48h48c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H288v48c0 8.8-7.2 16-16 16H240c-8.8 0-16-7.2-16-16V272H176c-8.8 0-16-7.2-16-16V224c0-8.8 7.2-16 16-16h48V160z'/></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='M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H336c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V448c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H176c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z'/></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>
</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>
  
<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='PageList1' locked='true' title='ナビメニュー' type='PageList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{"link0":{"href":"/","position":0,"title":"ホーム"}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
    <b:include name='pageList'/>
</b:includable>
    <b:includable id='overflowButton'/>
    <b:includable id='overflowablePageList'/>
    <b:includable id='pageLink'>
  <li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:includable>
    <b:includable id='pageList'>
  <ul>
    <b:loop values='data:links' var='link'>
      <b:include name='pageLink'/>
    </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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
    <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'>
        <data:post.snippets.short/>
      </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'>
    <b:loop index='i' values='data:posts' 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'>
      <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>
      <b:include name='nextprev'/>
    </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>埋め込みフォームが開きます
      </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 + &quot;/comment/frame/&quot; + data:blog.blogId + data:param + data:post.id'/>
      </b:with>
      <b:with value='data:view.isPost ? &quot;&amp;postID=&quot; : &quot;&amp;pageID=&quot;' var='param'>
  <a class='comment-page-link' expr:href='data:blog.bloggerUrl + &quot;/comment.g?blogID=&quot; + data:blog.blogId + data:param + 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>別ページに移動します<svg aria-label='外部リンク' xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/></svg></a>
      </b:with>
    </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 cond='data:post.comments' data='post.comments' name='commentList'/>
    <b:if cond='data:post.numberOfComments gt 1 and data:post.allowNewComments'>
      <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:elseif cond='data:post.numberOfComments gt 1 and !data:post.allowNewComments'/>
      <a class='comment-form-jump' href='#comments-list' 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='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><b:if cond='data:post.numberOfComments gt 1'> (新着順)</b:if></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.featuredImage, 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:else/>
        <span id='no-newer-link'><data:messages.newerPosts/>はありません</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:else/>
        <span id='no-older-link'><data:messages.olderPosts/>はありません</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'>
      <data:post.snippets.short/>
    </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='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'><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'/></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'>

      <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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
    <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'>
    <ul>
    <b:loop index='i' values='data:posts' 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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
<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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
<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;'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
    <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: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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
  <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:widget id='PageList2' locked='false' title='ページリスト' type='PageList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"ページ2"},"link0":{"href":"#","position":0,"title":"ページ1"}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
        <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
    <b:include name='pageList'/>
</b:includable>
    <b:includable id='overflowButton'/>
    <b:includable id='overflowablePageList'/>
    <b:includable id='pageLink'>  
      <b:if cond='data:link.isCurrentPage'>
        <li><span class='current-page'><data:link.title/></span></li>
      <b:else/>
        <li><a expr:href='data:link.href'><data:link.title/></a></li>
      </b:if>
</b:includable>
    <b:includable id='pageList'>
  <ul>
    <b:loop values='data:links' var='link'>
      <b:include name='pageLink'/>
    </b:loop>
  </ul>
</b:includable>
  </b:widget>
</b:section>
</div>
</aside>
</main>
  
<footer>
<b:section id='FOOTER'>
  <b:widget id='HTML0' locked='false' title='帰属表記' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
      <div 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>
     </div>
</b:includable>
  </b:widget>
</b:section>
</footer>
<b:defaultmarkups>
   <b:defaultmarkup type='Label'>
    <b:includable id='main'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
<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'>
  
<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.isPost'>
  
<script>/*<![CDATA[*/
function setPagerLinkTitleName(){setPageTitle("Blog1_blog-pager-older-link"),setPageTitle("Blog1_blog-pager-newer-link")}function setPageTitle(b){let a=document.getElementById(b);if(!a)return;let c=a.getAttribute("href"),d=c.split(location.hostname)[1];fetch("/feeds/posts/summary?alt=json&path="+d+"&max-results=1").then(a=>a.json()).then(b=>{b.feed.entry&&b.feed.entry.length>0&&(a.textContent=b.feed.entry[0].title.$t),a.setAttribute("title",b.feed.entry[0].title.$t)}).catch(a=>console.log(a))}document.addEventListener("DOMContentLoaded",setPagerLinkTitleName)
/*]]>*/</script>
</b:if>
<b:if cond='data:view.isMultipleItems and !data:view.search.query and !data:view.isArchive'>
  
<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>
  
<script id='defer-js' src='//cdn.jsdelivr.net/npm/@shinsenter/defer.js@3/dist/defer.min.js'/>
<script>/*<![CDATA[*/
Defer.dom("img"),Defer.dom("iframe"),Defer.dom("audio"),Defer.dom("video");const twitterEmbed=document.querySelectorAll(".twitter-tweet,.twitter-timeline"),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)}
/*]]>*/</script>
  
<script defer='defer' src='//cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js'/>
  
<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'>
  
<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>
</b:if>
  
<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>
</body>
</html>

Texte modifié

Ouvrir un fichier

<?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'/>
  
  <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'/>
  
<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'/>
  
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
  
<data:blog.feedLinks/>
  
<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.28
Designer: Fujiyan
Url		: https://f-light-theme.blogspot.com/
Lisense	: カスタマイズは自由ですが再配布・販売は禁止です
----------------------------------------------------------------*/

/*==== 共通 ====*/
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: "HiraginoSans-W2", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif;
}
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;
}
#MAIN .widget {
  margin-bottom: 3em;
}

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

/*==== 人気の投稿 ====*/
.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;
  line-height: 1.5;
  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: 4.4em;
  left: 41%;
  width: 52%;
}
.pop-title::before {
  content: "\25CF";
  padding-right: 2px;
  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;
}

/*==== 記事一覧 ====*/
.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;
  line-height: 1.5;
  bottom: 0;
  right: 5px;
  position: absolute;
  margin-top: 5px;
}
.article-category {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  max-width: 40%;
  max-height: 160px;
  overflow: hidden;
  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 {
  transition: .3s;
}
.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";
  padding-right: 2px;
  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-snippet {
    display: none;
  }
  .article-img img {
    width: 45%;
  }
  .article-category {
    opacity: 1;
    max-width: 45%;
    max-height: 120px;
  }
  .article-category-label a {
    font-size: 1.2rem;
  }
}
.article:hover .article-title::before {
  color: var(--sub-brand);
}
.article:hover .article-img {
  opacity: .7;
}
.article:hover .article-category {
  opacity: 1;
}
/*]]>*/<b:else/>/*<![CDATA[*/
/*==== 1 カラム レイアウト ====*/
#main-content {
  position: relative;
  margin: 3em auto 0;
  padding: 1em;
  max-width: 900px;
}
#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;
  }
}

/*==== コメント ====*/
#comments {
  margin: 4em 0;
}
.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: red;
}
.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: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: 400px;
}
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;
}

/*==== 関連記事 ====*/
.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";
  color: var(--brand-light);
  padding-right: 2px;
  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%;
  }
}
/*]]>*/</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,
#no-older-link,
.Pager-next {
  float: right;
  border-radius: 3px 0 0 3px;
  clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%);
}
#blog-pager-newer-link a,
#no-newer-link,
.Pager-prev {
  float: left;
  border-radius: 0 3px 3px 0;
  clip-path: polygon(0 50%, 13px 0, 100% 0, 100% 100%, 13px 100%);
  -webkit-clip-path: polygon(0 50%, 13px 0, 100% 0, 100% 100%, 13px 100%);
}
#blog-pager-newer-link a,
#blog-pager-older-link a,
#no-newer-link,
#no-older-link,
.Pager-prev,
.Pager-next {
  display: grid;
  align-items: center;
  text-align: center;
  padding: 5px 1em;
  height: 3.2em;
  background: var(--brand);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.4;
  transition: .3s;
  width: 100%;
  max-width: 49%;
}
#no-newer-link,
#no-older-link {
  color: var(--color);
  background: var(--dark-bg);
}
#blog-pager-newer-link a:hover,
#blog-pager-older-link a:hover,
.Pager-prev:hover,
.Pager-next:hover {
  background: var(--brand-light);
}
/*]]>*/</b:if><b:if cond='data:view.isPost'>/*<![CDATA[*/
@media (max-width: 768px) {
  #blog-pager-newer-link a,
  #blog-pager-older-link a,
  #no-newer-link,
  #no-older-link {
    max-width: 100%;
    margin: 5px 0;
  }
  #blog-pager-newer-link a,
  #no-newer-link {
    text-align: left;
  }
  #blog-pager-older-link a,
  #no-older-link {
    text-align: right;
  }
}
/*]]>*/</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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" height="17" width="17" style="margin-top:2px"><path d="M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z" 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,
#FOOTER .widget:not(#HTML0),
#MAIN .widget:not(#Blog1) {
  display: none;
}
#notfound {
  font-size: 2rem;
  text-align: center;
  margin: 5em 0;
}
#notfound a {
  color: var(--link);
  font-weight: bold;
}
#notfound a:hover,
.home:hover {
  color: var(--color)!important;
}
.home {
  text-align: center;
  margin-bottom: 2em;
  font-size: 2rem;
  font-weight: bold;
  color: var(--link)!important;
}
/*]]>*/</b:if>/*<![CDATA[*/
/*==== ユーザー カスタム CSS ====*/

/*]]>*/</style>
<noscript>
<style>/*<![CDATA[*/
.Blog,
nav,
#sub-content,
#footer-attribution,
#FeaturedPost1,
#FOOTER .widget:not(#HTML0) {
  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 v1.28";
  display: block;
  padding: .5em;
  position: absolute;
  left: 45%;
  top: 2em;
}
body#layout .visibility .layout-widget-state.visible {
  background-image: url(https://1.bp.blogspot.com/-aPoC3YxQo6g/YOOeDVSsJqI/AAAAAAAAAFM/oyvPLSJVIRQpAu-g0gZL89g5Caq4_4DeQCLcBGAsYHQ/s48/visibility_on.png);
  background-size: 24px;
}
body#layout .visibility .layout-widget-state.not-visible {
  background-image: url(https://1.bp.blogspot.com/-x_kkTMRQfHs/YOOeMUjTE8I/AAAAAAAAAFQ/RRj6YLBNuMEHwTB_81304fCxy8dl7h46gCLcBGAsYHQ/s48/visibility_off.png);
  background-size: 24px;
  opacity: 1;
}
body#layout .visibility .editlink.icon {
  background-size: 18px;
}
body#layout .visibility .editlink.icon {
  backgrond-size: 18px;
  border-radius: 20px;
  padding: 3px;
}
body#layout .visibility .editlink:hover {
  background-image: url(https://1.bp.blogspot.com/--z1wepFalfQ/YOObl8avCFI/AAAAAAAAAE8/Z-iC0j0LLpo7u2ZpHvW0hGaHhBOvVYYaQCLcBGAsYHQ/s48/edit.png);
  background-color: dodgerblue;
}
]]></b:template-skin>
</b:if>
</head>
<body>
  
<svg style='display:none' xmlns='http://www.w3.org/2000/svg'>
<defs>
  
<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 448 512'><path d='M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z'/></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='M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z'/></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 448c141.4 0 256-93.1 256-208S397.4 32 256 32S0 125.1 0 240c0 45.1 17.7 86.8 47.7 120.9c-1.9 24.5-11.4 46.3-21.4 62.9c-5.5 9.2-11.1 16.6-15.2 21.6c-2.1 2.5-3.7 4.4-4.9 5.7c-.6 .6-1 1.1-1.3 1.4l-.3 .3 0 0 0 0 0 0 0 0c-4.6 4.6-5.9 11.4-3.4 17.4c2.5 6 8.3 9.9 14.8 9.9c28.7 0 57.6-8.9 81.6-19.3c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9zM224 160c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v48h48c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H288v48c0 8.8-7.2 16-16 16H240c-8.8 0-16-7.2-16-16V272H176c-8.8 0-16-7.2-16-16V224c0-8.8 7.2-16 16-16h48V160z'/></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='M105.1 202.6c7.7-21.8 20.2-42.3 37.8-59.8c62.5-62.5 163.8-62.5 226.3 0L386.3 160H336c-17.7 0-32 14.3-32 32s14.3 32 32 32H463.5c0 0 0 0 0 0h.4c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v51.2L414.4 97.6c-87.5-87.5-229.3-87.5-316.8 0C73.2 122 55.6 150.7 44.8 181.4c-5.9 16.7 2.9 34.9 19.5 40.8s34.9-2.9 40.8-19.5zM39 289.3c-5 1.5-9.8 4.2-13.7 8.2c-4 4-6.7 8.8-8.1 14c-.3 1.2-.6 2.5-.8 3.8c-.3 1.7-.4 3.4-.4 5.1V448c0 17.7 14.3 32 32 32s32-14.3 32-32V396.9l17.6 17.5 0 0c87.5 87.4 229.3 87.4 316.7 0c24.4-24.4 42.1-53.1 52.9-83.7c5.9-16.7-2.9-34.9-19.5-40.8s-34.9 2.9-40.8 19.5c-7.7 21.8-20.2 42.3-37.8 59.8c-62.5 62.5-163.8 62.5-226.3 0l-.1-.1L125.6 352H176c17.7 0 32-14.3 32-32s-14.3-32-32-32H48.4c-1.6 0-3.2 .1-4.8 .3s-3.1 .5-4.6 1z'/></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>
</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'>
      <a class='header-image-wrapper' expr:href='data:blog.homepageUrl'><b:include data='{image: data:image, altText: data:blog.title.escaped, originalWidth: data:width, originalHeight: data:height, imageSizes: [360,480,640,800,1000,1200,1600]}' name='responsiveImage'/></a>
</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>
  
<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='PageList1' locked='true' title='ナビメニュー' type='PageList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{"link0":{"href":"/","position":0,"title":"ホーム"}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
    <b:include name='pageList'/>
</b:includable>
    <b:includable id='overflowButton'/>
    <b:includable id='overflowablePageList'/>
    <b:includable id='pageLink'>
  <li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:includable>
    <b:includable id='pageList'>
  <ul>
    <b:loop values='data:links' var='link'>
      <b:include name='pageLink'/>
    </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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
    <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'>
        <data:post.snippets.short/>
      </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;).replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#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'>
    <b:loop index='i' values='data:posts' 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'>
      <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>
      <b:include name='nextprev'/>
    </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>
      <div class='home'><a expr:href='data:blog.homepageUrl'><data:messages.home/></a></div>
      </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>埋め込みフォームが開きます
      </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 + &quot;/comment/frame/&quot; + data:blog.blogId + data:param + data:post.id'/>
      </b:with>
      <b:with value='data:view.isPost ? &quot;&amp;postID=&quot; : &quot;&amp;pageID=&quot;' var='param'>
  <a class='comment-page-link' expr:href='data:blog.bloggerUrl + &quot;/comment.g?blogID=&quot; + data:blog.blogId + data:param + 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>別ページに移動します<svg aria-label='外部リンク' xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/></svg></a>
      </b:with>
    </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 cond='data:post.comments' data='post.comments' name='commentList'/>
    <b:if cond='data:post.numberOfComments gt 1 and data:post.allowNewComments'>
      <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:elseif cond='data:post.numberOfComments gt 1 and !data:post.allowNewComments'/>
      <a class='comment-form-jump' href='#comments-list' 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='commentsTitle'>
      <b:if cond='data:post.numberOfComments != 0'>
        <p class='title' id='comments-list' style='margin-top:2em'><b:message name='messages.numberOfComments'><b:param expr:value='data:post.numberOfComments' name='numComments'/></b:message><b:if cond='data:post.numberOfComments gt 1'> (新着順)</b:if></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.featuredImage, 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:else/>
        <span id='no-newer-link'><data:messages.newerPosts/>はありません</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:else/>
        <span id='no-older-link'><data:messages.olderPosts/>はありません</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;).replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#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'>
      <data:post.snippets.short/>
    </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='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'><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'/></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'>

      <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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
    <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;).replace(&#39;-k-no-nu&#39;,&#39;-rw-e365&#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'>
    <ul>
    <b:loop index='i' values='data:posts' 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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
<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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
<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;'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
    <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: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'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
  <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:widget id='PageList2' locked='false' title='ページリスト' type='PageList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"ページ2"},"link0":{"href":"#","position":0,"title":"ページ1"}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
        <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
    <b:include name='pageList'/>
</b:includable>
    <b:includable id='overflowButton'/>
    <b:includable id='overflowablePageList'/>
    <b:includable id='pageLink'>  
      <b:if cond='data:link.isCurrentPage'>
        <li><span class='current-page'><data:link.title/></span></li>
      <b:else/>
        <li><a expr:href='data:link.href'><data:link.title/></a></li>
      </b:if>
</b:includable>
    <b:includable id='pageList'>
  <ul>
    <b:loop values='data:links' var='link'>
      <b:include name='pageLink'/>
    </b:loop>
  </ul>
</b:includable>
  </b:widget>
</b:section>
</div>
</aside>
</main>
  
<footer>
<b:section id='FOOTER'>
  <b:widget id='HTML0' locked='false' title='帰属表記' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
      <div 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>
     </div>
</b:includable>
  </b:widget>
</b:section>
</footer>
<b:defaultmarkups>
   <b:defaultmarkup type='Label'>
    <b:includable id='main'>
      <b:if cond='data:title != &quot;&quot;'>
        <div class='title'><data:title/></div>
      </b:if>
<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'>
  
<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.isPost'>
  
<script>/*<![CDATA[*/
function setPagerLinkTitleName(){setPageTitle("Blog1_blog-pager-older-link"),setPageTitle("Blog1_blog-pager-newer-link")}function setPageTitle(b){let a=document.getElementById(b);if(!a)return;let c=a.getAttribute("href"),d=c.split(location.hostname)[1];fetch("/feeds/posts/summary?alt=json&path="+d+"&max-results=1").then(a=>a.json()).then(b=>{b.feed.entry&&b.feed.entry.length>0&&(a.textContent=b.feed.entry[0].title.$t),a.setAttribute("title",b.feed.entry[0].title.$t)}).catch(a=>console.log(a))}document.addEventListener("DOMContentLoaded",setPagerLinkTitleName)
/*]]>*/</script>
</b:if>
<b:if cond='data:view.isMultipleItems and !data:view.search.query and !data:view.isArchive'>
  
<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>
  
<script id='defer-js' src='//cdn.jsdelivr.net/npm/@shinsenter/defer.js@3/dist/defer.min.js'/>
<script>/*<![CDATA[*/
Defer.dom("img"),Defer.dom("iframe"),Defer.dom("audio"),Defer.dom("video");const twitterEmbed=document.querySelectorAll(".twitter-tweet,.twitter-timeline"),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)}
/*]]>*/</script>
  
<script defer='defer' src='//cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js'/>
  
<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'>
  
<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>
</b:if>
  
<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>
</body>
</html>