/* */
@charset "UTF-8";html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size: 100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}a{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none;background:#e5e5e5}strong{font-weight:700}body{font-size:16px;font-family:Didot,Didot LT STD,Bodoni,Palatino,Palatino Linotype,Sabon,Garamond,Adobe Garamond Pro,Hiragino Mincho Pro,HGSMinchoE,MS PMincho,serif}#globalheader-container{background:#101929;color:#fff;top:0;left:0;width:100%}.service-menu li a{color:#fff}#container,#footer{width:992px;margin:0 auto;padding:0 32px 0 0;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/line.gif?version=263e782f4058acf5109a8ca03f06e0) repeat-y 736px 0}#container{margin:0 auto;position:relative;overflow:hidden}#container-inner{width:100%;overflow:hidden}#blog-title{width:736px;height:200px;margin:24px 0 0;overflow:hidden;z-index:-5000}#blog-title-inner{margin:0 2px 0 0;width:608px!important;padding:32px 0 0 32px}#top-editarea{margin:24px 0 0 32px;width:640px;min-height:192px}#top-box{margin:24px 0 0 32px;width:640px}#box2{margin:-200px 0 0}.enable-top-editarea #box2{margin:-416px 0 0}.page-category-category_name #box2,.page-archive-category #box2{margin:-248px 0 0}.page-category-category_name.enable-top-editarea #box2,.page-archive-category.enable-top-editarea #box2{margin:-464px 0 0}#blog-title+#content #main{margin:32px 64px 0 32px}.header-image-enable #blog-title-inner,.header-image-only #blog-title-inner{margin:0 0 0 32px}.header-image-enable #blog-title-inner a:hover,.header-image-only #blog-title-inner a:hover{background:none;text-decoration:underline}.page-archive .breadcrumb{margin-bottom:10px}#content:after{content:"";clear:both;display:block;height:0}#wrapper{text-align:justify;text-justify:inter-ideograph;overflow:hidden;width:736px;float:left}#main{margin:0 64px 0 32px}#box2{float:right;width:224px;font-size:13px;overflow:hidden;z-index:8000;letter-spacing:1px;height:auto;word-wrap:break-word;line-height:1.6}#box2 a{color:#486670;text-decoration:none;border:none}#box2 .archive-module-month{margin:0 0 0 2.5em}#bottom-editarea{margin:64px 64px 0 32px;width:640px;clear:both}#footer{overflow:hidden;clear:both}#footer-inner{width:224px;float:right;font-size:12px;line-height:1.5;padding:0 0 24px 31px}#footer-inner a{border:none}#title a{font-weight:700;border:none;line-height:1;font-size:34px;letter-spacing:2px}#blog-description{font-size:14px;margin:7px 0 0}.entry{clear:both;overflow:hidden;position:relative;padding:0 0 48px}.entry-header{clear:both;overflow:hidden}.entry-header a{border:none}.date-,.date-first{margin:64px 0 0;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr2.png?version=263e782f4058acf5109a8ca03f06e0) repeat-x top left}.date-:first-child,.date-first:first-child{margin:0}.date- .date,.date-first .date{margin:0 0 40px}.date- .date a,.date-first .date a{font-size:20px;margin:20px 0 0;letter-spacing:2px;font-weight:700;display:inline-block;color:#eb1212}.date- .date a:hover,.date-first .date a:hover{border:none}.date- .date .date-year:after,.date-first .date .date-year:after{content:"年"}.date- .date .date-month:after,.date-first .date .date-month:after{content:"月"}.date- .date .date-day:after,.date-first .date .date-day:after{content:"日"}.date- .date .hyphen,.date-first .date .hyphen{display:none}.date- .date-last-updated,.date-first .date-last-updated{color:#eb1212;font-size:16px;font-weight:700;letter-spacing:2px}.date- .date-last-updated svg,.date-first .date-last-updated svg{width:15px;height:15px}.date-middle,.date-last{margin:48px 0 0;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr.png?version=263e782f4058acf5109a8ca03f06e0) no-repeat center top}.date-middle .entry-header,.date-last .entry-header{margin:53px 0 0}.date-middle .date,.date-last .date{display:none}.entry-title{margin:0 32px 16px 0;letter-spacing:1px;float:left}.entry-title a{font-size:18px;font-weight:700;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.categories{margin:4px 0 16px;display:inline-block;float:right}.categories a{font-size:13px;margin:0 0 0 7px}.categories a:after{content:","}.categories a:last-child:after{content:""}.entry-header-menu{position:absolute;top:20px;right:0}.entry-header-menu a{padding:7px 7px 5px;line-height:1;display:block;background:#f5f5f5}.entry-header-menu a:hover{background:#000;color:#ddd}.entry-content a{color:#486670;text-decoration:none;border-bottom:1px solid #777}.entry-content a:hover{color:#486670;text-decoration:none;border-bottom:1px solid #000;background:#e5e5e5}.entry-content .keyword{color:#000;text-decoration:none;border-bottom:1px solid #f0f0f0}.entry-content .keyword:hover{color:#000;text-decoration:none;border-bottom:1px solid #aaa;background:none}.entry-content{clear:both}.entry-content p{line-height:2;margin:0 0 8px}.entry-content img{max-width:100%;vertical-align:bottom;margin:0 0 16px}.entry-content img.hatena-image-left{margin:0 15px 0 0}.entry-content img.hatena-image-right{margin:0 0 0 15px}.entry-content .hatena-fotolife,.entry-content .http-image{border:none}.entry-content .hatena-fotolife:hover,.entry-content .http-image:hover{border:none;background:none}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.entry-content h1{background:#555;padding:5px 10px 3px;color:#fff;font-weight:700;margin:56px 0 16px;font-size:22px}.entry-content h2{border-top:3px double #000;padding:8px 0 0;font-weight:700;margin:56px 0 16px;font-size:20px}.entry-content h3{border-bottom:1px solid #000;padding:0 0 5px;font-weight:700;margin:56px 0 16px;font-size:18px}.entry-content h4{padding:8px 0 0;font-weight:700;margin:32px 0 8px;line-height:1}.entry-content h4:before{content:"";width:14px;height:14px;border-radius:50%;display:block;background:#000;float:left;margin:1px 5px 0 0}.entry-content h5,.entry-content h6{font-weight:700;margin:32px 0 8px}.entry-content pre{padding:16px 20px;font-size:14px;line-height:1.5;border:1px solid #ddd;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;margin:16px 0 0;color:#aaa}.entry-content ul{margin:10px 0 0}.entry-content ul li{list-style-type:disc;margin:0 0 10px 1.5em}.entry-content ul li ul,.entry-content ul li ol{margin:10px 0}.entry-content ol{margin:10px 0 0}.entry-content ol li{list-style-type:decimal-leading-zero;margin:0 0 10px 2em}.entry-content ol li ul,.entry-content ol li ol{margin:10px 0}.entry-content dl{margin:10px 0 0}.entry-content dd{margin:0 0 0 1.5em}.entry-content table{width:100%;margin:16px 0}.entry-content th,.entry-content td{padding:12px 15px 8px;border:1px solid #ddd}.entry-content th{border:1px solid #bbb;font-weight:700;background:#ddd}.entry-content blockquote{border:1px solid #ddd;padding:16px 20px!important;border-radius:5px;margin:16px 0;font-style:italic;font-size:14px}.entry-content blockquote p,.entry-content blockquote li{font-style:italic}.entry-content blockquote cite{margin:16px 0 0;display:block;font-size:13px;color:#aaa;text-align:right}.entry-content blockquote cite:before{content:"Source: "}.entry-content blockquote cite a{color:#aaa;border-color:#aaa}.entry-content blockquote p{margin:0}.entry-content blockquote p+p,.entry-content blockquote p+ul,.entry-content blockquote p+ol,.entry-content blockquote ul+p,.entry-content blockquote ol+p{margin:16px 0 0}.entry-content .http-bookmark{padding:0 2px;margin:0;vertical-align:baseline}.entry-footer{margin:16px 0 0}.entry-footer-time a{border:none}#google_afc_user{clear:both;margin-top:15px}#google_afc_user div#google_afc_user_container{margin:0}.comment-box{font-size:14px;margin:20px 0 0}.comment li{padding:16px 0 0;margin:0 0 48px;border-top:1px dotted #ddd;min-height:74px}.comment-user-name{position:relative;width:112px}.comment-user-name .hatena-id-icon{width:50px;height:50px;position:absolute;top:24px;left:0}.comment-user-name .comment-user-id{position:absolute;top:0;left:0}.comment-content,.comment-metadata{margin:0 0 0 144px}.comment-content{line-height:1.8;word-wrap:break-word}.comment-metadata{margin-top:10px}.read-more-comments{text-align:left}.read-more-comments a{display:inline-block;margin:0 0 0 144px;border-bottom:1px solid #000}.leave-comment-title{border-bottom:1px solid #000;text-align:left}.pager{margin:144px 0 32px;overflow:hidden}.pager a{line-height:1.5;word-wrap:break-word;display:inline-block;max-width:250px}.pager-next{float:right}.pager-prev{float:left}.hatena-module{margin:0 0 32px}.hatena-module-title{font-weight:700;text-decoration:none;margin:0 0 8px;font-size:14px;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.hatena-module-title a{color:#000!important;border:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile{letter-spacing:0}.hatena-module-profile .hatena-module-body{position:relative;padding:0 0 0 80px;margin:0}.hatena-module-profile img{position:absolute;top:0;left:0;width:64px;height:64px}.hatena-module-profile .id{margin:0 0 5px;display:block}.hatena-urllist li{list-style:none;padding:0 0 0 15px;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/li.png?version=263e782f4058acf5109a8ca03f06e0) no-repeat 5px top;margin:0 0 10px;display:block}.hatena-urllist.urllist-with-thumbnails li{padding:0 0 10px;background:none;border-bottom:1px dotted #ddd}.hatena-module-search-box .search-module-input{background:#f5f5f5;font-size:18px;line-height:1;padding:8px 15px 6px;height:32px;width:145px;float:left;border:none}.hatena-module-search-box .search-module-input:focus{outline:none}.hatena-module-search-box .search-module-button{height:46px;width:46px;text-indent:-9999px;background:#f5f5f5 url(https://cdn.blog.st-hatena.com/css/theme/novel/search.png?version=263e782f4058acf5109a8ca03f06e0) no-repeat center center;border:none}.hatena-module-search-box .search-module-button:hover{opacity:.8}.archive-module-calendar a{color:#eb1212!important}.page-about dl{overflow:hidden}.page-about dt{float:left;width:20%;height:25px;font-size:13px;margin:0 32px 32px 0;font-weight:700;letter-spacing:1px;clear:both;vertical-align:middle;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.page-about dd{width:auto;font-size:16px;height:auto;margin:0 0 32px;overflow:hidden}.page-about dd .about-subscription-count{margin:0 10px 0 0}.page-about dd .profile-icon{display:inline;margin:0;vertical-align:middle;border:none}.page-about dd a,.page-about dd a:hover{border:none}.page-archive .archive-entry{margin-bottom:50px}.page-archive .entry-title,.page-archive .categories{float:none}.page-archive .no-categories{display:none}.page-archive .page-archive-section{margin:30px auto 0;padding:15px 0 0;clear:both;overflow:hidden}.page-archive .page-archive-section h1{padding:7px 0 0;margin:0 0 20px;border-top:1px dotted #000}.page-archive .page-archive-section h1 a{text-decoration:none;border:none;font-size:16px;font-weight:800;font-family:Source Code Pro,sans-serif;letter-spacing:1px}.page-archive .page-archive-section li{margin:0 0 20px;line-height:1;overflow:hidden;list-style-type:disc}.page-archive .page-archive-section .categories{float:right;margin:7px 0 5px}.page-archive .page-archive-section .categories a{border:none;font-size:12px;letter-spacing:2px;vertical-align:middle;display:inline-block;border-bottom:1px solid #000}.page-archive .page-archive-section .categories a:hover{border-bottom:1px solid #000}.page-archive .page-archive-section .entry-title{line-height:1.8;margin:0;overflow:hidden}.page-archive .page-archive-section .bookmark-widget-counter,.page-archive .page-archive-section .star-container a{border:none}.page-archive .page-archive-section .social-buttons{clear:both;display:block;margin:10px 0 0}@media (-webkit-min-device-pixel-ratio: 2){#container,#footer{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/line@2x.gif?version=263e782f4058acf5109a8ca03f06e0) repeat-y 736px 0;background-size:1px 2px}.date-,.date-first{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr2@2x.png?version=263e782f4058acf5109a8ca03f06e0) repeat-x top left;background-size:11px 7px}.date-middle,.date-last{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr@2x.png?version=263e782f4058acf5109a8ca03f06e0) no-repeat center top;background-size:89px 9px}.hatena-module li{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/li@2x.png?version=263e782f4058acf5109a8ca03f06e0) no-repeat 4px top;background-size:5px 11px}.hatena-module-search-box .search-module-button{background:#f5f5f5 url(https://cdn.blog.st-hatena.com/css/theme/novel/search@2x.png?version=263e782f4058acf5109a8ca03f06e0) no-repeat center center;background-size:20px 20px}}
/* */
/* */
/* default */
/* */
}
/*share-botton*/
.share-buttons{
margin-bottom: 10px;
text-align: left;
}
.share-buttons .inner a {
position: relative;
display: inline-block;
width: 15%;
height: 45px;
line-height: 25px;
font-size: 16px;
text-align: center;
color: #ffffff;
text-decoration: none;
padding:5px;
}
.share-buttons .inner .share-text{
font-size: 15px;
}
.share-buttons .inner .hatena-bookmark-button{
background: #008fde;
box-shadow: 0 3px #5478a5;
}
.share-buttons .inner .hatena-bookmark-button:hover{
background: #1db4eb;
}
.share-buttons .inner .hatena-bookmark-button:active{
background: #5478a5;
}
.share-buttons .inner .facebook-button{
background: #305097;
box-shadow: 0 3px #213254;
}
.share-buttons .inner .facebook-button:hover{
background: #4c70ba;
}
.share-buttons .inner .facebook-button:active{
background: #213254;
}
.share-buttons .inner .twitter-button{
background: #55acee;
box-shadow: 0 3px #0285b7;
}
.share-buttons .inner .twitter-button:hover{
background: #83c3f3;
}
.share-buttons .inner .twitter-button:active{
background: #0285b7;
}
.share-buttons .inner .googleplus-button{
background: #db4a39;
box-shadow: 0 3px #a23629;
}
.share-buttons .inner .googleplus-button:hover{
background: #e47365;
}
.share-buttons .inner .googleplus-button:active{
background: #a23629;
}
.share-buttons .inner .pocket-button{
background: #ee4256;
box-shadow: 0 3px 0 #b5392c;
}
.share-buttons .inner .pocket-button:hover{
background: #f26f7f;
}
.share-buttons .inner .pocket-button:active{
background: #b5392c;
}
.share-buttons .inner .share-buttons a:active{
top: 3px;
box-shadow: none;
}
li.menu__single:hover ul.menu__second-level {
top: 50px;
visibility: visible;
opacity: 1;
}
#menu {
position: relative;
width: 100%;
padding-left: 0px;
height: 50px;
background: #343838;/*グローバルメニュー背景色*/
}
.menu-inner{
width: 968px;
margin: 0 auto;
height: 50px;
}
#menu li {
list-style-type: none;
float: left;
height: 50px;
text-align: center;
width: 16%
}
#menu li a {
display: block;
color: #ffffff;/*グローバルメニュー文字色*/
font-size: 110%;
font-weight: bold;
line-height: 50px;
}
#menu li:hover a {
color: #00DFFC;
background: #ffffff;
transition: all .5s;
}
.menu-toggle{
display: none;
}
/*パソコン１カラム*/
@media screen and (max-width:968px){
.menu-inner{
width: 768px;
}
}
/*タブレット*/
@media screen and (max-width:768px){
#top-editarea{
height: initial;
background: #343838;/*MENU背景色*/
text-align: left;/*MENUの文字の位置*/
width: 100%;
}
.menu-toggle{
color: #ffffff;/*MENUの文字色*/
display: inline-block;
padding: 5px;
margin: 3px;
}
#menu {
width: 100%;
display: none;
height: initial;
padding: 0;
margin: 0;
}
.menu-inner{
width: 100%;
height: initial;
position: static;
margin: 0;
}
#menu li{
float: none;
height: 40px;
width: 100%;
list-style-type: none;
background: #FFFEE4;/*リスト文字の背景色*/
margin: 0 auto;
text-align: left;/*リストの文字の位置*/
}
#menu li a {
height: initial;
color: #343838;/*リスト文字色*/
display: block;
}
#menu li:hover a{
color: initial;
background: initial;
}
}
/*続きを読むボタン*/
.entry-see-more {
display: block;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
font-weight:bold;
background-color: #333;
color: #fff;
border: 2px solid #333;
border-radius: 3px;
}
.entry-see-more:hover {
background-color: #545252;
border-color: #545252;
color: #fff;
}
.accent-box {
background:#E8E8E8;
padding:1.5em;
}
/*カエレバ・ヨメレバ（PC版）*/
.kaerebalink-box, .booklink-box {
border: 2px solid #CCCCCC;
padding: 20px;
width: 90%;
max-width:680px;
margin:0 auto;
}
.kaerebalink-image, .booklink-image {
width:20%;
float: left;
}
.kaerebalink-image a img,.booklink-image a img {
width:100%;
}
.kaerebalink-info, .booklink-info {
width:70%;
margin-left: 2em;
float: left;
}
.kaerebalink-name > a, .booklink-name > a {
font-size: 16px;
color: #256CC5;
text-decoration: underline;
}
.kaerebalink-powered-date, .booklink-powered-date {
font-size: 12px;
}
.kaerebalink-powered-date a, .booklink-powered-date a {
color: #256CC5;
text-decoration: underline;
}
.kaerebalink-link1, .booklink-link2 {
margin-top: 1em;
}
.kaerebalink-link1 div, .booklink-link2 div {
margin-right: 5px;
margin-bottom:3px;
text-align: center;
float:left;
width: 30%;
}
.kaerebalink-link1 div:active, .booklink-link2 div:active {
border-top:3px solid #FFFFFF;
margin-bottom: none;
box-shadow:none;
}
.kaerebalink-link1 div a, .booklink-link2 div a {
color: white;
text-decoration: none;
font-weight: bold;
display:block;
width: 100%;
height: 40px;
line-height: 40px;
}
.shoplinkamazon {
background: #FF9900;
box-shadow: 0 3px #B16A00;
}
.shoplinkamazon:hover {
background: #FFB23F;
}
.shoplinkkindle {
background: #0079BA;
box-shadow: 0 3px #015684;
}
.shoplinkkindle:hover {
background: #2797D4;
}
.shoplinkrakuten {
background: #BF0000;
box-shadow: 0 3px #7B0101;
}
.shoplinkrakuten:hover {
background: #DC3939;
}
.shoplinkkakakucom {
background: #25388E;
box-shadow: 0 3px #081658;
}
.shoplinkkakakucom:hover {
background: #485CB7;
}
.shoplinkyahoo {
background: #750992;
box-shadow: 0 3px #3F0250;
}
.shoplinkyahoo:hover {
background: #8F0FB3;
}
.booklink-footer {
height:0;
clear: left;
}
2
3
4
2
3
.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.header-image-only #blog-title #blog-title-inner {
position: relative;
background-size: cover;
height: auto;
}
.header-image-only #blog-title #blog-title-inner:before {
display: block;
content: "";
width: 100%;
padding-top: 24%;
}
.header-image-only #blog-title #blog-title-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}