/* <system section="theme" selected="report"> */
@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font-family:Helvetica Neue,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;background:transparent;color:#222}a{color:#456898}a:hover{color:#073472}.clearfix{display:block;*zoom: 1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#globalheader-container{background:#fff;border-bottom:1px solid #ccc;position:sticky;top:0}#container{width:810px;text-align:center;margin:0 auto;background:#fff;padding:0 30px}#container-inner{text-align:left}#blog-title{padding:70px 0}#title{display:inline-block;*display: inline;*zoom: 1;font-size:24px}#title a{text-decoration:none;color:#222}#blog-description{display:inline-block;*display: inline;*zoom: 1;font-size:12px;margin-left:1em}.header-image-enable #blog-title #title{padding:20px 0 0 20px}.header-image-enable #blog-title,.header-image-only #blog-title{padding:30px 0}#content-inner:after{content:".";display:block;clear:both;height:0;visibility:hidden}#wrapper{width:560px;float:left}.entry{margin-bottom:80px}.entry-header{margin-bottom:20px;position:relative}.date{font-size:13px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:15px}.date a{color:#000;text-decoration:none}.entry-title{margin-bottom:15px;line-height:1.3}.entry-title a{font-size:20px;color:#222;text-decoration:none}.categories{font-size:12px}.categories a{margin-right:.5em}.entry-header-menu{position:absolute;top:0;right:0;font-size:13px}.entry-footer{margin-top:20px;font-size:13px}.entry-footer-section,.social-buttons{margin-bottom:15px}.pager{font-size:14px;margin:15px 0;text-align:left;display:block;*zoom: 1}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager-next,.pager-prev{display:inline-block;max-width:250px;line-height:1.5}.pager-next{float:right}.pager-prev{float:left}#footer{width:830px;margin:0 auto;text-align:center;padding:10px 20px;background:#fff;line-height:1.3;font-size:13px}#footer img{vertical-align:middle}.entry-comment{border-bottom:1px solid #dfdfdf;list-style:none;padding-bottom:15px;margin-bottom:15px}.comment-user-name .hatena-id-icon{vertical-align:middle;margin-right:.2em}.comment-user-name{margin-bottom:7px}.comment-user-name a{color:#222;font-weight:700}.comment-content{line-height:1.5em;margin-bottom:7px;word-wrap:break-word}.comment-user-name,.comment-content{font-size:14px}.comment-metadata,.comment-metadata a{color:#aaa}.leave-comment-title{font-size:13px;font-weight:700;margin:10px 0}.leave-comment-title:hover{text-decoration:underline}.entry-content{font-size:15px;line-height:1.7}.entry-content p{margin:.7em 0 1em}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em;line-height:1.7}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content h1,.entry-content h2,.entry-content h3{border-bottom:1px dotted #999}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 0 1.5em;padding:0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.footnote-number{scroll-margin-top:56px}.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ccc}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fafafa}pre{font-size:12px;padding:10px;border:1px solid #ccc}.entry-content a:visited{color:#aaa}a.keyword{text-decoration:none;border-bottom:1px solid #DEDEDE;color:#222}pre.lang-aa{font-size:14px;line-height:15px}.hatena-asin-detail li{line-height:1.4}#box2{width:220px;float:right;font-size:14px;word-wrap:break-word}.hatena-module{margin-bottom:30px}.hatena-module-title{font-size:15px;font-weight:700;margin-bottom:20px}.hatena-module-title a{color:#222;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module .profile-icon{margin-bottom:5px}.hatena-module .id{display:block;margin-bottom:5px}.profile-description{font-size:12px;margin-bottom:5px}.hatena-module-body li{list-style:none;margin-bottom:.7em}.hatena-module-body{line-height:1.5}.urllist-item{padding-bottom:10px;border-bottom:1px solid #ddd}form.search-form input{border:1px solid #ccc;vertical-align:middle}.search-form .search-module-input{width:180px;padding:3px;margin:0;font-size:12px}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;cursor:pointer;background:url(https://cdn.blog.st-hatena.com/images/theme/search_g.png?version=3f712fab57bb94775097ac1bce3ac9) 50% 50% no-repeat}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:2px}.page-about dd{margin-left:0;margin-bottom:30px}.page-about .entry-content img.profile-icon{height:16px;width:16px}.page-archive #main{padding:0;margin:0 auto;text-align:center}.page-archive #main-inner{font-size:14px;text-align:left}.page-archive .date{border:none;margin-bottom:10px;padding-bottom:0}.page-archive .categories{margin-bottom:10px}.page-archive .entry-title{font-size:18px;border-bottom:1px solid #ccc;padding-bottom:2px;margin-bottom:10px}.page-archive .entry-title a{color:#000;text-decoration:none}.page-archive .entry-title a:hover{text-decoration:underline}.page-archive p{line-height:1.5;margin-bottom:1em}.page-archive #main-inner section{margin-bottom:30px}.page-archive #main-inner .entry-title{font-size:14px;line-height:1.5;color:#000;text-decoration:none}.page-archive #main-inner .entry-title:hover{text-decoration:underline}.page-archive #main-inner ul{list-style:none;margin:0;padding:0}.page-archive #main-inner li{margin:0;padding:0 0 10px}.page-archive #main-inner li .categories{margin-top:10px}.breadcrumb{margin-bottom:20px;font-size:14px}

/* </system> */


html, body {
font-family: 'Hiragino maru Gothic Pro','ヒラギノ丸ゴ Pro W4',"メイリオ","Meiryo"'Verdana','Osaka',sans-serif;
color: #555555;
background-color: #f5f5f5;
-webkit-font-smoothing: antialiased;
}

.center {text-align:center;}

/* もっと綺麗なShareHTMLのCSS */
/*-----New Share HTML----*/

.link-box {
	border:1px solid #e1e1e1;
	padding:10px;
	display:flex;
	margin:30px;
}

.link-box:hover {
	background-color:#f3f3f3;
	-webkit-transition:background-color .35s;
	transition:background-color .35s;
}

.img-box {
	width:25%;
	float:left;
}

.img-box div {
	min-height:170px;
	background-size:cover;
	background-position:center center;
}

.text-box {
	width:75%;
	float:left;
	padding-left:20px;
	line-height:1.7;
	margin:0;
}

.text-box .title {
	font-size:18px;
	font-weight:600;
	color:#428bca;
	padding:0;
	margin:0;
}

.text-box .description {
	font-size:15px;
	color:#333;
	padding:0;
	margin:0;
}

@media only screen and (max-width:479px) {

.img-box div {
	min-height:80px;
}

.text-box {
	margin-left:10px;
	line-height:1.5;
}

.text-box .title {
	font-size:13px;
	margin:0;
}

.text-box .description {
	font-size:11px;
	margin-top:5px;
}
}

/*-----ここまで：New Share HTML----*/
/* もっと綺麗なShareHTMLのCSSここまで */


/* 関連記事を記事下よりも下に */
.customized-footer {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.entry-footer-modules {
  -webkit-order:2;
  order:2;
  width: 100%;
}
.entry-footer-html {
  -webkit-order:1;
  order:1;
  width: 100%;
}

/*カテゴリタグの背景*/
.categories a {
    color: #3f3f3f !important;
    text-decoration: none !important;
    padding: 3px 8px;
    background: #ECEEF1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: 500;
    border-radius: 4px;
}

/* ### 目次デザイン ### */
.table-of-contents {
	 position: relative;
	 background-color: #ECEEF1;
	 padding: 40px 10px 10px 35px !important;
	 border-radius: 6px;
	 font-size: 14px;
	 line-height: 28px;
}
.table-of-contents::before {
   content: '目次';
	 position: absolute;
	 display: block;
	 text-align: center;
	 top: 8px;
	 left: 50%;
	 margin-left: -1em;
	 font-size: 18px;
	 font-weight: 700;
	 z-index: 2;
}
/* ### 目次周りの余白を調節する ### */
.entry-content ol,.entry-content ul {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 18px;
}

/* Font Awesome hatena bookmark */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}

.footer-action-wrapper{
  display:none;
}

.touch-item-list{
  display:none;
}

/*1つ1つの関連記事ボックス*/
li.urllist-item.related-entries-item {
    margin: 15px 0;
    padding: 10px;
    background: #eeeeee;
    border-bottom: none;
}

/*関連記事の画像まわり余白調整*/
.urllist-with-thumbnails li .urllist-image {
    margin: 0 10px 0 0;
}

/*関連記事のタイトル*/
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title {
    text-decoration: none;
    color: #525252;
    font-weight: bold;
}

/*関連記事のタイトルホバー*/
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title:hover {
    color: silver;
}

/*関連記事の説明*/
.urllist-entry-body.related-entries-entry-body {
    color: #8f8f8f;
    font-size: 13px;
    margin-top: 3px;
}

/*関連記事の日付*/
.hatena-urllist .urllist-date-link a {
    display: inline-block;
    background: #93c4cf;
    color: #fff;
    line-height: 1;
    padding: 4px 9px;
    margin-bottom: 3px;
    border-radius: 4px;
    font-size: 11px;
    letter-spacing: 1px;
    font-style: normal;
       text-decoration: none;
}

/* ******** SNSボタン ******** */
.snsbtns1, .snsbtns2, .snsbtns3, .snsbtns4{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:0 0 1rem 0;position:relative;}
.snsbtns1 a, .snsbtns2 a, .snsbtns3 a, .snsbtns4 a{display:block;width:100%;padding:1em 0;color:#fff;text-align:center;line-height:1;font-size:110%;margin-left:0.2rem;position:relative;overflow:hidden;text-decoration: none;}
.snsbtns1 a:hover, .snsbtns2 a:hover{box-shadow:0px 2px 3px rgba(0,0,0,0.2);transition: .5s;}
.snsbtns3 a{box-shadow:0px 2px 3px rgba(0,0,0,0.2);text-transform:uppercase;font-weight:700;letter-spacing:0.1rem;}
.snsbtns3 a:hover{box-shadow:1px 3px 4px rgba(0,0,0,0.3);transition: .4s;}
.snsbtns4 a{margin-left:0.4rem;border-radius:0.4rem;text-transform:uppercase;font-weight:700;letter-spacing:0.1rem;font-size:105%;}
.snsbtns4 a:hover{margin-top:-2px;margin-bottom:2px;}
.snsbtns1 a:nth-of-type(1), .snsbtns2 a:nth-of-type(1), .snsbtns3 a:nth-of-type(1), .snsbtns4 a:nth-of-type(1){margin-left:0;}
.snsbtns1 a::before, .snsbtns3 a::before, .snsbtns4 a::before{font-family:blogicon;margin-right:0.5em;font-weight:normal;}
.sns-fb::before{content:'\f036';}
.sns-tw::before{content:'\f035';}
.sns-po::before{content:'\f008';}
.sns-hb::before{content:'\f027';}
.sns-fb{background:#365899;}
.sns-tw{background:#1b95e0;}
.sns-po{background:#EF4056;}
.sns-hb{background:#008fde;}
.sns-fb:hover{background:#4267b2;}
.sns-tw:hover{background:#31a3ea;}
.sns-po:hover{background:#f65065;}
.sns-hb:hover{background:#009FF8;}
.snsbtns3 .sns-fb{background:#465f8c;}
.snsbtns3 .sns-tw{background:#3998d4;}
.snsbtns3 .sns-po{background:#e35f71;}
.snsbtns3 .sns-hb{background:#1f93d1;}
.snsbtns3 .sns-fb:hover{background:#4267b2;}
.snsbtns3 .sns-tw:hover{background:#31a3ea;}
.snsbtns3 .sns-po:hover{background:#f65065;}
.snsbtns3 .sns-hb:hover{background:#009FF8;}
.snsbtns4 .sns-fb{background:#365899;box-shadow:0px 6px 0px rgba(44,66,102,1);}
.snsbtns4 .sns-tw{background:#1b95e0;box-shadow:0px 6px 0px rgba(38,122,173,1);}
.snsbtns4 .sns-po{background:#EF4056;box-shadow:0px 6px 0px rgba(189,70,86,1);}
.snsbtns4 .sns-hb{background:#008fde;box-shadow:0px 6px 0px rgba(17,117,171,1);}
.snsbtns4 .sns-fb:hover{box-shadow:0px 8px 0px rgba(44,66,102,1);}
.snsbtns4 .sns-tw:hover{box-shadow:0px 8px 0px rgba(38,122,173,1);}
.snsbtns4 .sns-po:hover{box-shadow:0px 8px 0px rgba(189,70,86,1);}
.snsbtns4 .sns-hb:hover{box-shadow:0px 8px 0px rgba(17,117,171,1);}

.snsbtns2 a::before{font-family:blogicon;position:absolute;top:0rem;left:-1rem;font-size:420%;color:rgba(255,255,255,0.25);}

/* サイドバー、自作プロフィール */
 /*土台の余白*/
div#custom_html-2 {
    padding: 0 !important;
}
 /*SANGO風プロフィール*/
.sidebar-profile {
   width: 100%;
   font-size: 1em;/*自由変更*/
   background-repeat: no-repeat;
   background-size: 100% auto;
   /*background-image: url(https://cdn-ak.f.st-hatena.com/images/fotolife/a/akiueos/20180216/20180216133142.png);*//*ここに背景画像のURL*/
   /*padding-top: 40%;*//*ここで、アイコンの被さり具合を調整（上からどれくらい離すか）*/
}
/*画面横幅が576px以上、991px以下のサイズ*/
@media (max-width: 991px) and (min-width: 576px){
.sidebar-profile {
   /*padding-top: 35%;/*/*ここで、アイコンの被さり具合を調整（上からどれくらい離すか）*/
}
}
/*画面横幅が575px以下のサイズ*/
@media only screen and (max-width: 575px){
.sidebar-profile {
   /*padding-top: 35%;*//*ここで、アイコンの被さり具合を調整（上からどれくらい離すか）*/
}
}
.profile-center{
   text-align: center;
   margin-bottom: 15px;/*自由変更*/
}
.profile-center a {
   text-decoration: none;
}
/*プロフィール画像*/
#box2 .profile-center .profileimg{
   width: 25%;/*自由変更*/
    height: auto;
    border-radius: 50%;
    /*border: solid 3px #F99695;*/
    background: #fff;/*自由変更*/
    /*box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);*/
}
#box2 .profile-center .profileimg:hover {
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
    transform: translateY(-3px);
    transition: 0.3s;
    background: ;
}
@media only screen and (max-width: 575px){
.profileimg{
   width: 80px;/*自由変更*/
}
}
/*名前*/
.profile-name{
   font-size: 1.2em;/*自由変更*/
   font-weight: bold;/*自由変更*/
   color: #F99695;/*自由変更*/
}
/*「詳しいプロフィールを見る」まわり*/
.profile-center.more{
   margin: 1em 1em 1em;/*自由変更*/
}
.profile-center.more a{
   color: #fff;/*自由変更*/
}
/*＼フォロー／*/
.sns-btn__title {
 display: inline-block;
 position: relative;
 padding: 0 25px;
 color: #676F74;/*自由変更*/
 font-size: 22px;/*自由変更*/
 font-weight: bold;/*自由変更*/
 line-height: 1;/*自由変更*/
 letter-spacing: 1px;/*自由変更*/
}
.sns-btn__title:before,
.sns-btn__title:after {
 display: inline-block;
 position: absolute;
 top: 50%;
 width: 20px;
 height: 3px;
 border-radius: 3px;
 background-color: #676F74;/*自由変更*/
 content: "";
}
.sns-btn__title:before {
 left: 0;
 -webkit-transform: rotate(50deg);
   transform: rotate(50deg);
}
.sns-btn__title:after {
 right: 0;
 -webkit-transform: rotate(-50deg);
   transform: rotate(-50deg);
}
/*フォローボタン各種*/
ul.sns-follow {
   text-align: center;
   padding: 0;
}
ul.sns-follow li{
   display: inline-block;
   height: 45px;
   vertical-align: middle !important;
   margin-bottom: 0;
   padding: 0 5px 0 5px !important;
}
ul.sns-follow li a {
   display: block;
   width: 45px;/*自由変更*/
   height: 45px;/*自由変更*/
   border-radius: 50px;
   color: #FFFFFF;/*自由変更*/
}
/*Twitterボタン*/
ul.sns-follow li.twitter-btn a{
   background: rgba(29,161,242,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.twitter-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-3px);
}
/*Facebookボタン*/
ul.sns-follow li.facebook-btn a{
   background: rgba(59,89,153,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.facebook-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-3px);
}
/*hatenaボタン*/
ul.sns-follow li.hatena-btn a{
   background: #676F74;
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.hatena-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-3px);
}
/*Feedlyボタン*/
   ul.sns-follow li.feed-btn a{
   background: rgba(108,198,85,0.7);
   box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   line-height: 47px;
   transition: .3s;
   font-size: 160%;
}
ul.sns-follow li.feed-btn a:hover {
    opacity: 1;
    box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
    transform: translateY(-3px);
}

/* ふわっとボタン */
.float-btn {
    display: block;
    margin: .5em 0;
    padding: .4em 1.3em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    transition: .2s ease-in-out;
    background-color: #FF8777;
}

.float-btn:hover {
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
    transform: translateY(-3px);
    transition: 0.3s;
    background: ;
}

.float-btn2 {
    display: block;
    margin: .5em 0;
    padding: .4em 1.3em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    transition: .2s ease-in-out;
    background-color: #937F71;
}

.float-btn2:hover {
    box-shadow: 0 10px 15px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
    transform: translateY(-3px);
    transition: 0.3s;
    background: ;
}

/*トップページコメント非表示*/
.page-index .comment-box {
  display: none;
}

/*トップページはてなスター非表示*/
.page-index .hatena-star-add-button {
   display: none;
}
.page-index .hatena-star-user {
   display: none;
}
.page-index .hatena-star-star {
   display: none;
}
.page-index .hatena-star-inner-count {
   display: none;
}
.page-index .hatena-star-star-container {
   display: none;
}

/* 2.9 追加 文字の背景に黄色とピンク*/

.ybg{
font-weight: bold;
background-color: #ff9;
padding: 3px;
margin-left: 1px;
margin-right: 1px;
}

.pbg{
font-weight:bold; 
background:linear-gradient(transparent 70%,#ffafaf 50%);
}

/* 10.29 追加 画像の背景に影*/

.shadow img{
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

/* 10.8 追加 */
html {
    overflow: auto;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
border-bottom: none !important;
}
 
body {
    overflow: hidden;
}
#container {
    padding:10px 20px 0 20px  !important;
}
.subcaption {
margin: 0 0 1em 0;
padding: 4px;
font-size: 21px;
font-size: 1.3125rem;
color: #1a1a1a;
-webkit-font-smoothing: antialiased;
background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, #fff), color-stop(0.5, #fff), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, #fff), to(#fff));
background: -moz-linear-gradient(-45deg, #ddd 25%, #fff 25%, #fff 50%, #ddd 50%, #ddd 75%, #fff 75%, #fff);
background: linear-gradient(-45deg, #ddd 25%, #fff 25%, #fff 50%, #ddd 50%, #ddd 75%, #fff 75%, #fff);
background-size: 4px 4px;
}

/*============================================================

  記事上SNSボタン

============================================================*/

.lsf, .lsf-icon:before {
  content: attr(title);
  margin-right: 0.3em;
  font-size: 130%;
  font-family: "LigatureSymbols";
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1,"dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1,"dlig" 1;
  -o-font-feature-settings: "liga" 1,"dlig" 1;
  font-feature-settings: "liga" 1,"dlig" 1;
}


/* 記事上SNSボタン */
.l-social-button {
margin: 10px 0 10px;
overflow: hidden;
padding: 20px 0 10px;
}
.l-social-button ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.l-social-button li {
float: left;
list-style-type: none;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.social-button {
height: 30px;
width: 115px;
border-radius: 3px;
color: white;
text-align: center;
margin: 0 8px 0 0;
font-size: 0.9em;
padding: 9px 15px;
text-decoration: none;
}
.facebook {
background-color: #3b5998;
}
.twitter {
background-color: #55acee;
}
.google {
background-color: #dd4b39;
}
.hatebu {
background-color: #0078c7;
}
.pocket {
background-color: #f13d53;
}
.line {
background-color: #25af00;
}
.google:hover {
background-color: #ff5542;
}
.hatebu:hover {
background-color: #009af9;
}
.pocket:hover {
background-color: #ff4258;
}
.line:hover {
background-color: #2bc600;
}

.header-line-button {
display: none;
}
.l-social-button a:link {
-webkit-tap-highlight-color: #FF5E99;
}
.l-social-button li a {
text-decoration: none;
}


/*============================================================

  10.17追加 Webフォント

============================================================*/

@font-face {
  font-family: 'LigatureSymbols';
  src: url("https://dl.dropboxusercontent.com/u/2510134/LigatureSymbols/LigatureSymbols-2.11.eot");
  src: url("https://dl.dropboxusercontent.com/u/2510134/LigatureSymbols/LigatureSymbols-2.11.otf#iefix") format("embedded-opentype"), url("https://dl.dropboxusercontent.com/u/2510134/LigatureSymbols/LigatureSymbols-2.11.woff") format("woff"), url("https://dl.dropboxusercontent.com/u/2510134/LigatureSymbols/LigatureSymbols-2.11.ttf") format("truetype"), url("https://dl.dropboxusercontent.com/u/2510134/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

.lsf-icon:before {
  content: attr(title);
  margin-right: 0.3em;
  font-size: 130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}



/*============================================================
  
  ヨメレバ・カエレバ（PC）
  
============================================================*/
.booklink-box, .kaerebalink-box{
  width:90%;
  margin:20px auto;
  padding:20px;
  border:double #CCC;
  overflow: hidden;
  font-size:small;
}

.booklink-image, .kaerebalink-image{
  margin:0 15px 0 0;
  float:left;
}

.booklink-image img, .kaerebalink-image img{
  margin:0 auto;
  text-align:center;
}
 
.booklink-info, .kaerebalink-info{
  margin:0;
        text-align:left;
  line-height:120%;
  overflow: hidden;
}
 
.booklink-name, .kaerebalink-name{
  font-size:16px;
  margin-bottom:24px;
  line-height:1.5em;
}
 
.booklink-powered-date, .kaerebalink-powered-date{
   font-size:8pt;
   margin-top:10px;
   font-family:verdana;
   line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
  margin-bottom:15px;
}
 
.booklink-link2, .kaerebalink-link1{
  margin-top:10px;
}
 
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
    width:30%;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  background-color:#ffffff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  margin:15px 2px 0 auto !important;
  padding:8px 1px;
  text-align:center;
        float:left;
  }
  
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover,  .shoplinkkakakucom:hover{
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
  background-color:#f6f6f6;
}
 
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active  .shoplinkkakakucom:active {
  position:relative;
  top:1px;
}
 
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
  text-decoration:none;
  font-weight:800;
  text-shadow:1px 1px 1px #dcdcdc;
  font-size:12px;
}
  
.shoplinkamazon a{
  color:#FF9901;
}
 
 .shoplinkrakuten a{
  color:#c20004;
}
 
.shoplinkkindle a{
  color:#007dcd;  
}
 
.shoplinkkakakucom a{
  color:#314995;  
}
 
.shoplinkyahoo a{
  color:#7b0099; 
}
.shoplinkyahoo img{
  display:none;
}
  
 
.booklink-footer{
  clear:left;
}

.shoplinkyahoo a{
   font-size:10px;
 }

/*============================================================

フキダシデザイン 

============================================================*/

.arrow_answer,
.arrow_question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding:30px 25px;
    border-radius: 10px;
    width:70%;
    font-size: 13px;
}
 
 
.arrow_question {
    float: right;
    margin-right:20px;
}
 
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
 
 
.arrow_question:after,
.arrow_question:before {
    right: 100%;
}
 
.arrow_answer:after,
.arrow_answer:before{
     left: 100%;
}
 
.arrow_answer:after,
.arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 15px;
    margin-top: -15px;
}
 
.arrow_answer:after{
    border-left-color: #fff;
}
 
.arrow_question:after{
    border-right-color: #fff;
    
}
 
.arrow_answer:before,
.arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 16px;
    margin-top: -16px;
}
 
.arrow_answer:before{
    border-left-color: #c8c8c8;
}
 
.arrow_question:before {
    border-right-color: #c8c8c8;    
}


.question_image{
     float: left;
}
 
.answer_image{
     float: right;
     margin-right:20px;
}
 
.answer_image img,
.question_image img{
     border-radius: 50px;
}
 
.question_Box{
     margin-bottom: 25px;
     overflow: hidden;
}


/* フッターメニューの設置CSS */
.footer {
background: #c6c2be;
width: 100%;
text-align: center;
color: #fff;
margin: 0 -200%; /* マージンを追記 */
padding: 30px 200%; /* マージンで横にはみ出した部分を戻す */

}
.footer-inner {
width: 90%;
margin: 0 auto;
text-align: left;
font-size: 90%;
display: block;
}
.box-wrapper {
width: 990px;
margin-right: -30px;
overflow: hidden;
display: block;
}
.footer-inner .footer-box {
width: 240px;
float: left;
}
.footer-inner .footer-box2 {
width: 300px;
height: 200px;
float: left;
margin:0 80px 0 0;
}
.footer-inner .footer-box h5 {
font-size: 110%;
margin: 0 0 2em 0;
line-height: 1.3;
}
.footer-inner .footer-box2 h5 {
font-size: 120%;
margin: 0 0 2em 0;
line-height: 1.3;
}
.footer-inner .footer-address {
font-style: normal;
font-size: 90%;
padding: 20px 0 0 0;
color: #999999;
line-height: 1.5;
}
.footer-inner .footer-box ul li {
list-style-type: none;
padding: .3em 0;
}
.footer-inner .footer-box2 ul li {
list-style-type: none;
padding: .3em 0;
display: inline;
margin: 0 0.3em; 
line-height: 110%;
}
.footer-inner .footer-box ul li a {
color: #ffffff;
text-decoration:none;
}
.footer-inner .footer-box2 ul li a {
color: #ffffff;
text-decoration:none;
}
.footer-box a:link:hover, a:visited:hover {
text-decoration: underline;
}
.footer-box2 a:link:hover, a:visited:hover {
text-decoration: underline;
}



/* アドセンスの読み込み時黄色背景を消す */
ins[style]{
background-color:transparent;
}

/* コメントを書く部分のカスタマイズ */
a.leave-comment-title{
  display: inline-block;
  width: 200px;
  height: 25px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  outline: none;
  position: relative;
  background-color: #1487BD;
  border-radius: 3px;
  color: #fff;
  line-height: 25px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 2px 0 #0F5373;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  margin-left: 10px;
}
a.leave-comment-title::before,
a.leave-comment-title::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a.leave-comment-title,
a.leave-comment-title::before,
a.leave-comment-title::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.leave-comment-titlex:hover {
  background-color: #fa8b7c;
  box-shadow: 0 3px 0 #f7432a;
}
a.leave-comment-titlex:active {
  top: 3px;
  box-shadow: none;
}

a.leave-comment-title:visited {
    color:#fff;
}

/* 続きを読む部分カスタマイズ */
a.entry-see-more{
  display: inline-block;
  width: 200px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  outline: none;
  position: relative;
  background-color: #f96e5b;
  border-radius: 4px;
  color: #fff;
  line-height: 40px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #e62308;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
a.entry-see-more::before,
a.entry-see-more::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a.entry-see-more,
a.entry-see-more::before,
a.entry-see-more::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.entry-see-more:hover {
  background-color: #fa8b7c;
  box-shadow: 0 3px 0 #f7432a;
}
a.entry-see-more:active {
  top: 3px;
  box-shadow: none;
}

a.entry-see-more:visited {
    color:#fff;
}

/* 日付とタイトル */
.date{
  color:#ffffff;
}
.page-index .date {
  display: none;
}
.page-archive .date {
  display: none;
}
.entry-header {
border-top: 4px solid #333333;
border-bottom: 4px solid #333333;
position: relative;
margin-bottom: 20px;
margin-top:10px;
}
.entry-title {
font-size: 20px;
margin: 25px 0 10px 0;
}
.categories {
margin: 5px 0 10px 0;
font-size: 80%;
}
.categories a {
padding: 4px 7px;
color: #888888;
text-decoration: none;
}
.categories a:hover {
background: #f5f5f5;
color: #333333;
}
.date a, .entry-header-menu a {
color: #fff;
text-decoration: none;
}
.date, .entry-header-menu {
background: #1487bd;
display: inline-block;
font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
text-transform: uppercase;
font-weight: normal !important;
font-size: 18px;
line-height: 1.3;
padding: 5px 15px;
position: absolute;
top: -20px;
left: -40px;
margin-top:5px;
}
.date:before, .entry-header-menu:before {
content: '';
position: absolute;
border-top: 15px solid #0f5373;
border-right: 0px solid transparent;
border-left: 20px solid transparent;
bottom: -15px;
left: 0px;
}
/* 日付とタイトルここまで */

/* あわせて読みたい */


.intro-article-wrapper a {
text-decoration: none;
color: #0085cd;
font-weight: bold;
font-size: 110%;
}
/* あわせて読みたい（ここまで） */

/* キーワード下線を消す */
a.keyword {
    border: none;
    pointer-events: none;
    cursor: default;
    color: #555555;
    }
h3 a.keyword {
    color: #000 ;
    }
/* ---- 記事部分の行間調整 ---- */
.entry-content p{
    margin:1.5em 0 2em 0;
    }

/*============================================================

  ブログの幅調整

============================================================*/

/* ----- ブログ全体の幅調整 ---- */
#container{
    width:1020px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 20px;
    }
#container-inner{
    width:1020px;
    }
/* ---- 記事部分の幅調整 ---- */
#main {
width: 630px;
float: left;
border-right: 1px solid #cccccc;
}
#wrapper {
    width: 630px;
    float: left;
}
.entry-inner{
    width:600px;
    }
.entry-content{
    padding-left:10px;
    }
.entry-header{
    width:600px;
    }
/* ---- サイドバー部分の幅調整 ---- */
#box2{
    width:340px;
    margin:5px 0 0 0;
    float: right;
    font-size: 90%;
    }
#box2-inner{
    width:340px;
    }
/* ---- トップページの記事部分右側をあける ---- */
.page-archive #main {
    padding: 0 10px 0 0;
    margin: 0 auto;
    text-align: center;
}

/*============================================================

  ブログの幅調整（iPad）

============================================================*/

/*画面横幅が576px以上、991px以下のサイズ*/
@media (max-width: 991px) and (min-width: 576px){
#blog-title, #menu, #content, #bottom-editarea .l-footer__inner, .l-inner {
    width: 89%;
    margin-right: auto;
    margin-left: auto;
}
#container{
    width:100%
    }
#container-inner{
    width:100%;
    }
    #wrapper {
    width: 65%;
    float: left;
}

/* ---- 記事部分の幅調整 ---- */
#main {
    width: 95%  ;
    float: left;
    }
.entry-inner{
    width:96%;
    }
.entry-content{
    width:95%%;
    }
.entry-header{
    width:100%;
    }
/* ---- サイドバー部分の幅調整 ---- */
#box2{
    width:35%;
    font-size: 90%;
    float: left;
    }
#box2-inner{
    width:95%;
    margin: 0 auto;
    }
}

/*============================================================

  ブログの幅調整（iPad pro）

============================================================*/

/*画面横幅が768px以上、1112px以下のサイズ*/
@media (max-width: 1112px) and (min-width: 768px){
#blog-title, #menu, #content, #bottom-editarea .l-footer__inner, .l-inner {
    width: 89%;
    margin-right: auto;
    margin-left: auto;
}
#container{
    width:100%
    }
#container-inner{
    width:100%;
    }
    #wrapper {
    width: 65%;
    float: left;
}

/* ---- 記事部分の幅調整 ---- */
#main {
    width: 95%  ;
    float: left;
    }
.entry-inner{
    width:96%;
    }
.entry-content{
    width:95%%;
    }
.entry-header{
    width:100%;
    }
/* ---- サイドバー部分の幅調整 ---- */
#box2{
    width:35%;
    font-size: 90%;
    float: left;
    }
#box2-inner{
    width:95%;
    margin: 0 auto;
    }
}



/*============================================================

  プロフィール（旧）

============================================================*/

/* ---- 旧プロフィール ---- */
img.akiueos_about_img {
overflow: hidden;
height: auto;
float: left;
margin: 0 13px 0 0;
padding: 0;
border: 0;
}
    
/* ----- ブログタイトル下のスペース調整 ---- */   

#blog-title{
    height:60px;
    }
.header-image-only #blog-title #blog-title-inner{
  height:80px;
}
#top-editarea{
    margin:-10px 0 20px 0;
    }
.header-image-enable #blog-title, .header-image-only #blog-title {
    padding: 10px 0 35px 0;
}
/* ----- 記事内のスタイル ----- */
   
h2 {font-size: 130%;
font-weight: bold;
margin: 1em 0 0.5em 0;
padding: 4px 10px;
border-left: solid 10px #F96E5B;
border-bottom-style: none;
background: rgba(245,245,245,0.8);
}

h4 {
  position: relative;
  font-size: 16px;
  line-height: 1;
  padding: 0 0 0 10px;
  border-left: 5px solid #F96E5B;
  margin:1.5em 0 0 0;
}
.entry-content p {font-size: 16px;}

/* ----- 引用のスタイル ----- */

/* 引用のデザイン1 */
.entry-content .blockquote2 {
    padding: 20px 55px;
    background: rgba(245,245,245,0.8);
    color: #222;
    position: relative;
    border: solid 1px #fff;
    margin: 0.8em 0;
}
/* 引用のデザイン2 */
.entry-content .blockquote2:before {
    color: rgba(200, 200, 200, 1);
    content: "“";
    font-family: serif;
    font-size: 600%;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
}
/* 引用のデザイン3 */
.entry-content .blockquote2:after {
    content: "”";
    font-family: serif;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 600%;
    color: rgba(200,200,200,1);
    line-height: 0;
}

.nbq_title {
line-height: 1.3;
color: #666666;
font-weight: bold;
font-size: 20px;
margin-top:10px;
}
.nbq_title_mark {
display: inline-block;
width: 0;
height: 17px;
overflow: hidden;
margin: 0 4px 0 0;
padding: 0 0 0 20px;
background: url("https://farm9.static.flickr.com/8075/8290639494_2f7e3d8133.jpg") no-repeat -1px -6px;
}
.nbq_syutten{
font: 12px/1.5 arial,sans-serif ;
color: #AAAAAA;
padding:-10px 0 0 0;
}
.nbq_syutten_link{
color: #AAAAAA;
padding-left:5px;
}
.nbq_inner{
line-height: 1.429;
padding: 0 0 0 6px;
border-left: 2px solid #d0d0d0;
margin:0 0 2em 0;
}
.nbq_inner_text{
color: #666666;
font-size:14px;
}
    
/* ----- 記事内のスタイルここまで ----- */

    
/* ----- NEW_ENTRY ----- */
.htbl_new_entries {
  height: 100%;
  width: 100%;
}
.htbl_new_entry {
  position: relative;
  background: #ddd;
  width: 300px;
  height: 120px;
  overflow: hidden;
  margin-top: 1px;
  border-radius: 1px;
}
.htbl_new_entry_img { 
    position: relative; 
    top: -9px; 
    min-height: 138px;
}

.htbl_new_entry_text {
  position: absolute;
  top: 0px;
  word-break: break-all;
  overflow: hidden;
  background: rgba(15, 15, 15, 0.55);
  width: 270px;
  height: 120px;
  margin-top: 0px;
  padding: 0 15px;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.htbl_new_entry_text:hover {
  background: rgba(0, 0, 0, 0.75);
  color: rgba(255, 255, 255, 0.95);
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
}

.htbl_new_entry_text span.entry_title {
  display: table-cell;
  vertical-align: middle;
  text-align:left; 
  height: 120px;
  font-size: 15px;
  font-weight: lighter;
}

.entry_hatebu{
  position: absolute;
  right: 5px;
  bottom: 0; 
}

.hatena-module-title a {
    position: relative;
    color:#Df502E;
    display: block;
    padding: 0px 0px;
}

.hatena-module-title a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.hatena-module-title a:after {
    content: ">>ARCIVE";
    font-size: 60%;
    position: absolute;
    right: 10px;
    bottom: 5px;
}
/* <system section="background" selected="undefined"> */

/* </system> */

/* ページャー部分を分かりやすく */
.pager{
    overflow: hidden;
}

.pager .pager-prev,.pager .pager-next{
    display: block;
    margin: 1em 0;
}
.pager-arrow{
    display: none;
}

.pager .pager-prev {
    float: right;
}
    .pager .pager-prev:before {
        content: "ひとつ次の記事「";
    }
    .pager .pager-prev:after{
        content: "」 »";
    }
    
.pager .pager-next {
    float: left;
}
    .pager .pager-next:before {
        content: "« ひとつ前の記事「";
    }
    .pager .pager-next:after{
        content: "」";
    }
/* ページャー部分を分かりやすく（ここまで） */



/* 引用2 */
.bq2 {
padding: 20px 55px;
background: rgba(245,245,245,0.8);
color: #222;
position: relative;
border: solid 1px #fff;
margin: 0.8em 0;
}
.bq2:before {
content: "“";
font-family: serif;
position: absolute;
top: 0;
left: 0;
font-size: 600%;
color: rgba(200,200,200,1);
line-height: 1em;
}
.bq2:after {
content: "”";
font-family: serif;
position: absolute;
bottom: 0;
right: 0;
font-size: 600%;
color: rgba(200,200,200,1);
line-height: 0;
}

/* 引用2（ここまで） */
/*============================================================

  グローバルメニュー（PC）

============================================================*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);
#cssmenu {
  background: #f96e5b;
  width: auto;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
#cssmenu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  float: left;
  display: block;
  padding: 0;
}
#cssmenu ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#cssmenu ul li a:hover {
  color: #333333;
}
#cssmenu ul li a:hover:before {
  width: 100%;
}
#cssmenu ul li a:after {
  content: '';
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: .5;
}
#cssmenu ul li a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #333333;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#cssmenu ul li.last > a:after,
#cssmenu ul li:last-child > a:after {
  display: none;
}
#cssmenu ul li.active a {
  color: #333333;
}
#cssmenu ul li.active a:before {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #cssmenu ul li {
    float: none;
  }
  #cssmenu ul li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cssmenu ul li a:after {
    display: none;
  }
  #cssmenu ul li a:before {
    height: 1px;
    background: #ffffff;
    width: 100%;
    opacity: .2;
  }
  #cssmenu ul li.last > a:before,
  #cssmenu ul li:last-child > a:before {
    display: none;
  }
}

/*============================================================

  POPULAR_ENTRY

============================================================*/
.htbl_popular_entries {
  height: 100%;
  width: 100%;
}
.htbl_popular_entry {
  position: relative;
  background: #ddd;
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin-top: 1px;
  border-radius: 1px;
}
.htbl_popular_entry_img { position: relative; top: -9px; min-height: 118px;}
.htbl_popular_entry_text {
  position: absolute;
  top: 0px;
  word-break: break-all;
  overflow: hidden;
  background: rgba(77, 77, 77, 0.42);
  width: 90%;
  height: 100px;
  margin-top: 0px;
  padding: 0 5%;
  color: rgba(255, 255, 255, 0.985);
  text-shadow: -1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.htbl_popular_entry_text:hover {
  background: rgba(255, 255, 255, 0.05);
  color: transparent;
  text-shadow: none;
  padding-top: 100px;
}
.htbl_popular_entry_text span.entry_title {
  display: table-cell;
  vertical-align: middle;
  text-align: center; 
  height: 100px;
  font-size: 14px;
}
.htbl_popular_entry_text span.entry_date {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  text-shadow: none;
}
.htbl_popular_entry_text span.entry_hatebu { position: absolute; left: 5px; bottom: 0px; }
/* ----- POPULAR_ENTRYここまで ----- */