/* */
@charset "UTF-8";/*!
Theme: Reach
Author: Hatena Blog Team
Responsive: yes
*//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{display:block;*zoom: 1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.inline-block{display:inline-block;*display: inline;*zoom: 1}.border-box{-ms-box-sizing:border-box;box-sizing:border-box}.ellipsis{white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}html,body{font-family:Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#555}body{background-color:#e2e2e2;background-image:url(https://cdn.blog.st-hatena.com/css/theme/reach/images/bg.png?version=e0e0a3993d8aff6a6344f19dd784d5);background-repeat:repeat}.customized-background-image{background-size:inherit!important}a{color:#429bb2}a:hover{color:#328094}a:visited{color:#789dae}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#333;text-decoration:none}a.keyword{text-decoration:none;border-bottom:1px dotted #d5d5d5;color:#555}.btn{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.btn:hover{text-decoration:none!important;color:#429bb2}.btn-primary{background-color:#429bb2;color:#fff;font-weight:400;border:1px solid transparent}.btn-primary:hover{background-color:#328094;color:#fff}.btn-small{padding:2px 10px!important;font-size:11px!important}.btn-large{padding:13px 19px;font-size:17px;line-height:normal;font-weight:700}#globalheader-container{background-color:#333!important;color:#fff;position:sticky;top:0;width:100%}#container{margin-bottom:30px}#content{width:960px;margin-left:auto;margin-right:auto;display:block;*zoom: 1}#content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#main{width:620px;float:right}#box2{width:320px;float:left}#blog-title{margin:0 0 20px;padding:30px 0;background:#fff;border-bottom:1px solid #d5d5d5;line-height:1.3}#blog-title-inner{width:960px;margin-left:auto;margin-right:auto}#title{margin:0;font-size:160%}#title a{color:#429bb2}#blog-description{font-weight:400;font-size:80%;margin:5px 0 0;line-height:1.5}.header-image-enable #blog-title{margin:20px auto;padding:0;width:960px;border-bottom:none}.header-image-enable #blog-title-inner{width:958px;background-color:#fff;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d5d5d5}.header-image-enable #title{padding-top:70px}.header-image-enable #title,.header-image-enable #blog-description{padding-left:20px}#top-box{margin-left:auto;margin-right:auto;font-size:90%;width:960px}.entry{position:relative;margin-bottom:20px;background:#fff;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d5d5d5}.entry .entry-inner{padding:20px}.entry-header{padding:0 0 10px;margin-bottom:20px;border-bottom:5px solid #d5d5d5;position:relative}.entry-title{margin:0;line-height:1.3;font-size:160%}.date{margin-bottom:10px}.date a{font-weight:700;text-decoration:none;font-size:80%}.date-last-updated{font-size:80%;font-weight:700;color:#789dae}.categories{margin-top:10px;font-size:80%}.categories a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#429bb2;color:#fff;font-weight:400;border:1px solid transparent;padding:1px 7px!important;font-size:11px!important}.categories a:hover{text-decoration:none!important;color:#429bb2}.categories a:hover{background-color:#328094;color:#fff}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.entry-header-menu a:hover{text-decoration:none!important;color:#429bb2}.entry-content{font-size:95%;line-height:1.7;padding-bottom:10px;border-bottom:1px solid #d5d5d5}.entry-content p{margin:0 0 1em}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.3em 0 .8em;line-height:1.5}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:130%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}.entry-content blockquote{border:1px solid #d5d5d5;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{border:1px solid #ddd;margin:0 0 10px;padding:15px;background:#f0f0f0;font-size:95%;line-height:1.5;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{margin-top:10px}.entry-footer-section{font-size:80%;color:#999}.entry-footer-section a{color:#999}.social-buttons,.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px;padding:0;font-size:90%}.comment-box li{padding:10px 0 10px 60px;border-bottom:1px solid #d5d5d5;position:relative}.comment-box li:first-child{border-top:1px solid #d5d5d5}.comment-box .read-more-comments{padding-left:0}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px!important;height:50px!important;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.comment-user-name{margin:0 0 10px;font-weight:700}.comment-content{font-size:90%;margin:0 0 10px;word-wrap:break-word}.comment-content p{margin:0 0 10px}.comment-metadata{font-size:80%;color:#999;margin:0}.comment-metadata a{color:#999}.leave-comment-title{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.leave-comment-title:hover{text-decoration:none!important;color:#429bb2}#box2{font-size:85%;line-height:1.5}#box2 .hatena-module{padding:10px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d5d5d5}.hatena-module{background:#fff;margin-bottom:20px}.hatena-module-title{font-weight:700;margin:5px 0 15px;font-size:110%;color:#333}.hatena-module-title a{color:#333;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.hatena-module-profile .id{display:block;font-weight:700;font-size:110%;margin-bottom:5px}.hatena-module-profile .profile-description{font-size:95%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:8px 0;border-bottom:1px solid #d5d5d5;line-height:1.5}.hatena-urllist li:first-child{padding-top:0}.hatena-urllist li a{text-decoration:none}.hatena-urllist li a:hover{text-decoration:underline}.hatena-module-search-box .search-form{border:1px solid #d5d5d5;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:100%;-ms-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{padding:5px;color:#555;background:none;border:none;outline:none;height:20px;width:90%}.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat right center;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;filter:alpha(opacity=50)}.hatena-module-search-box .search-module-button:hover{-moz-opacity:.85;-khtml-opacity:.85;-webkit-opacity:.85;opacity:.85;filter:alpha(opacity=85)}.pager{margin:20px 0;padding:20px 0;text-align:center;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-size:80%;font-weight:700}.pager a{color:#555;text-decoration:none}.pager a:hover{text-decoration:underline}.pager .pager-next{margin-left:1em}#top-editarea,#bottom-editarea,.breadcrumb{width:938px;margin-left:auto;margin-right:auto;display:block;*zoom: 1;padding:10px;background:#fff;border:1px solid #d5d5d5;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-bottom:20px}#top-editarea:after,#bottom-editarea:after,.breadcrumb:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#footer{padding:30px 0;text-align:center;color:#999;line-height:1.5;font-size:80%}#footer p{margin:0}#footer a{color:#999}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #dfdfdf;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #main{padding:20px;background:#fff;margin-bottom:20px;width:578px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d5d5d5}.page-archive #main section{margin-bottom:20px}.page-archive #main .entry-title{margin-bottom:5px;text-decoration:none;font-size:80%;color:#333;font-size:100%;font-weight:700}.page-archive #main .entry-title a{color:#429bb2}.page-archive #main ul{list-style:none;margin:0;padding:0}.page-archive #main ul li{padding:8px 0;border-bottom:1px solid #d5d5d5;line-height:1.5}.page-archive #main ul li:first-child{padding-top:0}.page-archive #main ul li a{text-decoration:none}.page-archive #main ul li a:hover{text-decoration:underline}.page-archive .categories{margin:10px 0}.page-archive .categories a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-weight:400}.page-archive .categories a:hover{text-decoration:none!important;color:#429bb2}@media (-webkit-min-device-pixel-ratio: 2){body{background:url(https://cdn.blog.st-hatena.com/css/theme/reach/images/bg@2x.png?version=e0e0a3993d8aff6a6344f19dd784d5);background-size:200px 200px}.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat right center;background-size:20px 20px}}@media (min-width: 768px) and (max-width: 1024px){#content,#blog-title-inner,.header-image-enable #blog-title,.header-image-enable #blog-title-inner,#top-box{width:724px}#top-editarea,#bottom-editarea{width:704px}#main{width:460px}.page-archive #main{width:420px}#box2{width:245px}}@media (max-width: 767px){#globalheader-container{position:static}#blog-title{margin-top:0;padding-top:30px}#container{word-wrap:break-word;overflow:hidden}#content,#blog-title-inner,.header-image-enable #blog-title,#top-box,#top-editarea,#bottom-editarea{width:93.75%}#content img,#blog-title-inner img,.header-image-enable #blog-title img,#top-box img,#top-editarea img,#bottom-editarea img{max-width:100%}.header-image-enable #blog-title-inner{width:auto}.header-image-enable #title,.header-image-enable #blog-description{padding-right:20px}#main{width:100%;float:none}.page-archive #main,.page-archive .breadcrumb{width:100%;float:none;box-sizing:border-box}.page-archive #top-box,.page-archive #bottom-editarea{width:93.75%;box-sizing:border-box}#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{float:none}}
/* */
/* */
body{background:#A86F4C;}
/* */
/* ------------------------------ */
/*
0308_01
カテゴリー階層化に伴いカテゴリ欄の独自指定を解除
0308_02
階層化後のカテゴリー装飾を独自指定に変更
0309_01
階層化後のカテゴリー表示崩れを修正
0526_01
pタグ生成停止範囲の空白あけ指定を追加
2020-10-03 引用元記載用の指定(quote-source)を追加
entry-important内のspanへの指定を追加
entry-markingの指定を修正
2020-10-31
ヘッダー告知欄に関する指定を新設。
重要部分強調(.entry-highlight)の指定を追加。
特定記事(art01)の備考欄幅を調整。
2020-11-05
サークルブログリンク用の指定を新設。
2020-12-17
通販記事(art01)のa要素デザインを変更。
2021-01-03
ヘッダー告知欄のデザインを修正。
2021-01-09
リンクボタン(BOOTH・メロブ等)用の指定を新設。(サークルブログのCSSをベース)
clearfixを新設。
2021-02-09
同人記事(art202101)用の指定を追加。
2021-02-09:02
同人記事(art202101)をスマホ対応化。
2021-02-22
art202002(オリジナルHM記事)の指定を追加。
art01 の表全体にmin-widthを設定。
2021-03-20
art202102(185系ステッカ記事)の指定を追加。
2021-05-10 02
サイドバー管理人欄 (.hatena-module-profile) のデザイン・掲載内容を変更。
「マウスオーバーで半透明に」にtransition-duration指定を追加。
スマホ表示時、画像のhover時半透明化処理を削除。
2021-05-10 03
メールボタン関連の装飾を追加・調整。
2021-07-07
はてなブログの仕様変更に対応するため、画像にwidthプロパティの指定(auto)を追加。
2021-07-27
表のスクロール表示に汎用的に対応するため、.table-scroll の指定を追加。
2021-09-19
必要性の低いカテゴリタグを非表示化。
2021-11-03
メロンブックス用のボタンを追加(記事用)。
a:hover全般の指定を追加。
2022-03-12
サイドバー> 管理人欄「このブログについて」のサイズを調整。
Twitter・Mastodonのリンクボタンを追加。
2022-06-17
小画像を何枚も並べる・ギャラリー形式で見せるための指定(art202102)を常設化
2022-12-26
サークルお品書き用指定を修正
全要素に box-sizing: border-box を追加。
2023-01-05
サークル通販案内用指定を新規追加
2023-05-28
車両の特徴に関する指定を追加
2023-06-02
/*表示幅を変更*/
画像高さを192pxに変更
2023-06-06
表示幅を変更
画像高さを200pxに変更
スマホ表示時のサイド通販バナー幅を変更
スマホ用レスポンシブ部に969px以下の場合の指定を追加
*/
/* -------------------------ウソ電800独自-------------------------- */
div#container div#container-inner header#blog-title div#blog-title-inner {
height: 200px;
background-size: cover;
background-position: center;
}
.page-archive #main {
width: 610px;
}
/* -------------------------ウソ電800独自-------------------------- */
.blog-title-inner {
background-position: center;
background-size: cover;
}
* {
box-sizing: border-box;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
a {
transition-duration: 0.3s;
}
a:hover {
opacity: 0.7;
}
a:active {
opacity: 0.5;
}
/* ------------ 記事 > 標準 ------------ */
/* 見出し */
.entry-inner h3 {
border-left: solid 7px #B7A887;
border-top-left-radius: 12px 12px;
border-bottom-left-radius: 12px 12px;
border-bottom: solid 1px #B7A887;
padding-left: 8px;
padding-top: 3px;
}
.entry-inner h4 {
border-left: solid 5px #B7A887;
border-top-left-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
border-bottom: solid 1px #B7A887;
margin-left: 2px;
padding-left: 8px;
padding-top: 3px;
}
.entry-inner h5 {
border-left: solid 4px #B7A887;
border-top-left-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom: solid 1px #B7A887;
margin-left: 4px;
padding-left: 8px;
padding-top: 3px;
}
/* 画像 */
.hatena-fotolife {
width: auto !important;
height: 100%;
max-height: 200px;
margin-top: 0.5em;
border: solid 1px #DDDDDD;
}
.hatena-fotolife:hover {
transition: all 0.5s ease;
opacity: 0.8;
}
/* 表(テーブル) */
.entry-content table th {
}
.table-scroll {
display: block;
overflow-x: scroll;
}
.table-scroll table {
width: auto;
}
.table-scroll th {
min-width: 3em;
max-width: 200px;
}
/* 記事部分の標準スタイル */
.entry-content p {
margin-bottom: 1.25em;
}
/* 記事下リンク(前後の記事) */
.pager-permalink a {
color: #FFFFFF;
}
/* pタグ生成停止範囲の空白あけ */
.no-p-area table {
margin-bottom: 50px;
}
.no-p-area p {
margin-top: -45px;
margin-bottom: 50px;
}
/* 目次(contents) */
.table-of-contents {
margin: 1em 5%;
padding: 20px 20px 20px 40px;
border-left: double 3px #DCD8CF;
border-right: double 3px #DCD8CF;
font-size: 95%;
background-color: #FDFCFA;
}
/* 記事下通販バナー */
.entry-bottom-ad {
font-size: 80%;
}
/* 不要カテゴリ非表示化 */
.entry-categories .category-鉄道-会社別, .entry-categories .category-鉄道-地域別, .entry-categories .category-鉄道-ジャンル別, .entry-categories .category-鉄道-種類別 {
display: none;
}
/* topic-path パンくずリスト */
#topic-path {
margin: 0 0;
padding-left: 20px;
}
#topic-path li {
list-style-type: none;
display: inline;
font-size: 80%;
}
#topic-path li:after {
padding: 0 5px 0 10px;
content: "\003E";
}
#topic-path li:last-child:after {
content: none;
}
/* ------------ 記事 > 部分 ------------ */
/*フォント*/
.font-melon {
color: #18BD67;
font-weight: bold;
}
.font-booth {
color: #FC4D50;
font-weight: bold;
}
.font-price {
color: #FF5800;
font-weight: bold;
font-size: 18px;
}
.font-price-num {
font-size: 32px;
}
/* センタリング */
.centering {
display: block;
text-align: center;
}
/* 撮影記事概要 */
.entry-summary{
color: #4d4d4d;
font-size: 95%;
}
/* テキスト中の数語を強調 */
.entry-marking {
color: #ff0000;
font-weight: bold;
}
.entry-marking-blue {
color: #0000ff;
font-weight: bold;
}
/* 段落を強調 */
.entry-highlight {
/* display: inline-block;
width: 100%; */
display:block;
text-decoration:none;
text-align:center;
font-size:125%;
color:#554D3F;
border:solid 1px #B7A887;
border-radius: 3px;
padding:0.5em 1em;
margin:0.75em 0;
}
/* 重要な箇所の強調 */
.entry-important {
border: solid 1px #ff0000;
background-color: #fff4f4;
font-size: 75%;
padding: 0.75em 15px;
width:90%;
margin: 0 auto;
}
.entry-important span {
font-size:150%;
font-weight:bold;
}
.entry-important span span {
font-size: 100%;
color: #ff0000;
}
/* マウスオーバーで半透明に */
.mouseover {
opacity: 1;
transition-duration: 0.5s;
}
a:hover.mouseover {
opacity: 0.6;
}
/* BOOTH用ボタン */
.button-booth, a:visited.button-booth, .button-melon, a:visited.button-melon {
display: inline-block;
text-decoration: none;
font-size: 120%;
color: white;
text-align: center;
font-weight: bolder;
background-color: #FC4D50;
width: 100%;
max-width: 200px;
padding: 0.75em 1.25em;
border-radius: 5px / 5px;
}
.button-melon, a:visited.button-melon {
background-color: #299B58;
}
/* 引用元記載 */
.quote-source {
display: inline-block;
width: 100%;
text-align: right;
font-size: 80%;
}
.quote-source::after {
content: "より";
display: inline-block;
margin-left: 0.5em;
}
/* サークルブログリンク */
.circle-blog {
display: block;
border: 1px solid #7fbfff;
border-radius: 5px;
text-align: center;
text-decoration: none;
padding: 10px 20px;
}
.circle-blog a {
text-decoration: none;
}
/* リンクボタン (BOOTH・メロブ等) */
.links-button {
display: inline-block;
box-sizing: border-box;
width: 100%;
background-color: #999999;
border-radius: 3px;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #ffffff;
font-weight: bold;
padding: 10px 20px;
margin-bottom: 0.7em;
}
.links-button:visited {
color: #ffffff;
}
.links-button:hover {
color: #ffffff;
opacity: 0.75;
transition-duration: 0.3s;
}
.links-button span {
display: inline-block;
width: 100%;
height: auto;
font-weight: normal;
font-size: 60%;
}
.links-button-half {
float: left;
width: calc(50% - 5px);
}
.links-button-half:first-of-type {
margin-right: 10px;
}
.links-booth {
background-color: #FC4D50;
}
.links-melon {
background-color: #299B58;
}
/* 小サムネ画像 (art202102ベース) */
/* 使用例
[f:id:gyykgkw:20210321200743j:plain:alt=:title=]タイトル
[f:id:gyykgkw:20210321200743j:plain:alt=:title=]タイトル
[f:id:gyykgkw:20210320142657j:plain:alt=] [f:id:gyykgkw:20210320142704j:plain:alt=]
*/
.gallery-list, .gallery-list-withtitle img {
height: 75px;
width: auto;
max-width: 113px;
}
.gallery-list-withtitle div {
display: inline-block;
width: 113px;
height: 100px;
text-align: center;
line-height: 14px;
overflow: hidden;
font-size: 11px;
color: #777777;
margin-top: 0;
margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
.gallery-list, .gallery-list-withtitle img {
height: 50px;
}
.gallery-list-withtitle div {
width: 75px;
height: 85px;
}
}
/* 車両の特徴 */
.p-feature {
color: #AA7A00;
}
/* ------------ ヘッダー ------------ */
/* ヘッダー告知欄
.header-image-enable #blog-title {
margin: 20px auto 10px auto;
}
#top-editarea {
border-radius: 0;
background: none;
border: 1px solid rgba(255, 255, 255, 0.7);
border-right: none;
border-left: none;
padding: 0;
margin-bottom: 0;
}
#content {
margin-top: 10px;
}
.header-top-info {
text-align: center;
text-shadow: 0 0 1px #000000, 0 0 3px #000000, 0 0 3px #000000;
color: #ffffff;
border-radius: 2px;
margin: 0;
transition: all 0.3s ease;
}
div.header-top-info:visited {
opacity: 0.65;
}
div.header-top-info:hover {
opacity: 0.65;
background-color: rgba(255, 255, 255, 0.2);
}
a.header-top-info-link, a.header-top-info-link .header-top-info {
text-decoration-line: none;
}
h3.header-top-info-catch {
display: inline-block;
background-color: #ffffff;
border-radius: 3px;
color: #333333;
font-size: 13px;
line-height: 17px;
text-shadow: none;
padding: 0 5px;
margin: 0 7px 0 auto;
}
p.header-top-info-content {
display: inline;
padding: 0;
font-size: 11px;
}
span.header-top-info-content-highlight {
font-size: 13px;
font-weight: bold;
margin: 0 7px;
}
p.header-top-info-article {
display: inline-block;
margin: 0;
font-size: 5px;
color: #ffffff;
margin-left: 7px;
}*/
/* ------------ サイドバー ------------ */
/* 各モジュール標準 */
.hatena-module-body::after {
content: "";
display: block;
clear: both;
}
.urllist-title-link {
font-size: 14px;
}
.hatena-urllist li:last-child {
border-bottom: none;
padding-bottom: 0;
}
/* サイドバー カテゴリ部分 */
.hatena-module-category div {
overflow: hidden;
}
.hatena-module-category ul li {
padding: 8px 0;
font-size: 14px;
height: auto;
line-height: normal;
list-style-type: none;
}
.hatena-module-category ul li::after {
content: "";
display: block;
clear: both;
}
.hatena-urllist li:first-child {
padding-top: 8px;
}
.hatena-module-category ul li ul {
padding: 4px 0;
margin-left: 34px;
height: auto;
}
.hatena-module-category ul li ul li {
padding: 8px 0;
font-size: 12px;
border-top:1px solid #d5d5d5;
border-bottom: none;
clear: both;
}
.hatena-urllist li li:first-child {
padding-top: 4px;
}
.hatena-module-category ul li ul li:last-child {
padding-bottom: 10px;
}
.hatena-module-category ul li ul li ul {
padding: 0;
margin-left: 34px;
display: block;
}
.hatena-module-category ul li ul li ul li{
padding: 4px 0;
height: 12px;
font-size: 11px;
border: none;
clear: none;
float:left;
margin-right: 10px;
}
.hatena-module-category ul li ul li ul li:last-child {
margin-bottom: 4px
}
.hatena-breadcrumb-plus-toggle-button {
color: #999999;
cursor: pointer;
}
.hatena-module-archive {
clear: both;
}
/* 一言お知らせ欄
.hatena-module:first-child {
padding-top: 0;
padding-bottom: 0;
}
.sidebar-top-info {
text-align:center;
font-size:125%;
color: #554D3F;
border:solid 1px #B7A887;
border-radius: 3px;
padding:0.5em 1.25em;
margin: 0;
}
div.sidebar-top-info:hover {
transition: all 0.3s ease;
opacity: 0.65;
}
a.sidebar-top-info-link, a.sidebar-top-info-link .sidebar-top-info {
text-decoration-line: none;
}
h3.sidebar-top-info-catch {
display: inline-block;
color: #ffffff;
background-color: #B7A887;
padding: 0 5px;
margin: 0 3px 0 auto;
border-radius: 2px;
font-size: 18px;
line-height: 26px;
}
p.sidebar-top-info-content {
display: inline;
padding: 0;
font-size: 13px;
}
span.sidebar-top-info-content-highlight {
font-size: 18px;
}
p.sidebar-top-info-article {
display: block;
margin: 0;
text-align: right;
font-size: 6px;
color: #555555;
} */
/* サイド通販バナー */
#circle-mail-order {
width: 100%;
}
#circle-mail-order img {
width: 100%;
margin: 0;
line-height: 0;
border-radius: 5px;
}
#circle-mail-order a {
display: block;
box-sizing: border-box;
width: 100%;
text-align: center;
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-size: 18px;
line-height: 24px;
padding: 8px 16px;
border-radius: 5px;
transition-duration: 0.25s;
}
#circle-mail-order a:hover {
opacity: 0.7;
}
#circle-mail-order a span {
display: block;
font-size: 10px;
font-weight: normal;
line-height: 12px;
}
#circle-booth { background-color: #FC4D50; }
#circle-melon { background-color: #299B58; margin-top: 5px; }
/* 管理人 */
.hatena-module-profile .id {
font-size: 12.5px;
}
.hatena-module-profile .badge-type-pro {
margin-right: 0;
}
.profile-description {
margin: 6px 0 10px 0;
width: auto;
min-width: 105px;
height: 32px;
float: left;
}
.profile-description::after {
content: "";
display: block;
clear: both;
}
a.profile-button, span.profile-button {
display: inline-block;
box-sizing: border-box;
width: 32px;
height: 32px;
background-color: #5A544C;
border-radius: 50%;
line-height: 18px;
font-weight: bold;
font-size: 18px;
text-decoration: none;
text-align: center;
color: #ffffff;
padding: 7px 0;
margin-right: 6px;
transition-duration: 0.3s;
}
.profile-button:hover {
text-decoration: none;
opacity: 0.5;
cursor: pointer;
}
a.profile-button-rss { /*RSS*/
background-color: #F08802;
border: 1px solid #D28119;
}
a.profile-button-twitter { /*Twitter*/
background-color: #1B95E0;
}
a.profile-button-pawoo { /*Pawoo*/
background-color: #282C37;
}
.profile-button-rss i {
position: relative;
top: -1px;
}
.hatena-follow-button-box.btn-subscribe.js-hatena-follow-button-box {
display: inline-block;
margin: 0;
width: auto;
}
#mail_address {
display: none;
clear: both;
border: 1px solid #DE852C;
border-radius: 16px;
background-color: #ffffff;
font-size: 12px;
font-weight: normal;
color: #333333;
padding: 8px 10px;
margin-top: 5px;
}
.hatena-follow-button-box { /* 読者になる */
float: left;
}
.profile-about { /* このブログについて */
font-size: 8px;
float: left;
margin: 1px 10px 0 10px;
}
.profile-about::after {
content: "";
display: block;
clear: both;
}
/* 各種リンク */
.sidebar-link-url span {
display: inline-block;
width: 38px;
text-align: center;
}
.sidebar-link-url i {
display: inline-block;
font-size: 120%;
}
/* ------------ フッター ------------ */
#bottom-editarea {
display: none;
}
#footer {
background-color: #333333;
}
#footer a, #footer p {
color: #cccccc;
}
/* ------------ その他ページ ------------ */
/* ウソ電素材配布 */
.static-page-download table {
margin-bottom: 0.3em;
}
.static-page-download .entry-inner img {
width: auto;
max-height: 75px;
}
.static-page-download th {
width: 115px;
max-width: 33%;
}
.static-page-download td {
text-align: center;
}
.static-page-download div#change-log-table table th:first-child, .static-page-download div#change-log-table table th:nth-child(2) {
width: 60px;
max-width: 15%;
}
.downloadpage table {
margin-bottom: 0.3em;
}
.downloadpage table img {
width: auto;
max-height: 75px;
}
.downloadpage table th {
width: 115px;
max-width: 33%;
}
.downloadpage td {
text-align: center;
}
/* --- 特定記事用 --- */
/* 2020-08-17 - 鉄道会社の通販 */
.art01-sec {
width: 100%;
}
@media screen and (max-width: 767px) {
.art01-sec {
overflow: scroll;
}
}
.art01 {
box-sizing: border-box;
width: 100%;
min-width: 415px;
background-color: #ffffff;
text-align: center;
font-size: 75%;
}
.art01 th {
font-size: 125%;
}
.art01-company {
width: 105px;
font-size: 120%;
}
.art01-company span {
display: inline-block;
width: 100%;
font-size: 90%;
}
.art01-shop {
width: 30%;
}
.art01-shop a {
display: inline-block;
box-sizing: border-box;
width: 100%;
border-radius: 2px;
background-color: #ffefe0;
text-decoration: none;
color: #555555;
padding: 2px 5px;
}
.art01-shop-notshop a {
display: inline;
background: none;
color: #429bb2;
}
.art01-othername, .art01-no, .art01-mall, .art01-day {
color: #888888;
}
.art01-note {
min-width: 100px;
font-size: 90%;
}
/* 2020-06-13 - オリジナルヘッドマーク対応会社 */
.art202002-sec {
width: 100%;
}
@media screen and (max-width: 767px) {
.art202002-sec {
overflow: scroll;
}
}
.art202002-table {
box-sizing: border-box;
width: 100%;
min-width: 415px;
background-color: #ffffff;
text-align: center;
font-size: 75%;
}
.art202002 th {
font-size: 125%;
}
.art202002-type {
min-width: 70px;
}
.art202002-type-normal, .art202002-type-reserved {
box-sizing: border-box;
display: inline-block;
width: 100%;
background-color: #dcdcdc;
border-radius: 3px;
color: #000000;
padding: 3px 5px;
margin: 2px 0;
}
.art202002-type-normal {
background-color: #fef263;
}
.art202002-company {
min-width: 105px;
font-size: 120%;
}
.art202002-company span {
display: inline-block;
width: 100%;
font-size: 90%;
}
.art202002-memo {
min-width: 170px;
text-align: left;
font-size: 90%;
}
.art202002-memo-caution {
color: #ff0000;
}
.art202002-period, .art202002-price, .art202002-url {
width: 55px;
}
.art202002-url a {
box-sizing: border-box;
display: inline-block;
width: 100%;
height: 100%;
border: 1px solid #429BB2;
border-radius: 3px;
text-decoration: none;
padding: 3px 0;
}
/* 2021-02-09 - 同人 通販在庫状況 */
.art202101 {
text-align: center;
}
.art202101 a {
color: #696969;
}
.art202101 img {
height: 70px;
}
.art202101-shop {
width: 80px;
}
.art202101-soldout {
background-color: #dcdcdc;
color: #696969;
}
.art202101-instock {
background-color: #d6ffd6;
}
.art202101-instock::before {
content: "◎ ";
}
.art202101-little {
background-color: #ffffd6;
}
.art202101-little::before {
content: "△ ";
}
@media screen and (max-width: 767px) {
.art202101 tr {
display: block;
margin-bottom: 1em;
}
.art202101 td {
box-sizing: border-box;
display: block;
width: 100%;
}
.art202101 th {
display: none;
}
.art202101-shop {
width: 33%;
}
.art202101-booth::before {
content: "BOOTH: ";
}
.art202101-melon::before {
content: "メロブ: ";
}
.art202101-store::before {
content: "店舗: ";
}
}
/* 2021-03-20 - 185系ステッカー */
.art202102 img {
height: 75px;
}
#add0321 div {
display: inline-block;
width: 102px;
text-align: center;
line-height: 14px;
font-size: 11px;
color: #777777;
margin-bottom: 7px;
}
/* 2022-08-11 - サークルお品書き */
.entry-content table.circle-menu tr {
border: 1px solid #ddd;
}
.entry-content table.circle-menu th {
border-right: none;
border-left: none;
font-size: 12px;
padding: 5px 0;
}
.entry-content table.circle-menu td {
border-right: none;
border-left: none;
padding: 5px;
}
.menu-table-img-area {
width: 105px;
text-align: center;
}
.entry-content img.menu-table-img {
height: 75px;
}
.menu-table-title {
width: 264px;
font-size: 110%;
}
.menu-table-new {
width: 36px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: red;
}
.menu-table-price {
width: 80px;
text-align: right;
font-size: 130%;
font-weight: bold;
}
.menu-table-unit {
font-size: 75%;
font-weight: normal;
}
.menu-table-page {
width: 60px;
text-align: center;
}
.menu-table-size {
width: 42px;
text-align: center;
}
/*サークル通販案内*/
.menu-table-booth, .menu-table-melon {
width: 130px;
text-align: center;
text-decoration: line-through;
}
.menu-table-booth a, .menu-table-melon a {
display: inline-block;
width: 100%;
border-radius: 2px;
text-decoration: none;
padding: 3px 5px;
transition-duration: 0.5s;
}
.menu-table-booth a {
color: #FC4D50;
border: 1px solid #FC4D50;
}
.menu-table-booth a:hover {
background-color: #FC4D50;
color: #ffffff;
}
.menu-table-melon a {
color: #299B58;
border: 1px solid #299B58;
}
.menu-table-melon a:hover {
background-color: #299B58;
color: #ffffff;
}
.circle-shopinfo strong {
font-size: 110%;
font-weight: bold;
}
.menu-table-booth-area {
width: 40%;
background-color: #FCF2F3;
}
.menu-table-melon-area {
width: 40%;
background-color: #E7ECE9;
}
.menu-table-booth-area strong {
color: #FC4D50;
}
.menu-table-melon-area strong {
color: #299B58;
}
.circle-shopinfo ul {
padding-left:20px;
}
.circle-shoplist .menu-table-title {
width: auto;
}
.circle-shoplist .menu-table-img-area {
width: 120px;
}
@media screen and (max-width: 1023px) {
.entry-content table.circle-menu th, .entry-content table.circle-menu td {
padding: 5px 3px;
}
.menu-table-img-area {
width: 160px;
}
.entry-content img.menu-table-img {
height: 63px;
width: auto;
}
.menu-table-new {
}
.menu-table-title {
font-size: 14px;
}
.menu-table-price {
font-size: 14px;
width: 50px;
}
.menu-table-page .menu-table-unit {
display: none;
}
.menu-table-page {
width: 38px;
}
.menu-table-size {
width: 38px;
}
/*サークル通販案内*/
.circle-shoplist .menu-table-img-area {
width: 75px;
}
.menu-table-booth, .menu-table-melon {
width: 75px;
}
}
/* ------------------------ 画面幅別 ------------------------ */
/* ------------------ PC ------------------ */
@media screen and (min-width: 768px) {
/* ------------ PC特有 ------------ */
/* 記事部分の標準スタイル */
.entry-content {
font-size: 14px;
}
/* SNSシェアボタン */
.sp-share-area, .sp-return-area {
display: none;
}
.share-area {
width: 36px;
position: fixed;
bottom: 12px;
right: 11%;
}
@media screen and (max-width:1360px) {
.share-area {
right: 7px;
}
}
.share-button a {
display: inline-block;
width: 36px;
height: 36px;
padding: 5px 0;
margin: 3px 0;
text-align: center;
color: #ffffff;
text-decoration: none;
transition: all 0.3s;
box-sizing: border-box;
border-radius: 7px;
}
.share-button a:hover {
opacity: 0.65;
transition: all 0.3s;
}
.share-area i{
font-size: 21px;
margin: 2.5px auto;
}
.share-button .button-facebook {
background-color: #1877F2;
}
.share-button .button-twitter {
background-color: #1B95E0;
}
.share-button .button-line, .share-button .button-line img {
width: 36px;
padding: 0;
margin-bottom: 0;
}
.share-button .button-mastodon {
background-color: #2B90D9;
}
.share-button .button-pagetop {
background-color: #333333;
}
}
/* ------------------ スマホ ------------------ */
@media screen and (max-width: 969px) {
/* サイド通販バナー */
#circle-mail-order {
width: 100%;
max-width: 298px;
text-align: center;
}
#circle-mail-order img {
border-radius: 3px;
margin: 0 auto;
}
#circle-mail-order a {
display: inline-block;
box-sizing: border-box;
width: 48.5%;
max-width: 145px;
font-size: 15px;
line-height: 21px;
padding: 8px 0;
border-radius: 3px;
}
#circle-mail-order a span {
font-size: 10px;
}
#circle-booth { margin-right: 0.5%; }
#circle-melon { margin-left: 0.5%; margin-top: 0; }
}
@media screen and (max-width: 767px) {
/* ------------ スマホ特有 ------------ */
/* 一言お知らせ欄 */
div.sp-h-info {
text-align:center;
color: #554D3F;
padding:0.25em 1em;
width: 82%;
border-top: 1px solid #DDE5E8;
border-bottom: 1px solid #DDE5E8;
margin: auto;
}
a.sp-h-info-link {
text-decoration-line: none;
}
h3.sp-h-info-catch {
display: inline-block;
color: #ffffff;
background-color: #B7A887;
padding: 0 3px;
margin: 0 3px 0 auto;
border-radius: 2px;
font-size: 14px;
line-height: 20px;
}
p.sp-h-info-content {
display: inline;
padding: 0;
font-size: 10.5px;
}
span.sp-h-info-content-highlight {
font-size: 14px;
}
/* ------------ ヘッダー ------------ */
div#container div#container-inner header#blog-title {
overflow: hidden;
}
div#container div#container-inner header#blog-title div#blog-title-inner {
height: 140px;
}
div#blog-title-content h1#title {
padding-top: 35px;
}
@media screen and (max-width: 329px) {
div#blog-title-content h1#title {
font-size: 21px;
}
}
div#blog-title-content h2#blog-description {
font-size: 11px;
}
/* ------------ 記事 > 標準 ------------ */
/* 全般 */
#main .archive-entries p {
font-size: 12px;
}
/* コンテンツ 上下間隔調整 */
div#container div#container-inner header#blog-title {
margin: 10px auto;
}
div#content-inner div#wrapper div#main {
margin-bottom: 10px;
}
div.hatena-module {
margin-bottom: 10px;
}
div#container {
margin-bottom: 15px;
}
div#main-inner div.archive-entries section.autopagerize_page_element {
/* トップページ 記事一覧部分 */
margin-bottom: 25px;
}
/* コンテンツ 余白 */
.page-index #content #content-inner #wrapper div#main { /* トップページ */
padding: 18px;
}
.page-entry #content #content-inner #wrapper div.entry-inner { /* 記事ページ */
padding: 18px;
}
/* 掲載画像の標準スタイル */
.hatena-fotolife {
height: auto;
}
.hatena-fotolife:hover {
opacity: 1;
}
.hatena-fotolife:active {
opacity: 0.6;
}
/* 記事部分の標準スタイル */
.entry-content {
font-size: 13px;
}
/* 記事ヘッダー(タイトル部分) */
.entry-inner .entry-header {
padding: 0;
border-bottom: 2px solid #d5d5d5;
margin-bottom: 12px;
}
.entry-inner .entry-header .entry-date {
margin-bottom: 8px;
}
.entry-inner .entry-header .entry-categories {
margin-top: 8px;
}
.entry-inner .entry-header .entry-categories a.entry-category-link {
font-size: 10px!important;
background-color: #BDBDBD;
line-height: 16px;
}
h1.entry-title {
font-size: 16px;
}
/* 記事一覧 画像サムネ */
.archive-entries .archive-entry div.entry-thumb {
width: 80px;
height: 80px;
}
#main .archive-entries .archive-entry p.entry-description {
font-size: 10px;
}
/* 記事一覧「次のページ」リンク表示修正 */
.autopagerize_insert_before {
margin: 8px auto 0 auto;
padding: 8px 0;
}
.autopagerize_insert_before span.pager-next {
text-align: center;
padding: 0;
margin: 0;
}
/* 記事下通販バナー */
.entry-bottom-banner {
display: none;
}
/* 記事下リンク(前後の記事) */
.pager-permalink {
padding: 12px 0;
}
.pager-prev {
display: block;
text-align: left;
padding-left: 20px;
margin-bottom: 8px;
}
.pager-next {
display: block;
text-align: right;
padding-right: 20px;
}
/* SNSシェアボタン */
.share-area {
display: none;
}
.sp-share-area {
width: 100%;
text-align: center;
margin: 8px auto;
}
.sp-share-button a {
display: inline-block;
width: 23.5%;
height: 18px;
padding: 6px 0;
text-align: center;
color: #ffffff;
text-decoration: none;
transition: all 0.3s;
}
.sp-share-button a:hover {
opacity: 0.65;
transition: all 0.3s;
}
.sp-share-area i{
font-size: 18px;
margin: 0 auto;
}
.sp-share-button .button-facebook {
background-color: #1877F2;
}
.sp-share-button .button-line {
background-color: #00B900;
}
.sp-share-button .button-twitter {
background-color: #1B95E0;
}
.sp-share-button .button-mastodon {
background-color: #2B90D9;
}
/* ページ上部に戻るボタン */
.sp-return-area {
width: 40px;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 999;
}
.sp-return-button a {
display: inline-block;
width: 40px;
height: 40px;
padding: 6px 0;
text-align: center;
color: #ffffff;
text-decoration: none;
box-sizing: border-box;
border-radius: 5px;
opacity: 0.8;
}
.sp-return-button a:hover {
opacity: 0.65;
transition: all 0.3s;
}
.sp-return-area i{
font-size: 23px;
margin: 2.5px auto;
}
.sp-return-button .button-pagetop {
background-color: #333333;
}
/* topic-path パンくずリスト */
#topic-path {
padding-left: 0;
}
#topic-path li {
font-size: 10.5px;
}
article.mode-hatena .entry-content #topic-path li:after {
padding: 0 2.5px 0 5px;
}
/* ------------ サイドバー ------------ */
/* モジュールボックス 見出し */
#box2-inner .hatena-module-title {
margin: 2px 0 3px 0;
font-size: 13px;
}
/* 各種リンク */
.sidebar-link-url li {
border-bottom: 1px solid #EEEEEE;
padding: 4px 0;
}
/* ボックス内見出し 非表示化 */
.hatena-module-search-box > .hatena-module-title {
display: none;
}
.hatena-module-profile > .hatena-module-title {
display: none;
}
.hatena-module-related-entries .hatena-module-body ul li:nth-child(3) {
display: none;
}
.hatena-module-related-entries .hatena-module-body ul li:nth-child(2) {
border-bottom: none;
padding-bottom: 0;
}
.hatena-module-archive {
display: none;
}
.hatena-module-recent-entries.category-同人活動 {
display: none;
}
.hatena-module-entries-access-ranking .hatena-module-body ul li:nth-child(3) {
display: none;
}
.hatena-module-entries-access-ranking .hatena-module-body ul li:nth-child(2) {
border-bottom: none;
padding-bottom: 0;
}
.hatena-follow-button-box {
margin-bottom: 0;
}
/* #box2-inner .hatena-module-html:nth-child(2) > .hatena-module-title {
display: none;
} */
}