/*
  Theme: NETAX
  Author: Chika Horio
  Description: Design for NETAX
  Responsive: yes
*/

/* <system section="theme" selected="novel"> */
@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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) 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=2d907d4a028137d9af6752f48b309c) no-repeat center center;background-size:20px 20px}}

/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

/*-----------------------
  全体
-------------------------*/
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
* {
    box-sizing: border-box;
}
a,
a:active,
a:visited,
.entry-content a,
.entry-content a:active,
.entry-content a:visited,
#box2 a,
#box2 a:active,
#box2 a:visited {
    color: #5fdb15;
    border-bottom: none;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: all;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: linear;
    -moz-transition-property: all;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: linear;
    -ms-transition-property: all;
    -ms-transition-duration: 0.2s;
    -ms-transition-timing-function: linear;
}
a:hover,
.entry-content a:hover,
#box2 a:hover {
    /*color: #bbd702;*/
    /*color: #5fdb15;*/
    background-color: #000000;
    color: #fff;
    border-bottom: none;
}
#container, #footer {
    background: none; /* デフォルトの区切り線削除 */
    width: 94%;
    max-width: 1067px;
    padding: 0;
}


/*-----------------------
  ヘッダー
-------------------------*/
#blog-title {
    margin: 0 0 27px 0;
    width: 100%;
    height: 262px;
    border-bottom: 2px solid #000;
    position: relative;
    z-index: 100;
}
/* 点線 */
.header-image-enable #blog-title #blog-title-inner {
    margin: 0;
    padding: 0;
    width: 100% !important;
    border-bottom: 2px dotted #000;
    height: 257px;
    margin: 0;
    background-image: none !important; /* デフォルトではここに背景つく */
}
#blog-title-content {
    height: 100%;
    position: relative;
}
/* NETAX */
h1#title {
    height: 100%;
}
.header-image-enable #blog-title h1#title a {
    text-shadow: none;
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 387px;
    height: 100%;
    display: block;
    background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/c/chikahorio/20151230/20151230140402.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top !important;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: linear;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;
    -o-transition-property: all;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: linear;
    -moz-transition-property: all;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: linear;
    -ms-transition-property: all;
    -ms-transition-duration: 0.4s;
    -ms-transition-timing-function: linear;
}
.header-image-enable #blog-title h1#title a:hover {
    /*opacity: 0.5;*/
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}
/* 人力キュレーションブログ - ネタックス */
.header-image-enable #blog-title h2#blog-description {
    display: none;
}
div#top-editarea {
    position: absolute;
    width: 100%;
    min-height: initial;
    height: 262px;
    top: 0;
    margin: 0;
}
h2#blog-description02 {
    font-size: 15px;
    position: absolute;
    right: 0;
    bottom: 23px;
    line-height: 1em;
    text-shadow: none;
    color: #000;
}


/*-----------------------
  メイン
-------------------------*/

#main {
    margin: 0;
}

#wrapper {
    width: 68%;
    width: calc(100% - 339px);
    width: -webkit-calc(100% - 339px);
    width: -moz-calc(100% - 339px);
    width: -o-calc(100% - 339px);
    max-width: 728px;
}
#blog-title + #content #main {
    margin: 0;
}
.date-, .date-first {
    background: none; /* デフォルトの区切り線削除 */
}
.date-middle,
.date-last {
    margin-top: 0;
}
/* 日付 */
.date- .date,
.date-first .date,
.date-middle .date,
.date-last .date,
.archive-entry-header .date {
    margin: 0 0 7px 0;
    display: block;
}
.date- .date a,
.date-first .date a,
.date-middle .date a,
.date-last .date a,
.archive-entry-header .date a {
    margin: 0;
    padding: 4px 16px;
    color: #fff;
    letter-spacing: initial;
    font-weight: normal;
    background-color: #000;
    font-size: 14px;
    font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.date- .date .date-year:after,
.date-first .date .date-year:after,
.date- .date .date-month:after,
.date-first .date .date-month:after,
.date- .date .date-day:after,
.date-first .date .date-day:after {
    content: none;
}
.date- .date .hyphen,
.date-first .date .hyphen {
    display: inline;
    display: initial;
}
/* 記事タイトル */
.entry-title {
    border-bottom: 2px dotted #000;
    width: 100%;
    float: none;
    letter-spacing: initial;
    padding-bottom: 2px;
    margin: 0 0 14px 0;
}
.entry-title a {
    font-size: 25px;
    line-height: 35px;
    color: #000;
}
.entry-title a:hover {
    color: #fff;
}

/* カテゴリー */
.entry-categories {
    margin: -11px 0 0 0;
    width: 100%;
    text-align: right;
}
.entry-categories a {
    background-color: #000;
    color: #fff;
    padding: 1px 4px;
    font-size: 11px;
    margin: 0;
}
.entry-categories a:after {
    content: none;
}

/* 本文 */
.entry-content {
    font-size: 15px;
}
.entry-content p {
    font-size: 15px;
    line-height: 1.7em;
    margin: 1.4em 0 8px 0;
}
.entry-content p:nth-of-type(1) {
    margin-top: 0.7em;
}
/* 続きを読む・次のページへボタン */
.entry-content a.entry-see-more {
    width: 100%;
}
.autopagerize_insert_before .pager-next a {
    width: 163px;
}
.entry-content a.entry-see-more,
.autopagerize_insert_before .pager-next a {
    border: 2px solid #000;
    display: block;
    height: 60px;
    text-align: center;
    padding-top: 13px;
    font-size: 19px;
    font-weight: bold;
    color: #000;
    background-color: rgb(11,236,36);
    background-image: -moz-linear-gradient( 0deg, rgb(11,236,36) 0%, rgb(38,233,116) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(11,236,36) 0%, rgb(38,233,116) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(11,236,36) 0%, rgb(38,233,116) 100%);
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease-in;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-property: all;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease-in;
    -o-transition-property: all;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease-in;
    -ms-transition-property: all;
    -ms-transition-duration: 0.4s;
    -ms-transition-timing-function: ease-in;
}
.entry-content a.entry-see-more:hover,
.autopagerize_insert_before .pager-next a:hover {
    background-color: rgb(112, 255, 4);
    background-image: none;
}
.entry-content a.entry-see-more:hover {
    letter-spacing: 5px;
}
.autopagerize_insert_before .pager-next a:hover {    
    letter-spacing: 3px;
}
/* 記事フッター */
.entry-footer {
    margin: 8px 0 0;
}
.entry-footer .entry-footer-section,
.entry-footer .entry-footer-section a {
    font-size: 12px;
    color: #BDBDBD;
    text-align: right;
}
/* 記事フッター 名前＆ID */
.entry-footer .entry-footer-section .user-name-nickname,
.entry-footer .entry-footer-section .user-name-paren,
.entry-footer .entry-footer-section .user-name-hatena-id {
    display: none;
}
/* 記事間 */
.date-middle,
.date-last {
    background: none;
}
/* ページャー */
.pager {
    margin: 0 0 32px;
}
/* 記事下広告 */
.pr_underPost {
    width: 100%;
    max-width: 630px;
    margin: 30px auto;
}
.pr_underPost_header {
    font-size: 11px;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
}
.pr_underPost01,
.pr_underPost02 {
    width: 300px;
    height: 250px;
}
.pr_underPost01 {
    float: left;
}
.pr_underPost02 {
    float: right;
}

/*-----------------------
  サイドバー
-------------------------*/
#box2,
.enable-top-editarea #box2,
.page-category-category_name.enable-top-editarea #box2,
.page-archive-category.enable-top-editarea #box2 {
    width: 300px;
    margin-top: 0px; /* デフォルトの上部詰め解除 */
    float: right;
}
/* 見出し */
.hatena-module-title {
    font-size: 17px;
    padding-bottom: 2px;
    margin-bottom: 13px;
    border-bottom: 2px dotted #000;
}
/* リスト全般 */
.hatena-urllist li {
    /*background: none;*/
    /*padding: 0;*/
}
/* プロフィール */
.prof_name {
    font-size: 15px;
    font-weight: bold;
}
.hatena-module-profile .hatena-module-body {
    padding: 0;
    position: relative;
}
.hatena-module-profile img {
    position: relative;
}
#box2 a.profile-icon-link {
    background-color: transparent;
    float: left;
    margin-right: 17px;
    margin-bottom: 0;
}
/* プロフィール 名前 */
.hatena-module-profile .id a {
    font-size: 15px;
    font-weight: bold;
}
.hatena-module-profile .id {
    top: 7px;
    display: block;
    position: absolute;
    left: 80px;
    z-index: 100;
}
/* プロフィール 名前横のID */
.hatena-module-profile .user-name-paren,
.hatena-module-profile .user-name-hatena-id {
    display: none;
}
/* プロフィール 文章 */
.profile-description {
    font-size: 14px;
    line-height: 1.7em;
    position: relative;
}
/* プロフィール 文章 肩書き */
.profile-description .netalist {
    position: absolute;
    left: 80px;
    top: 31px;
}
/* プロフィール twitterフォローボタン */
.btn-twitter {
    margin-top: 0;
}
/* フォローよろしく！ */
#box2 .btn_text {
    /*padding-left: 27px;*/
    background-repeat: no-repeat;
    background-size: 24px 24px;
    font-size: 16px;
    margin-bottom: 9px;
    margin-left: 2px;
    border: 1px solid #DADADA;
    height: 34px;
    background-position: 4px 4px;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-property: all;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-property: all;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: ease-in;
    -ms-transition-property: all;
    -ms-transition-duration: 0.2s;
    -ms-transition-timing-function: ease-in;
}
#box2 .btn_text:hover {
    background-color: #000;
}
#box2 .btn_text a {
    color: #000;
    /*padding: 0 7px;*/
    padding: 5px 37px;
    width: 100%;
    height: 100%;
    display: block;
}
#box2 .btn_text a:hover {
    color: #fff;
    background-color: transparent;
}
#box2 .btn_feedly {
    background-image: url("http://f.st-hatena.com/images/fotolife/k/kjark66/20151230/20151230225221.png");
}
#box2 .btn_twitter {
    background-image: url("http://f.st-hatena.com/images/fotolife/k/kjark66/20151230/20151230225224.png?1451483866");
}
#box2 .btn_instagram {
    background-image: url("http://f.st-hatena.com/images/fotolife/k/kjark66/20151230/20151230225222.png");
}
#box2 .btn_facebook {
    background-image: url("http://f.st-hatena.com/images/fotolife/k/kjark66/20151230/20151230225220.png");
}
#box2 .btn_miil {
    background-image: url("http://f.st-hatena.com/images/fotolife/k/kjark66/20151230/20151230225223.png?1451484077");
}
#box2 .btn_askfm {
    background-image: url("http://f.st-hatena.com/images/fotolife/k/kjark66/20151230/20151230225219.png");
}



/* 人気記事 */
#box2 .entries-access-ranking .urllist-date-link > a {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1em;
    font-family: inherit;
}
#box2 .entries-access-ranking .urllist-date-link > a:hover {
    color: #fff;
}
li.entries-access-ranking-item {
    margin-bottom: 16px;
}
/* 人気記事 日付 */
.entries-access-ranking-date-link {
    padding: 0px 0px 2px 2px;
}

/* 人気記事・新着記事・カテゴリー タイトル */
#box2 a.entries-access-ranking-title,
#box2 a.recent-entries-title,
#box2 .hatena-module-category a {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0;
}
#box2 a.entries-access-ranking-title:hover,
#box2 a.recent-entries-title:hover,
#box2 .hatena-module-category a:hover {
    background-color: #000;
    color: #fff;
}

/* カテゴリー */ 
#box2 .hatena-module-category a {
    font-size: 14px;
}

/* 検索 */
.search-form {
    position: relative;
}
.hatena-module-search-box .search-module-input {
    border: 2px solid #000;
    width: 100%;
    height: 41px;
    font-weight: normal;
    background-color: transparent;
    padding: 5px 7px 0px;
    float: none;
    font-size: 17px;
    color: #a7a7a7;
    font-family: inherit;
}
/* 検索 アイコン */
.hatena-module-search-box .search-module-button {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}


/*-----------------------
  フッター
-------------------------*/

#bottom-editarea {
    margin: 30px 0 40px 0;
    width: 100%;
    max-width: 728px;
}
.pr_footer_header {
    font-size: 11px;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
}


/*-----------------------
  カテゴリー一覧画面
-------------------------*/

/* パンくずリスト */
#top-box {
    margin: 0 0 20px 0;
}
.breadcrumb span {
    margin: 0 10px;
}
.breadcrumb span.breadcrumb-child {
    margin: 0;
}
.breadcrumb a {
    margin: 0;
}
.breadcrumb span.breadcrumb-gt {
    margin: 0;
}
/* 記事 カテゴリー */
.page-archive .categories {
    margin: 0;
}
.page-archive .categories a {
    margin: 0;
    background-color: #000;
    color: #fff;
    padding: 1px 3px;
    font-size: 11px;
}
.page-archive .categories a:after {
    content: none;
}


/*-----------------------
  検索結果画面
-------------------------*/

.search-result-form {
    border: 2px solid #000;
    height: 41px;
}
.search-result-form .search-result-input {
    height: 100%;
}
.search-result-form .search-result-button {
    top: 9px;
}


/*-----------------------
  このブログについてページ
-------------------------*/

.page-about dt {
    float: none;
    border-left: 7px solid #000;
    padding: 0 0 0 5px;
    font-size: 22px;
    margin-bottom: 12px;
    letter-spacing: 0;
    width: 100%;
    height: auto;
}
.page-about dd {
    height: auto;
    margin: 0 0 40px 0;
    overflow: auto;
    font-size: 18px;
}


/*-----------------------
  装飾
-------------------------*/

/* 大見出し */
.entry-content h3 {
    font-size: 22px;
    margin-bottom: 21px;
    padding: 0;
    border-bottom: 2px solid #000;
}
/* 中見出し */
.entry-content h4:before {
    content: none;
}
.entry-content h4 {
    font-size: 18px;
    margin: 42px 0 15px 0;
    border-left: 9px double #000;
    padding: 4px 0 4px 7px;
}
/* 小見出し ※via専用 */
.entry-content h5 {
    margin: 32px 0 -3px 6px;
    background-color: #000;
    color: #fff;
    padding: 4px 9px 2px 12px;
    line-height: 1em;
    display: inline-block;
    letter-spacing: 0.2em;
    font-size: 14px;
    font-weight: normal;
    position: relative;
}
.entry-content h5:after {
    content: "";
    width: 0;
    height: 0;
    background: transparent;
    border-top: 13px solid #000;
    border-right: 23px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 23px solid transparent;
    position: absolute;
    right: 1px;
    bottom: -23px;
}
/* 引用 */
.entry-content blockquote {
    background-color: #F9F9F9;
    font-size: 15px;
    line-height: 30px;
    font-style: normal;
    padding: 22px 40px 20px 50px !important;
    color: #4C4C4C;
    border-radius: 0;
    position: relative;
}
.entry-content blockquote:before {
    color: rgb(210, 210, 210);
    content: "“";
    font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 550%;
    left: 6px;
    line-height: 1em;
    position: absolute;
    top: 1px;
}
.entry-content blockquote p {
    font-style: normal;
    line-height: 1.6em;
    font-size: 14px;
}
/* 「引用する」ボタン吹き出し */
.tipsy,
.tipsy-s {
    width: auto !important;
}

/* 埋め込みリンクの下に出るURL */
.hatena-citation {
    /*display: none;*/
}

/* リンクフォーカス ※主に脚注のため*/
.entry-content a:focus{
    outline-color: #5fdb15;
    outline-style: double;
    outline-offset: 1px;
    outline-width: 4px;
}
/* 太字 */
strong {
    font-weight: bold;
}
/* 斜体 */
em {
    font-style: italic;
}


/*-----------------------
  レスポンシブ
-------------------------*/

@media screen and (max-width:1067px) {
    #wrapper {
        width: 64%;
        width: calc(100% - 339px);
        width: -webkit-calc(100% - 339px);
        width: -moz-calc(100% - 339px);
        width: -o-calc(100% - 339px);
    }    
}

@media screen and (max-width:1010px) {
    /*記事下広告回り込み解除*/
    .pr_underPost01,
    .pr_underPost02 {
        float: none;
    }
    .pr_underPost01 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:925px) { 
    /*回り込み解除*/
    #container, #footer {
        max-width: 728px;
    }
    #wrapper,
    #box2,
    .enable-top-editarea #box2,
    .page-category-category_name.enable-top-editarea #box2,
    .page-archive-category.enable-top-editarea #box2 {
        float: none;
    }
    #wrapper {
        width: 100%;
    }
    /*記事下広告回り込み復活*/
    .pr_underPost01 {
        margin-bottom: 0px;
        float: left;
    }
    .pr_underPost02 {
        float: right;
    }
    /* 元サイドバー2列に */
    #box2,
    .enable-top-editarea #box2,
    .page-category-category_name.enable-top-editarea #box2,
    .page-archive-category.enable-top-editarea #box2 {
        width: 100%;
        max-width: 640px;
        margin: 50px auto
    }
    .hatena-module {
        width: 300px;
        float: left;
    }
    .hatena-module:nth-child(odd) {
        margin-right: 5%;
    }
}

@media screen and (max-width:738px) { 
    /*ヘッダー縮小*/
    #blog-title,
    div#top-editarea {
        height: 200px;
    }
    h2#blog-description02 {
        bottom: 21px;
    }
    .header-image-enable #blog-title #blog-title-inner {
        height: 195px;
    }
    .header-image-enable #blog-title h1#title a {
        height: 177px;
    }
}
@media screen and (max-width:671px) {
    /* 元サイドバー2列解除 */
    .hatena-module {
        width: 100%;
        float: none;
        margin-right: 0px;
    }
    #box2-inner {
        margin-right: 0px;
    }
}
@media screen and (max-width:645px) {
    /*記事下広告回り込み再び解除*/
    .pr_underPost01,
    .pr_underPost02 {
        float: none;
    }
    .pr_underPost01 {
        margin-bottom: 30px;
    }
}
@media screen and (max-width:631px) { 
    /*ヘッダー センター*/
    .header-image-enable #blog-title,
    div#top-editarea {
        height: 227px;
    }
    .header-image-enable #blog-title #blog-title-inner {
        height: 222px;
    }
    .header-image-enable #blog-title h1#title a {
        width: 100%;
        width: calc(100% - 15px);
        width: -webkit-calc(100% - 15px);
        width: -moz-calc(100% - 15px);
        width: -o-calc(100% - 15px);
        background-position: center center !important;
    }
    h2#blog-description02 {
        text-align: center;
        width:100%;
        bottom: 20px;
    }
}
@media screen and (max-width:320px) { 
    h2#blog-description02 {
        font-size: 14px;
    }
}