/* <system section="theme" selected="17680117126967059287"> */
@charset "UTF-8";
/*
  Theme: tones
  Author: z0i.net
  Responsive: yes
  Description:
  ver 0.0.3

  レスポンシブ」「シンプル」なデザインです

  Released under the GPL.

  http://z0i.net/

  補足


設定＝＞詳細設定＝＞headに要素を追加
に以下を組み込んでください

<script>
document.addEventListener('DOMContentLoaded', function(){
 var mobile = /iPad|iPhone|iPod|Android/.test(navigator.userAgent);
 if(mobile){

 }else{
    document.body.classList.add("pc");
 }
});
</script>

*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*--------------------------------------------------*/
*, :after, :before {
    box-sizing: border-box;
}

body, html {
    background: #f9fafb;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    color: #293030;
}

html {
  font-size: 62.5%; /* -> 10px; */
}
body {
    font-size: 1.6rem;
    line-height: 1.7;
    /*background-size: cover;*/
}


a{
  color: #293030;
  text-decoration: none;
}

.pc a:hover{
      color: #0056b3;
      text-decoration: underline;
}

h1 {
 font-size: 2.4rem;
}
h2 {
 font-size: 2.0rem;
}
h3 {
 font-size: 2.0rem;
}

h4 {
 font-size: 1.8rem;

}
h5 {
 font-size: 1.7rem;
}
h6 {
 font-size: 1.6rem;
}
/*==============================*/
/* タイトル（ヘッダー）         */
/*==============================*/
/*
h1#title{
 font-size: 2.4rem;
}
*/
#blog-title {
    border-top: solid 1px #f0f1f1;
    border-bottom: solid 1px #f0f1f1;

    border-top: solid 1px #e0e1e1;
    border-bottom: solid 1px #e0e1e1;
}
#blog-title {
    transition: .5s;
    width: 100%;
    display: block;
    height: 62px;
    z-index: 3;
}

#blog-title-content{
  padding-left:15px;
}

#title{
 height: 62px;
 margin-top: auto;
 margin-bottom: auto;
 line-height: 62px;
}

.header-image-only #blog-title #blog-title-inner{
   height:62px;/*!important;*/
   background-position: left 0px!important;
   /*background-size: contain;*/
   background-size: 100%; 
}

.header-image-enable #blog-title #blog-title-inner {
   height:62px;
   width:100%;
   background-repeat: repeat-x;
   background-size: 100%; 
}
/*--------------*/
/* ブログの説明 */
/*--------------*/
#blog-description{
  display:none;
}

/*==============================*/
/* レスポンシブ                 */
/*==============================*/
.entry-content img{
  max-width:100%;
  height:auto !important;
}
/*==============================*/
/* レイアウト                   */
/*==============================*/
#blog-title-inner,
#blog-title-content,
#top-editarea,
#top-box,
#content,
#bottom-editarea,
#footer-inner
{
  max-width: 1024px;
  margin: auto auto;
}

/*--------------------*/
/* 1カラム            */
/*--------------------*/

#wrapper:after{
  content: "";
  clear: both;
  display: block;
}
/*--------------------*/
/*2カラム（900px以上）*/
/*--------------------*/
@media (min-width: 900px){
  #wrapper {
    width: calc(100% - 310px);
    float: left;
    padding-right: 10px;
    box-sizing: border-box;
  }

  #box2 {
    float: left;
    width: 310px;
    border-top: none;
    margin-top: 0;
  }
  #content:after{
    content: "";
    clear: both;
    display: block;
  }
}

/*==============================*/
/*ボタン                        */
/*==============================*/
/*--------------------*/
/* 続きを読む              */
/*--------------------*/
.leave-comment-title,
.entry-content a.entry-see-more,
.read-more-comments a{
  border-radius: 2px;
  border: solid 1px #e0e1e1;
  display: inline-block;
  text-align: center;
  text-decoration: none;

  line-height: 40px;
  padding-left: 0.8em;
  padding-right: 0.8em;

  color: #293030;
}

.pc .leave-comment-title:hover,
.pc .entry-content a.entry-see-more:hover,
.pc .read-more-comments a:hover {
    opacity: .8;
}

.read-more-comments{
  margin-top:20px;
}
/*==============================*/
/* アーカイブ                   */
/*==============================*/
.page-archive .archive-entries:after{
    content: "";
    clear: both;
    display: block;
}
.page-archive .archive-entries{
  margin-left:2%;
  margin-right:2%;
}
.page-archive .archive-entry{
  margin: 5px 5px 20px 5px;
  padding: 5px;

  width:45%;
  float: left;
  height:195px;
  overflow: hidden;

  position: relative;

  border-top: solid 1px #e0e1e1;
  border-bottom: solid 1px #e0e1e1;
  border-left: solid 1px #e0e1e1;
  border-right: solid 1px #e0e1e1;

}

@media (min-width: 375px){
  .page-archive .archive-entry{
    width:47%;
  }
}

@media (min-width: 414px){
  .page-archive .archive-entry{
    width:30%;
  }
}

@media (min-width: 900px){
  .page-archive .archive-entry{
    margin-bottom: 30px;
  }
}

.page-archive .entry-thumb{
  width:100%;
  float:none;
}

.page-archive .archive-date{
  display:none;
}

.page-archive .entry-title a{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 21px;

    color: #363c49;
    margin: 0;

    display: block;
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    
    padding-top:10px;
    padding-left:10px;

    z-index: 5;
}

.page-archive .entry-title {
    margin: 0;
    height: 2em;
    overflow: hidden;
}
.page-archive .categories{
  display:none;
}

.page-archive .entry-thumb-link{
    position: relative;
    z-index: 6;
    display: block;
}


.page-archive .social-buttons{
    display:none;
}

.archive-header-category{
  
  margin-bottom:0
}
.archive-heading{
  font-size:1.7rem;
}
/*==============================*/
/* 個別記事                     */
/*==============================*/
.entry.sleeping-ads{
    background: transparent ;
    border: 1px solid transparent;
    margin-bottom: 2em;
}

.entry{
    background: #fff;
    border: 1px solid #f0f1f1;
    margin-bottom: 2em;
}
.entry-inner{
    margin: 25px 8px;
}
@media (min-width: 414px){
  .entry-inner{
    margin: 25px 25px;
  }
}


.entry-content a{
  color: #0056b3;

}

.entry h1 {
 margin:0;
}


/*--------------------*/
/* 日付               */
/*--------------------*/
.date a {
    color: #6f8383;
    font-size: 1.4rem;

}
.date.entry-date.first{
    text-align: right;
}

/*--------------------*/
/* blockquote,pre     */
/*--------------------*/
.entry-content blockquote:not([class]) {
  font-size:1.5rem;
  line-height: 1.8;
  background: #e9e9e9;
  border-left: 10px solid #ccc;
  margin: 1em 5px;
  padding: 0.5em 5px;
}
@media (min-width: 414px){
  .entry-content blockquote:not([class]){
    margin: 1.5em 10px;
    padding: 0.5em 10px;
  }
}


.entry-content blockquote:not([class]) p {
  display: block;
}
.entry-content pre {
    border: 1px solid #dfe5e7;
    margin: 0 0 5px;
    padding: 10px;
    white-space: pre;
}
@media (min-width: 414px){
  .entry-content pre{
    margin: 0 0 10px;
    padding: 20px;
  }
}
/*--------------------*/
/* カテゴリ           */
/*--------------------*/
.categories {
    margin-bottom: 2em;
}
.categories a {
    color: #6f8383;
    display: inline-block;
    border: 1px solid #f0f1f1;
    margin: 0 6px 0 0;
    padding: 0 10px;
    font-size: 1.3rem;
}
.pc .categories a:hover{
    opacity: .8;
    /*background: #fefdfc;*/
}
/*--------------------*/
/* 表 table           */
/*--------------------*/
.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1em;
    margin-bottom: 1em;
    width: 100%;
    overflow: auto;
    display: block;
}
.entry-content table {
    max-width: none;
}
.entry-content table th {
    background: #f9fafb;
}
.entry-content table td, 
.entry-content table th {
    border: 1px solid #f0f1f1;
    padding: 5px 10px;
}

/*--------------------*/
/* 目次               */
/*--------------------*/
/*https://blog.z0i.net/2017/01/hatena-table-of-contents.html */

.entry-content .table-of-contents {
    background: #f9fafb;
    margin-left: 0;
    padding: 10px 10px 10px 35px;
}

.entry-content dd, .entry-content ol, .entry-content ul {
    margin: 0 0 1em 1.5em;
    padding: 0;
}

.table-of-contents:before{
  content: "目次";
  font-size:1.6rem;
  font-weight: bold;
}
.table-of-contents{
  font-size:1.5rem;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 4px;
  padding-bottom:10px;
}


/*==============================*/
/* コメント欄                   */
/*==============================*/
.comment-box {
    margin: 1em 0;
}

.comment-box .comment {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1.7;
    font-size: 1.5rem;
}

.comment-box .entry-comment {
    border-bottom: 1px solid #ddd;
    position: relative;
}



/*==============================*/
/* フッター                  */
/*==============================*/
#bottom-editarea{
  margin-top:30px;
  margin-bottom:30px;
  padding-top:20px;
  padding-bottom:20px;
  /*border: solid 1px #e0e1e1;*/
}
footer#footer{
  padding-top:20px;
  border-top: solid 1px #e0e1e1;
  text-align: center;
}

/*==============================*/
/* サイドバー                   */
/*==============================*/
.hatena-module {
   margin-bottom: 2em;
   padding-left: 10px;
   padding-right: 10px;
}
.hatena-module-title,
.hatena-module-title a{
  font-size:1.8rem;
  font-weight: bold;
  color: #293030;
  text-decoration: none;
}
@media (min-width: 900px){
  .hatena-module-title,
  .hatena-module-title a{
    color:#576868; /* #404c4c;*/
  }
}

.hatena-urllist {
    padding-left: 0;
    list-style: none;
}
.hatena-urllist li {
    border-top: 1px dotted #cfd8d8;
    padding-top: 10px;
    padding-bottom: 10px;
}
.hatena-urllist>li:last-child {
    border-bottom: 1px dotted #cfd8d8;
}

#box2 .urllist-title-link{
    font-size: 100%;
}

/*--------------------*/
/* 検索窓             */
/*--------------------*/
input[type="submit"] {
  -webkit-appearance: none;
}

.hatena-module-search-box .search-form {
    padding-right: 60px;
    position: relative;
}
.hatena-module-search-box .search-module-input {
    width: 100%;
    padding: 10px 10px;
    background: none;
    border: 1px solid #d2d7e5;
}
.hatena-module-search-box .search-module-button{
    padding: 9px 10px;
    position: absolute;
    top: 2px;
    right: 0;
    border: 1px solid #d2d7e5;
    border-radius: 4px;
    cursor: pointer;

}


/*==============================*/
/* パンくず        */
/*==============================*/
.page-entry .breadcrumb {
    margin-top: 1em;
    font-size:1.3rem;
}

/*==============================*/
/* ページナビ　前後記事        */
/*==============================*/
/*2017*/
.pager {
  height: auto;
  overflow: hidden;
}
.pager .pager-next,
.pager .pager-prev {
  position: relative;
  border: 1px solid #f0f1f1;
  display: inline-block;
}
.pager .pager-next {
  float: right;
  text-align: right;
}

.pager a {
  display: block;
  padding: 10px 20px;
  overflow: hidden;
  text-decoration: none;
  background: #fff;
  min-height: 80px;
}
.pc .pager a:hover {
  color: #0066cc;
  background: #fefdfc;
}

.pager .pager-next, .pager .pager-prev {
  width: 50%;
}

/*hatena*/
/*1カラム*/
.page-index .pager .pager-next,
.page-index .pager .pager-prev,
.page-archive .pager .pager-next,
.page-archive .pager .pager-prev{
    width: 100%;

}


.page-index .pager a ,
.page-archive .pager a {
  min-height: 20px;
  padding-right: initial;
  text-align: center;
}

.page-archive .pager{
  margin-bottom:20px;
}
/* *********************************************** */
/*==============================*/
/* グローバルナビ        */
/*==============================*/
#gnav{
  width: 100%;

  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#gnav::-webkit-scrollbar {
  display: none;
}

#gnav .gnav-inner {
  position: relative;
  display: inline-table;

  height: 30px;
  width: 100%;

  margin-top: 0;
  padding-left: 20px;
  white-space: nowrap;

}

#gnav .gnav-inner .menu{
    display: table-cell;
    vertical-align: middle;
  padding-left: 20px;

}

#gnav .gnav-inner .menu a {
  height: 30px;
  display: block;
  text-align: center;
  overflow: hidden;
}

.pc #gnav .gnav-inner .menu a:hover{
    opacity: .8;
}

/*-------*/
#gnav .gnav-inner {
    /*background: #313131;*/
    border: 1px solid #e0e1e1;
}

#gnav .gnav-inner .menu a {
  /*color: #fff;*/
  text-decoration: none;

}

/* </system> */

/* <system section="background" selected="bg12"> */
body{ background-color::#000; background-image:url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/theme12.png?version=2789d874a2f9b79f9e81907e65b90f'); background-repeat:repeat; background-attachment:scroll; }
/* </system> */


/*日付を消す*/
.date {
display: none;
}

/* 記事枠*/
.entry-inner {
background: #000011;
margin: 3px;
}

/* 背景色と文字色*/
.entry-content{
background: #000011;
color: #FFFAFA;
font-size: 16px;
margin: 20px;
}

/* 本文改行*/
.entry-content p { 
margin:0
}

/* 画像幅にキャプション収める*/
.entry-content figure {
    display: table;
width: auto;
}

/* キャプション*/
.entry-content figcaption {
font-size: 10px;
text-align: right;
}

/* 引用*/
.source {
font-size: 10px;
margin-top:-20px;
}


/* ページャを消す*/
.pager-permalink {
    display:none !important;
}

/* ヘッダー下余白 */
#content {
    margin-top: 0px;
}

/* 記事ページヘッダー下余白 */
#top-box {
    margin-top: 0px;
}

/*パンくずリスト*/
.breadcrumb{font-size:100%;}/*100%で元のサイズ*/
.breadcrumb-child::before
{content:"\f04a";font-family:blogicon;color:好きな色;}

/*記事下のIDと時刻非表示*/
span.author.vcard{ 
display:none; 
} 
span.entry-footer-time {
display: none;
}

/* 目次 ストライプ背景2 */
.entry-content .table-of-contents {
    position: relative;
    color: #fff;
    font-size: 100%;
background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/theme4.jpg?version=2789d874a2f9b79f9e81907e65b90f');
    border: none;
    border-top: 40px solid #000033;/* アクセントカラー */
    padding: 10px 25px 15px 45px;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%!important;
    box-sizing: border-box;
}
.entry-content ul.table-of-contents,
.entry-content ul.table-of-contents li {
    list-style-type: decimal;/* 番号振り */
}
.entry-content .table-of-contents::before {
    display: block;
	font-family: "Font Awesome 5 Free";
    content: '\f00b';
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    padding-left: 3px;
    margin: 0;
    position: absolute;
    top: -35px;
    left: 10px;
    border-bottom: none;
}

.entry-content .table-of-contents:after {
    display: block;
    content: 'Contents';
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    position: absolute;
    top: -35px;
    left: 40px;
}
.entry-content .table-of-contents>li {
    font-weight: bold;
}
.entry-content ul.table-of-contents li a {
    color: #00bfff;
    text-decoration:none;
}
/* 目次 ストライプ背景2終了 */


/* 記事の内容 */
.summary {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 1px #00bfff;
    border-radius: 8px;
}
.summary .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10px;
    padding: 0px 9px;
    line-height: 1;
    font-size: 16px;
    background: #000;
    color: #00bfff;
    font-weight: bold;
}
.summary p {
    margin: 0; 
    padding: 4px;
font-size: 16px;
  position: relative;
  padding-left: 0em;/*アイコン分のスペース*/
  line-height: 1.2;
}

.summary p:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";/*アイコンのユニコード*/
  font-size: 16px;/*サイズ*/
margin-right: 5px; 
  color: #fff; /*アイコン色*/
}
/* 記事の内容 */


/* 記事タイトル*/
.entry-title a{
color: #00bfff!important;
font-size: 23px;
margin: 16px;
}

.entry-title:first-letter {
  font-size: 1.5em;
  color: #FFF;
}

/*記事タイトルを右から左へ*/
.page-entry .entry-title {
animation-name: RightToLeft;/* アニメーション名 */
animation-duration: 3s;/* アニメーション時間 */
}


h2 {
color: #00bfff;
font-size: 24px;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}
h2:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 1px;
  background-color: #00bfff;
}


h3 {
  position: relative;
  padding: 4px 10px!important;
  background: #00bfff;
  color: white!important;
  font-size: 20px!important;
}

h3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(0, 120, 190);
}


/*画像サイズ*/
.image88{
width: 480px;
margin-top: -10px;
}
@media (max-width: 768px){
.image88{
width: 88%;
}
.entry-content figcaption{
margin-right: 6%;
}
}




/*サイドバー*/
.hatena-module-title{
font-size: 12px;
  position: relative;
  color: #fff;/* 文字色 */
  background: #000022;/* 背景色 */
  line-height: 0.6;
  padding: 0.5em 0.5em 0.5em 1.8em;/* タイトル内の余白 */
  margin: 0px -10px 20px -10px;/* タイトルの位置を調整。 */
}




/*リンクされた文字*/
a{
    color:#00bfff;
}

/*未訪問のリンク*/
a:link {
    color:#00bfff;
}

/*訪問後のリンク*/
a:visited {
    color:#00bfff;
}

/*マウスをのせたとき*/
a:hover{
     color:#8277c5;
}


/*吹き出し*/
.balloon5 {
  width: 100%;
  margin: 1em 0; /*上下余白*/
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 2px #fff;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;  /*文字余白*/
  border-radius: 12px;
  background: #fff;
}

.says:after {   /*三角*/
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #fff;
}

.says p {    /*文字*/
color: #999;
  margin: 0;
  padding: 0;
}
/*吹き出し*/







/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
Customized by minimalgreen

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.drawer_menu a {
    color: inherit;
    text-decoration: none;
}

.drawer_menu a:visited {
    color: inherit;
}


/* PC用ナビゲーション カット */

.drawer_menu .drawer_nav_wrapper {
    transform: translate(0);
    width: 100%;
    height: 20px;/* PC用メニュー高さ */
    position: relative;
    top: 0px;
    right: auto;
    z-index: 100;
}

.drawer_menu .drawer_nav {
    max-width: 780px;/* コンテンツ幅に合わせる */
    padding: 0;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style-type: none;
}

.drawer_menu .drawer_nav li {
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 25px;/* PC用メニュー高さ */
    line-height: 25px;/* PC用メニュー高さ */
    background-color: #000022;/* PC用メニューボタン背景色 */
    text-align: center;
    list-style-type: none;
}

.drawer_menu .drawer_nav li:hover {
    background-color: #00bfff;/* PC用メニューボタンマウスオーバー背景色 */
}

.drawer_menu .drawer_nav li a {
    color: #fff;/* PC用メニューボタン文字色 */
}


/* PC非表示 */

@media screen and (min-width:1001px) {
    .pc-hidden {
        display: none;
        text-align: center;
    }
}

@media screen and (min-width: 1001px) {
/* ドロップダウンメニュー2階層目 */
.drawer_menu .drawer_nav li ul.second-level {
    visibility: hidden;
    list-style-type: none;
    position: absolute;
    z-index: -1;
    top: 0;
    margin: 0;
    padding-left: 0;
}

.drawer_menu .drawer_nav li:hover ul.second-level {
    visibility: visible;
    z-index: 1;
    top: 25px;/* PC用メニューの高さに合わせる */
    transition: all .1s;
}

.drawer_menu .drawer_nav li:hover ul.second-level li {
    width: 136px;/* ドロップダウンメニューボタン横幅 */
    height: 25px;/* Pドロップダウンメニューボタン高さ */
    text-align: center;
}

.drawer_menu .drawer_nav li:hover ul.second-level li a {
    display: block;
    background-color: #111;/* ドロップダウンメニューの文字の背景色 */
    color: #fff;/* ドロップダウンメニューの文字色 */
    font-size: 100%;
    text-decoration: none;
    line-height: 25px;/* Pドロップダウンメニューボタン高さ */
    text-align: center;
}

.drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
    background-color: #00bfff;/* ドロップダウンメニューマウスホバー背景色 */
}
}

/*+++ Default Button Color +++*/

.drawer_menu .drawer_button {
    color:rgba(20,100,150,0.4);/* ハンバーガーメニュー文字色 */
    display: none;
}

.drawer_menu .drawer_button .drawer_bar {
    background-color:rgba(20,100,150,0.4);/* ハンバーガーメニュー三本線の色 */
}


/* 1000px以下 */

@media screen and (max-width: 1000px) {
    .drawer_menu .drawer_bg {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        background-color: rgba(51, 51, 51, 0.5);
        display: none;
        top: 0;
        left: 0;
    }
    .drawer_menu .drawer_button {
        display: block;
        background: none;
        border: none;
        padding: 0;
        width: 40px;
        letter-spacing: 0.1em;
        cursor: pointer;
        position: fixed;
        top: 5px;
        right: 20px;
        z-index: 1001;
        text-align: center;
        outline: none;
    }
    .drawer_menu .drawer_button.active .drawer_bar {
        width: 49px;
    }
    .drawer_menu .drawer_button.active .drawer_bar1 {
        transform: rotate(30deg);
    }
    .drawer_menu .drawer_button.active .drawer_bar2 {
        opacity: 0;
    }
    .drawer_menu .drawer_button.active .drawer_bar3 {
        transform: rotate(-30deg);
    }
    .drawer_menu .drawer_button.active .drawer_menu_text {
        display: none;
    }
    .drawer_menu .drawer_button.active .drawer_close {
        display: block;
    }
    .drawer_menu .drawer_bar {
        display: block;
        height: 2px;
        margin: 10px 0;
        transition: all 0.2s;
        transform-origin: 0 0;
    }
    .drawer_menu .drawer_text {
        text-align: center;
        font-size: 10px;
    }
    .drawer_menu .drawer_close {
        letter-spacing: 0.08em;
        display: none;
    }
    .drawer_menu .drawer_menu_text {
        display: block;
    }
    .drawer_menu .drawer_nav_wrapper {
        width: 250px;
        height: 100%;
        transition: all 0.2s;
        transform: translate(250px);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        background-color: #000022;/* ドロワーメニュー内背景色 */
        overflow-x: hidden;
        overflow-y: auto;
    }
    .drawer_menu .drawer_nav {
        display: block;
        position: relative;
        margin-top: 40px;
        padding-left: 20px;
    }
    .drawer_menu .drawer_nav li {
        background-color: #fff;
        height: auto;
        line-height: 50px;/*  ドロワーメニューリスト項目高さ */
        position: relative;
    }
    .drawer_menu .drawer_nav li a {
        background-color: #000022;/* ドロワーメニューリスト背景色 */
        color: #fff;/* ドロワーメニューリスト文字色 */
        display: block;
        text-align: left;
    }
    /* スマートフォン2階層目 */
    .drawer_menu .drawer_nav li:hover ul.second-level {
        display: block;
    }
    .drawer_menu .drawer_nav li ul.second-level {
        visibility: visible;
        position: relative;
        padding: 0;
        z-index: 1001;
    }
    .drawer_menu .drawer_nav li ul.second-level li {
        border-top: 1px solid #eee;
    }
    .drawer_menu .drawer_nav li ul.second-level li a {
        padding-left: 20px;
    }
    .drawer_menu .drawer_nav_wrapper.open {
        transform: translate(0);
    }
    .drawer_menu.left .drawer_button {
        right: auto;
        left: 32px;
    }
    .drawer_menu.left .drawer_nav_wrapper {
        transform: translate(-250px);
        right: auto;
        left: 0;
    }
    .drawer_menu.left .drawer_nav_wrapper.open {
        transform: translate(0);
    }
    .pc-hidden {
        text-align: center;
    }
}
/*  ウィジェットタイトル */
.drawer-title {
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #29ADC9;/* ドロワーメニュー内タイトルライン背景色 */
    color: #fff;
}
/* フォローボタン */

.follow-buttons {
    text-align: center;
    margin-top: 0;
    width: 100%;
}

.follow-buttons a {
    display: inline-block;
    width: 60px;
    text-align: center;
    text-decoration: none;
    margin: 5px;
}

.follow-buttons .inner-text {
    font-size: 10px;
    display: block;
}

.follow-buttons .lg, .content-inner-follow-buttons .fa {
    padding: 15px;
    border-radius: 5px;
    margin: 2px auto;
}

.follow-buttons .hatena {
    color: #38393C;
    background-color: transparent;
}

.follow-buttons .blogicon-hatenablog {
    background: #38393C;
    color: #ffffff;
}

.follow-buttons .blogicon-hatenablog:hover {
    background: #5F6063;
}

.follow-buttons .facebook {
    color: #305097;
    background-color: transparent;
}

.follow-buttons .blogicon-facebook {
    background: #305097;
    color: #ffffff;
}

.follow-buttons .blogicon-facebook:hover {
    background: #5A77B7;
}

.follow-buttons .twitter {
    color: #55acee;
    background-color: transparent;
}

.follow-buttons .blogicon-twitter {
    background: #55acee;
    color: #ffffff;
}

.follow-buttons .blogicon-twitter:hover {
    background: #89C7F7;
}

.follow-buttons .instagram {
    color: #D93177;
    background-color: transparent;
}

.follow-buttons .blogicon-instagram {
    background: #D93177;
    color: #ffffff;
}

.follow-buttons .blogicon-instagram:hover {
    background: #df528d;
}

.follow-buttons .feedly {
    color: #6cc655;
    background-color: transparent;
}

.follow-buttons .blogicon-rss {
    background: #6cc655;
    color: #ffffff;
}
.pc-hidden .profile-icon {
    float: none;
}














/*コピーライト*/
#copyright {
padding: 0px;
font-size: 12px;
background:#000022;
color:#fff;/*文字の色*/
margin-bottom:50px;
}



/* 強調表示を蛍光ペン（青）風に */
article strong{
    margin:0 0.1em;
    padding:0.1em 0.2em;
    background:#fcfc60 !important;
    background:linear-gradient(to bottom, transparent 20%, rgba(50,200,250,0.4) 20%) !important;
}
/* bタグは太字 */
article b{
    font-weight:bold !important;
}

/* 斜体表示を蛍光ペン（黄色）風に */
article em{
    font-weight:bold;
    font-style: normal;
    margin:0 0.1em;
    padding:0.1em 0.2em;
    background:#cbffc1 !important;
    background:linear-gradient(to bottom, transparent 85%, rgba(255,245,200,0.8) 85%) !important;
}











/*上に戻る*/
#page-top {
  display:none;
  position:fixed;
  right:25px;
  bottom:100px;
  margin: 0;
  padding: 0;
  text-align:center;
}
#move-page-top{
  color:rgba(20,100,150,0.4);
  text-decoration:none;
  display:block;
  cursor:pointer;
}
#move-page-top:hover{
  color:rgba(50,200,250,0.6);
}
@media only screen and (min-width: 400px){
  #page-top{
    right:50%;
    margin-right: -450px;
  }
}











/* プロフィール */
.hatena-module-profile .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f2bb";
  position: absolute;
  left : 0.5em;
}
/* 検索 */
.hatena-module-search-box .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  position: absolute;
  left : 0.5em; 
}
/* 月別アーカイブ */
.hatena-module-archive .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f187";
  position: absolute;
  left : 0.5em; 
}
/* 最新記事 */
.hatena-module-recent-entries .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f303";
  position: absolute;
  left : 0.5em; 
}
/* 注目記事 */
.hatena-module-entries-access-ranking .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f201";
  position: absolute;
  left : 0.5em; 
}
/* カテゴリー */
.hatena-module-category .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02d";
  position: absolute;
  left : 0.5em; 
}
/* HTML */
.hatena-module-html .hatena-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f005";
  position: absolute;
  left : 0.5em; 
}










/**********アニメーション設定**********/
/*右から左*/
@keyframes RightToLeft {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}

/*上から下*/
@keyframes SlideDown {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(-50px);/* Y軸方向に-50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}

/*下から上*/
@keyframes SlideUp {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(50px);/* Y軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}
/**********アニメーション設定end**********/







/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
position: relative;
width: 60%;      /* 吹き出し枠　*/
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 17px;      /* 文字余白　*/
border-radius: 10px;      /* 吹き出し角丸　*/
border: 0px solid #00bfff;      /* 吹き出し枠線　*/
box-shadow: 0px 0px 0px #aaa;      /* 吹き出し枠影　*/
background-color: #fff;      /* 吹き出し背景　*/
z-index: 1;
}
.entry-content .l-fuki {
margin: 20px 20% 40px 0;
}
.entry-content .r-fuki {
margin: 20px 0 10px 17%;      /* 上？下 左右　*/
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
position: absolute;
content: "";
top: 24px;      /* 三角位置　*/
width: 20px;      /* 三角幅　*/
height: 20px;      /* 三角縦　*/
border-right: 0px solid #999;      /* 三角影　*/
border-bottom: 0px solid #999;      /* 三角影　*/
background-color: #fff;
z-index: 2;
}
.entry-content .l-fuki::before {
right: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
left: -10px;      /* 三角左右　*/
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
position: absolute;
content: "";
width: 80px;
height: 80px;
top: 0px;      /* アイコン上下　*/
border-radius: 40px;
border: 2px solid #fff;      /* アイコン枠線　*/
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
box-shadow: 0px 0px 0px #aaa;      /* アイコン枠影　*/
}
.entry-content .l-fuki::after {
right: -110px;
}
.entry-content .r-fuki::after {
left: -100px;      /* アイコン左右　*/
}
@media screen and (max-width: 620px) {
.entry-content .l-fuki,
.entry-content .r-fuki {
width: 70%
}
.entry-content .l-fuki {
margin-right: 30%;
}
.entry-content .r-fuki {
margin-left: 30%;
}
}
@media screen and (max-width: 478px) {
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
width: 80px;
height: 80px;
border-radius: 40px;
}
.entry-content .l-fuki::after {
right: -84px;
}
.entry-content .r-fuki::after {
left: -100px;
}
}
.kuroko::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/harahetty/20200227/20200227084721.png);
}

.kuroko{
color: #999;
font-size: 18px;
}
/* 吹き出しのCSS終了　*/