/* <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=3a147c0e9d9380e4a9fc0dfb56d02c) 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="undefined"> */


/* </system> 3bb3eb*/


/*--------------------------------------------
 スクロールできるのがわかりやすいテーブルCSS
--------------------------------------------*/
.table-wrap {
  width: 100%;
  overflow: auto;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
  border-bottom: 1px solid #c0c0c0;
}

.table-wrap table {
  background: linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%, linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%;
  background-repeat: no-repeat;
  background-attachment: local;
  border-bottom: 1px solid #CCC;
  border-collapse: collapse;
  margin-bottom: 0;
}

.table-wrap th {
  padding: 10px;
  background: rgba(0,0,0,.1);
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  white-space: nowrap;

}

.table-wrap td {
  padding: 10px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  white-space: nowrap;
}

.entry-content table th {
    background: none;
    /* border: 1px solid #c0c0c0 */
}

.entry-content table {
    width: 100%;
}


/*------------------------
後で読む
------------------------*/
.author_info 
{ 
 border-bottom: solid 1px #ccc; 
} 

.author_info a { 
text-decoration: none; 
font-size: 16px
-webkit-transition: all .3s; /* カーソルを合わせた時のフェード(0.3秒)★ */
transition: all .3s; /* カーソルを合わせた時のフェード(0.3秒)★ */
} 

.author_name a { 
color: #333; /* 名前の色 */
} 

.after_read a { 
padding-left: 0px; 
color: #00A4DE; 
} 

.author_name a:hover, 
.after_read a:hover, 
.after_read_pocket a:hover{ 
opacity: 0.6; 
} 

.after_read_pocket a { 
padding-left: 20px; 
color: #ee4256; 
} 




/*------------------------
囲み タイトル
------------------------*/

.summary-border {
    border: 2px solid #cc0000;
    border-radius: 4px;
    margin: 2em 0;
    padding: 0.1em 1.5em 0.1em 1.5em;
    position: relative;
}

.summary-border::before {
    background-color: #fff;
    color: #cc0000;
    content: "Summary";
    font-size: 26px;
    font-weight: bold;
    font-family: 'Segoe Script','Bradley Hand';
    left: 1em;
    padding: 0 .2em;
    position: absolute;
    top: -0.6em;
}

.point-border {
    border: 2px solid #cc0000;
    border-radius: 4px;
    margin: 2em 0;
    padding: 0.1em 1.5em 0.1em 1.5em;
    position: relative;
}

.point-border::before {
    background-color: #fff;
    color: #cc0000;
    content: "Point";
    font-size: 30px;
    font-weight: bold;
    font-family: 'Segoe Script','Bradley Hand';
    left: 1em;
    padding: 0 .2em;
    position: absolute;
    top: -0.6em;
}


.check-border {
    border: 2px solid #cc0000;
    border-radius: 4px;
    margin: 2em 0;
    padding: 0.1em 1.5em 0.1em 1.5em;
    position: relative;
}

.check-border::before {
    background-color: #fff;
    color: #cc0000;
    content: "Check!";
    font-size: 30px;
    font-weight: bold;
    font-family: 'Segoe Script','Bradley Hand';
    left: 1em;
    padding: 0 .2em;
    position: absolute;
    top: -0.6em;
}



/*------------------------
2重線囲み タイトル
------------------------*/

.check-double-border  {
    margin: 2em 0;
    padding: 0.1em 1.5em 0.1em 1.5em;
    background: #fff;
    border: 2px #A42424 solid;
    position: relative;
    z-index: 10;
}

.check-double-border::before {
    background-color: #fff;
    color: #cc0000;
    content: "Check!";
    font-size: 30px;
    font-weight: bold;
    font-family: 'Segoe Script','Bradley Hand';
    left: 1em;
    padding: 0 .2em;
    position: absolute;
    top: -0.6em;
}

.check-double-border::after {
    content: "";
    padding: 0 .5em;
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 0.8px #A42424 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}


/*------------------------
2重線囲み
------------------------*/

.double-border {
    margin: 2em 0;
    padding: 2em 1em 1em 1em;
    background: #fff;
    border: 2px #cc0000 solid;
    position: relative;
    z-index: 10;
}

.double-border:before {
    content: "";
    padding: 0 .5em;
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 0.8px #cc0000 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}


/*------------------------
ol グレー-なし
------------------------*/

ol {
  counter-reset: my-counter;
  list-style: none;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    background-color: transparent;
    margin-left: 0px !important;
    padding: 0.5em 0.5em 0.5em 0 !important;
}

 
ol li {
  margin-bottom: 10px;
  padding-left: 48px;
  position: relative;
}
ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #696969;
  color: #fff;
  display: block;
  float: left;
  line-height: 19px;
  margin-left: -28px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-top: 3px;
}


/*------------------------
ol グレー-黄色
------------------------*/

ol.try {
  counter-reset: my-counter;
  list-style: none;
    border: 0px solid #dcdcdc;
    border-radius: 2px;
    background-color: #FAF0E6;
    margin-left: 0px !important;
    padding: 5px 15px 5px 0 !important;
}

 
ol.try li {
  margin-bottom: 10px;
  padding-left: 48px;
  position: relative;
}
ol.try li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #696969;
  color: #fff;
  display: block;
  float: left;
  line-height: 19px;
  margin-left: -28px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-top: 3px;
}




/*------------------------
ol 緑-黄色 #1CA300


ol.try {
  counter-reset: my-counter;
  list-style: none;
    border: 0px solid #dcdcdc;
    border-radius: 2px;
    background-color: #FFFFD7;
    margin-left: 0px !important;
    padding: 5px 15px 5px 0 !important;
}

 
ol.try li {
  margin-bottom: 10px;
  padding-left: 55px;
  position: relative;
}
ol.try li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #1CA300;
  color: #fff;
  display: block;
  float: left;
  line-height: 19px;
  margin-left: -35px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-top: 3px;
}
------------------------*/


/*---- 背景色うすオレンジ ----*/
.entry-content ul {
    background: #FAF0E6;
    border: 0px solid #dcdcdc;
    border-radius: 5px;
    padding: 1px 10px 1px 40px;
    margin: 10px 0;
}


/*---- 
.entry-content ol {
    background: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding: 15px 10px 15px 40px;
    margin: 0;
}
数字の背景色グレー ----*/



/*------------------------
製品ポイント 文字大きい
------------------------*/
ul.point{border:3px solid #cc0000;padding:1.2rem 0 0 0;background: #ffffff;margin:1.5em 0;position:relative;}
ul.point::before{content:'人気記事';position:absolute;top:calc(-0.7rem - 2px);left:1em;display:inline-block;background:#cc0000;color:#fff;padding:0.7em 0.8em 0.7em 1.3em;font-size:1.1rem;line-height:0rem;border-radius:0.7rem;}
ul.point::after{content:'\f041';font-family:blogicon;position:absolute;top:calc(-1rem - 2px);left:0.5em;display:inline-block;background:#cc0000;color:#fff;font-size:1rem;line-height:2rem;width:2rem;text-align:center;border-radius:1rem;}
ul.point li{list-style-type:none;margin:0 0 0.2em 1em;padding:0 0 0 1em;}
ul.point li::before{display:inline-block;font-family:blogicon;text-indent:-1em;}
ul.point li.good::before{content:'\f029';color:#4caf50;}
ul.point li.bad::before{content:'\f001';color:#f44336;transform:rotate(45deg);text-indent:0;margin:0 0.2em 0 -1em;}


/*------------------------
製品ポイント

ul.point{border:3px solid #df8182;padding:1.2rem 0 0 0;background: #fffbf5;margin:1.5em 0;position:relative;}
ul.point::before{content:'この製品の特徴';position:absolute;top:calc(-0.7rem - 2px);left:2em;display:inline-block;background:#df8182;color:#fff;padding:0 0.8em 0 1.2em;font-size:0.8rem;font-weight:bold;line-height:1.4rem;border-radius:0.7rem;}
ul.point::after{content:'\f041';font-family:blogicon;position:absolute;top:calc(-1rem - 2px);left:0.5em;display:inline-block;background:#df8182;color:#fff;font-size:1rem;line-height:2rem;width:2rem;text-align:center;border-radius:1rem;}
ul.point li{list-style-type:none;margin:0 0 0.2em 1em;padding:0 0 0 1em;}
ul.point li::before{display:inline-block;font-family:blogicon;text-indent:-1em;}
ul.point li.good::before{content:'\f029';color:#4caf50;}
ul.point li.bad::before{content:'\f001';color:#f44336;transform:rotate(45deg);text-indent:0;margin:0 0.2em 0 -1em;}
------------------------*/



/*------------------------
  グローバルメニュー
------------------------*/
/* 余白調整 */
#container {
  padding-top:20px;
}

#menu {
  width: 100%;
  margin: 10px auto;
  background: #063047; /* メニュー色 */
}

#menu-inner {
  width: 80%;
  height: 40px;
  margin: 0 auto;
  background: #063047; /* メニュー内部色 */
}

#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;
  margin: -16px 0 0 0;
  background: #063047; /* リンク背景色 */
  color: #fff; /* リンク色 */
  text-decoration: none;
  z-index: 2;
  font-size: 90%;
  font-weight: bold;
}

#menu-content > li > a:hover {
  background: #555; /* ポインタ時の背景色 */
  color: #fff; /* ポインタ時の文字色 */
}

/* ２階層目 */
#menu-content > li > ul.second-content{
  visibility: hidden;
  position: absolute;
  top: 0px;
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  z-index: -1;
}
#menu-content > li:hover > ul.second-content{
  visibility: visible;
  top: 25px;
  z-index: 1;
  transition: all .3s;
}
#menu-content > li > ul.second-content > li{
  text-align: center;
  width: 200px;
  height: 40px;
  margin: 0px 0 0 0;
}
#menu-content > li > ul.second-content > li > a{
  display: block;
  line-height: 40px;
  background: #444; /* サブメニューの背景色 */
  color: #fff; /* サブメニューの文字色 */
  font-size: 70%;
  text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
  background: #555;
  color: #fff;
}


/*--------------------------------------------
 topの赤いやつ
--------------------------------------------*/

.topnavi {
  position: relative;
  top: -32px;
  z-index: 0;
}

a.topnavilink {
  display: block;
  font-size: .8em;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #f55e5e;
  padding: .4em;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

a.topnavilink:hover {
  color: #fff;
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}





/*--------------------------------------
  ヨメレバ・カエレバ・トマレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box, .tomarebalink-box {
  padding:25px;
  margin-bottom: 10px;
  border:solid 1px #ccc;
  overflow: hidden;
  font-size:small;
}
.booklink-image, .kaerebalink-image, .tomarebalink-image {
  margin:0 15px 0 0;
  float:left;
  min-width: 160px;
  text-align: center;
}
.booklink-image img, .kaerebalink-image img, .tomarebalink-image img {
  margin:0 auto;
  text-align:center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
  margin:0;
  line-height:120%;
  overflow: hidden;
}
.booklink-name, .kaerebalink-name, .tomarebalink-name {
  margin-bottom:24px;
  line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date {
   font-size:8px;
   margin-top:10px;
   font-family:verdana;
   line-height:120%;
}
.booklink-detail, .kaerebalink-detail, .tomarebalink-detail {font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail, .tomarebalink-detail {margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1 {margin-top:10px;}
.booklink-link2 a, .kaerebalink-link1 a, .tomarebalink-link1 a {
  width:30%;
  display:inline-block;
  margin:5px 2px 0 0;
  padding:10px 1px;
  text-align:center;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  float:left;
  text-decoration:none;
  font-weight:800;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  font-size:12px;
  color: #fff !important;
  -webkit-transition: all .3s; /* カーソルを合わせた時のフェード(0.3秒)★ */
  transition: all .3s; /* カーソルを合わせた時のフェード(0.3秒)★ */
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover, .tomarebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active
.tomarebalink-link1 a:active {
  position:relative;
  top:1px;
}

/* ボタンの変更（開始） */
.shoplinkamazon a {
  background-color: #ff9901 !important; /* 背景色★ */
}
.shoplinkrakuten a {
  background-color: #c20004 !important; /* 背景色★ */
}
.shoplinkkindle a {
  background-color: #007dcd !important; /* 背景色★ */
}
.shoplinkkakakucom a {
  background-color: #314995 !important; /* 背景色★ */
}
.shoplinkyahoo a {
  background-color: #7b0099 !important; /* 背景色★ */
}
.shoplinkseven a {
  background-color: #1abc9c !important; /* 背景色★ */
}
.shoplinkrakukobo a {
  background-color: #039bad !important; /* 背景色★ */
}
.shoplinkjalan a {
  background-color: #FF4500 !important; /* 背景色★ */
}
.shoplinkjtb a {
  background-color: #ff9901 !important; /* 背景色★ */
}
.shoplinkrurubu a {
  background-color: #007dcd !important; /* 背景色★ */
}
.shoplinkrakukikyu a {
  background-color: #DAA520 !important; /* 背景色★ */
}



/* ボタンの変更（終了） */

.shoplinkyahoo img {display:none;}
.shoplinkyahoo a {font-size:10px;}
.booklink-footer {display: none;}

@media screen and (max-width: 680px) {
    .booklink-box, .kaerebalink-box, .tomarebalink-box {padding:15px;}
    .booklink-image, .kaerebalink-image, .tomarebalink-image {
      width: 100px !important;
      min-width: initial;
    }
    .booklink-name > a, .kaerebalink-name > a, .tomarebalink-name > a {
      font-size: 15px;
      font-weight: bold;
    }
    .booklink-name, .kaerebalink-name, .tomarebalink-name {margin-bottom:12px;}
    .booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date {margin-top:5px;}
    .booklink-link2 a, .kaerebalink-link1 a, .tomarebalink-link1 a {
      width:calc(100% - 4px);
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
      margin: 2px 0px;
      padding:10px 0px;
    }
}

/* カエレバ位置調整 */
.shoplinkamazon img,
.shoplinkkindle img,
.shoplinkrakuten img {
  display: none;
}


/*--------------------------------------
  青囲みタイトル付き
--------------------------------------*/
.blue_round_title {
  background: #1ba0de; /* 背景色 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  padding: 10px 15px 10px 22px; /* 枠の内側の余白 上、右、下、左 */
  margin-top: 20px; /* 枠の外側の余白 上 */
  margin-bottom: 0;  /* 枠の外側の余白 下 */
}

.blue_round_frame {
  border: solid 2px #1ba0de;
  padding: 0 15px 0 20px;
  margin-top: 0;
  margin-bottom: 20px;
  background: rgb(0,0,0,0);
}



/*--------------------------------------
  吹き出し
--------------------------------------*/
.entry-talk-box {
border-collapse: separate;
border-spacing: 0px 2px;
display: table;
margin: 30px 0;
table-layout: fixed;
width: 100%;
}

.entry-talk-img {
  display: table-cell;
  vertical-align: top;
  width: 90px;
}
/* シャドウを付ける */
.entry-talk-img img {
  border-radius: 50%;
  width: 90px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border: 3px solid #fff;
}
.entry-talk-txt {
  background-color: #fff;
  border: 3px solid #ddd;
  border-radius: 8px;
  padding: 10px 20px;
  position: relative;
}


.entry-talk-txt-right {
margin-right: 10px;
}

.entry-talk-txt-left {
margin-left: 10px;
}


.entry-talk-txt-left:before {
  content: '';
  position: absolute;
  border-right: 10px solid #ddd;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: -12px;
  top: 10px;
}
.entry-talk-txt-left:after {
  content: '';
  position: absolute;
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: -9px;
  top: 10px;
}
.entry-talk-txt-right:before {
  content: '';
  position: absolute;
  border-left: 12px solid #ddd;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  right: -15px;
  top: 10px;
}
.entry-talk-txt-right:after {
  content: '';
  position: absolute;
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  right: -11px;
  top: 10px;
}

.entry-talk-txt p {
margin: 5px 0 !important;
}

.entry-talk-name {
  font-size: 13px;
  color: #444;
  text-align: center;
}

/*--------------------------------------
  行間
--------------------------------------*/
/* リスト行間 */
li {margin-top:1em; margin-bottom:1em;}

/* 文章行間 */
.entry-content p { margin:1.4em 0; }





/*---------------------
目次デザイン
-----------------------*/
/* 目次の囲み線 */
ul.table-of-contents {
  border: solid 1px #c0c0c0 !important; /* 線の色 */
  border-radius: 0px;
  background: #fff;
  padding-bottom: .5em;
}

/* リスト設定 */
.table-of-contents li {
  border-top: 1px dotted #ddd;
  margin-top:-0.2em; margin-bottom:-0.2em;
}

/* 子リストの余白をなくす */
.table-of-contents li > ul {
  margin: -1px -10px -1px -40px;
  background: #fff;
  border: none;
}

/* リストに番号を振る */
.table-of-contents li,
.table-of-contents ul{
  list-style-type: none;
}

.table-of-contents,
.table-of-contents li > ul{
  counter-reset: section;
}

.table-of-contents li a:before
 {
  content : counters(section, '.') '　';
  counter-increment : section;
}

.table-of-contents li a {
  display: block;
  padding: .5em 0;
  text-decoration: none;
  color: #139ec4;
}

/* 子リストリンクにインデントを付ける */
.table-of-contents li > ul li a {
  margin-left: 10px;
}

.table-of-contents li > ul li > ul li a {
  margin-left: 20px;
}

/* 「目次」文字のカスタマイズ */
.toc-title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  content: "目次"; /* 「目次」という文字はここで変更する */
  margin-bottom: 1em;
}

/* 表示非表示のボタン */
.toc-title .show-area {
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  color: #139ec4; /* リンクカラー */
  cursor: pointer;
}



/*---- オリジナルボタン ----*/
.ctmbtn {
  display: inline-block;
  padding: 0 15px; /* 余白 */
  margin-bottom: 20px; /* ボタンの下の余白 */
  text-align: center; /* テキスト中央寄せ */
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: relative;
  color: #fff; /* テキスト色 */
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.ctmbtn::before,
.ctmbtn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.ctmbtn,
.ctmbtn::before,
.ctmbtn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s; /* カーソルを合わせた時のフェード(0.3秒)★ */
  transition: all .3s; /* カーソルを合わせた時のフェード(0.3秒)★ */
}

/* マウスのカーソルがボタンの上にあるとき */
.ctmbtn:hover {
   text-decoration: none; 
}

/* マウスでクリックされたとき */
.ctmbtn:active {
  top: 3px;
  box-shadow: none;
}


/*---- オレンジ（角が丸い） ----*/
.ctmbtn.orange {
  background-color: #FF7F0E; /* 背景色★ */
  box-shadow: 0 3px 0 #DD7819; /* ボタンの影と色★ */
}

.ctmbtn.orange:hover {
  background-color: #FFB168; /* 背景色★ */
  box-shadow: 0 3px 0 #DE9959; /* ボタンの影と色★ */
  color: #fff; /* テキスト色 */
}

.ctmbtn.orange.circle {
  border-radius: 4px; /* 角の丸み */ 
}




/*---- 青（角が丸い） ----*/
.ctmbtn.blue {
  background-color: #3498db; /* 背景色★ */
  box-shadow: 0 3px 0 #2980b9; /* ボタンの影と色★ */
}

.ctmbtn.blue:hover {
  background-color: #6EC1F8; /* 背景色★ */
  box-shadow: 0 3px 0 #6FB1DD; /* ボタンの影と色★ */
  color: #fff; /* テキスト色 */
}

.ctmbtn.blue.circle {
  border-radius: 4px; /* 角の丸み */ 
}


/*---- 緑（角が丸い） ----*/
.ctmbtn.green {
  background-color: #1abc9c; /* 背景色★ */
  box-shadow: 0 3px 0 #16a085; /* ボタンの影と色★ */
}

.ctmbtn.green:hover {
  background-color: #1fd0ad; /* 背景色★ */
  box-shadow: 0 3px 0 #1abc9c; /* ボタンの影と色★ */
}

.ctmbtn.green.circle {
  border-radius: 4px; /* 角の丸み */ 
}




/* 大見出しカスタマイズ */
.entry-content h3{
    color: #ffffff;
    font-weight: normal;
    background: #2E2E2E;
    padding: 20px 20px;
    margin: 20px 0px;
    }

/* 中見出しカスタマイズ */
.entry-content h4{
    color: #444444;
    padding: 15px 20px; 
    border-left: 10px solid #2E2E2E;
    border-bottom: 1px solid #2E2E2E;
    margin: 20px 0px;
    }

/* 小見出しカスタマイズ */
.entry-content h5{
    color: #3f3f3f;
    padding: 15px 20px; 
    border-top: 1px solid #2E2E2E;
    border-bottom: 1px solid #2E2E2E;
    margin: 20px 0px;
    }



.round_title {
  display: inline-block; /* ブロック幅を文字数に合わせる */
  background: #e74c3c; /* 背景色 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  padding: 10px 15px 10px 15px; /* 枠の内側の余白 上、右、下、左 */
  margin-top: 20px; /* 枠の外側の余白 上 */
  margin-bottom: 0;  /* 枠の外側の余白 下 */
  border-radius: 4px 4px 0px 0px;
}

.round_frame {
  border: solid 2px #e74c3c;
  padding: 0px 15px 0 15px;
  margin-top: 0;
  margin-bottom: 20px;
  background: rgba(255, 254, 242,0.5);
  color:#1464b3;
  text-decoration: underline;
  border-radius: 0px 4px 4px 4px;
}


/*本文フォントサイズ*/
.entry-content {
    font-size:17px;
    color:#525253;
    font-weight: 100
}

/*フッターフォントサイズ*/
.entry-footer {
    font-size:17px;
    font-weight: 100
}



/*フォントファミリーは意味ないかも
.entry-body {
    font-size: 17px;
    font-weight: 700 ;
    font-family: "Avenir Next", 'Helvetica Neue', Helvetica, Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
    color:#525253;
}
*/

.entry-content p {
 font-size: 17px;
 -webkit-font-smoothing: antialiased;
}