/* <system section="theme" selected="smooth"> */
@charset "UTF-8";/*!
Theme: Smooth
Author: Hatena Blog Team
Responsive: yes
*//*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}html,body{background:#f9fafb;font-family:helvetica,Segoe UI,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,メイリオ,Meiryo,sans-serif;color:#293030}html{line-height:1}body{font-size:17px;line-height:1.6}img{vertical-align:baseline}a{color:#293030}a:hover{color:#586767;transition:all .3s}.date{margin:0 0 .7em;font-size:.9rem}.date a{color:#6f8383}.date a:hover{color:#a5b3b3}.date-last-updated{color:#6f8383;font-size:.9rem}#globalheader-container{position:sticky;top:0;background:#f9fafb}#container{word-wrap:break-word}#blog-title{max-width:1280px;margin:auto;padding:4% 5%;text-align:center}#title{font-size:150%;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-weight:400}@media (min-width: 768px){#title{font-size:215%}}#blog-description{font-size:90%;font-weight:400}#content-inner{width:100%;display:flex;flex-direction:column}@media (min-width: 768px){#content-inner{flex-direction:row;margin:auto;padding:0 20px}}@media (min-width: 1200px){#content-inner{width:1200px}}#wrapper{flex:0 0 100%;max-width:100%}@media (min-width: 768px){#wrapper{flex:0 0 75%;max-width:75%}}@media (min-width: 1020px){#main{padding:0 3% 0 0}}.header-image-enable #blog-title,.header-image-only #blog-title{padding:0 0 1.5em}@media (min-width: 1200px){.header-image-enable #blog-title,.header-image-only #blog-title{width:1160px}}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{display:flex;align-items:center;justify-content:center;height:50vw;max-height:200px}@media (min-width: 1200px){.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{background-size:100%}}.header-image-enable #blog-title-content,.header-image-only #blog-title-content{margin:0 .5em}.breadcrumb{font-size:.9rem}.categories{margin-bottom:2em}.categories a{display:inline-block;background:#e9f0f2;margin:0 .3em 0 0;padding:0 10px;font-size:12px}.pager{text-align:center;margin:3em .8em}@media (min-width: 1020px){.pager{margin:0}}.pager a{display:inline-block;width:100%;background:#eff1f5;padding:.7em 1.2em;border:none;font-weight:400;font-size:.9rem;color:#293030}.pager a:hover{background-color:#e9ecf1;text-decoration:none}.pager .pager-next,.pager .pager-prev{width:100%;padding:.5em 0}.pager .pager-prev+.pager-next{margin-left:1em;padding-left:1em}@media (min-width: 768px){.pager .pager-prev+.pager-next{margin-left:1.5em;padding-left:1.5em}}.pager.permalink{display:flex;justify-content:center;align-items:center;text-align:center}.hatena-urllist{padding-left:0;list-style:none}.hatena-urllist li{border-top:1px dotted #cfd8d8;padding-top:10px;padding-bottom:10px}.hatena-urllist .archive-module-year,.hatena-urllist .archive-module-month{line-height:2}.hatena-urllist .urllist-date-link a{color:#6f8383}.hatena-urllist .urllist-category-link{display:inline-block;background:#e9f0f2;margin:.5em .3em 0 0;padding:3px 10px;font-size:12px;line-height:1.3}.hatena-urllist .urllist-category-link:hover{background:#d9e5e9;text-decoration:none;transition:background .3s}.hatena-urllist .urllist-entry-body{margin-top:10px}.hatena-module{margin-bottom:3em;padding-left:20px;padding-right:20px;font-size:.85rem}.hatena-module:last-child{margin-bottom:0}.hatena-module-title{margin-bottom:12px;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-size:20px}.hatena-module-body{font-size:15px}.hatena-module-body .urllist-title-link{font-size:100%}.hatena-module-body .archive-module-button{display:inline-block;width:15px;height:15px}.hatena-module-body .archive-module-hide-button,.hatena-module-body .archive-module-show-button{position:absolute;overflow:hidden;width:15px;height:15px;text-indent:-15px}.hatena-module-body .archive-module-hide-button:after,.hatena-module-body .archive-module-show-button:after{content:"";top:50%;display:inline-block;position:absolute;width:8px;height:8px;margin-top:-.1em;border-top:1px solid #6f8383;border-right:1px solid #6f8383}.hatena-module-body .archive-module-hide-button{transform:rotate(135deg);margin-top:.2em}.hatena-module-body .archive-module-show-button{transform:rotate(45deg);margin-top:.2em}@media (min-width: 481px){.search-result-form{margin:0 1em}}.search-result+p{background:#fff;border:1px solid #f0f1f1;margin:0 0 3em;padding:8% 0;font-weight:700;text-align:center}.search-form,.search-result-form{position:relative;width:100%;background:#fff;margin:auto;border:1px solid #eee;box-sizing:border-box}.search-form:hover,.search-result-form:hover{border-color:#ddd}.search-module-input,.search-result-form .search-result-input{width:90%;height:30px;padding:5px;background:#fff;border:none;outline:none}.search-module-input::-webkit-input-placeholder,.search-result-form .search-result-input::-webkit-input-placeholder,.search-module-input::-placeholder,.search-result-form .search-result-input::-placeholder{color:#9faba9}.search-module-button,.search-result-form .search-result-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=b55d01c69f780f5ff608dea0716a54) no-repeat right center;background-size:20px 20px;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;opacity:.5;cursor:pointer}.search-module-button:hover,.search-result-form .search-result-button:hover{opacity:.85}#top-box{margin:0 auto;padding:0 10px}@media (min-width: 768px){#top-box{padding:0 20px}}@media (min-width: 1200px){#top-box{max-width:1200px}}.entry{background:#fff;border:1px solid #f0f1f1;margin-bottom:2em;padding:8% 5%}@media (min-width: 768px){.entry{padding:8% 9% 5%}}.entry-header{position:relative;margin-bottom:1.5em}@media (min-width: 481px){.entry-header{margin-bottom:3em}}.entry-header-menu{position:absolute;top:0;right:0;margin-bottom:1em}.entry-header-menu a{background:#f9fafb;border:1px solid #cfd8d8;padding:5px 10px;font-size:.9rem}.entry-header-menu a:hover{background:#f3f5f7;text-decoration:none}.entry-title{margin-bottom:.5em;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;font-size:130%;font-weight:400;line-height:1.5}@media (min-width: 768px){.entry-title{font-size:190%}}.entry-content{line-height:1.85}.entry-content a{color:#119e4d}.entry-content a:hover{color:#0c7037}.entry-content a.keyword{-webkit-text-decoration:underline dotted #cfd8d8;text-decoration:underline dotted #cfd8d8}.entry-content a.keyword:hover{color:#586767;-webkit-text-decoration:underline dotted #ffffff;text-decoration:underline dotted #ffffff}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.5em 0 .8em;line-height:1.3}.entry-content h1{padding-bottom:15px;font-size:190%;border-bottom:1px solid #cfd8d8}.entry-content h2{font-size:165%}.entry-content h3{padding-bottom:10px;font-size:140%;border-bottom:1px solid #cfd8d8}.entry-content h4{font-size:130%}.entry-content h5{padding-bottom:10px;font-size:120%;border-bottom:1px solid #cfd8d8}.entry-content h6{font-size:100%}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0;line-height:1.7}.entry-content ul li ul,.entry-content ol li ul,.entry-content dd li ul,.entry-content ul li ol,.entry-content ol li ol,.entry-content dd li ol{margin-bottom:0}.entry-content dl{margin-top:2em}.entry-content dl dt{margin-bottom:.8em}.entry-content p{margin:0 0 .7em}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content blockquote{position:relative;padding:9px 15px 9px 40px;border:1px solid #f0f1f1}@media (min-width: 1020px){.entry-content blockquote{padding:20px 20px 20px 60px}}.entry-content blockquote:before{display:inline-block;position:absolute;top:10px;left:10px;vertical-align:middle;content:"“";font-size:40px;font-family:Times New Roman,游明朝体,YuMincho,游明朝,Yu Mincho,serif;color:#6f8383;line-height:1}@media (min-width: 1020px){.entry-content blockquote:before{left:15px;font-size:70px}}.entry-content blockquote p{margin-bottom:0}.entry-content blockquote cite{display:block;margin-top:.5rem;text-align:right;font-size:85%;line-height:1.3}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block}.entry-content table th,.entry-content table td{border:1px solid #f0f1f1;padding:5px 10px}.entry-content table th{background:#f9fafb}.entry-content pre,.entry-content code{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#293030;border:none;white-space:pre-wrap;text-overflow:ellipsis ellipsis;font-size:100%;font-size:.9rem;padding:10px;color:#ccc}@media (min-width: 768px){.entry-content pre{font-size:.85rem;padding:15px}}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 .1em;padding:0 5px;border-radius:3px}.entry-content .table-of-contents{background:#f9fafb;margin-left:0;padding:15px 10px 15px 35px;font-size:16px}@media (min-width: 768px){.entry-content .table-of-contents{padding:20px 20px 20px 50px}}.entry-footer{margin-top:1em}.entry-footer-modules .hatena-module{padding:0}.entry-footer-section{margin-bottom:8px;color:#6f8383;font-size:.9rem}.entry-footer-section a{color:#6f8383}.entry-footer-ad{margin-left:-9%;margin-right:-9%}.comment-box{margin:0 -5%;padding:5% 5% 0;border-top:1px solid #f0f1f1}@media (min-width: 768px){.comment-box{margin:0 -11%;padding:20px 11% 0}}.comment-box .leave-comment-title{background:#f9fafb;border:1px solid #cfd8d8;padding:.5rem 1rem;font-size:.9rem}.comment-box .leave-comment-title:hover{background:#f3f5f7}.comment-box .comment{list-style:none;padding-left:0}.comment-box .comment a{color:#119e4d}.comment-box .comment a:hover{color:#0c7037}.comment-box .comment .comment-user-id{font-size:14px;font-weight:700}.comment-box .comment .entry-comment{padding:20px 0 0;border-top:1px solid #f0f1ff;color:#6f8383}.comment-box .comment .entry-comment:first-child{padding-top:0;border-top:none}.comment-box .comment .entry-comment .comment-content{word-wrap:break-word}.comment-box .comment .entry-comment .comment-content p{font-size:14px}.comment-box .comment .entry-comment time{font-size:12px}.comment-box .comment .read-more-comments{font-size:14px}@media (min-width: 1020px){.comment-box .comment .read-more-comments{margin-right:25px}}.comment-box .comment .read-more-comments a{position:relative;display:inline-block}.comment-box .comment .read-more-comments a:after{content:"";top:20%;left:-20px;display:inline-block;position:absolute;width:8px;height:8px;border-top:1px solid #119e4d;border-right:1px solid #119e4d;transform:rotate(135deg);margin-top:1px}#box2{flex:0 0 100%;max-width:100%;background:#fff3;padding:1em 0}@media (min-width: 768px){#box2{flex:0 0 25%;max-width:25%}}#box2 .hatena-urllist>li:last-child{border-bottom:1px dotted #cfd8d8}.hatena-module-profile .profile-icon-link{display:inline;float:left;margin-right:.7em}.hatena-module-profile .profile-icon-link .profile-icon{border-radius:400px}@media (min-width: 1020px){.hatena-module-profile .profile-icon-link{display:block;float:none;margin-right:0}}.hatena-module-profile .id{display:block}.hatena-module-profile .id a{color:#119e4d;font-weight:700}.hatena-module-profile .id a:hover{color:#0c7037}.hatena-module-profile .profile-description p{font-size:80%}.archive-module-calendar .calendar-day a{color:#119e4d;font-weight:700}.archive-module-calendar .calendar-day a:hover{color:#0c7037}.hatena-module-recent-comments .user-id span{font-size:12px;opacity:.7}#footer{background:#fff;margin-top:2em;padding-top:2rem;padding-bottom:2rem;text-align:center;font-size:.9rem;color:#6f8383}#footer a{color:#6f8383}#footer p{margin:.5em auto}.archive-header-category{margin-bottom:.3em}.page-archive .archive-heading{margin:.5em .7em 1.3em;line-height:1.5}@media (min-width: 1020px){.page-archive .archive-heading{margin:.5em 0 1.3em}}.page-archive .archive-entry{background:#fff;border:1px solid #f0f1f1;margin-bottom:30px;padding:9% 6% 6%}@media (min-width: 768px){.page-archive .archive-entry{padding:6%}}@media (min-width: 768px){.page-archive .archive-entry .entry-title{font-size:150%}}

/* </system> */


/*スマホの時だけ*/
@media(max-width: 767px){ 
/*ボトムメニュー付けたのでフッタを底上げする*/
#footer{margin-bottom:60px;}
}


/*コピーライト*/
#copyright {
padding: 20px;
text-align: center;
background: #AAAAAA;
font-size: 13px;
color:#fff;
}


/* 本文 */
body {
    font-size: 16px; 
    font-family: "メイリオ", sans-serif;
}


/* 記事タイトル */
.entry-title a {
    font-size: 22.4px;
    font-family: "メイリオ", sans-serif;
}


/* ヘッダースマホサイズ調整 */
@media (max-width:480px) {
.header-image-only #blog-title {
height: 100px;
}
.header-image-only #blog-title #blog-title-inner {
background-size: cover;
height: 100px;
}
}


/* タイトル画像上下の余白を取る */
#blog-title { 
margin: 0 auto;
padding: 0; 
}


/*記事下のランキング参加写真３つ横並び*/
#my-footer a {
    display: inline-block;
    margin-right: 10px; /* 画像間の余白 */
}

/* スマホサイズの場合 */
@media screen and (max-width: 768px) {
    #my-footer a {
        display: inline-block; /* ブロックレベル要素に変更 */
        margin-right: 0; /* 画像間の余白をリセット */

    }
}


/*目次デザイン*/
.entry-content .table-of-contents {
    position: relative;
    margin: 0;
    padding: .5em 1.2em 1em;
    background: #AAAAAA;
    font-size: 100%;
    border-top: solid 40px #AAAAAA!important;
    border-right: solid 2px #AAAAAA!important;
    border-bottom: solid 2px #AAAAAA!important;
    border-left: solid 2px #AAAAAA!important;
    border-radius: 8px;
    color: #AAAAAA;
}
.entry-content .table-of-contents::before {
    content: "目次";
    position: absolute;
    top: -33px;
    left: 38px;
    margin: 0;
    color: #fff;
    border: 0;
    font-size: 120%;
    font-weight: bold;
}
.entry-content .table-of-contents::after {
    content: "\f039";
    font-family: blogicon;
    position: absolute;
    top: -35px;
    left: 13px;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
}
.entry-content .table-of-contents li {
    margin: .2em 0 1em 1em;
    list-style-type: decimal;
    line-height: 1.6em;
    font-weight: bold;
    color: #AAAAAA;
}
.entry-content .table-of-contents li ul {
    margin: 0 0 1em .5em;
    padding: 0;
}
.entry-content .table-of-contents li ul li {
    margin: .2em 0 0 1em;
    font-weight: normal;
    font-size: 100%;
}
.entry-content .table-of-contents li ul li ul li {
    font-size: 90%;
}
.entry-content .table-of-contents a {
    color: #AAAAAA;
    display: block;
    text-decoration: none;
    border-bottom: solid 2px #AAAAAA;
}
.entry-content .table-of-contents ul li a {
    border-bottom: dashed 1px #AAAAAA;
}


/* 見出し */
 h2 {
  background: #FFC7C7;
  padding: 0.5em;/*文字周りの余白*/
  color: white;
  border-radius: 0.5em;
    font-size: 22.4px!important;
}


h3 {
  color: #FFC7C7;
  font-size: 21px!important;
  padding: 0.5em 0;
  border-top: solid 3px #FFC7C7;
  border-bottom: solid 3px #FFC7C7!important;
}

h4 {
  padding: 0.25em 0.5em;
  color: #AAAAAA;
  background: transparent;
  font-size: 19px!important;
  border-left: solid 5px #FFC7C7;
}


/* サイドバーの文字色 */
.hatena-module-title{
   text-align: center; 
   font-size: 16px; 
   font-weight: bold; 
   font-family: "メイリオ", sans-serif; 
}


/* グローバルナビ 著作権消さない */
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: 50px;
	/* PC用メニュー高さ */
	position: relative;
	top: auto;
	right: auto;
	z-index: 100;
	background-color: #AAAAAA;
	/* PC用メニュー背景色 */
}

.drawer_menu .drawer_nav {
	max-width: 1000px;
	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: 15px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #AAAAAA;
	text-align: center;
	list-style-type: none;
}

.drawer_menu .drawer_nav li:hover {
	background-color: #d4d4d4;
}

.drawer_menu .drawer_nav li a {
	color: #fff;
	font-family: "Arial-BoldMT";
}

/* 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: 50px;
		transition: all .3s;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li {
		width: 200px;
		height: 50px;
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a {
		display: block;
		background-color: #AAAAAA;
		color: #fff;
		font-size: 100%;
		text-decoration: none;
		line-height: 50px;
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
		background-color: #d4d4d4;
	}

	.touch-btn {
		color: #fff;
		margin-left: 5px;
	}
}

/*スマホメニューここから*/

.drawer_menu .drawer_button {
	color: #fff;
	/* ハンバーガーメニュー文字色 */
	display: none;
}

.drawer_menu .drawer_button .drawer_bar {
	background-color: #fff;
	margin-top: 1px; 
}

.drawer_menu .drawer_button::after {
    content: "menu"; 
    font-size: 10px;
    display: block;
    margin-top: -5px; 

}


/* 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-color: #FFC7C7;
    color: #fff;
    padding: 5px;
    width: 50px;
    height: 50px; 
    letter-spacing: 0.1em;
    cursor: pointer;
    position: fixed;
    top: 45px;
    right: 10px;
    z-index: 1001;
    text-align: center;
    outline: none;
    border-radius: 12%; 
    border: 2px solid #fff; 
	}

	.drawer_menu .drawer_button.active .drawer_bar {
		width: 40px;
	}

	.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: 8px 2px;
		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: #F6F6F6;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}

	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin-top: 40px;
	}

	.drawer_menu .drawer_nav li {
		background-color: #fff;
		/*  どこの色？ */
		height: auto;
		line-height: 50px;
		position: relative;
		border-bottom: 1px solid #eee;
	}

	.drawer_menu .drawer_nav li a {
		background-color: #F6F6F6;
		/* ドロワーメニューリスト背景色 */
		color: #454545;
		display: block;
		text-align: left;
		padding-left: 20px;
		
	}

	/* スマートフォン2階層目 */
	.drawer_menu .drawer_nav li:hover ul.second-level {
		display: block;
	}

	.drawer_menu .drawer_nav li ul.second-level {
		display: none;
		position: relative;
		padding: 0;
		z-index: 1001;
	}

	.drawer_menu .drawer_nav li ul.second-level li a {
		padding-left: 40px;
	}

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

	.touch-btn {
		color: #454545;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
	}
}

/*  ウィジェットタイトル */
.drawer-title {
	text-align: center;
	width: 80%;
	height: 50px;
	line-height: 50px;
	background-color: #FFC7C7;
	color: #fff;
}

.drawer-title {
    font-family: "Arial", sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
}

/* プロフ写真を小さく */
.design10-profile_icon img {
    max-width: 170px; 
    height: auto; 
    margin: 0;
}

/* プロフ写真以下 フジブロさんのstyle内コード */
.design10-profile-wrap {
    margin: 0;
    padding: 0;
    max-width: 350px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}
.design10-icon-link {
  color: #555!important;
  text-decoration: none;
}
.design10-icon-link:hover {
  color: #555!important;
}
.design10-profile_icon {
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    z-index: 2;
}
.design10-profile_icon::before {
    content: "";
    display: block;
    width: 120px;
    height: 80px;
    position: absolute;
    left: 200px;
    bottom: -15px;
    background-color: transparent;
    background-image: radial-gradient(circle, #f6c7cf 30%, transparent 30%);/***ドット色***/
    background-size: 10px 10px;
    background-position: 0 0;
    z-index: 3;
}
.design10-profile_icon img {
    width: 250px;
    height: auto;
    margin: 0;
}
.design10-name {
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    line-height: 1.4;
    z-index: 2;
}
.design10-profile-body {
    padding: 0 1em;
    border-left: solid 4px #f6c7cf;
    text-align: left;
}
.design10-profile-body p {
    font-size: 14px;
    line-height: 1.6;
}
.design10-text-center {
    text-align: center;
    margin-bottom: 1em;
}
.design10-about-link {
    display: inline-block;
    color: #ffffff!important;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    padding: .5em 1em;
    background: #f6c7cf;
    border-radius: 30px;
    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, .5);
    transition: .3s;
}
.design10-about-link:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 10px 20px -10px rgba(0, 0, 0, .25);
}
/***フォローボタンラベル部分***/
.follow-label {
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    line-height: 1.5;
}
/***ここからフォローボタンカラー***/
.follow-btn-list {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 0 1em;
}
.follow-btn-item a {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: .15em;
    padding: .1em;
    color: #fff!important;
    font-size: 26px;
    line-height: 40px;
    border-radius: 20px;
    box-sizing: border-box;
    transition: .2s;
}
.follow-btn-item a:hover {
    transform: translateY(-4px);
    box-shadow: 1px 10px 8px -4px rgba(0,0,0,.2);
    opacity: .8;
    color: #fff;
}
/*** 読者登録 ***/
.follow-btn-item .hatena {
    background: #333;
}
/*** ツイッター ***/
.follow-btn-item .twitter {
    background: #1da1f2;
}
/*** youtube ***/
.follow-btn-item .youtube {
    background: #ff0000;
}
/*** instagram ***/
.follow-btn-item .instagram {
    background: linear-gradient(125deg, #427eff 0%, #f13f79 70%) no-repeat;
    position: relative;
    overflow: hidden;
}
.follow-btn-item .instagram::before {
    content: "";
    position: absolute;
    top: 20px;
    left: -14px;
    width: 53px;
    height: 53px;
    background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
.blogicon-instagram {
    position: relative;
    z-index: 1;
}
/*** instagramここまで ***/
.follow-btn-item i {
    vertical-align: 7%;
}

/* プロフ写真以下 フジブロさんのstyle内コード ここまで*/


.pc-hidden .profile-icon {
	float: none;
}

}

/* カテゴリの色 */
.categories a{
  background:#FFC7C7;
  color:#fff;
}


/* リンクの色*/
.entry-content a {
    color: #95ccff; 
    text-decoration: underline; 
}


/*****記事一覧の枠のスタイル*****/
.page-archive .archive-entry {
border: 1px #AAAAAA solid; 
align-items: center;
padding: 15px; 
box-sizing: border-box;
justify-content: space-around;
border-radius: 10px; 
}


/*更新日時*/
.entry-content .updated{
	display:none;
}
.page-entry .entry-header .updated{
    display:inline-block;
}

/*更新日時のアイコン*/
.page-entry .entry-header .updated:before {
    font-family: "blogicon";
    content: "\f02b";
    left: 0;
    font-size: 95% !important;
    top: 0;
    color: #111111;
    padding-left: 20px;
    padding-right: 8px;
}


/* 太文字マーカー */
.entry-content strong {
    background: linear-gradient(transparent 60%, #FFFF99 40%); /* 黄色系の背景色 */
}


/* 吹き出しのCSS　*/
.entry-content .l-fuki,
.entry-content .r-fuki {
  position: relative;
  width: calc(100% - 82px);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 20px;
  border-radius: 6px;
  border: 2px solid #ddd;
  box-shadow: 0 3px 8px -2px rgba(0,0,0,.16);
　background-color: #FFE2E2; 
  z-index: 1;
  box-sizing: border-box;
}
.entry-content .l-fuki {
  margin: 20px auto 36px 0;
}
.entry-content .r-fuki {
  margin: 20px 0 36px auto;
}
.entry-content .l-fuki::before,
.entry-content .r-fuki::before {
  position: absolute;
  content: "";
  top: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  background-color: #FFE2E2;
  z-index: 2;
}
.entry-content .l-fuki::before {
  right: -7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.entry-content .r-fuki::before {
  left: -7px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.entry-content .l-fuki::after,
.entry-content .r-fuki::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: -6px;
  border-radius: 50%;
  border: 3px solid #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 5px #aaa;
  box-sizing: border-box;
}
.entry-content .l-fuki::after {
  right: -82px;
}
.entry-content .r-fuki::after {
  left: -82px;
}
@media screen and (min-width: 478px) {
  .entry-content .l-fuki::after,
  .entry-content .r-fuki::after {
    width: 80px;
    height: 80px;
  }
  .entry-content .l-fuki,
  .entry-content .r-fuki {
    width: calc(100% - 106px);
  }
  .entry-content .l-fuki::after {
    right: -106px;
  }
  .entry-content .r-fuki::after {
    left: -106px;
  }
}
.tsuki::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/u/usagitonokurashi/20240328/20240328125715.jpg?changed=1711598248);}
.yukari::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/u/usagitonokurashi/20200410/20200410121846_120.jpg);}


/* 記事下シェアボタン 下部の余白 */
.sns-tag-cloud-under {
   margin: 0px 0 30px 0;
}

/*  記事下シェアボタン */
.sns-tag-cloud {
   padding-inline-start: 0px;
font-size: 12px;
font-weight: bold;
}

.sns-tag-cloud-under {
   padding-inline-start: 0px;
font-size: 12px;
font-weight: bold;
text-align:center;
}

a.sns-tag-cloud-hatenab {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
color: #00A4DE;
border: 1.5px solid;
border-color: #00A4DE;
border-radius: 3px;
}
a.sns-tag-cloud-hatenab:hover {
background: #00A4DE; 
color: #fff; 
}

a.sns-tag-cloud-facebook {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #4064AC;
border: 1.5px solid;
border-color: #4064AC;
border-radius: 3px;
}
a.sns-tag-cloud-facebook:hover {
background: #4064AC; 
color: #fff; 
}

a.sns-tag-cloud-twitter {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #000000;
border: 1.5px solid;
border-color: #000000;
background: #fff;
border-radius: 3px;
}
a.sns-tag-cloud-twitter:hover {
background: #000000; 
color: #fff; 
}


a.sns-tag-cloud-pocket {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #EF4056;
border: 1.5px solid;
border-color: #EF4056;
border-radius: 3px;
}
a.sns-tag-cloud-pocket:hover {
background: #EF4056; 
color: #fff; 
}

a.sns-tag-cloud-line {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #21BA4E;
border: 1.5px solid;
border-color: #21BA4E;
border-radius: 3px;
}
a.sns-tag-cloud-line:hover {
background: #21BA4E; 
color: #fff; 
}


/* topに戻るボタン */
#page_top{
width: 50px;
height: 50px;
position: fixed;
    right: 13px; 
    bottom: 13px;
background: #AAAAAA;
opacity: 0.6;
border-radius: 50%;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;/*横幅縦幅大きくするならここも変える*/
text-decoration: none;
}
#page_top a::before{
font-family: 'blogicon';
font-weight: 900;
content: '\f007';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: 1px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}.entry-content .table-of-contents {
    position: relative;
    margin: 0;
    padding: .5em 1.2em 1em;
    background: #fff;
    font-size: 100%;
    border-top: solid 40px #5bb7ae;
    border-right: solid 2px #5bb7ae;
    border-bottom: solid 2px #5bb7ae;
    border-left: solid 2px #5bb7ae;
    border-radius: 8px;
    color: #5bb7ae;
}

#page_top a::after{
content: 'TOP';
font-size: 13px;
color: #fff;
position: absolute;
top: 4px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
} 

/* 1000px以下の画面幅（スマートフォン） */
@media screen and (max-width: 1000px) {
    #page_top {
        display: none; /* スマートフォンで非表示にする */
    }
}

    
/*　スマホボトムナビ */
.mini-text{font-size:10px;}

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:55px;
    margin:0;
    padding:0;
    background-color:#F6F6F6;
    border-top:2px solid #AAAAAA;
    border-bottom:2px solid #AAAAAA;
    z-index:30;
    }

ul.bottom-menu li {
    float:left;
    width:20%;/*メニューアイコンを5つ並べる*/
    background-color:#F6F6F6;
    list-style-type:none;
    text-align:center;
    font-size:25px;
    }
.bottom-menu li a {
    display: block;
    color:#AAAAAA;
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;
    }



.bottom-menu .blogicon-hatenablog:before {
    font-family: 'blogicon'; 
    content: "\f050"; 
}



.bottom-menu li a:hover {
    color:#a9a9a9;
    }


/* 展開メニュー */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li a{
    border-top:1px #a9a9a9;
        font-size:15px;
        line-height:30px;
        color: #293030;
        }


.menu-second-level li a:hover {
    height:100%;
    background: lightgrey;
    }

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}

 /* スマホボトムのメニューのアイコンだけ左にずらす */  
.bottom-menu .drawer_button i.blogicon-reorder {
    margin-left: -30px; 
}    


/* 検索窓 */
.hatena-module-search-box  .search-form{
   overflow: hidden; /* 内容がはみ出た分を隠す */
   width: 100%;
   margin-left: auto; 
   margin-right: 0; 
   margin-bottom: 30px;
   border: 2px solid #AAAAAA; 
   border-radius: 20px;
   background: #FFFFFF; 
   }


/* 検索窓スマホ表示 */
@media screen and (max-width:767px){
.hatena-module-search-box  .search-form{
   overflow: hidden; /* 内容がはみ出た分を隠す */
   width: 80%;
   margin-left: auto; 
   margin-right: auto; /*左右位置をautoにすることで中央寄せ*/
   margin-bottom: -10px;
   margin-top: 10px;
   border: 2px solid #AAAAAA; 
   border-radius: 20px; 
   background: #FFFFFF; 
   }
}



/* 検索結果ページの検索窓を非表示にする　ダブり防止 */
.search-result-form {
    display: none;
    }