/* */
@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Cabin+Sketch:400,700";@import"https://fonts.googleapis.com/css?family=Cabin:400,600";/*! 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:Cabin,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#463e13;background:#f6f5dd url(https://cdn.blog.st-hatena.com/css/theme/venetia/bg.jpg?version=e0e0a3993d8aff6a6344f19dd784d5)}a{color:#6c9865;text-decoration:none}a:hover{color:#5a8353;border-bottom:1px dotted}a:visited{color:#6d8669}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:#463e13;text-decoration:none}a.keyword{text-decoration:none;border-bottom:1px dotted #817b56;color:#463e13}.btn{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#463e13;background-color:#f25d7f;text-align:center;vertical-align:middle;-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;cursor:pointer;font-size:12px;text-decoration:none;font-weight:400;text-decoration:none!important;color:#f6f5dd}.btn:hover{color:#f6f5dd;background-color:#ef496f;text-decoration:none!important;border:0 none}.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:#f5f27d;color:#463e13;position:sticky;top:0;box-shadow:0 0 3px #0003}#container{margin-left:auto;margin-right:auto;margin-bottom:30px}#container #content{display:block;*zoom: 1;width:960px;margin:0 auto}#container #content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#main{width:620px;float:left;margin-top:40px}#box2{width:280px;float:right}#blog-title{font-family:Cabin Sketch;background-image:url(https://cdn.blog.st-hatena.com/css/theme/venetia/header.jpg?version=e0e0a3993d8aff6a6344f19dd784d5);background-position:bottom center;background-size:cover;height:300px;width:100%;border-bottom:3px solid #fff;box-shadow:0 0 3px #0003}#blog-title #blog-title-inner{width:960px;margin:0 auto;max-height:200px;overflow:hidden;padding:100px 0 0;background:url(https://cdn.blog.st-hatena.com/css/theme/venetia/powered-by.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat right bottom}#title{margin:0;font-size:42px;-moz-text-shadow:0 0 10px #000000;-webkit-text-shadow:0 0 10px #000000;text-shadow:0 0 10px #000000;padding-right:300px}#title a{color:#fff}#title a:hover{border-bottom:0 none}#blog-description{padding-right:300px;font-weight:700;font-size:100%;margin:5px 0 0;color:#fff;-moz-text-shadow:0 0 10px #000000;-webkit-text-shadow:0 0 10px #000000;text-shadow:0 0 10px #000000}.header-image-enable #globalheader-container{color:#463e13}.header-image-enable #blog-title{margin-top:42px;border:0 none;box-shadow:0 0 #0000}.header-image-enable #blog-title-inner{padding-left:20px!important;-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;margin-top:50px!important}#top-box{font-size:90%;width:960px;margin:0 auto}#top-box .breadcrumb{margin-top:1em;border:1px dotted #817b56;padding:10px;-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}.entry{position:relative;margin-bottom:100px}.entry .entry-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/venetia/flower1.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat top right}.entry-header{margin-bottom:20px;position:relative}.entry-title{margin:0;line-height:1.3;font-size:160%;-moz-text-shadow:1px 1px 0 #fff;-webkit-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff}.entry-title a:hover{border-bottom:0 none}.date{font-weight:700;margin-bottom:20px;font-family:Cabin Sketch;border-bottom:1px dashed #817b56;margin-right:170px}.date a{color:#6c9865;text-decoration:none;font-size:34px}.date a:hover{border-bottom:0 none}.date .date-year{display:block;font-size:24px}.date .hyphen:nth-child(2){display:none}.date-last-updated{color:#6c9865;font-size:24px}.date-last-updated .date-year{display:inline;font-size:24px}.date-last-updated .hyphen:nth-child(2){display:inline}.date-last-updated .blogicon{width:16px;height:16px}.categories{background:url(https://cdn.blog.st-hatena.com/css/theme/venetia/category.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat center left;padding-left:20px;margin-top:10px;font-size:75%;font-weight:700;-moz-text-shadow:1px 1px 0 #fff;-webkit-text-shadow:1px 1px 0 #fff;text-shadow:1px 1px 0 #fff}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;bottom:0;left:-60px}.entry-header-menu a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#463e13;background-color:#f25d7f;text-align:center;vertical-align:middle;-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;cursor:pointer;font-size:12px;text-decoration:none;font-weight:400;text-decoration:none!important;color:#f6f5dd}.entry-header-menu a:hover{color:#f6f5dd;background-color:#ef496f;text-decoration:none!important;border:0 none}.entry-content{font-size:95%;line-height:1.8;padding-bottom:10px;border-bottom:1px dashed #817b56}.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 #817b56;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{border:1px solid #817b56;margin:0 0 10px;padding:20px;white-space:pre}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{min-height:130px;margin-top:10px;background:url(https://cdn.blog.st-hatena.com/css/theme/venetia/flower2.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat top left;padding-left:150px}.entry-footer-section{font-size:80%;color:#807b5c}.entry-footer-section a{color:#807b5c}.social-buttons,.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px;padding:0;font-size:90%;line-height:1.7}.comment-box li{padding:10px 0 10px 60px;border-bottom:1px dotted #817b56;position:relative}.comment-box li:first-child{border-top:1px dotted #817b56}.comment-box .read-more-comments{padding:10px 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:#807b5c;margin:0}.comment-metadata a{color:#807b5c}.leave-comment-title{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#463e13;background-color:#f25d7f;text-align:center;vertical-align:middle;-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;cursor:pointer;font-size:12px;text-decoration:none;font-weight:400;text-decoration:none!important;color:#f6f5dd}.leave-comment-title:hover{color:#f6f5dd;background-color:#ef496f;text-decoration:none!important;border:0 none}#box2{font-size:85%;line-height:1.5;background:url(https://cdn.blog.st-hatena.com/css/theme/venetia/butterfly.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat top right;margin-top:40px}#box2 #box2-inner{margin-top:45px;background:url(https://cdn.blog.st-hatena.com/css/theme/venetia/bee.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat bottom left;padding-bottom:10px}.hatena-module{margin-bottom:40px}.hatena-module-title{font-weight:700;margin-bottom:15px;font-size:120%;border-bottom:1px dotted #817b56}.hatena-module-title a{color:#463e13;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:90%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:4px 0;line-height:1.5}.hatena-urllist li a{text-decoration:none}.hatena-module-search-box .search-form{border:1px solid #817b56;-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:#463e13;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{background:#a9a798;margin:20px 0;font-size:80%;font-weight:700;text-align:center;display:block;*zoom: 1}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager a{color:#f6f5dd;display:block;padding:5px 10px}.pager a:hover{border:0 none;background:#929184}.pager .pager-next{display:block;float:right;text-align:right;width:50%}.pager .pager-prev{display:block;text-align:left;float:left;width:50%}#footer{background:url(https://cdn.blog.st-hatena.com/css/theme/venetia/copy.png?version=e0e0a3993d8aff6a6344f19dd784d5) no-repeat center right;width:960px;margin:0 auto;font-family:Cabin Sketch;border-top:1px dashed #817b56;padding:30px 0;color:#807b5c;line-height:1.5;font-size:18px}#footer p{margin:0}#footer a{color:#807b5c}.page-about .entry-content{border-bottom:0 none}.page-about .entry-inner{background:none}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px dashed #807b5c;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive-category #content{padding-top:0!important}.page-archive #main section{margin-bottom:20px}.page-archive #main .date{margin-bottom:10px;font-weight:700;font-family:Cabin Sketch;border-bottom:1px dashed #817b56;margin-right:0}.page-archive #main .date a{color:#6c9865;font-size:160%}.page-archive #main .categories{margin-bottom:1em}.page-archive #main ul{list-style:none;margin:0;padding:0}.page-archive #main ul li{padding:4px 0;line-height:1.5}.page-archive #main ul li a{text-decoration:none}.page-archive #main ul .entry-title{font-size:120%;font-weight:700}#top-editarea,#bottom-editarea{width:960px;margin:0 auto;padding:10px 0;font-size:90%}.venetia-banner a:hover{border-bottom:none}
/* */
/* */
/* */
.info a{
font-size:18px;
padding: 15px;
color: #fff;
background: #ff0000;
border-radius: 5px;
text-decoration:none;
}
.info a:hover{
background: #B4CCB9;
}
/* 見出し */
h5 {
padding: 5px;
padding-left: 10px; /* 余白を入れる */
color: #00bfff;
background: linear-gradient(#ffa500, #faebd7);
border-radius: 5px;
}
/* 目次のカスタマイズ */
.table-of-contents:before{
content: "INDEX";
font-size: 120%;
font-weight: bold;
color: #ff4500;
}
.table-of-contents li,
.table-of-contents ul{
list-style-type: square;
color: #4169e1;
}
ul.table-of-contents {
font-size: 100%;
border: 1px solid #ff4500;
border-radius:20px; /* 角丸 */
padding: 10px 10px 10px 25px;
margin: 1em 0; /* 目次上下の余白 */
}
.table-of-contents a:link{
color:#4169e1; /*リンク色はここを変更*/
padding:2px 0;/* 列の間隔 */
display: block;
text-decoration: none;
transition-duration: 0.3s /* カーソルが戻る時間 */
}
.table-of-contents li a:hover {
padding-left: 7px; /* カーソル重ねた時に移動する距離 */
transition-duration: 0.3s /* カーソルが移動する時間 */
}
/*上に戻る*/
#page-top {
display:none;
position:fixed;
right:10px;
bottom:20px;
margin: 0;
padding: 0;
text-align:center;
}
#move-page-top{
opacity: 0.6; /* ふだんのボタンの透明度 */
color:#00bfff(0,0,0,0.4);
text-decoration:none;
display:block;
cursor:pointer;
}
#move-page-top:hover{
opacity: 1.0; /* ポインタを重ねたときの透明度 */
color:#00bfff(0,0,0,0.6);
}
@media only screen and (min-width: 400px){
#page-top{
right:50%;
margin-right: -450px;
}
}
/*
* 読者になるボタン
*/
/*共通の読者ボタンの設定*/
.hatena-follow-button {
font-size:15px; /*文字の大きさ*/
border: 0px !important; /*枠線なし*/
width: 100px; /*ボタンの横幅*/
height: 30px; /*ボタンの縦幅*/
text-align: center; /*文字を左右の中心に*/
vertical-align: middle; /*文字を上下の中心に*/
padding: 4px 10px !important; /*上下に4px 左右に10pxの隙間*/
}
/*読者の人 通常時*/
.hatena-follow-button.subscribing {
box-shadow: 0 2px 4px rgba(0,0,0,.4); /*影をつける*/
background-color:white; /*ボタンの色*/
border: 1.2px solid #a9a9a9 !important; /*薄く枠線を描いてあります*/
}
/*読者の人 マウスを重ねたとき*/
.hatena-follow-button.subscribing.hover {
width:100px; /*調整のためいれてます*/
top: 2px; /*ボタンを下げる*/
box-shadow: none; /*影をなくす*/
}
/*読者じゃない人 通常時*/
.hatena-follow-button.unsubscribing {
color:white !important; /*文字の色*/
background: #ff8c00; /*ボタンの色*/
box-shadow: 0 2px 4px rgba(0,0,0,.4); /*影をつける*/
}
/*読者じゃない人 マウスを重ねたとき*/
.hatena-follow-button.unsubscribing.hover{
background: :#ff4500; /*ボタンの色*/
color : white !important; /*文字の色*/
margin-top: 2px; /*ボタンを下げる*/
box-shadow: none; /*影をなくす*/
}
.hatena-follow-button-box .subscription-count-box {
margin: 0 0 0 6px!important;
top:-2px;
}
/*読者人数の部分*/
.hatena-follow-button-box .subscription-count {
height: 26px;
line-height: 26px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:1px 10px 1px 10px;
}
/* シェアボタン */
.share-area {
margin: 20px 0;
}
.share-button a {
display: inline-block;
width: 52px;
height: 52px;
padding: 4px 0;
line-height: 18px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #fff;
text-decoration: none;
vertical-align: bottom;
transition: all 0.4s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.share-button a:hover {
opacity: 0.6;
transition: all 0.4s;
}
.share-area i,
.share-area .lg {
font-size: 24px;
}
.share-button .hatena-bookmark-button .lg {
font-size: 32px;
}
.share-button .hatena-bookmark-button {
padding-top: 1px;
padding-bottom: 6px;
}
.share-button .twitter-button {
padding-top: 5px;
}
.share-button .facebook-button .lg {
font-size: 27px;
margin-top: -1px;
}
.share-button .twitter-button .lg {
font-size: 27px;
}
.share-area .small-text {
font-size: 11px;
}
.share-area .fa-spin {
font-size: 8px;
color: #fff;
}
.share-button .hatena-bookmark-button {
background: #00A4DE;
}
.share-button .facebook-button {
background: #405BA7;
}
.share-button .twitter-button {
background: #55ACEE;
}
.share-button .googleplus-button {
background: #C53727;
}
.share-button .pocket-button {
background: #EE4256;
}
/*1つ1つの関連記事ボックス*/
li.urllist-item.related-entries-item {
border-bottom: dashed 2px #e2e2e2;
padding: 10px 0;
margin: 0;
}
/*関連記事の画像まわり余白調整*/
.urllist-with-thumbnails li .urllist-image {
margin: 0 10px 0 0;
}
/*関連記事のタイトル*/
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title {
text-decoration: none;
color: #525252;
font-weight: bold;
}
/*関連記事のタイトルホバー*/
a.urllist-title-link.related-entries-title-link.urllist-title.related-entries-title:hover {
color: silver;
}
/*関連記事の説明*/
.urllist-entry-body.related-entries-entry-body {
color: #8f8f8f;
font-size: 13px;
margin-top: 3px;
}
/*関連記事の日付*/
.hatena-urllist .urllist-date-link a {
display: inline-block;
padding: 4px 9px;
margin-bottom: 3px;
background: #1E90FF;
color: #fff;
line-height: 1;
border-radius: 10px;
font-size: 12px;
letter-spacing: 1px;
font-style: normal;
text-decoration: none;
}
/*aboutページ、デフォdl（プロフィール〜読者までを囲うエリア）*/
.page-about dl {
text-align: center;
margin: 0;
}
/*aboutページ、デフォdt（プロフィール等のタイトル）*/
.page-about dt {
text-align: center;
font-weight: bold;
font-size: 1.3em;
color: #FF6600;
margin-bottom: 15px;
}
/*aboutページ、デフォdd→吹き出し風に*/
.page-about dd {
text-align: center;
position: relative;
display: inline-block;
margin: 0.5em auto 1.5em;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #3366FF;
font-size: 16px;
background: #FFF;
border: solid 3px #4169e1;
box-sizing: border-box;
border-radius: 10px;
}
.page-about dd:before{
content: "";
position: absolute;
top: -23px;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-bottom: 12px solid #FFF;
z-index: 2;
}
.page-about dd:after{
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #3366FF;
z-index: 1;
}
/*aboutページ、読者数（＼99人／のところ）*/
.about-subscription-count {
display: table;
position: relative;
padding: 0 30px;
color: #3366FF;
font-size: 1.5em;
font-weight: bold;
line-height: 1;
letter-spacing: 1px;
margin: 12px auto;
}
.about-subscription-count:before,
.about-subscription-count:after {
display: inline-block;
position: absolute;
top: 50%;
width: 20px;
height: 3px;
border-radius: 3px;
background-color: #3366FF;
content: "";
}
.about-subscription-count:before {
left: 0;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.about-subscription-count:after {
right: 0;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
/*aboutページ、読者アイコン（拡大＆円形＆ふわっとアニメーション）*/
.page-about .entry-content img.profile-icon {
height: 45px;
width: 45px;
border-radius: 50%;
margin: 4px 4px;
transition: .3s;
}
.page-about .entry-content img.profile-icon:hover {
box-shadow: 0 10px 20px -4px rgba(0,0,0,.25);
transform: translateY(-3px);
}
/* カレンダー本体 */
.archive-module-calendar .calendar-day {
/* カレンダー本体 */
color: #919191;
}
.archive-module-calendar .calendar-day a {
/* カレンダー本体 a */
text-decoration:none;
}
.archive-module-calendar .calendar-day .archive-module-calendar-highlight {
/* カレンダー本体 平日 a span (背景部分) */
color: #256fba;
background-color: #DADADA;
display: inline-block;
width: 100%;
}
.archive-module-calendar .calendar-day:nth-child(7) {
/* カレンダー本体 土曜日 */
color: #AAF;
}
.archive-module-calendar .calendar-day:nth-child(7) .archive-module-calendar-highlight {
/* カレンダー本体 土曜日 a span (背景部分) */
color: #FFF;
background-color: #4D4DFF;
}
.archive-module-calendar .calendar-day:first-child {
/* カレンダー本体 日曜日 */
color: #FAA;
}
.archive-module-calendar .calendar-day:first-child .archive-module-calendar-highlight{
/* カレンダー本体 日曜日 a span (背景部分) */
color: #FFF;
background-color: #FF4A4A;
}
/* カレンダー */
.archive-module-calendar .calendar-sunday {
color: #F66;
}
.archive-module-calendar .calendar-saturday {
color: #66F;
}
/**********アニメーション設定**********/
/*右から左*/
@keyframes RightToLeft {
0% {
opacity: 0;/* 透明 */
transform: translateX(50px);/* X軸方向に50px */
}
100% {
opacity: 1;/* 不透明 */
transform: translateX(0);/* X軸方向に0px */
}
}
/*上から下*/
@keyframes SlideDown {
0% {
opacity: 0;/* 透明 */
transform: translateY(-50px);/* Y軸方向に-50px */
}
100% {
opacity: 1;/* 不透明 */
transform: translateY(0);/* Y軸方向に0px */
}
}
/*下から上*/
@keyframes SlideUp {
0% {
opacity: 0;/* 透明 */
transform: translateY(50px);/* Y軸方向に50px */
}
100% {
opacity: 1;/* 不透明 */
transform: translateY(0);/* Y軸方向に0px */
}
}
/**********アニメーション設定end**********/
/*ヘッダーを上から下へ*/
#blog-title {
animation-name: SlideDown;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}
/*グローバルナビを上から下へ*/
#top-editarea {
animation-name: SlideDown;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}
/*記事一覧を下から上へ*/
.page-archive .archive-entries .archive-entry {
animation-name: SlideUp;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}
/*記事タイトルを右から左へ*/
.page-entry .entry-title {
animation-name: RightToLeft;/* アニメーション名 */
animation-duration: 2s;/* アニメーション時間 */
}
.entry-content p {font-size: 16px;}
.nav>ul {
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 30px;
display: block;
overflow: hidden;
}
.nav>ul>li {
box-sizing: border-box;
width: calc(100% / 5);
height: 40px;
line-height: 40px;
background: linear-gradient(#000088, #3366FF, #000088);
border-left: 1px solid white;
color: white;
float: left;
list-style-type: none;
text-align: center;
position: relative;
transition: box-shadow .3s ease-in-out;
}
.nav>ul>li:first-child() {
border-left: 0;
}
.nav>ul>li:hover {
box-shadow: 0 0 50px 25px #FF3300 inset;
}
.nav>ul>li>a {
color: white;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.hatena-urllist li:hover{
box-shadow: 0 10px 15px -5px #0000cd,0 0 5px #0000cd;/*浮いた時の影*/
transform: translateY(-3px);/*浮く高さ*/
transition: 0.3s;/*浮く速さ（秒）*/
background: rgba(238,238,238,.4);/*浮いた時の背景色（なくてもよい）*/
}
/* SNSフォローボタン上テキストのCSS指定 */
.sns-txt{
display: inline-block;
margin: 10px 0;
width: 100%;
text-align: center;
line-height: 2em;
font-size: 13px; /* 文字の大きさを変える時は変更する */
border-top: 1px solid #1e90ff; /* 上のボーダーの色や太さを変える時は変更 */
border-bottom: 1px solid #1e90ff; /* 下のボーダーの色や太さを変える時は変更 */
}
/* SNSフォローボタン枠のCSS指定 */
.sns-follow{
display: table;
width: 100%;
margin: 0 auto 32px;
}
/* SNSフォローボタンのCSS指定 */
.sns-follow a {
display: table-cell;
font-size: 30px; /* SNSマークの大きさを変えたい場合は変更する */
text-align: center;
vertical-align: middle;
text-decoration: none;
width: 100%; /* SNSを増やす場合は変更する。 合計で100%以下になるように。 */
height: 30px; /* ボックスの高さを変えたい場合は変更する */
layout-grid-line: 50px; /* 変更しない IE7以下対応 */
color: #fff; /* SNSロゴの色を変えたい場合は変更する */
}
.sns-follow .twitter-button {
transition: 1s ease;
background: #5db9ff; /* 背景色を変更したい場合は変更する */
}
/* SNSフォローボタンオーバーフロー時のCSS指定 */
.sns-follow .twitter-button:hover {
transition: .3s ease;
color: #55acee; /* 背景色を変更したい場合は変更する */
background:#fff;
}