/* <system section="theme" selected="navyblue"> */
@charset "UTF-8";/*!
  Theme: navy
  Author: Hatena Blog Team
  Responsive: yes
*//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}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:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{display:block;*zoom: 1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.inline-block{display:inline-block;*display: inline;*zoom: 1}.border-box{-ms-box-sizing:border-box;box-sizing:border-box}.ellipsis{white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.dots{background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat bottom center;background-size:32px auto}html,body{font-family:Arial,YuGothic,游ゴシック,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#333;background-color:#fff;border-bottom:4px solid #001e43}a{color:#e8383d}a:hover{color:#ac0005}a:visited{color:#f0530e}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#001e43;text-decoration:none}a.keyword{text-decoration:none;border-bottom:1px dotted #001e43;color:#333}.btn{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#e8383d;background-color:#f7f7f7;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;text-decoration:none!important}.btn:hover{background-color:#f0f0f0;text-decoration:none!important}.btn-small{padding:2px 10px!important;font-size:11px!important}.btn-large{padding:13px 19px;font-size:17px;line-height:normal;font-weight:700}#globalheader-container{background-color:#fff;color:#001e43;position:sticky;top:0;left:0;width:100%}#container{margin-left:auto;margin-right:auto;margin-bottom:30px}.globalheader-off #container{padding-top:0}#wrapper{display:block;*zoom: 1;width:600px;margin:0 auto 32px}#wrapper:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#main{width:100%;float:none}#box2{width:100%;float:none;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/line.png?version=fd637a5acde109c33d4bff4bfc7c27) repeat-x top center;padding-top:36px}#box2-inner{width:600px;display:block;*zoom: 1;margin:0 auto;overflow:hidden;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat bottom center;background-size:32px auto}#box2-inner:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#box2-inner .hatena-module{padding-right:32px;width:284px;float:left}#box2-inner .hatena-module:nth-child(2n){padding:0}#box2-inner .hatena-module:nth-child(odd){clear:both}.hatena-module{text-align:left}#blog-title{margin:32px 0;padding-top:32px;text-align:center;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/line.png?version=fd637a5acde109c33d4bff4bfc7c27) repeat-x bottom center}#blog-title #blog-title-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat bottom center;background-size:32px auto;background-position:top center}#blog-title-content{width:600px;margin:0 auto 32px;padding-bottom:40px}#title{margin:0;line-height:1.5;padding:24px 0 0;font-size:170%}#title a{color:#001e43}#blog-description{font-weight:400;color:#8d949f;font-size:100%;margin:0;padding:0}.header-image-enable #blog-title #blog-title-inner,.header-image-only #blog-title #blog-title-inner{background-size:auto;margin:0 auto}.header-image-enable #title,.header-image-only #title{padding-top:64px}#top-box{width:600px;margin:16px auto 32px;font-size:90%}.page-archive .breadcrumb{border:1px solid #001e43;padding:10px}.entry{position:relative;margin-bottom:64px}.entry-header{padding:16px 0 10px;margin-bottom:20px;position:relative}.entry-title{text-align:center;margin:0;line-height:1.3;font-size:115%;padding-bottom:27px;background:url(https://cdn.blog.st-hatena.com/css/theme/navyblue/dots.png?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat bottom center;background-size:32px auto}.entry-title a:hover{border-bottom:1px solid}.date{margin-bottom:16px;font-style:italic;text-align:center}.date a{color:#8d949f;text-decoration:none;font-size:85%}.date a:hover{border-bottom:1px solid}.date-last-updated{color:#8d949f;font-size:85%}.categories{margin-top:16px;font-size:80%;text-align:right}.categories a{color:#fff;background:#e8383d;text-decoration:none;padding:2px 6px}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;bottom:0;left:-60px}.entry-header-menu a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#e8383d;background-color:#f7f7f7;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;text-decoration:none!important}.entry-header-menu a:hover{background-color:#f0f0f0;text-decoration:none!important}.entry-content{font-size:100%;line-height:1.7;padding-bottom:10px;border-bottom:3px double #001e43}.entry-content p{margin:0 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:1.3em 0 .8em;line-height:1.5}.entry-content h1,.entry-content h2,.entry-content h3{color:#e8383d;padding-left:8px;border-left:4px solid #e8383d}.entry-content h1{font-size:120%}.entry-content h2{font-size:115%}.entry-content h3{font-size:110%}.entry-content h4{font-size:105%;color:#001e43;padding-left:8px;border-left:4px solid #001e43}.entry-content h5,.entry-content h6{font-size:100%;color:#001e43}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}.entry-content blockquote{background:#f5f5f5;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{border:1px solid #001e43;margin:0 0 10px;padding:20px;white-space:pre}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{margin-top:10px}.entry-footer-section{font-size:85%;color:#8d949f}.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px;padding:0;font-size:85%;line-height:1.7}.comment-box li{padding:10px 0 10px 60px;border-bottom:1px solid #001e43;position:relative}.comment-box li:first-child{border-top:1px solid #001e43}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px!important;height:50px!important}.comment-user-name{margin:0 0 10px}.comment-content{margin:0 0 10px;word-wrap:break-word}.comment-content p{margin:0 0 10px}.comment-metadata{font-size:80%;color:#8d949f;margin:0}.comment-metadata a{color:#8d949f}.leave-comment-title{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#e8383d;background-color:#f7f7f7;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;text-decoration:none!important}.leave-comment-title:hover{background-color:#f0f0f0;text-decoration:none!important}#box2{font-size:85%;line-height:1.5}.hatena-module{margin-bottom:64px}.hatena-module-title{font-weight:700;text-align:center;color:#001e43;margin-bottom:16px;padding-bottom:4px;font-size:100%;border-bottom:3px double #001e43}.hatena-module-title a{color:#001e43}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0}.hatena-module-profile .id{display:block;font-size:85%;margin-bottom:5px}.hatena-module-profile .profile-description{font-size:90%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:8px 0;border-bottom:1px dotted #ddd;line-height:1.5}.hatena-urllist .urllist-date-link a{color:#8d949f;text-decoration:none;font-style:italic}.hatena-urllist .user-name-nickname,.hatena-urllist .user-name-paren,.hatena-urllist .user-name-hatena-id,.hatena-urllist .user-name-nickname a,.hatena-urllist .user-name-paren a,.hatena-urllist .user-name-hatena-id a{color:#333}.hatena-urllist .urllist-category-link{background:#8d949f;padding:2px 4px;color:#fff;text-decoration:none}.hatena-module-search-box .search-form{border:1px solid #001e43;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:100%;-ms-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{padding:5px;color:#333;background:none;border:none;outline:none;height:20px;width:90%;line-height:1}.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat right center;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;filter:alpha(opacity=50)}.hatena-module-search-box .search-module-button:hover{-moz-opacity:.85;-khtml-opacity:.85;-webkit-opacity:.85;opacity:.85;filter:alpha(opacity=85)}.pager{width:100%;margin-bottom:64px;border-top:1px solid #001e43;border-bottom:1px solid #001e43;position:relative;display:block;*zoom: 1;color:#fff}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager a{color:#fff;display:block;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pager .pager-prev,.pager .pager-next{display:block;min-height:2em;background:#001e43;text-decoration:none;width:46%;padding:0 2%;line-height:2em}.pager .pager-prev:hover,.pager .pager-next:hover{background:#003576}.pager .pager-prev{text-align:left;float:left}.pager .pager-next{text-align:right;float:right}#footer{padding:32px 0;text-align:center;line-height:1.5;font-size:80%}#footer p{margin:0}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #dfdfdf;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #main{line-height:1.7}.page-archive #main section{margin-bottom:20px}.page-archive #main .entry-description{font-size:85%}.page-archive #main .entry-title{font-size:100%;margin-bottom:0}.page-archive #main ul{list-style:none;margin:0;padding:0}.page-archive #main ul li{padding:8px 0;border-bottom:1px dotted #ddd;line-height:1.5}.page-archive #main ul .urllist-date-link a{color:#8d949f;text-decoration:none;font-style:italic}.page-archive #main ul .user-name-nickname,.page-archive #main ul .user-name-paren,.page-archive #main ul .user-name-hatena-id,.page-archive #main ul .user-name-nickname a,.page-archive #main ul .user-name-paren a,.page-archive #main ul .user-name-hatena-id a{color:#333}.page-archive #main ul .urllist-category-link{background:#8d949f;padding:2px 4px;color:#fff;text-decoration:none}#top-editarea,#bottom-editarea{width:600px;margin:32px auto}@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?version=fd637a5acde109c33d4bff4bfc7c27) no-repeat right center;background-size:20px 20px}}@media (max-width: 660px){#globalheader-container{position:static}#blog-title{padding-top:0}#blog-title-content{width:93.75%;padding-bottom:26px}#container{word-wrap:break-word;overflow:hidden}#wrapper{width:93.75%}#main{width:100%;float:none}.entry-header{padding-top:0}.entry{margin-bottom:32px}.pager{position:relative;border:0 none;margin-bottom:32px}.pager .pager-prev,.pager .pager-next{text-align:center;float:none;width:96%;border-bottom:1px solid #fff}#box2{width:100%;float:none}#box2-inner{width:93.75%}#box2-inner .hatena-module{width:100%;float:none}.hatena-module{margin-bottom:32px}.entry-header-menu{top:-30px;left:0}#top-editarea,#bottom-editarea{width:93.75%;margin:16px auto}}

/* </system> */

.entry-content p {font-size: 17px;}
@media screen and (max-width: 480px){.entry-content p {font-size: 17px;}}

/* 見出しのリセット */
.entry-content h3,
.entry-content h3::before,
.entry-content h3::after {
  background: none;
  border: none;
  border-radius: 0;
}

.entry-content h3 {
  position: relative;
  padding: 6px 10px;
  color: #fff;
  background-color: #293b6a;
  border-radius: 4px;
}
.entry-content h3::before,
.entry-content h3::after {
  position: absolute;
  width: 100%;
  height: 4px;
  z-index: 2;
  content: '';
}
.entry-content h3::before {
  top: 0;
  left: 0;
  border-bottom: 1px dashed #fff;
}
.entry-content h3::after {
  top: 100%;
  left: 0;
  margin-top: -4px;
  border-top: 1px dashed #fff;
}

  line-height: 1.5;
  padding: 0;
  list-style-type: none !important;
}


<style tyle=text/css>
/*--------------------------------------
  もくじ
--------------------------------------*/
 ul.table-of-contents {
  font-size: 12px !important; /*文字サイズ*/
  border: double #aed3e2 !important;
  padding: 1em 1.5em 1em 2.25em !important;
  background-color: #dcdcdc!important; /* 背景カラーです */
  color: #999 !important;
  display: inline-block !important;
}
 ul.table-of-contents:before {
  content: "::::  I N D E X  ::::";
  display: block;
  text-align: left;
  margin: 0;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
  color: #293b6a;
}
 ul.table-of-contents a:after {
  display: none !important;
}
 ul.table-of-contents li a,
 ul.table-of-contents li a:visited {
  color: #808080 !important; /* リンク文字の色 */
  text-decoration: none; /* リンクの下線あり・なし */
}
 ul.table-of-contents li a:hover {
  color: lightgrey !important; /* リンクにマウスを重ねた時の色 */
}
 ul.table-of-contents li {
  margin: 5px 0 10px 6px !important;
  line-height: 1.5;
  padding: 0;
  list-style-type: none !important;
}
 ul.table-of-contents li:before {
  font-family: blogicon;
  content: "\f029";
  position: absolute;
  left: 1.2em;
  color: #293b6a;
}
ul.table-of-contents ul li,
 ul.table-of-contents li ul {
  /* H1のみ表示させる */
  display: none !important;
}

#menubar{
     width:100%;
 }

#menubar ul{
     display:table;
     width:100%;
     margin: 0; 
     padding: 0;
     background-color: #FFFFFF;
 }

#menubar li{
     display: table-cell;
     width:25%;
     padding:0;
     background-color: #293b6a;
 }

#menubar li a{
     display: block;
     margin:0 auto;
     padding:5px;
     border: 0px solid #FFFFFF;
     text-decoration: none;
     color: #FFFFFF;
     text-align: center;
     font-size: 12px;
 }

#menubar li a:hover{
     background-color: #808000;
 }


/* 引用のデザイン1 */
.entry-content blockquote {
    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 blockquote: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 blockquote:after {
    content: "”";
    font-family: serif;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 600%;
    color: rgba(200,200,200,1);
    line-height: 0;
}

.recommended{
    margin-top:10px;
    font-size:22px;
    font-family: "Tsukushi B Round Gothic","筑紫B丸ゴシック";
    font-weight: bold;
    border-radius:3px;
}
.rere{
    font-size:20px;
}
.re{
     border-bottom: 2px solid darkgray;
     margin-bottom:10px;
}

#appreach-box {
max-width: 500px;
border: 1px solid #ddd;
background: #fff;
padding: 4px 6px;
border-radius: 4px;
line-height: 1.4;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06);
}
#appreach-box br {
display: none;
}
#appreach-image {
margin-right: 15px !important;
margin-bottom: 0 !important;
}
#appreach-appname {
color: #3a3a3a;
font-size: 1.35em;
font-weight: bold;
}
#appreach-developer, #appreach-price, .appreach-powered {
color: #888;
font-size: 11px !important;
}
#appreach-box .appreach-links {
margin-top: 10px;
}
#appreach-itunes-link {
margin-right: 10px;
}
#appreach-box .appreach-links img:hover {
opacity: 0.8;
}

a{/*リンクされた文字*/

color:#1a237e; 　/*←色指定*/

font-style:normal;


}

a:link {/*未訪問のリンク*/

color:#1a237e;

font-style:normal;

text-decoration:none;

}

a:visited {/*訪問後のリンク*/

color:#6a1b9a;

text-decoration:none;

}

a:hover {/*マウスをのせたとき*/

color:#FF9800;

font-style:italic;/*斜体にする*/

text-decoration:none;

}

.sns-icons .common, .sns-icons .twitter, .sns-icons .instagram, .sns-icons .github, .sns-icons .facebook {
  font-size: 30px;
  float: left;
  margin: 5px;
  position: relative;
}
.sns-icons .common:hover, .sns-icons .twitter:hover, .sns-icons .instagram:hover, .sns-icons .github:hover, .sns-icons .facebook:hover {
  opacity: 0.7;
}
.sns-icons .twitter {
  color: #55acee;
}
.sns-icons .instagram {
  color: #D93177;
}
.sns-icons .github {
  color: #000;
}
.sns-icons .facebook {
  color: #3B5998;
}
.sns-icons .qiita {
  font-size: 35px;
  color: #fff;
  position: absolute;
  top: -4px;
  left: -2px;
}
.sns-icons .qiita-wrapper {
  background-color: #4cb10d;
  position: relative;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  padding: 1px;
  margin: 7px 5px;
  float: left;
}
.sns-icons .qiita-wrapper:hover {
  opacity: 0.7;
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

/*楽天の広告を左寄せ始まり*/
.rakuten{
float:left
}
/*楽天の広告を左寄せ終わり*/

/*もしもかんたんリンク*/
div.easyLink-box {	
	border:3px double#CCC !important; 	
	box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25);}
div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-name  {
    margin:15px 2px 0 0!important;
    text-align:center !important;
	font-size: 14px !important;}
p.easyLink-info-model {
display: none !important;}
.easyLink-info-btn { 
	display: inline!important;} .easyLink-info-btn a{
		margin: 5px 10px 5px 0!important; 	padding: 0 12px!important;
		line-height: 28px!important; 	
		display: inline-block!important;
		width: 100%!important; 
		box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important; 	
		font-size: 0.9em!important; } .easyLink-info-btn-amazon{ 	
		background:#ffb36b!important; } .easyLink-info-btn-rakuten{ 
		background:#ea7373!important; } .easyLink-info-btn-yahoo{ 	
		background:#73c1ea!important; } 

div.easyLink-box div.easyLink-img,
div.easyLink-box div.easyLink-img
p.easyLink-img-box,
div.easyLink-box div.easyLink-img
p.easyLink-img-box img.easyLink-img-pht{
max-width: 300px !important;
max-height: 130px !important;}

@media screen and (max-width: 480px){ 
	div.easyLink-box div.easyLink-info p.easyLink-info-btn a { 	
		width: 100%!important; 	
      position: relative; 	} 	
	.easyLink-info-btn a:before { 		padding-right: 5px; 
		right: 5px; 	
position: absolute;		 
	} }

@media screen and (max-width: 480px){
div.easyLink-box.easyLink-size-s {
max-width: 340px !important;
}}
/*もしも*/


</style>