/* <system section="theme" selected="12921228815728169090"> */
@charset "utf-8";
/*
	Theme: Written
	Version: 1.0.1
	Author: jclv
	Description: http://jclv.co
           _      __
          (_)____/ /   __
         / / ___/ / | / /
        / / /__/ /| |/ /
     __/ /\___/_/ |___/
    /___/

    Licensed under the MIT license.
*/
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:400,900|Open+Sans:400,700");
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{color:#333;background-color:transparent;font-family:'Open Sans',Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}a{color:#444;text-decoration:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}a:hover{color:#85c226;text-decoration:none}pre{padding:.5em;background:#f7f7f7;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#container{width:1020px;background-color:#fff;margin:1px auto 0;padding-top:.5em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#container-inner{width:960px;margin:0 auto}#blog-title-inner{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#blog-title{margin:1em 0 2em}#blog-title h1{font-family:Lato,'Open Sans','メイリオ',Meiryo;font-size:2.4em;font-weight:900;margin:.5em 0 0}#blog-title h1 a{color:#333}#blog-title h1 a:hover{color:#85c226;text-decoration:none}header h2{color:#666;font-size:.8em;font-family:'Open Sans',Meiryo;font-weight:100}#top-box{width:960px;margin:0 auto;font-size:.8em}#top-box .breadcrumb{padding-bottom:1.5em;color:#c0c0c0}#top-box .breadcrumb a,#top-box .breadcrumb span{color:#444;padding:0 .1em}#top-box .breadcrumb a:hover{color:#85c226}#content{width:960px;margin:0 auto}#content-inner{text-align:left}#wrapper{width:650px;float:left}#main{float:left;width:650px;min-height:90px;padding-bottom:1em}#main:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}#box1{display:none}#box2{width:270px;float:right;text-align:left}#bottom-box{clear:both}#content:after{content:" ";display:block;height:0;visibility:hidden;clear:both}article{padding-bottom:3em}section.day{margin-bottom:40px}.entry{margin-bottom:100px;position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}.entry-header{position:relative;padding-bottom:1.7em}.date{font-size:.8em;position:absolute;left:0;bottom:0;line-height:1em}.date a{color:#999}.date .hyphen{display:none}.date .date-month:before,.date .date-day:before{font-size:1.1em;content:'\2022';color:#ccc;padding:0 .3em}.entry-title{text-align:left;margin:0;font-size:1.6em;font-family:Lato,'Open Sans','メイリオ',Meiryo;font-weight:900;line-height:140%}.entry-title-empty{display:none}.entry-title a{position:relative}.categories{position:absolute;bottom:0;right:0;line-height:1em}.categories:before{font-family:FontAwesome;font-size:1em;content:'\f02b';color:#c0c0c0;margin-right:.2em}.categories a{color:#666;font-size:.8em;margin-right:.4em;white-space:nowrap}.categories a:hover{text-decoration:none;color:#808080;border-bottom:2px solid #85c226}.no-categories:before{display:none}.entry-header-menu a{display:block;font-size:.8em;padding:.15em .5em;color:#fff;background:#333;position:absolute;right:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-header-menu a:hover{background:#808080;text-decoration:none}.entry .entry-category-area{padding:5px 0;color:#aaa;font-size:.8em}.entry .entry-category a{color:#444;margin-left:5px;padding:3px 6px;border:1px solid #e0e0e0}.entry .entry-category a:hover{color:#fff;text-decoration:none;border:1px solid #85c226}.entry-footer{display:block;margin-top:30px;color:#444;font-size:.8em}.entry-footer .social-buttons{margin-bottom:15px}.entry-footer-section{color:#999;padding-bottom:1em}.pager{position:relative;height:2em}.pager span{position:absolute}.pager span.pager-next{top:0;right:0}.pager span.pager-prev{top:0;left:0}.pager a{font-size:.8em;color:#444;line-height:1.5em}.pager a span{display:none}.pager span.pager-next a:after{content:'\f054';font-family:FontAwesome;font-size:1em;padding-left:.2em;line-height:3em}.pager span.pager-prev a:before{content:'\f053';font-family:FontAwesome;font-size:1em;padding-right:.2em;line-height:3em}.pager a:hover{color:#85c226}.entry-content{font-size:.94em;line-height:1.7em;margin:1.3em 0}.entry-content img{max-width:650px}.entry-content img.hatena-fotolife{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-content p{margin:.8em 0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em}.entry-content h1{font-size:150%}.entry-content h2{font-size:140%}.entry-content h3{font-size:130%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content ul,.entry-content ol{margin-left:1.5em;padding:0}.entry blockquote{padding:1em;margin:1em 0;color:#808080;border-left:7px solid #e0e0e0}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;border:2px solid #d0d0d0}.entry-content table th,.entry-content table td{border:1px solid #e0e0e0;padding:5px 10px}.entry-content table th{background:#fafafa}a.keyword{color:#666;text-decoration:none;border-bottom:1px solid #e0e0e0}a.keyword:hover{border-color:#85c226}pre.lang-aa{font-size:1em;line-height:110%}.comment{margin:0 0 1em;padding:0;font-size:1em;clear:both;}.comment li{list-style:none;padding:.5em 0}.comment-user-name{font-size:1.1em;margin-bottom:.5em}.comment-content p{line-height:1.7em;margin:.5em 0;word-wrap:break-word}.comment-metadata{display:inline}.comment-metadata,.comment-metadata a{color:#c0c0c0}.leave-comment-title{float:right;font-size:1.2em;display:inline-block;*display:inline;*zoom:1;color:#808080;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;cursor:pointer}.leave-comment-title:hover{text-decoration:none;color:#85c226}.leave-comment-title:before{content:'\f0e5';color:#808080;font-family:FontAwesome;font-size:1.5em;padding-right:.2em;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.leave-comment-title:hover:before{color:#85c226;content:'\f075'}.hatena-module{font-size:.9em;padding-bottom:50px}.hatena-module-title{text-align:left;font-size:1.2em;font-weight:normal;padding-bottom:10px;color:#666;border-bottom:2px solid #e0e0e0}.hatena-module-title a,.hatena-module-title a:hover,.hatena-module-title a:visited{font-size:1em;color:#444}.hatena-module-title:before{color:#666;font-family:FontAwesome;font-size:1.5em;padding-right:.3em}.hatena-module-body{padding-top:15px}.hatena-module-body ul{margin:0;padding:0;list-style:none}.hatena-module-body ul li{line-height:1.75em}.hatena-module-body ul li.archive{border:none}.hatena-module-profile .id{display:block;line-height:2em}.hatena-module-profile .hatena-module-title:before{content:'\f007'}.profile-icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.hatena-module-profile .profile-description{margin:0 0 5px;line-height:1.5em}form.search-form{margin-top:10px}form.search-form input{border:1px solid #ccc;vertical-align:middle}.hatena-module-search-box .hatena-module-title{display:none}.hatena-module-search-box .hatena-module-title:before{content:'\f002'}.search-form .search-module-input{width:130px;padding:.2em .4em;margin:0;font-size:1em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;margin-left:-3px;*margin-left:-5px;cursor:pointer;background:url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=4d776f2b7a248fe0227f52f5e9d786) 50% 50% no-repeat}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{line-height:1.7em}.hatena-urllist li a{text-decoration:none}.hatena-module-links .hatena-module-title:before{content:'\f135'}.hatena-module-links .hatena-urllist li:before{font-size:1.1em;content:'\2022';color:#c0c0c0;padding-right:.4em}.hatena-module-recent-entries ul li div{line-height:1.3em;font-size:.9em}.hatena-module-entries-access-ranking ul li div{line-height:1.3em;font-size:.9em;padding:4px 0}.hatena-module-recent-entries .recent-entries-item-inner{padding:4px 0}.hatena-module-recent-entries .hatena-module-title:before{content:'\f005'}.hatena-module-recent-entries .recent-entries-title-link:before,.hatena-module-entries-access-ranking .entries-access-ranking-title:before{font-family:"Open Sans";content:'\2022';color:rgba(0,0,0,.3);padding-right:.4em}.hatena-module-recent-entries .recent-entries-image,.hatena-module-entries-access-ranking img{vertical-align:top;margin:0 4px 0 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.hatena-module-archive .hatena-module-title:before{content:'\f133'}.hatena-module-entries-access-ranking .hatena-module-title:before{content:'\f091'}.hatena-module-category .hatena-module-title:before{content:'\f02c';padding-right:.1em}.hatena-module-category .hatena-module-body ul:after{content:".";display:block;clear:both;height:0;visibility:hidden}.hatena-module-category .hatena-module-body li{float:left;display:block}.hatena-module-category .hatena-module-body li a:before{font-size:1.1em;content:'\2022';color:#c0c0c0;padding:0 .3em}.hatena-module-recent-comments .hatena-module-title:before{content:'\f086'}.hatena-module-recent-comments .recent-comment-time{color:#666;font-style:normal}.hatena-module-circles .hatena-module-title:before{content:'\f0c0'}#footer-box{clear:both}#footer-area1,#footer-area2,#footer-area3,#footer-area4{width:220px;float:left}#footer-area1,#footer-area2,#footer-area3{margin-right:40px}#footer-area4:after{content:"";display:block;height:0;visibility:hidden;clear:both}#bottom-editarea{font-size:.8em;padding-bottom:1em}#footer{clear:both;width:960px;text-align:left;font-size:.8em;padding-top:1em;margin:0 auto}#footer address{margin:0}#footer p{margin:2px 0 3em}#footer a{color:#444}#footer a:hover{color:#85c226;text-decoration:none}#footer a img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.page-about dt{font-size:1.35em;font-weight:normal;color:#999;margin-bottom:.5em}.page-about dd{margin-left:0;margin-bottom:2em}.page-about .etnry-content img.profile-icon{height:16px;width:16px}.page-archive .date{position:static;padding-bottom:1em}.page-archive .archive-entries .entry-title{margin-bottom:.3em;line-height:1.5em}.page-archive .archive-entries section{margin-bottom:30px}.page-archive .archive-entries .categories{margin-bottom:10px;position:static}.page-archive .archive-entries p{font-size:.8em;line-height:1.5em}@media (-webkit-min-device-pixel-ratio: 2){.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png) no-repeat right center;background-size:20px 20px}}@media (min-width: 768px) and (max-width: 1024px){#container{width:724px}#container-inner{width:704px}#navigation{width:704px}#main{width:480px}#content{width:704px}#wrapper{width:480px}.entry-content img{max-width:480px}#box2{width:204px}#top-box{width:480px}#footer{width:704px}}@media (max-width: 767px){#globalheader-container{position:static}#container{width:93.75%;word-wrap:break-word;overflow:hidden}#container-inner,#navigation,#wrapper,#content,#top-box{width:100%}#blog-title{text-align:center}#footer{width:93.75%}#main{width:100%;float:none}.entry-content img{max-width:100%}#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{width:100%;float:none}.entry-header-menu{top:-30px;left:0}}
/* </system> */

/* <system section="background" selected="natural-04"> */
body{ background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/natural-04.png?version=4d776f2b7a248fe0227f52f5e9d786'); background-repeat: repeat; background-attachment: fixed; background-position: 0 0; background-size: 211px 244px; } @media (-webkit-min-device-pixel-ratio: 2) { body {background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/natural-04@2x.png?version=4d776f2b7a248fe0227f52f5e9d786');} }
/* </system> */
.entry-content a.keyword{
text-decoration: none !important;
pointer-events: none !important;
cursor: default;
border: 0 !important;
}


--------------------------------ここまで重要--------------------------------

.show-area{
display: inline-block;
padding: 10px;
border-radius: 5px;
cursor: pointer;
margin-bottom: 0;
color: blue;
}





.top_hatena-module hatena-module-search-box{
width: 100%;
}
.top_hatena-module-body{
text-align: center;
background-color: #fff;
height: 52px;
}
.hatena-module-search-box .top_search-module-input {
padding: 11px;
border: none;
outline: none;
height: 25px;
width: 90%;
background-color: #e6e6e6;
border-radius: 40px;
margin-top: 6px;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
.top_search-module-button {
width: 20px;
height: 20px;
background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png%22%3Ehttps://cdn.blog.st-hatena.com/images/theme/search.png%3C/a?version=4d776f2b7a248fe0227f52f5e9d786) no-repeat right center;
border: none;
outline: none;
text-indent: -9999px;
position: absolute;
opacity: 0.5;
margin-top: 18px;
margin-left: -30px;
}


.entry-title {
font-weight: bold;
font-size: 25px;
padding: 10px 10px;
position: relative;
padding-bottom: .5em;
border-bottom: 4px solid #ccc;
}
.entry-title::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: #3498db;
}



/* 新しいフッターの設定 */
.footer1 {
    display: block;
    background-size: cover;
}

/* コピーライト */
#copyright {
    text-align: center; /* 文字を中央揃え */
    background-color: #ffffff; /* 背景色 */
    font-size: 12px; /* 文字サイズ */
    color: #000000; /* 文字色 */
}


#copyright {
    padding: 20px;
    text-align: center;
    background: #47a89c;/* 背景色 */
    font-size: 12px;
    color:#fff;/* 文字の色 */
}




/*最新記事もっと見るボタン*/

.urllist-see-more a {
display:block; /*ブロック要素を使用*/
width:50%;/*ボタン横幅*/
margin: 0 auto;/*ボタン中央に配置*/
text-align:center; /*文字を中央に*/
font-size:16px; /*文字の大きさ*/
font-weight:700; /*文字の太さ（400で標準）*/
text-decoration:none; /*文字下線なし*/
padding:7px 10px; /*文字周り余白*/
border-radius:4px; /*ボタン角の丸み*/
border:2px solid #a22222; /*枠線の太さと色*/
background-color: #a22222;/*背景色*/
color: #fff; /*ボタンの文字色*/
background-size: 200% 100%; 
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 255, 255, 1) 50%);    
/*マウスオーバー後背景色*/
background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 1) 50%);
/*マウスオーバー後背景色*/
-webkit-transition: cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
transition: cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
-webkit-transition: all 0.3s; /*スライドする速さ（秒）*/
transition: all 0.3s; /*スライドする速さ（秒）*/
}

.urllist-see-more a:hover {
background-color: #a22222; /*変化中の背景色*/
background-position: -100% 100%;
color: #a22222; /*マウス―バー時の文字色*/
border:2px solid #a22222; /*マウスオーバー時の枠線の太さと色*/
}

/*もっと見るボタンココまで*/




/***ステップバーデザイン4***/
.step-wrap4 {
 counter-reset: count;
 margin: 2em 0;
 position: relative;
}
.step-content4 {
 padding: 1em 0 1.3em 2.5em;
 margin: 0;
 position: relative;
}
.step-content4::before {
 content: "";
 display: block;
 width: 55px;
 height: 55px;
 background: #6ab5a5;
 border-radius: 50%;
 position: absolute;
 top: 0;
 left: -3px;
}
.step-content4::after {
 content: "";
 display: block;
 height: calc(100% - 55px);
 border-left: solid 2px #ddd;
 position: absolute;
 top: 55px;
 left: 10px;
}
.step-label4 {
 color: #fff;
 font-weight: bold;
 font-size: 12px;
 position: absolute;
 top: 6px;
 left: 9px;
}
.step-label4::after {
 counter-increment: count;
 content: counter(count);
 position: absolute;
 font-size: 30px;
 top: 8px;
 left: 7px;
}
.step-title4 {
 font-weight: bold;
 font-size: 120%;
 margin-left: 1.5em;
}
.step-body4 {
 margin-top: 1em;
 padding: 0 0 1em;
 border-bottom: dotted 2px #ddd;
}
.step-wrap4 > :last-of-type::after {
 display: none;
}
/***ステップバーデザイン４***/






/* ボタンリンク */
/* テーブル全体 */
.ta02 {
border: solid 2px #ffffff;
margin: auto;
}
/* ボタンリンク下部分 */
.btn000 {
text-decoration: none;
background: darkorange;
text-align: center;
}
.btn000 a {
text-decoration: none;
background: darkorange;
color: white;
font-weight:bold;
}
.btn000:hover a {
text-decoration: none;
color: red;
}
/* ボタンリンク上部分 */
.tt00 {
font-size: 90%;
color: #d32f2f;
text-align:center;
}




/* bottom-editarea */
#bottom-editarea {
	background-color: #e5e5e5;
	margin: 0;
	padding: 0;
}
#footer_menu {
	width: 1000px;  /*contentの幅と合わせる*/
	margin: 0 auto;
	padding: 40px 0 0 0;
	font-size: 90%;
}
#footer_menu h3 {
	color: #737373;
	font-size: 1.1em;
	margin: 0 0 20px 0;
}
#footer_menu p {
	color: #737373;
	margin: 1em 0;
}
#footer_menu ul {
	text-align: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer_menu ul li {
	line-height: 1.1em;
	color: #737373;
	margin: 0 0 25px 0;
	padding: 0;
}
#footer_menu ul li a {
	color: #737373;
}
#footer_menu .footer_box01 {
	width: 300px;
	float: left;
	margin: 0;
	margin-bottom:40px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_box01 img {
	max-width: 300px;
	margin: 0 0 20px 0;
	padding: 0;
}
#footer_menu .footer_box02 {
	width: 300px;
	float: left;
	margin: 0 0 40px 30px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_box03 {
	width: 300px;
	float: left;
	margin: 0 0 40px 30px;
	padding: 0;
	overflow: hidden;
}
#footer_menu .footer_clear {
	clear: both;
}







#globalheader-container{
display:none;
}
#footer{
display:none;
}



.post-sharecontent {
  width: 100%;
  height: 200px;
  background: linear-gradient(#000, #676767);
}
.post-share-img {
  width: calc(50% - 6px);
  height: 194px;
  float: left;
  overflow: hidden;
  margin: 3px;
}
.post-share-list {
  float: left;
  width: 50%;
}
.post-share-list p {
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 30px;
  padding-bottom: 20px;
  margin: 0;
  font-size: 1.1em
}
.post-sharebutton ul {
  margin: 0 5px;
  padding: 0;
}
.post-sharebutton li {
  list-style-type: none;
  width: calc(100% / 3);
  height: 50px;
  margin: 10px 0;
  float: left;
  text-align: center;
  font-size: 2em;
  position: relative;
  box-sizing: border-box;
  border: 3px solid transparent;
  border-top: 0;
  border-bottom: 0;
}
.post-sharebutton li:nth-child(2) {
  border-left: 0;
  border-right: 0;
}
.post-sharebutton .hatena,
.post-sharebutton .twitter,
.post-sharebutton .hatebu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .3s ease-in-out;
}
.post-sharebutton .hatena {
  color: #fff;
  background-color: #777;
}
.post-sharebutton .twitter {
  color: #fff;
  background-color: #559fee;
}
.post-sharebutton .feedly {
  color: #fff;
  background-color: #60c667;
}
.post-sharebutton .blogicon-bookmark.lg {
  vertical-align: 2px;
  font-size: 1em;
}
.post-sharebutton .hatebu {
  color: #fff;
  background-color: #3c7dd1;
}
.post-sharebutton .hatena:hover,
.post-sharebutton .twitter:hover,
.post-sharebutton .feedly:hover,
.post-sharebutton .hatebu:hover {
  color: #666;
  background-color: #fff;
}




/*はてなスター Addボタン*/
.hatena-star-add-button-image {
  background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/ditinoue/20211123/20211123193115.png);
}



blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    border: solid 2px #464646;
    color: #464646;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    content: "“";
    font-family: sans-serif;
    color: #77c0c9;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}




/* サイドバー 左ライン */
.hatena-module-title {
    color: #555;
    font-size: 120%;/* 文字サイズ */
    padding: .5em 0 .5em .75em;
    border-left: 7px solid  #77B8DA;/* 左横ボーダー */
    background-color:#edf5f4;
    margin-bottom: 15px;/* 下余白 */
}






.leave-comment-title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px;
  margin-bottom: 0;
  line-height: 20px;
  color: #454545;
  background-color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  background-clip: padding-box;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #454545;
  text-decoration: none !important;
}
.leave-comment-title::before {
  font-family: "blogicon";
  content: "\f01d";
  padding-right: 5px;
}
.leave-comment-title:hover {
  background-color: #f5f5f5;
  text-decoration: none !important;
}








/* To Top */
.toTop-nav {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin: 0;
  z-index: 999;
  }
.toTop-nav li {
  list-style-type: none;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  text-align: center; 
  }
.toTop-nav li:first-child {
  margin-right: 10px; 
  }
.toTop-nav li a {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 50px; 
  }
.toTop-nav li a {
  color: #fff;
  text-decoration: none; 
  }
.toTop-nav li a:visited {
  color: #fff; 
  }
.toTop-nav li a:hover {
  color: #fff;
  text-decoration: underline; 
  }
.toTop-nav li a:active, .toTop-nav li a:focus {
  color: #fff; 
  }
.toTop-nav li a:hover {
  text-decoration: none;
  }




/*大学ノート風目次*/
.entry-content .table-of-contents {
    position: relative;    
    margin: 0;
    display: inline-block;
    background: #fff;
    padding: 1em 1em 1.2em 1em;
    border-top: 1px solid #d9d9d9;
    border-right: 0;
    border-bottom: 1px solid #d9d9d9;
    border-left: 28px solid #99ccb7;/*アクセントカラー*/
    box-shadow: 1px 0 0 #959595d4, 2px 0 0 #fff, 3px 0 0 #898989de, 4px 0 0 #fff, 5px 0 0 #858585de, 9px 3px 10px #ababab96;
}
.entry-content .table-of-contents::before {
    content: "目次";
    position: static;
    display: block;
    text-align: start;
    font-size: 120%;
    top: -30px;
    left: 10px;
    margin: 0 0 .8em;
    font-weight: normal;
    border-bottom: 5px solid #99ccb7;
}
.entry-content .table-of-contents::after {
    content: "TABLE OF CONTENT";
    position: absolute;
    display: block;
    transform: rotate(-90deg);
    transform-origin: top left;
    bottom: -20px;
    left: -27px;
    font-size: 120%;
    color: #ffffff;
}
.entry-content .table-of-contents a {
    color: #5a5a5a;
    display: block;
    text-decoration: none;
    background: linear-gradient(transparent 0, transparent 93%, #d8d8d8 100%);
    background-size: 100% 2em;
    line-height: 2em;
}
.entry-content .table-of-contents > li::before {
    font-family: "blogicon";
    content: "\f024";
    font-weight: normal;
    color: #99ccb7;/*アクセントカラー*/
    position: absolute;
    top: 2px;
    left: -18px;
}
.entry-content .table-of-contents li {
    list-style-type: none;
    margin: 0 0 0 1.4em;
    position: relative;
    font-size: 1.1em;
}
.entry-content .table-of-contents li ul {
    margin: 0 0 1em .5em;
    padding: 0;
}
.entry-content .table-of-contents li ul li {
    list-style-type: disc;
    color: #99ccb7;/*アクセントカラー*/
    font-size: .9em;
}





/***  オーソドックスなカード型デザイン  ***/
.page-archive .archive-entries {
    display: flex;
    flex-wrap: wrap;
}

.page-archive .archive-entries .archive-entry {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0 0 5px;
    margin-bottom: 1.5em;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 0;
    transition: .25s ease-in-out;
}

.page-archive .archive-entries .archive-entry:hover {
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

@media (min-width: 481px) {
    .page-archive .archive-entries .archive-entry {
         width: calc(50% - 10px);
}
    .page-archive .archive-entries .archive-entry:nth-child(odd) {
        margin-right: 20px
    } 
}

.archive-entry-header {
    display: flex;
    flex-direction: column-reverse;
    order: 2;
    padding: 10px 16px 0;
    width: calc(100% - 32px);
}

.page-archive .archive-entries .entry-title {
    line-height: 1.5;
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.page-archive .entry-title a {
    font-size: 18px;
}

.page-archive .archive-entries .entry-thumb-link {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.page-archive .entry-thumb {
    background-size: cover;
    background-position: 50%;
    border-radius: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.page-archive .archive-entries .categories {
    order: 3;
    margin: 0;
    padding: 0 16px;
}

.page-archive .entry-thumb::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    opacity: 0;
    transition: .25s ease-in-out;
}

.page-archive .archive-entries .archive-entry:hover .entry-thumb::before {
    opacity: 1;
}

.archive-entry-body {
    display: none;
}




/*続きを読むボタン*/
.entry-see-more {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  position: relative;
  color: #333;
  border: 2px solid #333;
}

.entry-see-more:hover {
  border-style:dashed;
}




/*****グローバルメニュー****/
#menu{
    width: 100%;
    margin: 10px auto;
    background: #444;/*７*/
}
#menu-inner{
    width: 1000px;/*１*/
    height: 40px;/*２*/
    margin: 0 auto;
    background: #444;/*８*/
}
#menu-btn{display: none;}
#menu-content{
    padding-left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
}
#menu-content > li{
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
}
#menu-content > li > a{
    position: relative;
    display: block;
    height: 100%;
    padding-left: 15px;/*３*/
    padding-right: 15px;/*３*/
    line-height: 40px;/*２*/
    background: #444;/*９*/
    color: #fff;/*10*/
    font-size: 70%;
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
    background: #555;/*11*/
    color: #fff;/*12*/
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}
/*２階層目*/
#menu-content > li > ul.second-content{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
}
#menu-content > li:hover > ul.second-content{
    visibility: visible;
    top: 40px;/*2*/
    z-index: 1;
    transition: all .3s;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 200px;/*４*/
    height: 40px;/*５*/
}
#menu-content > li > ul.second-content > li > a{
    display: block;
    line-height: 40px;/*５*/
    background: #444;/*13*/
    color: #fff;/*14*/
    font-size: 70%;
    text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
    background: #555;/*15*/
    color: #fff;/*16*/
}
/*******トグルメニュ*********/
@media screen and (max-width:960px){/*19*/
#menu-inner{
    width: 100%;
    height: auto;
}
#btn-content{text-align: right;}/*20*/
#menu-btn{
    display: inline-block;
    padding: 8px 15px;
    margin: 5px;
    cursor: pointer;
    background: #555;/*17*/
    color: #fff;/*18*/
    font-size: 70%;
}
#menu-content{
    display: none;
    width: 100%;
}
#menu-content > li{
    width: 100%;
    height: 40px;/*６*/
    float: none;
}
#menu-content > li > a{
    width: 100%;
    line-height: 40px;/*６*/
    padding: 0;
    text-decoration: none;
}
/*２階層目*/
#menu-content > li:hover > ul.second-content{display: none;}
#menu-content > li > a > .blogicon-chevron-down{display: none;}
}




.subscribe-button-img{
  height: 250px;
  position: relative;
}
.subscribe-button-img > a{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}




/**
 * シェアボタンここから
 */
.share-btn-type4 {
  max-width: 500px;
  margin: 1.2em auto;
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}
.share-btn-type4 i {
  font-size: 14px;
}
.share-btn-type4 [class*=blogicon-].lg {
  line-height: 22px;
  vertical-align: top;
}
.share-btn-type4 .share-btn__item {
  width: 24%;
  height: 26px;
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  line-height: 26px;
  border-radius: 4px;
  position: relative;
}
.share-btn-type4 .share-btn__small-text {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  width: 100%;
  height: 40px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  color: #666;
  font-size: 12px;
  letter-spacing: .04em;
  line-height: 40px;
  border-radius: 4px;
  transition: all .3s;
}
.share-btn-type4 .share-btn__small-text:before {
  content: "";
  position: absolute;
  left: calc(50% - 5px);
  top: 100%;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
  z-index: 2;
}
.share-btn-type4 .share-btn__small-text:after {
  content: "";
  position: absolute;
  left: calc(50% - 6px);
  top: 100%;
  border-width: 6px 6px 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: #e0e0e0;
  z-index: 1;
}
.share-btn-type4 .share-btn__item--hatebu {
  background-color: #00A4DE;
}
.share-btn-type4 .share-btn__item--facebook {
  background-color: #1778F2;
}
.share-btn-type4 .share-btn__item--twitter {
  background-color: #1BA1F3;
}
.share-btn-type4 .share-btn__item--pocket {
  background-color: #EF4155;
}
.share-btn-type4 .share-btn__item:hover .share-btn__small-text {
  transform: translateY(-4px);
}
/**
 * シェアボタンここまで
 */



/**
 * シェアボタンここから
 */
.share-btn-type5 {
  margin: 1.2em 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.share-btn-type5 .share-btn__item {
  display: flex;
  width: 49%;
  height: 36px;
  margin-bottom: 8px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  color: #333;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  transition: all .3s;
}
.share-btn-type5 .share-btn__item:hover {
  transform: scale(1.04);
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}
.share-btn-type5 .share-btn__item--hatebu {
  color: #00A4DE;
  border: 1px solid #00A4DE;
}
.share-btn-type5 .share-btn__item--facebook {
  color: #1778F2;
  border: 1px solid #1778F2;
}
.share-btn-type5 .share-btn__item--twitter {
  color: #1BA1F3;
  border: 1px solid #1BA1F3;
}
.share-btn-type5 .share-btn__item--pocket {
  color: #EF4155;
  border: 1px solid #EF4155;
}
.share-btn-type5 .share-btn__icon {
  width: 40px;
  color: #fff;
}
.share-btn-type5 .share-btn__item--hatebu .share-btn__icon{
  background-color: #00A4DE;
}
.share-btn-type5 .share-btn__item--facebook .share-btn__icon{
  background-color: #1778F2;
}
.share-btn-type5 .share-btn__item--twitter .share-btn__icon{
  background-color: #1BA1F3;
}
.share-btn-type5 .share-btn__item--pocket .share-btn__icon{
  background-color: #EF4155;
}
.share-btn-type5 .share-btn__small-text {
  width: calc(100% - 40px);
  padding-left: 12px;
  box-sizing: border-box;
  letter-spacing: .04em;
  text-align: left;
  font-size: 12px;
}
@media (min-width: 768px){
  .share-btn-type5 .share-btn__item {
    width: 24%;
  }
}
/**
 * シェアボタンここまで
 */




/* 吹き出しの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: #fff;
  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: #fff;
  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;
  }
}
.aikatanotorikeratopusu::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/ditinoue/20220415/20220415193106.png);}
.ditinouepurohuxiru::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/ditinoue/20220415/20220415193106.png);}
.hukurou1::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/ditinoue/20211121/20211121184725.jpg);}
.hukurou2::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/ditinoue/20211121/20211121185007.jpg);}
.hukurou3::after {background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/d/ditinoue/20211121/20211121185108.jpg);}