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

/* </system> */

:root {
    --primary-color: #bf0000;
    --color-pink: #fcf2f2;
    --color-blue: #e5f7f8;
    --color-beige: #fdf7e7;
    --color-white: #fff;
}

/* <system section="background" selected="f5f5f5"> */
body{background:#EFEFEF;}
/* </system> */

.categories {
    margin-bottom: 10px;
}

#container {
    width: 98%;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    padding: 5px 10px 10px 10px;
}

.srdk_ttlHeader{
    padding: 30px 0 30px 0;
}

.srdk_ttlHeader h1{
    width: 950px;
    margin: 0 auto;
    text-align:center;
}

.srdk_colorBg {
    background: #f3f3f3 url(https://cdn-ak.f.st-hatena.com/images/fotolife/R/RakutenIchiba_soredoko/20160322/20160322124922_original.png) no-repeat center top;
    padding: 30px 0 0 0;
}

.is-sp {
    display: none;
}

/* IE7 */
*+html .srdk_colorBg {
    padding: 0 0 30px 0;
}

.srdk_gMenu {
    background: #bf0000;
    color: #fff;
    font-weight: bold;
    padding: 14px 0 25px 15px;
}

.srdk_gMenu {
    background: #bf0000;
    color: #fff;
    font-weight: bold;
    padding: 14px 0 25px 15px;
}

.srdk_gMenu a {
    color: #fff;
    text-decoration: none;
}

.srdk_gMenu a:hover {
    text-decoration: underline;
}

.srdk_gMenu_area {
    width: 950px;
    margin: 0 auto;
}

.srdk_gMenu_7ple {
    clear: both;
    width: 99%;
}

.srdk_gMenu_7ple div {
    float: left;
    text-align: center;
    border-left:1px solid #fff;
    width: 14%;
}

.srdk_gMenu_lastborder {
    border-right:1px solid #fff;
}

/* basic contents */

#content {
    width: 950px;
    margin: 0 auto;
}

/* link */

.hatena-module-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/R/RakutenIchiba_soredoko/20150407/20150407170012.jpg") no-repeat 0px 0px;
    padding:10px 0 5px 40px;
    zoom: 1;
}
.hatena-module-title a {
    color: #1d1d1d;
    text-decoration: none;
}
.hatena-module-title a:hover {
    color: #bf0000;
    text-decoration: underline;
}

.hatena-module-body{
    margin:0 0 7px 0;
}

.hatena-module-body a {
    color: #1d1d1d;
    font-weight: bold;
    text-decoration: none;
}

.hatena-module-body a:hover {
    color: #bf0000;
    text-decoration: underline;
}

/* keyword search area */

.keyWord_area {
}

.keyWord_area h3{
    font-weight: bold;
    font-size: 120%;
}

.keyWord_area_inbox {
    margin: 0 auto;
    width: 920px;
    background: #fff3ca;
    padding: 5px 0 0 0;
    height: 25px;
}

.keyWord_area_6ple {
    clear: both;
    width: 99%;
}

.keyWord_area_6ple div {
    float: left;
    text-align: center;
    padding: 0 0 0 0;
    width: 16%;
}

/* main-inner blogentry */

#main-inner .urllist-item{
    display: block;
    width: 195px;
    height: 295px;
    float: left;
    list-style-type: none;
    margin-right: 13px;
}

#main-inner .urllist-title-link {
    font-size: 86%;
    line-height: 90%;
}

/* /link */

#header-modules .hatena-module{
    background: #fff;
    padding: 13px 10px 0 10px;
    border: solid 3px #bf0000;
}

#header-modules .urllist-image{
    border: solid 1px #999;
}


/* IE7 */
*+html #header-modules .hatena-module{
    margin: 30px 0 0 0;
}

.hatena-module-recent-entries li {
  padding-bottom: 0px;
  border-bottom: 1px solid #fff;
}

#wrapper {
    width: 630px;
    background: #fff;
    padding: 13px 10px 5px 10px;
    margin: 0 0 30px 0;
    border: solid 1px #dedede;
}

/* IE7 */
*+html #wrapper {
    margin: 30px 0 40px 0;
}

#box2 {
    width: 280px;
}

#box2-inner .hatena-module{
    background: #fff;
    padding: 13px 10px 0 10px;
    border: solid 1px #dedede;
}

.hatena-module-search-box form{
    margin: 0 0 12px 0;
}

/* IE7 */
*+html #box2-inner .hatena-module{
    margin: 30px 0 0 0;
}

.urllist-entry-body {
    font-size: 12px;
    color: #666;
}

#header-modules .recent-entries-title{
    font-size: 26px;
}

#header-modules .urllist-entry-body {
    font-size: 14px;
    color: #666;
}

.bannerArea {
    width: 195px;
    margin: 0 auto;
}

.bannerArea a {
    font-weight: normal;
    line-height: 1.0;
}

.imgM10 {
    margin: 0 0 10px 0;
}

.moreBtn {
    width:185px;
    height:45px;
    border-bottom: 2px solid #9e2625;
    background: #bf0000;
    margin: 0 auto;
    border-radius: 3px;
    clear: both;
}

.moreBtn .mbtxt{
    color: #fff;
    font-weight: bold;
    text-align:center;
    padding: 12px 0 0 0;
}

.moreBtn .mbtxt a {
    color: #fff;
    text-decoration: none;
}

.moreBtn .mbtxt a:hover {
    color: #fff;
    text-decoration: underline;
}

.breadcrumb {
    width: 950px;
    margin: 0 auto 15px;
    font-size: 80%;
    color: #000;
}

.breadcrumb a {
    color: #8e8e8e;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #bf0000;
    text-decoration: underline;
}

/* srdk_clfx */

.srdk_clfx{
    clear: both;
    zoom:1;/*for IE 5.5-7*/
    min-height: 1px;
}

.srdk_clfx:after{/*擬似after要素*/
    content:".";
    display: block;
    clear:both;
    height: 1px;
    margin-top: -1px;
    visibility:hidden;
}

/* entry-header-description */
.entry-og-description{
    font-size:75%;
    margin: 15px 0 1.5em;
    color:#888;
    line-height:1.5;
}
@media (max-width:767px){
    .entry-og-description{
        display:none
    }
}

/* buttons */
.entry-content .btn {
    display: inline-block;
    text-align: center;
    padding: .5em 1em;
    cursor: pointer;
    font-size: 90%;
    border-radius: .4em;
    overflow: hidden;
    color: #4eacd1;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #4eacd1;
    transition: all .2s;
    font-weight: bold;
    max-width: 100%;
}
.entry-content .btn:visited {
    color: #4eacd1;
}
.entry-content .btn:hover {
    background-color: #4eacd1;
    color: #fff;
    text-decoration: none;
    border-color: #4eacd1;
}
.entry-content .btn-light {
    border-color: #c2cdd1;
    color: #3D3F44;
    background-color: #f7f8f9;
}
.entry-content .btn-light:visited {
    color: #3D3F44;
}
.entry-content .btn-light:hover {
    background: #a0acb7;
    color: #fff;
    border-color: transparent;
}
.entry-content .btn-primary {
    background-color: #4eacd1;
    color: #fff;
    border-color: #4eacd1;
}
.entry-content .btn-primary:visited {
    color: #fff;
}
.entry-content .btn-primary:hover {
    background-color: #339bc3;
    color: #fff;
    border-color: #339bc3;
}
.entry-content .btn-register {
    background-color: #5aba90;
    color: #fff;
    border-color: #5aba90;
}
.entry-content .btn-register:visited {
    color: #fff;
}
.entry-content .btn-register:hover {
    background-color: #429f76;
    color: #fff;
    border-color: #429f76;
}
.entry-content .btn-lg,
.entry-content .btn-large {
    padding: .7em 2em;
    font-size: 120%;
    box-sizing: border-box;
    border-width: 2px;
    margin: .2em 0;
}
@charset "UTF-8";.srdk_gMenu,.srdk_gMenu .srdk_gMenu_7ple div+div{position:relative}#container{padding:0;margin:0;width:100%}.srdk_colorBg{background:#EFEFEF}.srdk_gMenu{height:68px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;background:0 0}.srdk_gMenu::before{position:relative;top:0;left:0;width:100%;height:18px;content:'';display:block;background-image:url(https://r.r10s.jp/com/img/email/soredoko/2020/top/20190822170123.png);background-repeat:repeat-x;background-size:auto 18px}.srdk_gMenu .srdk_gMenu_area{padding:12px 0 21px;background:#BF0000;width:100%}.srdk_gMenu .srdk_gMenu_7ple{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.srdk_gMenu .srdk_gMenu_7ple div{float:none;display:inline-block;width:auto;border:none;padding:0 26px}.srdk_gMenu .srdk_gMenu_7ple div+div::before{position:absolute;content:'/';left:-4px;top:0;bottom:0;display:block;width:8px;height:16px}#header-modules .hatena-module{border:none;border-radius:10px;padding:20px}.hatena-module-body,.hatena-module-body li,.urllist-with-thumbnails li .urllist-image{margin-bottom:0}.hatena-module-title{background:0 0;padding-left:0;padding-top:0}.recent-entries li :after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.hatena-module-reccent-entries li{border-bottom:1px solid #ddd}.recent-entries-title .hatena-module-title{padding-top:0}.hatena-module-body a time{color:#707070;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;font-weight:400!important}#header-modules .recent-entries-title{font-size:20px;line-height:1.7}#header-modules .urllist-entry-body{line-height:1.57143;margin-top:9px}.urllist-with-thumbnails li .urllist-image{margin-right:20px}.hatena-module-body a:hover{-webkit-text-decoration:bold!important;text-decoration:bold!important}.hatena-module{margin-bottom:20px}#wrapper{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:none}#main .hatena-module-title{margin-bottom:20px;line-height:1;padding-bottom:0;font-size:20px}.entries-access-ranking .entries-access-ranking-entry-body{display:none}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails,#main .recent-entries.hatena-urllist.urllist-with-thumbnails{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item,#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item{float:none;width:calc(33.33333% - 14px);margin-right:0;height:auto;margin-bottom:16px;padding:0;border-bottom:0}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-image-link.recent-entries-image-link,#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-image-link.recent-entries-image-link,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-image-link.recent-entries-image-link,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-image-link.recent-entries-image-link{font-size:0;line-height:0;display:block}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-image,#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-image,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-image,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-image{width:100%;margin-right:0;float:none}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item time,#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item time,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item time,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item time{font-size:12px;line-height:1;font-weight:500}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-date-link,#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-date-link,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-date-link,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-date-link{font-size:0;line-height:1;margin-top:10px}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-date-link a,#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-date-link a,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.entries-access-ranking-item .urllist-date-link a,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-item.recent-entries-item .urllist-date-link a{display:block}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails li+li,#main .recent-entries.hatena-urllist.urllist-with-thumbnails li+li{margin-left:20px}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails li:nth-child(3n+1),#main .recent-entries.hatena-urllist.urllist-with-thumbnails li:nth-child(3n+1){margin-left:0}#main .entries-access-ranking.hatena-urllist.urllist-with-thumbnails .urllist-title-link,#main .recent-entries.hatena-urllist.urllist-with-thumbnails .urllist-title-link{font-size:14px;line-height:1.57143;margin-top:6px;display:block}#box2{width:300px;border-radius:10px}#box2-inner .hatena-module{border-radius:10px;padding:0 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;border:none;overflow:hidden}#box2-inner .hatena-module::before{position:absolute;top:0;left:0;width:100%;height:30px;background-color:#BF0000;content:'';z-index:0}#box2-inner .hatena-module.hatena-module-search-box,#box2-inner .hatena-module:nth-child(3){padding-bottom:0;padding-top:20px}#box2-inner .hatena-module.hatena-module-search-box .hatena-module-title,#box2-inner .hatena-module.hatena-module-search-box::before,#box2-inner .hatena-module:nth-child(3) .hatena-module-title,#box2-inner .hatena-module:nth-child(3)::before{display:none}#box2-inner .hatena-module.hatena-module-search-box{padding-bottom:20px}#box2-inner .hatena-module.hatena-module-search-box form{margin-bottom:0}#box2 .hatena-module-title{text-align:center;color:#fff;padding:14px 0 0;line-height:1;position:relative;margin-bottom:20px}#box2 .hatena-module-title::after{position:relative;height:18px;width:100%;background-image:url(https://r.r10s.jp/com/img/email/soredoko/2020/top/20190822170123.png);background-repeat:repeat-x;background-size:auto 18px;content:'';-webkit-transform:rotate(180deg);transform:rotate(180deg);display:block}#box2 .hatena-module-body{padding:0 20px}#box2 .urllist-item{padding-bottom:20px;border-bottom:0}#box2 .urllist-item:last-child{border-bottom:0;padding-bottom:0}#box2 .urllist-item+.urllist-item{margin-top:0;border-top:1px solid #ddd;padding-top:20px}#box2 .bannerArea,#box2 .bannerArea img{width:100%}#box2 .bannerArea a{display:block;font-size:12px;font-weight:700;line-height:1.66667}#box2 .bannerArea a img{width:100%;margin-bottom:6px}#box2 .bannerArea a .imgM10{margin-bottom:6px}#box2 .bannerArea a+a{margin-top:1.5em}#box2 .urllist-item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#box2 .urllist-item-inner .urllist-image-link{width:80px;height:80px;font-size:0;margin-right:10px}#box2 .urllist-item-inner .urllist-image-link img{width:100%;margin:0}#box2 .urllist-item-inner .urllist-title-link{width:calc(100% - 90px);font-size:14px;line-height:1.57143;margin-top:-5.5px}#box2 .urllist-item-inner .urllist-entry-body{margin-top:10px}.moreBtn{width:355px;height:50px;border-bottom:0;border-radius:10px;position:relative;margin-bottom:60px}.moreBtn::after{width:7px;height:12px;position:absolute;top:0;bottom:0;content:'';right:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAAXNSR0IArs4c6QAAAFJJREFUKBVj+P//vwEQ7wdiAQZcACh5AIhB4DwQY1cIkgDiC0AMAoNZ4QeIE/+fx+phoOQCqAIQlYChaDAoADkK5DiQC4EA05HIrgYqUEDmo7MB0lrGlGJnxPQAAAAASUVORK5CYII=) no-repeat;background-size:contain;margin:auto 12px auto 0}.moreBtn .mbtxt a{font-weight:500}.hatena-module-search-box .search-form{position:relative}.hatena-module-search-box .search-module-input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 29px 12px 13px;border-radius:5px;border:1px solid #AAA;font-size:12px;color:#AAA;font-weight:700}.hatena-module-search-box .search-module-button{width:16px;height:16px;position:absolute;top:0;bottom:0;margin:auto;left:auto;right:9px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAbZJREFUOBGVkjFPAkEQhbmF0Hqx0kpaKzH+ADA2llIAARptbEVbC/0H6D+QigRCwNZCKOzB0u4srcSaM/i9y97l0EPjJHvzZubt25nbdVIx63Q6OWPMmeM4edJF1nSxWHj4drVaHeITzQmzvV6vyYYrYjfMxT21YTabPSmVSrN4XtjoYwVaQAnc0sl+pVLRAbvgc/wH/mg+nw/AP8zRCOl0ekLF5bRSUtuWM4azJdFyuXwTVzIINCXAuk0SELlWq3lsPha2IwtGpnHyiiANo2wC4PQx6VeWq87wkUmkoMiSosIK4CmfyWRy8qEZ2ntW0O12g47CQpKHq7E10ixeN4zh2cSvIhoB7o643NzU7gmcOrmzidb3WeNELiDgwW/H88LG3sg92OW1jngzRRVCkzCjjoj17z75H3qQSxa82MFg4PKQhlSCn8xpulKP2GWFY/rgDGsC96DRaLyDAwtEwsC+3GvitTAnrxEQvQSq4z3W1Pf9w3q9/gZOLYkoIdMIukY2z+I/kbHWKT+wJPSCUEFCiSIQVpqEEH+is21IgdC/RaSO0AZCjxLCn6488a9Cv9/fROxCvC8MlraK2MrEAwAAAABJRU5ErkJggg==);background-size:16px}.hatena-module-category+.hatena-module-html .bannerArea,.hatena-module-category+.hatena-module-html+.hatena-module-html .bannerArea{width:100%}.hatena-module-category .hatena-module-body li{border-top:1px solid #DDD;padding:14px 0}.hatena-module-category .hatena-module-body li:last-child{padding-bottom:0}.hatena-module-category .hatena-module-body li a{color:#BF0000}#rihCmnHeader .rihCmnTopHeader--sp{display:none}.hatena-module-category+.hatena-module-html .bannerArea .imgM10{text-align:center;font-size:12px;font-weight:700}.hatena-module-category+.hatena-module-html .bannerArea .imgM10 img{margin-bottom:10px}.hatena-module-category+.hatena-module-html+.hatena-module-html .bannerArea a{display:block;font-size:12px;font-weight:700;line-height:1.66667}.hatena-module-category+.hatena-module-html+.hatena-module-html .bannerArea a img{width:100%;margin-bottom:6px}.hatena-module-category+.hatena-module-html+.hatena-module-html .bannerArea a .imgM10{margin-bottom:6px}.hatena-module-profile .hatena-module-body a{display:block;text-align:center}#hatena-modules-character .character-image{margin-top:21px}#hatena-modules-character .character-title{font-weight:700;font-size:14px;margin-top:20px}#hatena-modules-character .character-contents{font-size:12px;margin:16px 0}#hatena-modules-character .moreBtn{width:250px;height:40px;margin:0}#hatena-modules-character .moreBtn .mbtxt{padding:9px 0}aside .hatena-module-title a,aside .hatena-module-title a:hover{color:#fff}.page-index #header-modules .hatena-module-recent-entries.category-注目記事{position:relative}.page-index #header-modules .hatena-module-recent-entries.category-注目記事 .hatena-module-title{position:absolute;top:37px;left:330px;border-radius:30px;background-color:#BF0000}.page-index #header-modules .hatena-module-recent-entries.category-注目記事 .hatena-module-title a{display:block;color:#fff;font-weight:400;font-size:12px;line-height:1;padding:13px 11px 5px}.page-index #header-modules .hatena-module-recent-entries.category-注目記事 .recent-entries-image-link{display:block;width:290px;vertical-align:top;position:absolute;top:0;left:0}.page-index #header-modules .hatena-module-recent-entries.category-注目記事 .recent-entries-image-link .urllist-image{width:100%;border:none;margin-right:0}.page-index #header-modules .hatena-module-recent-entries.category-注目記事 .hatena-module-body{padding-left:310px;position:relative;min-height:148px;padding-top:60px}.page-index #header-modules .hatena-module-recent-entries.category-注目記事 .hatena-module-body a time{position:absolute;top:24px;left:392px;font-weight:400}.page-index #header-modules .hatena-module-recent-entries.category-注目記事+.hatena-module.hatena-module-html>div{display:table-cell;vertical-align:middle}.page-index #header-modules .hatena-module-recent-entries.category-注目記事+.hatena-module.hatena-module-html .hatena-module-title{padding-top:2px;padding-right:1em;white-space:nowrap}.page-index #header-modules .keyWord_area .keyWord_area_6ple{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page-index #header-modules .keyWord_area .keyWord_area_6ple div{float:none;display:inline-block;width:auto;background:#77C0C9;border-radius:20px;padding:9px 11px;line-height:1;font-size:0}.page-index #header-modules .keyWord_area .keyWord_area_6ple div a{color:#fff;font-size:12px;line-height:1}.page-index #header-modules .keyWord_area .keyWord_area_6ple div a+a{margin-top:1.5em}.page-index #header-modules .keyWord_area .keyWord_area_6ple div+div{margin-left:10px}.page-index #header-modules .keyWord_area_inbox{background:0 0;padding:0;height:auto}.page-index #wrapper{padding:0;background:0 0!important}.page-index #main #main-inner .hatena-module{background-color:#fff;border-radius:10px;padding:20px;margin-bottom:0}.page-index #main #main-inner .hatena-module-recent-entries{border-radius:10px 10px 0 0}.page-index #main #main-inner .hatena-module-recent-entries+.hatena-module-html{margin-top:0;border-radius:0 0 10px 10px;padding-top:0}.page-index #main #main-inner .hatena-module-recent-entries+.hatena-module-html .moreBtn{margin-top:-20px;margin-bottom:0}.page-index #main #main-inner .hatena-module-entries-access-ranking{margin-top:20px}.page-archive .srdk_ttlHeader img{width:350px;height:auto}.page-archive .archive-entries{position:relative}.page-archive .archive-entries .archive-entry{min-height:180px;position:relative;border-bottom:1px solid #DDD;margin-bottom:20px!important}.page-archive .archive-entries .archive-entry:last-child{border-bottom:none}.page-archive .archive-entries .archive-entry-header{margin-left:160px}.page-archive .archive-entries .archive-entry-header .entry-title{border:none;margin-bottom:9px}.page-archive .archive-entries .archive-entry-header .entry-title a{line-height:1.6;font-size:18px}.page-archive .archive-entries .archive-entry-header .date{margin-bottom:9px}.page-archive .archive-entries .archive-entry-header .date a{color:#999;font-size:12px;font-weight:500}.page-archive .archive-entries .categories{margin-left:160px;margin-bottom:12.06px}.page-archive .archive-entries .categories a{color:#BF0000;font-size:12px;text-decoration:none;font-weight:700}.page-archive .archive-entries .entry-thumb-link{position:absolute;top:0;left:0;width:140px;height:140px;border-radius:5px;overflow:hidden;margin-top:calc(1em + 9px)}.page-archive .archive-entries .entry-thumb-link .entry-thumb{width:100%;height:100%;float:none}.page-archive .archive-entries .archive-entry-body{margin-left:160px;padding-bottom:10px}.page-archive .archive-entries .archive-entry-body .entry-description{font-size:14px;margin-bottom:10px;line-height:1.42857;height:40px;overflow:hidden}.archive-header-category{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.archive-header-category .archive-heading{line-height:1.5;margin-bottom:1em}.pager{margin-bottom:0!important}.pager-next a,.pager-prev a{color:#bf0000}.page-entry .entry,.static-page-numa .entry{margin-bottom:0}.page-entry .srdk_ttlHeader img,.static-page-numa .srdk_ttlHeader img{width:350px;height:auto}.page-entry .date,.static-page-numa .date{border-bottom:none;font-size:12px;line-height:1;margin-bottom:20px;padding-bottom:0}.page-entry .date a,.static-page-numa .date a{color:#999}.page-entry .entry-categories,.static-page-numa .entry-categories{display:-webkit-box;display:-ms-flexbox;display:flex}.page-entry .entry-categories a,.static-page-numa .entry-categories a{display:block;padding:9px 12px;background:#77C0C9;border-radius:20px;color:#fff;text-decoration:none}.page-entry div.talk,.static-page-numa div.talk{margin:0;border-radius:20px;border:1px solid #DDD;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;padding:10px 0}.page-entry div.talk+div.talk,.static-page-numa div.talk+div.talk{margin-top:20px}.page-entry div.talk img.talk-icon,.static-page-numa div.talk img.talk-icon{width:100px;height:100px;margin-left:10px;margin-right:0}.page-entry div.talk a,.static-page-numa div.talk a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-entry #main-inner .hatena-module-related-entries .urllist-image-link,.page-entry #main-inner .hatena-module-related-entries .urllist-title-link,.static-page-numa #main-inner .hatena-module-related-entries .urllist-image-link,.static-page-numa #main-inner .hatena-module-related-entries .urllist-title-link{display:block}.page-entry div.talk a img,.static-page-numa div.talk a img{margin-left:20px}.page-entry div.talk p.talk-serif,.static-page-numa div.talk p.talk-serif{margin:0 10px 0 0;height:auto;padding-left:20px}.page-entry div.talk p.talk-serif a,.static-page-numa div.talk p.talk-serif a{color:#BF0000}.page-entry .entry-content h3,.static-page-numa .entry-content h3{border:none;border-top:1px solid #DDD;padding-top:33px;margin-top:33px;margin-bottom:13px;font-size:20px;font-weight:700;line-height:1.7}.page-entry #main-inner .hatena-module-related-entries,.static-page-numa #main-inner .hatena-module-related-entries{margin-top:4em}.page-entry #main-inner .hatena-module-related-entries .urllist-with-thumbnails li .urllist-image,.static-page-numa #main-inner .hatena-module-related-entries .urllist-with-thumbnails li .urllist-image{width:100%;margin:0;float:none}.page-entry #main-inner .hatena-module-related-entries .related-entries,.static-page-numa #main-inner .hatena-module-related-entries .related-entries{overflow:hidden}.page-entry #main-inner .hatena-module-related-entries .urllist-item,.static-page-numa #main-inner .hatena-module-related-entries .urllist-item{width:182px;margin-right:20px;border-bottom:0}.page-entry #main-inner .hatena-module-related-entries .urllist-item:last-child,.static-page-numa #main-inner .hatena-module-related-entries .urllist-item:last-child{margin-right:0}.page-entry #main-inner .hatena-module-related-entries .bookmark-widget-counter,.static-page-numa #main-inner .hatena-module-related-entries .bookmark-widget-counter{display:block;margin-top:.5em}.page-entry #main-inner .hatena-module-related-entries .related-entries-title,.static-page-numa #main-inner .hatena-module-related-entries .related-entries-title{margin-top:5px;font-size:14px;font-weight:700;line-height:1.4}
#hatena-modules-character .character-image {
  margin-top: 21px; }

#hatena-modules-character .character-title {
  font-weight: 700;
  font-size: 14px;
  margin-top: 20px; }

#hatena-modules-character .character-contents {
  font-size: 12px;
  margin: 16px 0; }

#hatena-modules-character .moreBtn {
  width: 250px;
  height: 40px;
  margin: 0; }
  #hatena-modules-character .moreBtn .mbtxt {
    padding: 9px 0; }
.recent-entries li :after {
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
    content: ".";
}
.hatena-module-reccent-entries li{
  border-bottom:1px solid #ddd;}
.pager-next a{
  color:#bf0000;
  }
  
.page-entry #main-inner .hatena-module-related-entries .urllist-item:nth-of-type(3n),
.static-page-numa #main-inner .hatena-module-related-entries .urllist-item:nth-of-type(3n){
margin-right: 0;
}
.profile-cards-list .profile-card-container{
display: none !important;
}

/* 20220201 トップページ モジュール追加 */
.page-index #main #main-inner .hatena-module {
    margin-bottom: 20px;
}

/* 広告の表示調整 */
#box2-inner .hatena-module-html:first-child {
    padding: 0px;
    border-radius: 0px;
}

#box2-inner .hatena-module-html:first-child .hatena-module-body {
    padding: 0px;
    height: 250px;
    width: 300px;
}

#box2-inner .hatena-module-html:first-child::before {
    display: none;
}

#srdk-in-article-body, #srdk-in-article-footer, #srdk-archive-top {
    height: 83.5vw;
    max-height: 345px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f2f5;
}

/* 20230327 リニューアル　はてなfooter新設 */
.footer {
    background: #fff;
    margin-top: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.footer-inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.25;
}

.footer-link ul li a {
    text-decoration: none;
    color: #BF0000;
}
.footer-link ul li a:hover {
    text-decoration: underline;
}

.footer-link>ul>li+li {
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #B5B5B5;
}

.footer .copyright {
    margin: 25px 0 0;
    line-height: 1.25;
}

#hbm-foot-owner-logo img {
  width: 250px;
  height: auto;
}

/*=== ソレドコ アフィリエイトCSS ===*/
  
.aff_soredoko {
    position: relative;
    margin: 30px 0;
    padding: 15px 20px 35px;
    border: solid #bf0101;
    background: var(--color-pink);
    border-width: 3px 0 1px;
}
.aff_soredoko + .aff_soredoko {
  border-top: none;
  margin-top: -20px;
}
.aff_soredoko::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 18px;
  margin: auto;
  background: url(https://cdn.blog.st-hatena.com/files/8454420450090059528/4207112889981129994) repeat-x 0 0;
}
.aff_soredoko .aff_head {
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: bold;
}
.aff_soredoko .aff_head a {
    color: #c14241;
}
.aff_soredoko .aff_body {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 12px;
}
.aff_soredoko .aff_image {
  width: 45%;
  padding: 3px;
  background: #fff;
  min-width: 250px;
  text-align: center;
  line-height: 1;
}
.aff_soredoko .aff_image a {
    display: block;
    max-height: 200px;
}
.aff_soredoko .aff_image img {
    max-width: 200px;
    max-height: 200px;
}
.aff_soredoko .aff_links {
    flex: 1;
    min-width: 25px;
    font-size: 1.4rem;
    min-width: 250px;
}
.aff_soredoko .aff_links .aff_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
}
.aff_soredoko .aff_links .aff_item .aff_link-comment {
  position: relative;
  display:inline-block;
  margin-bottom: -10px;
  padding: 5px 20px 0;
  text-align: center;
}
.aff_soredoko .aff_links .aff_item .aff_link-comment:before,
.aff_soredoko .aff_links .aff_item .aff_link-comment:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
  font-weight: bold;
  color: #BF0000;
}
.aff_soredoko .aff_links .aff_item .aff_link-comment:before {
  content: "＼";
  left: 0;
  padding-right: 5px;
} 
.aff_soredoko .aff_links .aff_item .aff_link-comment:after {
  content: "／";
  right: 0;
  padding-left: 5px;
}
.aff_soredoko .aff_links .aff_item div[class^="shoplink_"] {
  margin-top: 10px;
}
.aff_soredoko .aff_links a:not(.keyword) {
    width: 220px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    background: #8d8f8d;
    border-radius: 3px;
}

/* rakuten */
.aff_soredoko .shoplink_rakuten > p,
.aff_soredoko .shoplink_rakuten .hatena-asin-detail img,
.aff_soredoko .shoplink_rakuten .hatena-asin-detail-info,
.aff_soredoko .shoplink_rakuten .hatena-asin-detail-foot {
  display: none;
}
.aff_soredoko .hatena-asin-detail,
.aff_soredoko .shoplink_rakuten .hatena-rakuten-detail > a {
  position: relative;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: #bf0000;
  justify-content: center;
}
.aff_soredoko .hatena-rakuten-detail > a:before {
  content: "楽天で見る";
  line-height: 15px;
}

/* 楽天 リンク直入力用 */
.aff_soredoko .aff_links .shoplink_rakuten > a {
    background: #bf0000;
}

/* amazon */
.aff_soredoko .aff_item .shoplink_amazon a {
  position: relative;
  color: transparent!important;
  text-indent: -9999999px;
  background: #f8981d;
}
.aff_soredoko .shoplink_amazon p {
  margin: 0;
}
.aff_soredoko .shoplink_amazon a:before {
  content: "Amazonで見る";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff!important;
  text-indent: 0;
}

/* サイドバーrecommend枠 */
.srdk-sidebar-20230724 {
    text-align: center;
}
.srdk-sidebar-20230724 .srdksiderecommendcomment {
    position: relative;
    display: inline-block;
    margin-bottom: -10px;
    padding: 5px 20px 0;
    text-align: center;
}
.srdk-sidebar-20230724 .srdksiderecommendcomment:before,
.srdk-sidebar-20230724 .srdksiderecommendcomment:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    font-weight: bold;
    color: #BF0000;
}
.srdk-sidebar-20230724 .srdksiderecommendcomment:before {
    content: "＼";
    left: 0;
    padding-right: 5px;
}
.srdk-sidebar-20230724 .srdksiderecommendcomment:after {
    content: "／";
    right: 0;
    padding-left: 5px;
}
.srdk-side-recommend-item + .srdksiderecommendcomment {
    margin-top: 10px;
}
.srdk-side-recommend-item {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px;
    align-items: center;
}
.srdk-side-recommend-item > :first-child {
    margin-bottom: 10px;
    margin-right: 10px;
    min-width: 70px;
    width: 70px;
}
.srdk-side-recommend-item > :nth-child(2) {
    text-align: left;
    max-width: 100%;
    padding-right: 10px;
    font-weight: bold;
}

/* ページネーション */
.samplebtnsoredokopage2 a {
    position: relative;
    display: block;
    padding: 5px 30px;
    border: 1px solid #b70000;
    color: #b70000;
    text-decoration: none;
    border-radius: 3px;
    line-height: 1.3;
}
.samplebtnsoredokopage2 a:hover {
    text-decoration: underline;
}
.samplebtnsoredokopage2 a:after {
    content: "▶︎";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 14px;
    width: 14px;
    line-height: 1;
}
p[class*="samplebtnsoredokopage"] {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
}
p[class*="samplebtnsoredokopage"] a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    text-decoration: none;
    border: 1px solid #b70000;
}
p[class*="samplebtnsoredokopage"] a:hover {
    opacity: .7;
}
p.samplebtnsoredokopage a {
    background: #b70000;
}
p.samplebtnsoredokopageprevnext a {
    border-color: transparent;
}
p.samplebtnsoredokopageprevnext a:hover {
    opacity: 1;
    border-bottom-color: #b70000;
}

/* -----------------
   目次
----------------- */
.entry-content .table-of-contents {
    position: relative;
    background: #f4f4f4;
    border-radius: 4px;
    padding: 20px 24px;
    margin: 24px 0;
    line-height: 1.85;
}
.entry-content .table-of-contents::before {
    content: "INDEX";
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    display: block;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #222;
    margin-bottom: 20px;
    padding-bottom: 4px;
}
.entry-content .table-of-contents::after {
    content: "";
    display: block;
    border-bottom: 2px solid #222;
    padding-bottom: 8px;
}
.entry-content .table-of-contents > li {
    margin-left: 20px;
    margin-bottom: 8px;
}
.entry-content .table-of-contents a {
    color: #222;
    text-decoration: none;
    transition: .5s;
}
.entry-content .table-of-contents a:hover {
    color: var(--primary-color);
}


/* -----------------
   画像横吹きだし
----------------- */
.balloon-wrapper {
    margin-bottom: 1em;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
@media (min-width: 768px) {
    .balloon-wrapper {
        gap: 24px;
    }
}
.balloon-wrapper figure {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    margin: 0;
    flex: 0 0 60px;
}
@media (min-width: 768px) {
    .balloon-wrapper figure {
        flex: 0 0 80px;
    }
}
.page-entry .entry-content .balloon-wrapper figure img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}
@media (min-width: 768px) {
    .page-entry .entry-content .balloon-wrapper figure img {
        width: 80px;
        height: 80px;
        margin: 0;
    }
}
.balloon-wrapper figure figcaption {
    font-size: 12px;
    margin: 0;
    text-align: center;
    line-height: 1.5;
}
.balloon-wrapper .text-box {
    position: relative;
    display: inline-block;
    padding: 20px 16px;
    min-width: 120px;
    border-radius: 10px;
    font-size: 14px;
}
@media (min-width: 768px) {
    .balloon-wrapper .text-box {
        padding: 20px 28px;
    }
}
.balloon-wrapper .text-box:after {
    content: "";
    position: absolute;
    top: 32px;
    margin-top: -15px;
    border: 15px solid transparent;
    left: -27px;
}
.page-entry .entry-content .balloon-wrapper .text-box p {
    margin: 0;
}
/* ピンク */
.balloon-wrapper.balloon-pink .text-box {
    background: var(--color-pink);
}
.balloon-wrapper.balloon-pink .text-box:after {
    border-right-color: var(--color-pink);
}
/* ブルー */
.balloon-wrapper.balloon-blue .text-box {
    background: var(--color-blue);
}
.balloon-wrapper.balloon-blue .text-box:after {
    border-right-color: var(--color-blue);
}
/* ベージュ */
.balloon-wrapper.balloon-beige .text-box {
    background: var(--color-beige);
}
.balloon-wrapper.balloon-beige .text-box:after {
    border-right-color: var(--color-beige);
}

/* -----------------
   画像下葺きだし
----------------- */
.bottom-balloon-wapper {
    margin-bottom: 1em;
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
}
@media (min-width: 768px) {
    .bottom-balloon-wapper {
        gap: 24px;
    }
}
.bottom-balloon-wapper figure {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    margin: 0;
}
.bottom-balloon-wapper figure figcaption {
    font-size: 12px;
    margin: 0;
    text-align: center;
    line-height: 1.5;
}
.bottom-balloon-wapper .text-box {
    position: relative;
    display: inline-block;
    padding: 20px 16px;
    min-width: 200px;
    border-radius: 10px;
    font-size: 14px;
}
@media (min-width: 768px) {
    .bottom-balloon-wapper .text-box {
        padding: 20px 28px;
    }
}
.bottom-balloon-wapper .text-box:after {
    content: "";
    position: absolute;
    margin-top: -15px;
    top: -15px;
    left: 50%;
    border: 15px solid transparent;
}
.page-entry .entry-content .bottom-balloon-wapper .text-box p {
    margin: 0;
}
/* ピンク */
.bottom-balloon-wapper.balloon-pink .text-box {
    background: var(--color-pink);
}
.bottom-balloon-wapper.balloon-pink .text-box:after {
    border-bottom-color: var(--color-pink);
}
/* ブルー */
.bottom-balloon-wapper.balloon-blue .text-box {
    background: var(--color-blue);
}
.bottom-balloon-wapper.balloon-blue .text-box:after {
    border-bottom-color: var(--color-blue);
}
/* ベージュ */
.bottom-balloon-wapper.balloon-beige .text-box {
    background: var(--color-beige);
}
.bottom-balloon-wapper.balloon-beige .text-box:after {
    border-bottom-color: var(--color-beige);
}


/* -----------------
   背景付き要素
----------------- */
/* フリーボックス */
.freebox-wrapper {
    margin-bottom: 1em;
    border-radius: 8px;
    padding: 20px 28px;
}
.freebox-wrapper > p {
  margin-top: 0;
}
.freebox-wrapper figure {
    margin-bottom: 8px;
    text-align: center;
}
.freebox-wrapper dt {
    font-weight: 700;
    color: var(--primary-color);
}
.freebox-wrapper dd {
    margin-left: 0;
}
.freebox-wrapper.style-pink {
    background: var(--color-pink);
}
.freebox-wrapper.style-blue {
    background: var(--color-blue);
}
.freebox-wrapper.style-beige {
    background: var(--color-beige);
}

/* -----------------
   ページネーション
----------------- */
.pagination-wrapper .next-page-title a {
    display: block;
    border: 2px solid var(--primary-color);
    padding: 20px;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    width: 80%;
    margin: 30px auto 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .2s;
}
.pagination-wrapper .next-page-title a:hover {
    background: var(--primary-color);
    color: #fff;
}
.pagination-wrapper .next-page-title .next {
    padding-right: 12px;
    color: #777;
    font-size: 10px;
    display: block;
}
.pagination-wrapper .next-page-title a:hover .next {
    color: #fff;
}
.pagination-wrapper .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
}
.pagination-wrapper .pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2em;
    min-height: 2em;
    color: var(--primary-color);
    font-weight: 700;
    border-radius: 100px;
}
.pagination-wrapper .pagination a:hover {
    background: var(--primary-color);
    color: #fff;
    transition: .2s;
    text-decoration: none;
}
.pagination-wrapper .pagination a:not(:hover) {
    text-decoration: none;
}
.pagination-wrapper .pagination .current a {
    background-color: var(--primary-color);
    color: #fff;
    pointer-events: none;
}
.pagination-wrapper .pagination .prev + .next {
    margin-left: 16px;
}
.pagination-wrapper .pagination.pageless .prev a,
.pagination-wrapper .pagination.pageless .next a {
    padding: 0 1em;
}
.page-entry .entry-content .pagination-wrapper .pagination li ~ li {
    margin-top: 0;
}

/* -----------------
   定型文用の関連記事
----------------- */
.related-article-box + .related-article-box {
    margin-top: 8px;
}
.related-article-box a {
    background: #f4f4f4;
    display: flex;
    gap: 12px;
    text-decoration: none;
    align-items: center;
    transition: .3s;
    padding: 20px 40px 20px 20px;
    position: relative;
    transition: .2s;
}
.related-article-box a:hover {
    background: #e4e4e4;
}
.related-article-box a::after {
	content: "";
    position: absolute;
	top: 50%;
	bottom: 50%;
	right: 20px;
	margin: auto;
	vertical-align: middle;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--primary-color);
    border-right: 2px solid var(--primary-color);
    transform: rotate(45deg);
}
.related-article-box a:hover::after {
    right: 18px;
}
.related-article-box figure {
    flex: 0 0 180px;
}
.related-article-box figure img {
    transition-duration: .3s;
    vertical-align: bottom;
}
.related-article-box a:hover figure img {
    transform: scale(.9,.9);
    transition-duration: .3s;
}
.related-article-box p {
    font-size: 16px;
    font-weight: 700;
    color: #222;
}


/* 広告でことが分かる文章 */
.pr-caption {
    border: 1px solid #ddd;
    padding: 8px 16px;
    margin: 30px 0 10px;
    font-size: 13px;
    border-radius: 4px;
    text-align: center;
    line-height: 1.5;
}
/* 一部カテゴリーでは非表示 */
.page-entry.category-広告 .pr-caption,
.page-entry.category-タイアップ広告 .pr-caption {
    display: none;
}


/* -----------------
   タイトル等調整
----------------- */
.entry-content {
    font-size: 16px;
}
.entry-title a {
    font-size: 24px;
    line-height: 1.5;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin: 2em 0 1em;
}
.page-entry .entry-content h2,
.static-page-numa .section h2 {
    font-size: 24px;
}
.page-entry .entry-content h3,
.static-page-numa .section h3 {
    font-size: 22px;
    margin: 3em 0 1em;
    padding-top: 2em;
}
.page-entry .entry-content h4,
.static-page-numa .section h4 {
    padding-left: 0.8em;
    border-left: 5px solid #bf0000; 
}
.page-entry .entry-content h5,
.static-page-numa .section h5 {
    position:relative;
    padding-left: 1em;
}
.page-entry .entry-content h5:before, .static-page-numa .section h5:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 2px;
    background: #bf0000;
}
.page-entry .entry-content li ~ li {
    margin-top: .5em;
}
.entry-content ul,
.entry-content ol,
.entry-content dd {
    margin-top: .5em;
}

.entry-content dt {
    font-weight: bold;
    margin-top: 1em;
}


/* サイドバー */
#box2 .hatena-module.hatena-module-entries-access-ranking {
    padding-bottom: 20px;
    padding-top: 0;
}
#box2-inner .hatena-module:nth-child(3) .hatena-module-title,
#box2-inner .hatena-module:nth-child(3):before {
    display: block;
}
#box2 .urllist-item-inner .urllist-entry-body {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* -----------------
SNSリンク集
----------------- */
.entry-content .sns-link-wrapper {
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    margin: 60px 0 30px;
    padding: 28px 20px;
    position: relative;
}
.sns-link-wrapper ul {
    max-width: 350px;
    list-style: none;
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    margin: 0;
}
.sns-link-wrapper li {
    display: flex;
    gap: 4px;
    flex-direction: column;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.sns-link-wrapper li a {
    position: relative;
    display: flex;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    text-decoration: none;
    border-radius: 4px;
    padding: 10px 12px;
    justify-content: center;
    align-items: center;
    width: 250px;
    transition: .2s;
}
.sns-link-wrapper li a::after {
    display: block;
	content:"";
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--primary-color);
	border-right: 2px solid var(--primary-color);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    flex: 0 0 auto;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 20px;
    transition: .2s;
}
.sns-link-wrapper li a:hover {
    background: var(--primary-color);
    color: var(--color-white);
}
.sns-link-wrapper li a:hover::after {
    border-color: var(--color-white);
    right: 18px;
}
.sns-link-wrapper .sns-character {
    position: absolute;
    right: 28px;
    top: -30px;
}
.sns-link-wrapper .sns-character img {
    width: 190px;
}