オーロックスII

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:defaultwidgetversion='2' b:version='3' class='v2' expr:dir='data:blog.languageDirection' 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'>

<head>
<link href='assets/img/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='assets/img/favicon.ico' rel='icon' type='image/x-icon'/>

<!-- Required meta tags -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> : <data:blog.title/></title>
</b:if>
<b:include data='blog' name='all-head-content'/>

<link href='https://use.fontawesome.com/releases/v5.6.1/css/all.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css' rel='stylesheet'/>

<!-- コード用&#65288;削除可能 -->
<link crossorigin='anonymous' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' integrity='sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN' rel='stylesheet'/>
<!-- コード用&#65288;削除可能)ここまで -->

<link href='css/style.css' rel='stylesheet'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js'/>
<link href='https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:900&amp;subset=japanese' rel='stylesheet'/>


<b:skin><![CDATA[

/*-----------------------------------------------
Blogger Template Style
Name:オーロックス2
Designer: orenomeshi
URL:https://onaka-pecopeco.blogspot.com/
----------------------------------------------- */

<Group description="ページ全体の背景デフォルト(#fffcfa)" selector="body">
<Variable name="body.background.color" description="全体の背景" type="color" default="#fffcfa" value="#fffcfa"/>
</Group>
<Group description="細部の色設定" selector=".Header">
<Variable name="blog.main.color" description="テーマ色(デフォルト#fc5185
)" type="color" default="#fc5185" value="#fc5185"/>
<Variable name="h5wrapper.color" description="ガジェット" type="color" default="#424242" value="#424242"/>
</Group>


/********全体のフォント(rem対応)*************/
HTML {
font-size: 16px;
text-align: justify;
text-justify: inter-ideograph;
}
.section {
margin: inherit;}

/********リンク色リセット*************/
a {color: inherit;}

/********aホバーの色。マウス乗せた時のリンク色*************/
a:hover{color :$(blog.main.color)! important;}

/********全体の背景*************/
.post-outer{ background-color: initial; }
html {
background-color: $(body.background.color)!important;
}

.navbar-fixed {height:inherit;}

#Menubar_no_sizeawase {
padding-top: inherit;
padding-bottom: inherit;
margin: inherit;}
.PageList {margin: inherit;}


/*******
スライドショーの中身のsection
********/

#shashin1,#shashin2,#shashin3,#shashin4 {
padding-top: inherit;
padding-bottom: inherit;
margin: inherit;}
.PageList {margin: inherit;}
.widget ul {line-height: inherit;}

/*******
wigetのタイトル(注目の投稿とか)
********/

.title{ font-size: 1.2rem;}

/******画像Videoの最適化********/
img, video, object {
max-width: 100%;
height: auto;
border: none;
vertical-align: bottom;
display: block;
}

/********以下コピーライトのCSS*************/

.copyright {
padding-top: 1rem;
padding-bottom: 1rem;
}


/*******ここまでコピーライトのCSS********/

/********なび修正*************/
#id -navi-container{
width: 90%;
}
#Menubar_no_sizeawase {
padding-bottom: 0rem;
margin: 0rem;}

/********なび高さとボタン高さ修正*************/

#sidenav -overlay {
z-index: 80;
}

#PageList1{
height: 34px !important;
}
.selected {
line-height: 28px !important;
}

.naviH{
background: $(h5wrapper.color);/*背景色*/
height: 34px !important;
}

.nav-wrapper ul {
line-height: 28px !important;
justify-content:center!important;
}
.topnavi01{
display: flex;
justify-content:center!important;
}

#id -navi-text{
font-weight: bold;
}
#id -navi-text2{
font-weight: bold;
}

.nav-mobile-icon i{
line-height: inherit;
line-height: 32px !important;
justify-content:center!important;
}

/********ナビボタンアイコン*************/
.nav-botan {
padding: 0em 0.2em 0em 1em;
position: relative;
}
#id -navi-text:before {
font-family: "Font Awesome 5 Free";
content: "\f138";/*アイコンの種類*/
position: absolute;
left : 2px;/*左端からのアイコンまでの距離*/
color: $(blog.main.color);/*アイコン色*/
}

#id -navi-text2:before {
font-family: "Font Awesome 5 Free";
content: "\f138";/*アイコンの種類*/
position: absolute;
left : 2px;/*左端からのアイコンまでの距離*/
color: $(blog.main.color);/*アイコン色*/
}

/********ヘッダータイトル*************/
#header -inner{
max-width: 100% !important;
justify-content: center !important;
text-align: center;
width:initial;
background-size: 90%;
}

/********ヘッダータイトル文字*************/
.titlewrapper h1{
font-family:'M PLUS Rounded 1c';
font-weight: 900!important;
margin: 1rem 0 1.68rem 0!important;
font-size: 1.8rem;
}

.hedder-title-section {
border-bottom: 3px solid rgba(0,0,0,0.5) ;
}


#id -homepagetitle2{
margin:initial ; /********設定一旦打ち消し*************/
margin: 0 100px;
text-align: center;
padding-top:60px;
}
#id -description01{
text-align: center;
}

/******全体記事とサイドバーの大きさの最大値と隙間********/
#id -zentai{
max-width: 1200px;
padding: 0 1em 0 1em;
-webkit-font-smoothing: antialiased;
}


@media only screen and (max-width:768px){
.post-body {
line-height:1.8rem; /* 行間 */
font-size:1.15rem; /* 文字サイズ */
letter-spacing: 0.05rem;
}}


#id -mainsection {
padding: inherit;
padding-right: 1vw;
padding-left: 1vw;
}

#id -sidesection{
padding-right: 1vw;
padding-left: 1vw;
}

/*****パンクズリスト********/

.breadcrumb:last-child {
color: inherit;
}
.breadcrumbs a{
color: #3FC1C9;
}

.breadcrumbs p {
margin-block-start: 0px;
margin-block-end: 0px;
margin-inline-start: 0px;
margin-inline-end: 0px;

}
.breadcrumbs ol{
list-style:none; /* olが数字を付けることをキャンセル */
display: inline-block;

margin-block-start: inherit;
margin-block-end: inherit;
margin-inline-start: inherit;
margin-inline-end: inherit;
padding-inline-start: inherit;

margin-block-start: 0px;
margin-block-end: 0px;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 15px;
}
.breadcrumbs li{
display: inline-block;
}


/*****更新日********/
.post-and-update{
text-align:right;
}
.row {
margin-bottom: inherit;
}
#id -post-and-update-row{
margin-bottom: 0.3em;
}


#id -next-left {
margin-bottom: inherit;
margin-bottom: 0.3em;
text-align:right;
}


/*******ページ名前post-title entry-title h1の設定**!importantつけないと反映されない******/
.post-title{
border-bottom: 2px solid rgba(0,0,0,0.5) ;
font-size: 24px !important;
padding: 14px !important;
margin: 0px 0px 0.3em 0px !important;
font-weight: 900!important;
color: #262626 ;
letter-spacing: 0px;
line-height: 1.2em;
}


/*******本文要約(HTMLで文字数と共同で制御********/
#id -postBodySnippet{
font-weight: normal;
}

#id -postBodySnippettext {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
font-size: 1.15rem;
}

#id -postBodySnippettext2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
font-size: 1.15rem;
}

/*******本文の画像の容れ物設定********/
.separator {
width: 97%;
height: auto;
margin:0!important;
}


/*******本文の設定********/
.post-body {
line-height:1.9rem; /* 行間 */
font-size:1.15rem; /* 文字サイズ */
letter-spacing: 0.05rem;
}


.post-body p {
display: block;
margin-block-start: 0.7em;
margin-block-end: 0.7em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

/* 本文リンク文字 色 太さ */
.post-body a {
color: #3FC1C9;
font-weight:bold;
}

.post-body h1{
line-height:1.6em;
margin-bottom:30px;
}
.post-body h2{
padding: .5em .5em .5em .2em;
margin: 0.5em 0em 0.5em 0em;
font-size: 23px;
padding-left: 0.05em 0.5em;
color: #ffffff ;
background: $(h5wrapper.color);/*背景色*/
border-bottom: 3px solid $(blog.main.color);
border-top: 3px solid $(blog.main.color);
font-weight: bold;
}

.post-body h3{
padding: 6px 0px 6px 4px;
font-size: 22px;
padding-left: .25em;
border-left: 7px solid $(blog.main.color);
border-radius: 5px ;
margin: 1em 0 0.8em 0;
font-weight: bold;
}


.post-body h4{
padding:15px 0 9px 10px;
font-size: 20px;
padding-left: .5em;
margin: 1em 0 0.8em 0;
font-weight: bold;
border-bottom: 1px solid $(blog.main.color);
}

/*リストの設定*/
.post-body ul {
border: solid 2px skyblue;
border-radius: 5px;
padding: 0.5em 1em 0.5em 2.3em;
padding-top: 1em!important;
position: relative;
}
.post-body ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;
font-size: 20px;
}

.post-body ul li:before {
font-family: "Font Awesome 5 Free"!important;
content: "\f058";/*アイコンの種類*/
position: absolute;
left : 1em;/*左端からのアイコンまでの距離*/
color: $(blog.main.color);/*アイコン色*/
}
/*リストここまで*/

/*本文の下の線*/

.post{
border-bottom: 2px solid rgba(0,0,0,0.5) ;
margin-bottom: 0.5em;
}


/*******サイドバーコメント
注目の投稿という文字と人気投稿という文字は
h5を指定した。ver1の方

********/
h5{
font-size: inherit;
font-size: 1rem !important;
margin: 0!important;
padding: 0!important;
font-weight: bold !important;
}

.h5wrapper{
border-top-left-radius: 5px!important;
border-top-right-radius: 5px!important;
padding: 0.6em 0.8em;/*文字周りの余白*/
color:#fff;/*文字色*/
background: $(h5wrapper.color);/*背景色*/
width:100%!important;
}

.popular-posts ul{
border-top-left-radius: 2px!important;
border-top-right-radius: 2px!important;
padding: 0.8em;/*文字周りの余白*/
background: rgba(234,243,255,0.3) ;/*背景色*/
}

.PopularPosts .widget-content ul li {
padding: 0;
}


.list-label-widget-content2 ul{
border-top-left-radius: 2px!important;
border-top-right-radius: 2px!important;
padding: 0.8em;/*文字周りの余白*/
background: rgba(234,243,255,0.3) ;/*背景色*/
}


/*******post-summary h6と設定********/

/*****サイドバーゾーン**item-titleとh6設定********/
h6{
font-size: inherit;
font-size: 1.8 rem!important;
padding: 0 !important;
font-weight: bold !important;
}

h6 a{
color: #3FC1C9;
}

.side-matome p{
font-size: inherit;
font-size: 1 rem !important;
padding: 0 !important;}

/*サイドバーの下線*/
.item-content{
border-bottom: 1px solid rgba(0,0,0,0.5) ;}
/*サイドバーとメインの隙間修正*/
#Sidebar {margin-left: 0.4em!important;}


/********サイドバー修正人気の投稿の詳細していその1*************/
#id -item-snippet p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

/*******サイドバー********/
.snippet-item {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.item-thumbnail {
max-width: 400px;
}

/*jQueryで本文にpを入れたときの異常改行を修正するため*/
.intext {
display: inline!important;
}
.intext2 {
display: inline!important;
}

/*jQueryで本文中の文字サイズの設定をするためのCSS*/
.intext-xx-small{font-size: 0.3em;}
.intext-x-small{font-size: 0.7em;}
.intext-large{font-size: 1.3em;}
.intext-x-large{font-size: 1.8em;}


/*下線を黄色マーカーにする*/
u{
text-decoration: none;
background:linear-gradient(transparent 60%, #FFFF99 60%);
display:inline;
}
/*コピーライト*/
#id-copyright {
padding-top: 1rem;
padding-bottom: 1rem;
}


/*Code記載用(削除可能)*/

ol.code-desu{ /* クラス名は任意(以下同)*/
position:relative;
margin-left: 0px;
padding:30px 20px 10px 45px;
border:none;
background:#2F3437;
}
ol.code-desu:after{ /* 左上のラベル部分 */
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\121 code'; /* f121はアイコンの番号 */
position: absolute;
top: 0px;
left: 0px;
padding: 5px 10px;
background: #969998 ;
line-height: 1;
font-size: 0.9em;
color: #fff ;
}
ol.code-desu li{ /* 行番号とコードの間のライン */
padding-left:15px;
border-left:1.5px solid #000000 ;
color: #fff ;
}
/*Code記載用(削除可能)ここまで*/


/*SNS用*/
.post-body-sns-outer{
text-align:center;
}


/*******ここまでCSS********/]]></b:skin>


</head>

<body>


<div class='navbar-fixed'>
<b:section id='Menubar_no_sizeawase'>
<b:widget id='PageList1' locked='false' title='ページ' type='PageList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://uaauetqh4hihraiq.blogspot.com/', 'title': 'ホーム', 'position': 0}, 'link0': {'href': 'https://onaka-pecopeco.blogspot.com/', 'title': '俺の飯', 'position': 1}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>


<!--ここからカラーを引き出してnav classにはめると色変わる
https://materializecss.com/color.html
-->

<nav class='naviH' role='navigation'>
<div class='nav-wrapper container'>
<ul class='hide-on-med-and-down topnavi01'>
<b:loop values='data:links' var='link'>

<div class='nav-botan hide-on-med-and-down' id='id-navi-botan'>
<li>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<a class='white-text' expr:href='data:link.href' id='id-navi-text'><data:link.title/></a>
</li>
</div>
</b:loop>
</ul>
<ul class='side-nav grey darken-3' id='nav-mobile'>
<b:loop values='data:links' var='link'>
<li>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<a class='white-text' expr:href='data:link.href' id='id-navi-text2'><data:link.title/></a>
</li>
</b:loop>
</ul>
<div class='nav-mobile-icon'>
<a class='button-collapse white-text ' data-activates='nav-mobile' href='#'><i class='material-icons'>menu</i></a>
</div>


</div>
</nav>
<script type='text/javascript'>
$(&#39;.button-collapse&#39;).sideNav();
</script>


</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:include name='pageList'/>
</div>
</b:includable>
<b:includable id='overflowButton'>
<b:include name='verticalMoreIcon'/>
</b:includable>
<b:includable id='overflowablePageList'>
<div class='overflowable-container'>
<div class='overflowable-contents'>
<div class='container'>
<b:with value='true' var='overflow'>
<b:with value='&quot;tabs&quot;' var='pageListClass'>
<b:include name='pageList'/>
</b:with>
</b:with>
</div>
</div>
<div class='overflow-button hidden'>
<b:include name='overflowButton'/>
</div>
</div>
</b:includable>
<b:includable id='pageLink'>
<li>
<b:class cond='data:overflow' name='overflowable-item'/>
<b:class cond='data:link.isCurrentPage' name='selected'/>

<a expr:href='data:link.href'><data:link.title/></a>
</li>
</b:includable>
<b:includable id='pageList'>
<ul>
<b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
<b:loop values='data:links' var='link'>
<b:include name='pageLink'/>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='hedder-title-section'>
<b:section id='heddernosection'>
<b:widget id='Header1' locked='false' title='テンプレ『オーロックスII』 (Header)' type='Header' version='1'>
<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'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' id='id-homepagetitle1' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' id='id-homepagetitle2' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>

<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper' id='id-descriptionwrapper01'>
<p class='description' id='id-description01'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:includable>
</b:widget>
</b:section>
</div>


<!--<div class='row' id= 'id-zentai'>は本文とサイドバーを内部に持ちます
-->


<div class='row' id='id-zentai'>
<div class='col m8 ' id='id-mainsection'>

<div class='maisection-dayo' id='id-maisection-dayo'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#fc5185</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'>投稿者:</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#fffcfa</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#fffcfa</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
<b:widget-setting name='timestampLabel'>-</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#000000</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'>
<div class='blog-posts hfeed'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</div>
<b:include cond='data:view.isMultipleItems' name='postPagination'/>
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='aboutPostAuthor'>
<div class='author-name'>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span>
<data:post.author.name/>
</span>
</a>
</div>
<div>
<span class='author-desc'>
<data:post.author.aboutMe/>
</span>
</div>
</b:includable>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:message name='messages.postAComment'/>
</a>
</b:includable>
<b:includable id='commentAuthorAvatar'>
<div class='avatar-image-container'>
<img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h5 id='comment-post-message'><data:messages.postAComment/></h5>
<b:if cond='data:this.messages.blogComment != &quot;&quot;'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
</b:includable>
<b:includable id='commentItem' var='comment'>
<div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

<div class='comment-block'>
<div class='comment-author'>
<b:if cond='data:comment.authorUrl'>
<b:message name='messages.authorSaidWithLink'>
<b:param expr:value='data:comment.author' name='authorName'/>
<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
</b:message>
<b:else/>
<b:message name='messages.authorSaid'>
<b:param expr:value='data:comment.author' name='authorName'/>
</b:message>
</b:if>
</div>
<div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
<data:comment.body/>
</div>
<div class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='commentList' var='comments'>
<div id='comments-block'>
<b:loop values='data:comments' var='comment'>
<b:include data='comment' name='commentItem'/>
</b:loop>
</div>
</b:includable>
<b:includable id='commentPicker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframeComments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threadedComments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>

<b:include name='commentsTitle'/>

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<b:include cond='data:post.comments' data='post.comments' name='commentList'/>
</div>

<b:if cond='data:post.commentPagingRequired'>
<div class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:messages.oldest/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:messages.older/>
</a>
</b:if>

<span class='comment-range-text'>
<data:post.commentRangeText/>
</span>

<b:if cond='data:post.hasNewerLinks'>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:messages.newer/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:messages.newest/>
</a>
</b:if>
</div>
</b:if>

<div class='footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='addComments'/>
</b:if>
</b:if>
</div>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='commentsTitle'>
<h3 class='title'><data:messages.comments/></h3>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='!data:view.isPost'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments and data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:messages.subscribeTo/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='homePageLink'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:messages.home/>
</a>
</b:includable>
<b:includable id='iframeComments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

<b:if cond='!data:post.embedCommentForm'>
<b:include data='post' name='commentsLink'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='inlineAd' var='post'>
<b:if cond='!data:view.isPreview'>
<b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
<!-- Ad -->
<div class='inline-ad'>
<b:if cond='data:this.adCode != &quot;&quot;'>
<data:this.adCode/>
<b:else/>
<b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
</b:if>
</div>
</b:if>
<b:else/>
<div class='inline-ad'>
<div class='inline-ad-placeholder'>
<span><b:message name='messages.adsGoHere'/></span>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='nextPageLink'>
<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>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>

<!--パンクズリスト-->
<b:if cond='data:view.isSingleItem'>
<div class='breadcrumbs'>

<b:if cond='data:post.labels'>
<ol class='breadcrumb' itemid='id-breadcrumbs' itemprop='Breadcrumb' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<li itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' itemtype='http://schema.org/Thing'><span itemprop='name'>ホーム</span></a>
<meta content='1' itemprop='position'/>
</li>
<b:loop index='i' values='data:post.labels' var='label'>

<li itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<p> &gt;&gt;<!--ここを編集することで >> を変えられる-->

<a expr:href='data:label.url' itemprop='item' itemtype='http://schema.org/Thing'><span itemprop='name'><data:label.name/></span></a> </p>

<b:if cond='data:i == 0'>
<meta content='2' itemprop='position'/>
</b:if>

<b:if cond='data:i == 1'>
<meta content='3' itemprop='position'/>
</b:if>

<b:if cond='data:i == 2'>
<meta content='4' itemprop='position'/>
</b:if>

<b:if cond='data:i == 3'>
<meta content='5' itemprop='position'/>
</b:if>

<b:if cond='data:i == 4'>
<meta content='6' itemprop='position'/>
</b:if>

<b:if cond='data:i == 5'>
<meta content='7' itemprop='position'/>
</b:if>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
</li>
</b:loop>
</ol>
</b:if>
</div>
</b:if>

<!--パンクズリスト-->

<b:include data='post' name='postMeta'/>
<b:include data='post' name='postTitle'/>


<!--投稿日更新日 -->
<div class='row' id='id-post-and-update-row'>

<div class='col m12'>
<div class='post-and-update'>
<span class='post-and-update'><i class='fas fa-pen'/></span><data:post.date.year/>年<data:post.date.month/>月<data:post.date.day/>日&#12288;<span class='post-and-update'><i class='fas fa-sync-alt'/></span>
<data:post.lastUpdated.year/>年<data:post.lastUpdated.month/>月<data:post.lastUpdated.day/>日&#12288;</div>
</div>
</div>


<b:if cond='data:view.isSingleItem'>
<b:include data='post' name='postBody'/>
<b:include name='headerByline'/> <!--著者等レイアウトから中身編集 -->
タグ <b:include data='post' name='postFooter'/> <!--タグ -->
<b:else/>

<b:include data='post' name='postBodySnippet'/>

<div class='row' id='id-next'>
<div class='col m12' id='id-next-left'>

<b:include data='post' name='postJumpLink'/>

</div>
</div>

</b:if>
</div>
</b:includable>
<b:includable id='postBody' var='post'>
<!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->
<div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<!-- 本文下 SNSボタン-->


<!-- 本文下 SNSボタン-->
<div class='post-body-sns-outer'>
<div class='post-body-sns-title'>ー記事をシェアするー</div>

<div class='post-body-sns flex '>
<a class='btn-floating btn-small waves-effect waves-light indigo' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title + &quot;|&quot; + data:blog.title' target='_blank'><i class='fa fa-facebook'/></a>
<a class='btn-floating btn-small waves-effect waves-light blue lighten-2' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>


<a class='btn-floating btn-small waves-effect waves-light blue darken-1' expr:href='&quot;https://b.hatena.ne.jp/add?mode=confirm&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Hatena ブックマーク'><i class='fa'>B!</i></a>

<a class='btn-floating btn-small waves-effect waves-light pink lighten-1' expr:href='&quot;http://getpocket.com/edit?url=&quot; + data:post.canonicalUrl' target='_blank'><i class='fa fa-get-pocket'/></a>
<a class='btn-floating btn-small waves-effect waves-light green accent-4' expr:href='&quot;https://social-plugins.line.me/lineit/share?url=&quot; + data:post.url' target='_blank' title='LINEで送る'><i class='fab fa-line'/></a>
</div>
</div>
<!-- 本文下 SNSボタンここまで-->


</div>
</b:includable>
<b:includable id='postBodySnippet' var='post'>
<!-- 要約表示設定ここから
-->

<div class='row' id='id-postBodySnippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='col m5' id='id-postBodySnippetImage'>
<img expr:src='resizeImage(data:post.featuredImage, 500, &quot;3:2&quot;)'/>
</div>
<div class='col m7' id='id-postBodySnippettext'>
<b:eval expr='data:post.body snippet { length: 280, links: true, linebreaks: false }'/>
</div>
<b:else/>
<div class='col m12' id='id-postBodySnippettext2'>
<b:eval expr='data:post.body snippet { length: 280, links: true, linebreaks: false }'/>
</div>

</b:if>


</div>
<!-- 要約表示設定ここまで -->

</b:includable>
<b:includable id='postCommentsAndAd' var='post'>
<article class='post-outer-container'>
<!-- Post title and body -->
<div class='post-outer'>
<b:include data='post' name='post'/>
</div>

<!-- Comments -->
<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

<!-- Show ad inside post container, after comments, if single item. -->
<b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
</article>

<!-- Show ad outside post container (between posts) for feed pages. -->
<b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:view.isMultipleItems'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
</span>
</b:if>
</b:includable>
<b:includable id='postFooter' var='post'>
<div class='post-footer'>
<b:include name='footerBylines'/>
<b:include data='post' name='postFooterAuthorProfile'/>
</div>
</b:includable>
<b:includable id='postFooterAuthorProfile' var='post'>
<b:if cond='data:post.author.aboutMe and data:view.isPost'>
<div class='author-profile'>
<b:if cond='data:post.author.authorPhoto.url'>
<img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
<div class='author-about'>
<b:include data='post' name='aboutPostAuthor'/>
</div>
<b:else/>
<b:include data='post' name='aboutPostAuthor'/>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include name='headerByline'/>
</b:includable>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postPagination'>
<div class='blog-pager container' id='blog-pager'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>

</div>
</b:includable>
<b:includable id='postTitle' var='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title != &quot;&quot;'>
<h1 class='post-title entry-title' id='id-posttitle'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<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>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h5 id='comment-post-message'><data:messages.postAComment/></h5>
<b:if cond='data:this.messages.blogComment != &quot;&quot;'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<b:template-script inline='true' name='threaded_comments'/>
<script type='text/javascript'>
blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);
</script>
</b:includable>
<b:includable id='threadedComments' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>

<b:include name='commentsTitle'/>

<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threadedCommentJs'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>

<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threadedCommentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='col m4' id='id-sidesection'>
<b:section class='othersection01' id='id-othersection01'>
<b:widget id='Translate1' locked='false' title='Translate' type='Translate' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayMode'>SIMPLE</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: &#39;<b:eval expr='data:blog.locale.language ?: &quot;auto&quot;'/>&#39;,
autoDisplay: &#39;true&#39;,
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, &#39;google_translate_element&#39;);
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>&lt;script&gt;
$( &quot;.post-body&gt;div&quot; )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( &quot;&lt;p&gt;&lt;/p&gt;&quot; )
.end()

&lt;/script&gt;

&lt;script&gt;
$( &quot;#text&quot; )
.contents()
.filter(function() {
return this.nodeType === 3;
})
.wrap( &quot;&lt;p&gt;&lt;/p&gt;&quot; )
.end()

&lt;/script&gt;

&lt;script&gt;

$(&#39;u,b,i,a,span,strike&#39;).prev(&#39;p&#39;).replaceWith(function() {
$(this).replaceWith(&quot;&lt;p class=&#39;intext&#39;&gt;&quot;+$(this).text()+&quot;&lt;/p&gt;&quot;)
});
$(&#39;u,b,i,a,span,strike&#39;).next(&#39;p&#39;).replaceWith(function() {
$(this).replaceWith(&quot;&lt;p class=&#39;intext2&#39;&gt;&quot;+$(this).text()+&quot;&lt;/p&gt;&quot;)
});

$(&#39;br&#39;).replaceWith(function() {
$(this).replaceWith(&quot;&lt;p&gt;&quot;+&quot;&lt;/p&gt;&quot;)
});

&lt;/script&gt;

&lt;script&gt;
$( &#39;.post-body&gt;div&gt;span[style*=&quot;font-size: xx-small&quot;]&#39; )
.replaceWith(function() {
$(this).replaceWith(&quot;&lt;span class=&#39;intext-xx-small&#39;&gt;&quot;+$(this).text()+&quot;&lt;/span&gt;&quot;)
});
$( &#39;.post-body&gt;div&gt;span[style*=&quot;font-size: x-small&quot;]&#39; )
.replaceWith(function() {
$(this).replaceWith(&quot;&lt;span class=&#39;intext-x-small&#39;&gt;&quot;+$(this).text()+&quot;&lt;/span&gt;&quot;)
});

$( &#39;.post-body&gt;div&gt;span[style*=&quot;font-size: large&quot;]&#39; )
.replaceWith(function() {
$(this).replaceWith(&quot;&lt;span class=&#39;intext-large&#39;&gt;&quot;+$(this).text()+&quot;&lt;/span&gt;&quot;)
});
$( &#39;.post-body&gt;div&gt;span[style*=&quot;font-size: x-large&quot;]&#39; )
.replaceWith(function() {
$(this).replaceWith(&quot;&lt;span class=&#39;intext-x-large&#39;&gt;&quot;+$(this).text()+&quot;&lt;/span&gt;&quot;)
});

&lt;/script&gt;</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='人気の投稿' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>10</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'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<div class='h5wrapper'><h5><data:title/></h5></div></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><h6><a expr:href='data:post.href'><data:post.title/></a></h6>
<div class='item-snippet side-matome' id='id-item-snippet'><p><data:post.snippet/></p></div></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with id='id-item-thumbl' value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 100, &quot;1:1&quot;) : data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><h6><a expr:href='data:post.href'><data:post.title/></a></h6>
<b:if cond='data:showSnippets'>
<div class='item-snippet side-matome' id='id-item-snippet'><p><data:post.snippet/></p></div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label3' locked='false' title='ラベル' type='Label' version='1'>
<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'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<div class='h5wrapper'><h5><data:title/></h5></div>
</b:if>

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<div class='list-label-widget-content2'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
</div>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

<!--<div class='row' id= 'id-zentai'>は本文とサイドバーを内部に持ちます
-->


<!-- this page is generateded by Gramateria -->


<footer class='footer'>

<div class='row'>
<div class='col m6'>
<b:section class='othersection02' id='id-othersection02'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='true'>
<b:widget-settings>
<b:widget-setting name='copyright'/>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='widget-content'>
<div class='blogger'>
<a expr:href='data:bloggerUrl' rel='nofollow'>
<b:include name='flatBloggerIcon'/>
<b:message name='messages.poweredByBlogger'/>
</a>
</div>

<b:if cond='data:imageAuthor'>
<div class='image-attribution'>
<b:if cond='data:imageAuthor.url'>
<b:message name='messages.templateImagesByLink'>
<b:param expr:value='data:imageAuthor.url'/>
<b:param expr:value='data:imageAuthor.name'/>
</b:message>
<b:else/>
<b:message name='messages.templateImagesBy'>
<b:param expr:value='data:imageAuthor.name'/>
</b:message>
</b:if>
</div>
</b:if>

<b:if cond='data:copyright != &quot;&quot;'>
<div class='copyright'><data:copyright/></div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='copyright col m6' id='id-copyright'>
<a href='https://onaka-pecopeco.blogspot.com/2019/12/googleblogger.html'>Template: &#169; 2019 ORNMS Aurochs All Rights Reserved.</a>
</div>
</div>
</footer>


</body>
</html>

この記事が気に入ったらサポートをしてみませんか?