/* Theme: zeno-teal 改 Author: orefolder Responsive: yes */ html{box-sizing:border-box;font-size:90%;} *,:after,:before{box-sizing:inherit} body {font-size:100%;font-family: 'Montserrat'; margin:0 0 0 0;padding:0 0 0 0;color:#33403d; background-color: #fafafa; background-image: radial-gradient(#e8e8e8 10%, transparent 20%), radial-gradient(#e8e8e8 10%, transparent 20%); background-size: 14px 14px; background-position: 0 0, 7px 7px; } ::selection {background:#b2dfdb;color:#252525;} ::-moz-selection {background:#b2dfdb;color:#252525;} a {outline:none;color:#333;text-decoration:none; -webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease;-ms-transition: All 0.2s ease;transition: All 0.2s ease;} a:hover {color:#333;} a img,img{border:0px;vertical-align:bottom;} p{line-height:1.8;} h1,h2,h3,h4,h5,h6{margin:0 0 0 0;padding:0 0 0 0;font-size:100%;} .breadcrumb{color:#FFFFFF/*好きな色*/;} /* フォント */ * { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif; margin: 0px; padding: 0px; } /* フォント */ @font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;} @font-face {font-family: 'Montserrat';font-style: normal;font-weight: 700;src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;} @font-face {font-family: 'feedly';src: url('data:application/octet-stream;base64,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') format('woff'),url('data:application/octet-stream;base64,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') format('truetype');} /* はてなグローバルヘッダー */ #globalheader-container{background:#00897b;color:#fff;} /* タイトル */ #blog-title{width:100%;height:600px;overflow:hidden;display:table;margin:0 0 -400px 0;background:url('https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170922/20170922212252.jpg') center center;background-size:cover;color:#fff;} /* 背景画像→https://unsplash.com/search/photos/wolf?photo=1-PCj9NkG4k */ #blog-title #blog-title-inner{text-align:center;padding-top:110px;} #blog-title #title a{font-size:48px;font-weight:700;line-height:1;color:#fff;} /* ヘッダー */ #top-editarea{width:100%;margin:0 auto 2rem auto;} /* レイアウト */ #content{width:1174px;margin:2rem auto;background:#fff;padding:40px;box-shadow:0px 0px 3px rgba(0,0,0,0.1);} .page-index #content{padding:40px 40px 40px 25px;} #content-inner{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;} #wrapper{width:728px;} .page-index #wrapper{width:758px;margin:0 0 0 0;} .page-entry #wrapper, .page-preview #wrapper{width:763px;margin:-40px 0 0 -40px;} #box2{width:336px;} .page-index #main-inner{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;} .page-index #wrapper{position:relative;top:-15px;} /* エントリー */ .entry{width:100%;} .entry-content p{margin:0 0 1.5em 0;padding:0 0 0 0;} .entry-content p a {color:#009688;text-decoration:underline;} .entry-content p a:hover {background:#e0f2f1;} .entry-content p a:visited {color:#00897b;} .page-index .entry{width:379px;height:400px;background:#fff;margin:0 0 8px 0;padding:15px 0 0 0;position:relative;} .page-index .entry:hover{background:#f0f0f0;transition: 1s;} .page-index .entry:before,.page-index .entry:after{position:absolute;top:399px;content:'';display:inline-block;width:0;height:1px;background:#666;transition:0.3s;} .page-index .entry:before{left:50%;} .page-index .entry:after{right:50%;} .page-index .entry:hover:before,.page-index .entry:hover:after{width:50%;} .page-index .entry-inner{position:absolute;width:349px;margin-left:15px;} .page-index .entry-content{height:369px;overflow:hidden;background:url(https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170925/20170925163823.jpg) no-repeat;background-size:349px;} .page-index .entry-content p{position:relative;padding:0 0 0 0;margin:0 0 0 0;font-size:11px;line-height:1.8;letter-spacing:1px;color:#808080;} .page-index .entry-content p:nth-of-type(1){padding:290px 0 0 0;} .page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:349px;height:196px;object-fit:cover;} .page-index .entry-content p:nth-of-type(n+2) img{display:none;} .page-index .entry-content h2{display:none;} .entry-header{position:relative;} .page-index .entry-header{position:absolute;top:200px;padding:0 0 0 0;width:100%;} .page-index .entry-title{position:absolute;top:0;font-size:18px;letter-spacing:1px;line-height:26px;word-break:break-all;height:52px;overflow:hidden;} .page-index .entry-title .entry-title-link{display:block;max-height:52px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform: translateY(-50%);} .entry-date{color:#666;font-weight:700;margin:0 0 0.5em 0;} .entry-date a{display:inline-block;color:#666;} .entry-date:before{content:"\f043";font-family:blogicon;} .page-index .entry-date{font-size:12px;margin:64px 0 0 0;} .page-entry .entry-date,.page-preview .entry-date{padding:42px 0 0 0;} .entry-categories{padding:0 .8em;font-size:10px;} .page-index .entry-categories{position:absolute;top:-200px;right:0;z-index:2;background:#eeff41;white-space:nowrap;max-width:349px;overflow:hidden;} .page-index .entry-categories a{display:inline-block;color:#333;font-weight:bold;line-height:2;margin:0 0.2em;} .page-entry .entry-categories, .page-preview .entry-categories{position:absolute;top:0.9em;left:-48px;z-index:2;display:inline-block;background:#eeff41;padding:.4em .8em .2em;font-size:11px;transform:rotate(-5deg);box-shadow:1px 1px 2px rgba(0,0,0,0.2);} .page-entry .entry-categories a, .page-preview .entry-categories a{display:inline-block;color:#666;font-weight:700;} .page-entry .entry-categories:before, .page-preview .entry-categories:before{content:"\f013";font-family:blogicon;} a.entry-see-more{position:absolute;top:0;width:100%;height:100%;color:transparent;} .page-entry .entry-inner, .page-preview .entry-inner{padding-left:35px;} .page-entry .entry-title, .page-preview .entry-title{font-size:2rem;line-height:1.4;margin:0 0 0.5em 0;} .page-entry .entry-content,.page-preview .entry-content{letter-spacing:0.2px;} .social-buttons{margin:0 0 1rem 0;} .ad-01{text-align:center;margin:0 0 2rem 0;} /* 記事編集ボタン */ .entry-header-menu{position:absolute;top:-200px;z-index:2;display:block;width:40px;height:40px;overflow:hidden;background:#fff;line-height:40px;background:#333;} .entry-header-menu a{color:transparent;position:absolute;} .entry-header-menu a::before{content:'\f024';font-size:18px;color:#fff;font-family:blogicon;display:block;width:40px;text-align:center;} .page-entry .entry-header-menu{position:absolute;top:0px;left:50%;} .page-index .comment-box, .page-index .author, .page-index .entry-footer-time{display:none;} .page-index .hatena-bookmark-comment-iframe{background:#0ff;position:absolute;top:-9999px;left:-9999px;} .page-index .hatena-star-container{display:none;} .page-index .entry-footer{position:absolute;top:0;background:transparent;} .page-index .google-afc-image{background:transparent;position:absolute;z-index:20;} .social-buttons{display:none;} .page-entry .social-buttons{display:block;padding:0 0 0 0;} .page-entry .entry-footer-html{padding:0 0 0 0;} /* 記事内 */ .entry-content h2{background:#009688;color:#fff;font-weight:700;letter-spacing:2px;padding:1.1em 1em;margin:3em 0 1em 0;font-size:1.4rem;line-height:1;position:-webkit-sticky;position:sticky;top:0;} .entry-content h2::before{position:absolute;top:100%;content:'';border-style: solid;border-width: 12px 12px 0 12px;border-color: #009688 transparent transparent transparent;} .entry-content h3{font-size:1.3rem;padding:1rem;border-left:6px solid #009688;margin:2em 0 1em 0;color:#009688;} .entry-content h4{font-size:1.3rem;padding:1em 0 0 0;margin:0 0 .5em 0;} .entry-content h4::before{content:'\f029';font-family:blogicon;margin-right:.5em;color:#009688;} .entry-content h5{font-size:1.2rem;padding:1em 0 0 0;margin:0 0 .3em 0;} .entry-content h6{font-size:1.1rem;padding:1em 0 0 0;margin:0 0 .3em 0;} blockquote{margin:1.5em 0 1em 1em;padding:1em 1em 1em 40px;background:#fff;border:1px solid #999;color:#666;border-radius:2px;} blockquote::before{content:"\f704";font-family:blogicon;color:#999;font-size:42px;position:absolute;top:-0.5em;left:-0.4em;background:#fff;} blockquote cite{display:block;font-style:italic;text-align:right;font-size:0.7rem;word-break:break-all;margin-top:0.6em;} q{font-style:italic;background:#e0f2f1;margin:0 0.2em;} .page-entry .entry-content .hatena-fotolife, .page-preview .entry-content .hatena-fotolife{ margin:0 0 0.7em 0;max-width:100%;} .entry-content .hatena-image-left, .entry-content .hatena-image-right{display:block;max-width:50%!important;} .entry-content .hatena-image-left{margin-right:1rem!important;} .entry-content .hatena-image-right{margin-left:1rem!important;} .entry-content ul,.entry-content ol{margin:0 1em 1.5em 0;padding:0 0 0 0;counter-reset:my-counter;list-style:none;} .entry-content dl{margin:0 1em 1.5em 1em;padding:0 0 0 0;} .entry-content ul li ul, .entry-content ul li ol, .entry-content ol li ul, .entry-content ol li ol{margin:0.2em 0.5em 0.5em 1em;} .entry-content ul li,.entry-content ol li{margin:0 0 0.2em 0;padding:0 0 0 0;line-height:1.7;list-style-type:none;position:relative;} .entry-content ul li::before, .entry-content ul ul li::before{color:#009688;font-size:.8em;margin-right:0.1rem;position:relative;top:-0.2em;} .entry-content ul li::before{content:'\25CF';} .entry-content ul ul li::before{content:'\25A0';} .entry-content ol li:before { content:counter(my-counter);counter-increment:my-counter; background-color:#009688;color:#fff;font-size:0.8rem;display:inline-block;text-align:center;height:1.5em;width:1.5em;line-height:1.5em;position:relative;top:-0.1em;margin:0 0.4em 0 0; } .entry-content ol ol li:before { content:counter(my-counter);counter-increment:my-counter; background-color:#80cbc4;color:#fff;font-size:0.8rem;display:inline-block;text-align:center;height:1.5em;width:1.5em;line-height:1.5em;position:relative;top:-0.1em;margin:0 0.4em 0 0.5em; } .entry-content pre.code{margin:0 0 1.5em 0;padding:1em;background:#444;color:#fff;} table{margin:0em 0 1em 0;border-collapse:collapse;border:3px solid #ccc;max-width:100%;} th{border:1px solid #ccc;padding:0.3em 0.6em;background:#eee;color:#666;} td{border:1px solid #ccc;padding:0.3em 0.6em;} ul.table-of-contents{border:1px solid #009688;padding:1.2em 1em 1em 2em;margin:0.5em 0 2em 0;position:relative;} ul.table-of-contents li{font-size:90%;margin-bottom:0;} ul.table-of-contents li a{text-decoration:none;} ul.table-of-contents ul ul{display:none;} ul.table-of-contents:before{content:"INDEX";display:inline-block;position:absolute;top:-0.6em;left:0.5em;background:#fff;padding:0 0.5em;font-weight:700;color:#009688;} .entry-content strong{background:linear-gradient(transparent 60%, #e6ee9c 0%);} .entry-content strong.teal{background:linear-gradient(transparent 60%, #b2dfdb 0%);} .entry-content strong.pink{background:linear-gradient(transparent 60%, #f8bbd0 0%);} .entry-content .exlink{border:1px solid #ccc;background:#f8f8f8;padding:0.7em;margin:0 0 1em 0;position:relative;} .entry-content .exlink a::before{content:"\f009 \0020";font-family:blogicon;} .entry-content .exlink a{text-decoration:underline;} .entry-content .exlink a:hover {background:#e0e0e0;} .entry-content .exlink a:visited {color:#666;} .entry-content .flexbox{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;} .entry-content .flexbox span:nth-of-type(n+2){margin-left:1%;} .entry-content .iflexbox{display:inline-flex;-webkit-justify-content:space-between;justify-content:space-between;} .entry-content .iflexbox span{display:inline-block;max-width:49%;} /* パンくずリスト */ #top-box{width:1174px;margin:0 auto;} .breadcrumb{font-size:0.8rem;margin-top:2em;} /* コメント */ .comment-box{position:relative;margin:0 0 2em 0;} .comment{margin:0 0 0 0;padding:1.5em 0 0 0;} .comment li{list-style-type:none;overflow:hidden;border-bottom:1px dotted #ccc;margin:0 0 1em 0;} .comment li .hatena-id-icon{width:64px;height:64px;float:left;border:1px solid #ccc;padding:2px;margin:0 8px 1em 0;} .comment li .comment-user-name{font-weight:bold;margin:0 0 0 0;} .comment li .comment-content p{overflow:hidden;padding:0 0 0 0;margin:0 0 1em 0;font-size:0.9rem;} .comment li .comment-metadata{position:absolute;top:0;right:0;margin:0 0 0 0;padding:0 0 0 0;font-size:0.8rem;font-style:italic;} .leave-comment-title{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0em 1em 0.6em 1em;background:#f0f0f0;font-size:0.8rem;} .leave-comment-title:hover{border:1px solid #666;background:#666;color:#fff;} .leave-comment-title::before{content:"\f01d";font-family:blogicon;font-size:1.5rem;margin:0 0.2em 0 0;position:relative;top:0.35rem;} .entry-footer-section{text-align:right;font-size:80%;margin:2.5em 0;} .permalink{position:relative;margin:0 0 2em 0;width:100%;overflow:hidden;} /* ページャー */ .page-index .pager{width:100%;padding:1em 0;text-align:center;} .page-index .pager a{display:inline-block;padding:0.5em 1em;border:1px solid #009688;color:#009688;} .page-index .pager a:hover{background:#009688;color:#fff;} .page-entry .pager{width:calc(100% - 35px);padding:1em 0;margin:1rem 0 2rem 35px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;} .page-entry .pager span{display:table;width:49%;border:1px solid #009688;} .page-entry .pager span a{display:table-cell;padding:0 0.5rem;line-height:1.2rem;vertical-align:middle;color:#009688;} .page-entry .pager span a:hover{background:#26a69a;color:#fff;} .page-entry .pager .pager-prev::before, .page-entry .pager .pager-next::after{display:table-cell;vertical-align:middle;font-family:blogicon;background:#009688;color:#fff;width:4rem;height:4rem;text-align:center;} .page-entry .pager .pager-prev::before{content:'\f005';} .page-entry .pager .pager-next::after{content:'\f006';} .page-entry .pager .pager-arrow{display:none;} /* サイドバー */ .hatena-module{width:100%;overflow:hidden;margin:0 0 3em 0;font-size:12px;} .hatena-module-title{background:#009688;color:#fff;font-weight:700;text-transform:uppercase;padding:1em;margin:0 0 1em 0;font-size:1.2rem;line-height:1;} .hatena-module-title a{color:#fff;} .search-form{border:3px solid #e0e0e0;position:relative;overflow:hidden;line-height:3rem;} .search-form:after{content:"\f01a";font-family:blogicon;position:absolute;right:0;height:2rem;width:3rem;text-align:center;font-size:1.5rem;line-height:3rem;} .search-module-input{border:0px;width:calc(100% - 3rem);height:2rem;font-size:0.9rem;line-height:2rem;padding:0 0.5em;} .search-module-button{background:rgba(255,255,255,0.1);border:0px;color:transparent;position:absolute;right:0;height:2rem;width:3rem;z-index:2;} .search-module-button:hover{cursor:pointer;} .search-result-form{height:2.3em;} .search-result-input{height:2.3em!important;} .hatena-urllist{margin:0 0 0 0;padding:0 0 0 0;} .hatena-urllist li{list-style-type:none;word-break:break-all;} .urllist-item{position:relative;padding:0 2em 0 0;} .urllist-item:hover::before{right:0.4em;transition:0.3s;} .urllist-item::before{content:'\f006';font-family:blogicon;font-size:1.2rem;line-height:1;color:#009688;position:absolute;right:0.6em;top:calc(50% - 1rem);z-index:2;} .urllist-item-inner{font-size:12px;line-height:18px;} .urllist-image{margin-bottom:0.8rem!important;} .urllist-date-link a{font-weight:bold;color:#999;} .recent-entries-item{overflow:hidden;margin:0 0 0.8rem 0;border-bottom:1px dotted #e0e0e0;} .recent-entries-item:last-of-type{margin:0 0 0 0;border-bottom:0px;} .hatena-module-category .hatena-urllist{margin:-1em 0 0 0;} .hatena-module-category .hatena-urllist li{border-bottom:1px dotted #e0e0e0;position:relative;} .hatena-module-category .hatena-urllist li:last-of-type{border-bottom:0px;} .hatena-module-category .hatena-urllist li::before{content:'\f006';font-family:blogicon;font-size:1.2rem;line-height:1;color:#009688;position:absolute;right:0.6em;top:calc(50% - 0.6rem);z-index:2;} .hatena-module-category .hatena-urllist li:hover::before{right:0.4em;transition:0.3s;} .hatena-module-category .hatena-urllist li a{display:block;padding:1em 0;} /* about */ .page-about h2{margin-top:0;} /* アーカイブ */ .archive-heading{background:#009688;color:#fff;font-weight:700;letter-spacing:2px;padding:1.1em 1em;margin:0 0 1em 0;font-size:1.4rem;line-height:1;position:relative;} .archive-heading::before{position:absolute;top:100%;content:'';border-style: solid;border-width: 12px 12px 0 12px;border-color: #009688 transparent transparent transparent;} .page-archive .archive-entries{padding:0 0 0 0;} .page-archive .archive-entry{position:relative;min-height:calc(120px + 1em);padding:0 0 1em 136px;margin:0 0 1em 0;border-bottom:1px solid #ccc;overflow:hidden;} .page-archive .archive-entry:last-of-type{border-bottom:0px;} .page-archive .entry-thumb-link{position:absolute;top:0;left:0;} .page-archive .entry-title{font-size:1.2rem;} .page-archive .date{font-size:0.8rem;} .page-archive .categories a{font-size:0.8rem;} .page-archive .categories:before{content:"\f013";font-family:blogicon;font-size:15px;} .page-archive .archive-entry-body{font-size:0.9rem;} /* フッター */ #bottom-editarea{background:#00bcd4;color:#fff;font-size:90%;margin:60px 0 0 0;padding:60px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;} #bottom-editarea::before{content:'';color:#000; background-image:url('https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170924/20170924005535.png'), url('https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170924/20170924004840.png'), url('https://cdn-ak2.f.st-hatena.com/images/fotolife/c/c-miya/20170924/20170924005536.png'); background-repeat:repeat-x, no-repeat, no-repeat; background-position:right bottom, right 40px bottom 0px, 40px bottom; position:absolute;top:-80px;left:0;width:100%;height:80px;padding:0 0 0px 40px;margin:0 0 0 0;} .three-footer{width:1170px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;} .three-footer a{color:#fff;} .three-footer div{width:100%;margin-left:3%;} .three-footer div:nth-of-type(1){margin-left:0;} .footer-h{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15rem;border-bottom:2px dotted #fff;} .three-footer div ul a{border-bottom:1px dotted #fff;} .three-footer div ul a:hover{border-bottom:1px solid #fff;} .footer-1 p{font-size:90%;} .footer-icon{max-width:42%;float:left;margin:0 2% 8px;} .footer-profile{max-width:54%;float:left;} .footer-profile-name{font-size:150%;font-weight:bold;display:block;} .footer-profile-mail2{font-size:150%;display:block;background:#555;border-radius:2px;padding:0.1em 0.5em;} .three-footer .fa-ul{margin-top:8px;} .footer-subscription{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;} .footer-subscription a{width:100%;margin:0 2px;line-height:1.8;border:1px solid #fff;text-align:center;font-size:20px;} .footer-feedly:hover{border:1px solid #87C040;background:#87C040;} .footer-hatena:hover{border:1px solid #555;background:#555;} .footer-twitter:hover{border:1px solid #1DA1F2;background:#1DA1F2;} .footer-2 > a,.footer-3 > a{display:block;border-bottom:2px dotted #fff;padding-bottom:2px;} /* タイトル下おすすめ記事 */ .recommends{ width:1174px;display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin:2rem auto 0 auto; } .recommends a.recommend-entry{ display: block; width: 19%; font-size: 0.8rem;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.1);position:relative; } .recommends a.recommend-entry:hover,.recommends a.recommend-entry2:hover{ box-shadow:1px 1px 5px rgba(0,0,0,0.3);transition: .5s; } .recommend-title{display:block;padding:0.8em 1em;word-break:break-all;} .recommend-img{ width:100%; } .recommends a.recommend-entry2{ display: block; width: 19%; font-size: 0.8rem;box-shadow:0px 0px 3px rgba(0,0,0,0.1);position:relative; height:180px;background-size:cover;background-position:50% 50%; } .recommend-entry2 .recommend-title{background:rgba(255,255,255,0.8);position:absolute;bottom:0;width:100%;text-shadow:0 0 3px rgba(255,255,255,0.8);} #zeno-menu{background:#26a69a;box-shadow:0px 3px 2px rgba(0,0,0,0.2);} .zeno-menu{list-style-type:none;width:1174px;margin:0 auto;padding:0 0 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;} .zeno-menu li{display:block;width:100%;} .zeno-menu li a{color:#fff;display:block;width:100%;padding:1em 0;text-align:center;} .zeno-menu li a:hover{background:#00897b;box-shadow:0px 3px 6px rgba(0,0,0,0.2);transition: .5s;} /* ******** SNSボタン ******** */ .snsbtns1, .snsbtns2, .snsbtns3, .snsbtns4{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:0 0 1rem 0;position:relative;} .snsbtns1 a, .snsbtns2 a, .snsbtns3 a, .snsbtns4 a{display:block;width:100%;padding:1em 0;color:#fff;text-align:center;line-height:1;font-size:110%;margin-left:0.2rem;position:relative;overflow:hidden;} .snsbtns1 a:hover, .snsbtns2 a:hover{box-shadow:0px 2px 3px rgba(0,0,0,0.2);transition: .5s;} .snsbtns3 a{box-shadow:0px 2px 3px rgba(0,0,0,0.2);text-transform:uppercase;font-weight:700;letter-spacing:0.1rem;} .snsbtns3 a:hover{box-shadow:1px 3px 4px rgba(0,0,0,0.3);transition: .4s;} .snsbtns4 a{margin-left:0.4rem;border-radius:0.4rem;text-transform:uppercase;font-weight:700;letter-spacing:0.1rem;font-size:105%;} .snsbtns4 a:hover{margin-top:-2px;margin-bottom:2px;} .snsbtns1 a:nth-of-type(1), .snsbtns2 a:nth-of-type(1), .snsbtns3 a:nth-of-type(1), .snsbtns4 a:nth-of-type(1){margin-left:0;} .snsbtns1 a::before, .snsbtns3 a::before, .snsbtns4 a::before{font-family:blogicon;margin-right:0.5em;font-weight:normal;} .sns-fb::before{content:'\f036';} .sns-tw::before{content:'\f035';} .sns-po::before{content:'\f008';} .sns-hb::before{content:'\f027';} .sns-fb{background:#365899;} .sns-tw{background:#1b95e0;} .sns-po{background:#EF4056;} .sns-hb{background:#008fde;} .sns-fb:hover{background:#4267b2;} .sns-tw:hover{background:#31a3ea;} .sns-po:hover{background:#f65065;} .sns-hb:hover{background:#009FF8;} .snsbtns3 .sns-fb{background:#465f8c;} .snsbtns3 .sns-tw{background:#3998d4;} .snsbtns3 .sns-po{background:#e35f71;} .snsbtns3 .sns-hb{background:#1f93d1;} .snsbtns3 .sns-fb:hover{background:#4267b2;} .snsbtns3 .sns-tw:hover{background:#31a3ea;} .snsbtns3 .sns-po:hover{background:#f65065;} .snsbtns3 .sns-hb:hover{background:#009FF8;} .snsbtns4 .sns-fb{background:#365899;box-shadow:0px 6px 0px rgba(44,66,102,1);} .snsbtns4 .sns-tw{background:#1b95e0;box-shadow:0px 6px 0px rgba(38,122,173,1);} .snsbtns4 .sns-po{background:#EF4056;box-shadow:0px 6px 0px rgba(189,70,86,1);} .snsbtns4 .sns-hb{background:#008fde;box-shadow:0px 6px 0px rgba(17,117,171,1);} .snsbtns4 .sns-fb:hover{box-shadow:0px 8px 0px rgba(44,66,102,1);} .snsbtns4 .sns-tw:hover{box-shadow:0px 8px 0px rgba(38,122,173,1);} .snsbtns4 .sns-po:hover{box-shadow:0px 8px 0px rgba(189,70,86,1);} .snsbtns4 .sns-hb:hover{box-shadow:0px 8px 0px rgba(17,117,171,1);} .snsbtns2 a::before{font-family:blogicon;position:absolute;top:0rem;left:-1rem;font-size:420%;color:rgba(255,255,255,0.25);} /* ********メディアクエリ******** */ @media screen and (max-width: 1200px){ #content{width:760px;padding:0 0 0 0;} .page-index #content{padding:0 0 0 0;} #content-inner{display:block;} #wrapper{width:100%;} .page-index #wrapper, .page-preview #wrapper{width:100%;margin:0 0 0 0;position:relative;top:0px;} .page-index #main-inner{-webkit-justify-content:center;justify-content:center;} .page-entry #wrapper, .page-preview #wrapper{width:100%;margin:0 0 0 0;} .page-entry .pager{width:calc(100% - 32px);margin:1rem 0 2rem 16px;} #box2{width:100%;} #box2-inner{width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;} .hatena-module{width:336px;} #bottom-editarea{padding:40px 22px 1em 22px;} #top-box{width:760px;} .page-entry .entry-categories{position:absolute;top:0;left:-15px;transform:rotate(0deg);box-shadow:0px 0px 0px rgba(0,0,0,0);} .page-entry .entry-inner, .page-preview .entry-inner{padding:0 16px;} .recommends{width:760px;} .recommends a.recommend-entry:nth-of-type(n+5), .recommends a.recommend-entry2:nth-of-type(n+5){display:none;} .recommends a.recommend-entry, .recommends a.recommend-entry2{width:24%;} #bottom-editarea{padding:40px 16px 1em 16px;} #footer{padding:2em 16px 1em 16px;} .three-footer div{margin-left:2%;} .zeno-menu{width:760px;} } @media screen and (max-width: 780px){ #content{width:100%;} #bottom-editarea{width:100%;} #footer{width:100%;} #top-box{width:100%;padding:0 2%;} .recommends{width:100%;padding:0 2%;} .recommends a.recommend-entry:nth-of-type(n+4), .recommends a.recommend-entry2:nth-of-type(n+4){display:none;} .recommends a.recommend-entry, .recommends a.recommend-entry2{width:32%;} .entry-header-html{width:100%;overflow:hidden;} .entry-categories{padding:0 .8em;font-size:10px;} .page-entry .entry-categories{position:absolute;top:0;left:-4vw;transform:rotate(0deg);box-shadow:0px 0px 0px rgba(0,0,0,0);} .page-entry .entry-inner, .page-preview .entry-inner{padding:0 4vw;} .page-entry .pager{width:92%;margin:1rem 0 2rem 4%;} .page-index .entry{width:48vw;height:52.5vw;margin:0 0 8px 0;padding:2vw 0 0 0;} .page-index .entry:before,.page-index .entry:after{display:none;} .page-index .entry-inner{width:44vw;margin-left:2vw;} .page-index .entry-content{height:45.5vw;background-size:44vw;} .page-index .entry-content p{font-size:1.5vw;line-height:1.8;letter-spacing:0px;} .page-index .entry-content p:nth-of-type(1){padding:36vw 0 0 0;} .page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:44vw;height:24.8vw;} .entry-header{position:relative;} .page-index .entry-header{position:absolute;top:24.5vw;padding:0 0 0 0;} .page-index .entry-title{font-size:2.5vw;letter-spacing:0px;line-height:1.5;height:7.5vw;} .page-index .entry-title .entry-title-link{max-height:7.5vw;} .page-index .entry-date{font-size:1.5vw;margin:8vw 0 0 0;} .page-entry .entry-date,.page-preview .entry-date{padding:42px 0 0 0;} .entry-categories{padding:0 .8em;font-size:10px;} .page-index .entry-categories{position:absolute;top:-24.5vw;right:0;z-index:2;background:#eeff41;max-width:44vw;} .page-index .entry-categories a{display:inline-block;color:#333;font-weight:bold;line-height:2;margin:0 0.2em;} #bottom-editarea{width:100%;} #footer{width:100%;} .zeno-menu{width:100%;} .footer-icon{width:100%;max-width:none;float:none;margin:0 0 8px;} .footer-profile{width:100%;max-width:none;float:none;} } @media screen and (max-width: 675px){ .hatena-module{width:100%;} .hatena-module-body{padding:0 4%;} .snsbtns1 a, .snsbtns3 a, .snsbtns4 a{color:transparent;} .snsbtns1 a::before, .snsbtns3 a::before, .snsbtns4 a::before{display:block;margin:0 0 0.5em 0;font-size:1.6rem;color:#fff;position:absolute;top:0.75rem;width:100%;text-align:center;} .snsbtns2 a{font-size:0.95rem;} #footer-inner{display:-webkit-flex;display:flex;-webkit-flex-direction: column;flex-direction:column;} .three-footer{display:-webkit-flex;display:flex;-webkit-flex-direction: column;flex-direction:column;} .three-footer div{margin:0 0 1rem 0;} } @media screen and (max-width: 480px){ #blog-title #title a{font-size:8vw;letter-spacing:0.3em;} #blog-title #blog-description{font-size:3vw;padding-top:0.5em;} .recommends a.recommend-entry:nth-of-type(n+3), .recommends a.recommend-entry2:nth-of-type(n+3){display:none;} .recommends a.recommend-entry, .recommends a.recommend-entry2{width:49%;} .entry-content h2{background:#fff;color:#009688;border-bottom:3px solid #009688;letter-spacing:0px;padding:1em 4% 0 4%;margin:3em -4% 1em -4%;font-size:1.3rem;line-height:1.2;position:relative;position:-webkit-sticky;position:sticky;top:0;} .entry-content h2::before{display:none;} .page-index .entry{height:56.5vw;padding:2vw 0 0 0;} .page-index .entry-inner{width:47vw;margin-left:0;} .page-index .entry-content{height:49.5vw;background-size:47vw;} .page-index .entry-content p:nth-of-type(1){padding:100vh 0 0 0;color:transparent;} .page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:47vw;height:26.4vw;} .page-index .entry-header{top:27vw;} .page-index .entry-title{font-size:4vw;height:18vw;} .page-index .entry-title .entry-title-link{max-height:18vw;} .page-index .entry-date{font-size:2vw;margin:19vw 0 0 0;} .page-index .entry-categories{top:-27vw;max-width:47vw;} .page-entry .pager{display:-webkit-flex;display:flex;-webkit-flex-direction: column;flex-direction:column;} .page-entry .pager span{width:100%;margin-bottom:1rem;} #box2{width:100%;} #box2-inner{width:100%;display:block;} .hatena-module{width:100%;} .hatena-module-body{padding:0 4%;} .zeno-menu{width:100%;} } /* */ /* */ body{background:#f5f5f5;} /* */ /*この記事は〇分で読めます*/ #estimated-area { color: #888; font-size: 12px; } #estimated-area span { color: #0277BD; font-size: 16px; font-weight: bold; padding: 0 3px; } .hatena-module-title { text-align:center } .entry-content h2{ position: relative; } .entry-content .emphasize-link { position: relative; margin: 36px 0 16px; padding: 16px 10px; border: 2px solid #00BCD4; background-color: #fffafa; } .entry-content .emphasize-link p:last-child { margin-bottom: 0; } .entry-content .emphasize-link::before { position: absolute; top: -12px; left: 10px; padding: 0 10px 0 26px; content: "関連記事"; background-color: #00BCD4; border-radius: 10px; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; } .entry-content .emphasize-link::after { position: absolute; top: -16px; left: 4px; width: 28px; height: 28px; background-color: #00BCD4; border-radius: 14px; line-height: 27px; text-align: center; content: "\f009"; font-size: 16px; font-family: "blogicon"; color: #fff; } @media screen and (max-width: 480px){ .recommends { width: 220%; } .recommends a.recommend-entry2:nth-of-type(n+3){ display: block; } .recommends a.recommend-entry2:not(:last-of-type){ margin-right: 1%; } } @media screen and (max-width: 680px) { .booklink-box, .kaerebalink-box{padding:15px;} .booklink-image, .kaerebalink-image{ width: 100px !important; min-width: initial; } .booklink-name > a, .kaerebalink-name > a{ font-size: 15px; font-weight: bold; } .booklink-name, .kaerebalink-name{margin-bottom:12px;} .booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;} .booklink-link2 a, .kaerebalink-link1 a{ width:calc(100% - 4px); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin: 2px 0px; padding:10px 0px; } } .entry-content strong { background: linear-gradient(transparent 60%, rgba(255, 255, 255, 0) 0%); } @media (max-width: 480px){ #blog-title-inner,#title a{ height:100px!important; } #blog-title-inner { background-size: contain; } } .entry-content { font-size: 16px; } /* ===============消しちゃダメ============== */ /* kaereba/yomereba Customize Settings 1.0.0 ver */ /* Created by Cazuki Hoshina */ /* Copyright (c) @cazuki All rights Reserved. */ /* Arrenged by Rippoutai.com */ /* ======================================== */ カエレバ・ヨメレバ・トマレバ =================================================================================*/ .cstmreba { width:98%; height:auto; margin:36px auto; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif; line-height: 1.5; word-wrap: break-word; box-sizing: border-box; display: block; } .cstmreba a { transition: 0.8s ; color:#285EFF; /* テキストリンクカラー */ } .cstmreba a:hover { color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */ } .booklink-box, .kaerebalink-box, .tomarebalink-box { width: 100%; background-color: #fafafa; /* 全体の背景カラー */ overflow: hidden; border-radius: 0px; box-sizing: border-box; padding: 12px 8px; box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26); } /* サムネイル画像ボックス */ .booklink-image, .kaerebalink-image, .tomarebalink-image { width:150px; float:left; margin:0 14px 0 0; text-align: center; background: #fff; } .booklink-image a, .kaerebalink-image a, .tomarebalink-image a { width:100%; display:block; } .booklink-image a img, .kaerebalink-image a img, .tomarebalink-image a img { margin:0 ; padding: 0; text-align:center; background: #fff; } .booklink-info, .kaerebalink-info, .tomarebalink-info { overflow:hidden; line-height:170%; color: #333; } /* infoボックス内リンク下線非表示 */ .booklink-info a, .kaerebalink-info a, .tomarebalink-info a { text-decoration: none; } /* 作品・商品・ホテル名 リンク */ .booklink-name>a, .kaerebalink-name>a, .tomarebalink-name>a { border-bottom: 1px solid ; font-size:16px; } /* powered by */ .booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date { font-size:10px; line-height:150%; } .booklink-powered-date a, .kaerebalink-powered-date a, .tomarebalink-powered-date a { color:#333; border-bottom: none ; } .booklink-powered-date a:hover, .kaerebalink-powered-date a:hover, .tomarebalink-powered-date a:hover { color:#333; border-bottom: 1px solid #333 ; } /* 著者・住所 */ .booklink-detail, .kaerebalink-detail, .tomarebalink-address { font-size:12px; } .kaerebalink-link1 div img, .booklink-link2 div img, .tomarebalink-link1 div img { display:none; } .booklink-link2 { display: inline-block; width: 100%; margin-top: 5px; } .booklink-link2>div, .kaerebalink-link1>div, .tomarebalink-link1>div { float:left; width:24%; min-width:128px; margin:0.5%; } /***** ボタンデザインここから ******/ .booklink-link2 a, .kaerebalink-link1 a, .tomarebalink-link1 a { width: 100%; display: inline-block; text-align: center; box-sizing: border-box; margin: 1px 0; padding:3% 0.5%; border-radius: 8px; font-size: 13px; font-weight: bold; line-height: 180%; color: #fff; box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); } /* トマレバ */ .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */ .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */ .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */ .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */ .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */ .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */ .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */ /* カエレバ */ .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border: 2px solid #ff0033;} /* Yahoo!ショッピング */ .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;} /* ベルメゾン */ .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */ .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */ /* ヨメレバ */ .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */ .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */ .booklink-link2 .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */ .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */ .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */ .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */ /* カエレバ・ヨメレバ共通 */ .kaerebalink-link1 .shoplinkamazon a, .booklink-link2 .shoplinkamazon a { background:#FF9901; border: 2px solid #ff9901; } /* Amazon */ .kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a { background: #bf0000; border: 2px solid #bf0000; } /* 楽天 */ .kaerebalink-link1 .shoplinkseven a, .booklink-link2 .shoplinkseven a { background:#225496; border: 2px solid #225496; } /* 7net */ /****** ボタンカラー ここまで *****/ /***** ボタンデザイン　マウスオーバー時ここから *****/ .booklink-link2 a:hover, .kaerebalink-link1 a:hover, .tomarebalink-link1 a:hover { background: #fff; } /* トマレバ */ .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */ .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */ .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */ .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */ .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */ .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */ .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */ /* カエレバ */ .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */ .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */ .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */ .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */ /* ヨメレバ */ .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */ .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */ .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */ .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */ .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */ .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */ /* カエレバ・ヨメレバ共通 */ .kaerebalink-link1 .shoplinkamazon a:hover, .booklink-link2 .shoplinkamazon a:hover { color:#FF9901; } /* Amazon */ .kaerebalink-link1 .shoplinkrakuten a:hover , .booklink-link2 .shoplinkrakuten a:hover { color: #bf0000; } /* 楽天 */ .kaerebalink-link1 .shoplinkseven a:hover, .booklink-link2 .shoplinkseven a:hover { color:#225496;} /* 7net */ /***** ボタンデザイン　マウスオーバー時ここまで *****/ .booklink-footer { clear:both; } /***** 解像度768px以下のスタイル *****/ @media screen and (max-width:768px){ .booklink-image, .kaerebalink-image, .tomarebalink-image { width:100%; float:none; } .booklink-link2>div, .kaerebalink-link1>div, .tomarebalink-link1>div { width: 32.33%; margin: 0.5%; } .booklink-info, .kaerebalink-info, .tomarebalink-info { text-align:center; padding-bottom: 1px; } } /***** 解像度480px以下のスタイル *****/ @media screen and (max-width:480px){ .booklink-link2>div, .kaerebalink-link1>div, .tomarebalink-link1>div { width: 49%; margin: 0.5%; } } /* メインカラー 500 */ .entry-content h2, .entry-content ol li:before, .page-index .pager a:hover, .page-entry .pager .pager-prev::before, .page-entry .pager .pager-next::after, .hatena-module-title, .archive-heading {background-color:#00BCD4;} .entry-content p a, .entry-content h3, .entry-content h4::before, .entry-content ul ul li::before, ul.table-of-contents:before, .page-index .pager a, .page-entry .pager span a, .urllist-item::before, .hatena-module-category .hatena-urllist li::before, .entry-content ul li::before {color:#00BCD4;} .archive-heading::before, .entry-content h2::before {border-top-color:#00BCD4;} .entry-content h3 {border-left-color:#00BCD4;} ul.table-of-contents, .page-index .pager a, .page-entry .pager span {border-color:#00BCD4;} @media screen and (max-width: 480px){ .entry-content h2 {border-bottom:3px solid #00BCD4;color:#00BCD4;background-color:transparent;} } /* 濃い色 600 */ #globalheader-container, .zeno-menu li a:hover {background:#00ACC1;} .entry-content p a:visited {color:#00ACC1;} /* 薄い色 400 */ .page-entry .pager span a:hover, #zeno-menu, .entry-content ol ol li:before {background:#26C6DA;} .hatena-module-related-entries { display: none; } /* ---------ふい字------------ */ @font-face { font-family: 'HuiFontP109'; src: url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.eot'); src: url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.eot?#iefix') format('embedded-opentype'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.woff') format('woff'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.ttf') format('truetype'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.svg#HuiFontP109') format('svg'); font-weight: normal; font-style: normal; } /* ---------タイトルをふい字に------------ */ #title a { font-family: 'HuiFontP109', sans-serif; } /* ---------ブログの説明をふい字に------------ */ #blog-description { font-family: 'HuiFontP109', sans-serif; } /* パンくずリスト枠付き */ .breadcrumb-link { color: #5d5d5d; /* 文字色 */ font-size: .6em; /* 文字の大きさ */ background-color: #fff; /* 背景色 */ border: 1px solid #5d5d5d; /* 枠の色 */ border-radius: 2px; /* 枠の丸み */ text-decoration: none; padding-top: .9em; /* 枠の余白上 */ padding-bottom: .9em; /* 枠の余白下 */ padding-right: 1em; /* 枠の余白右 */ padding-left: 1em; /* 枠の余白左 */ display: inline-block; } .breadcrumb-child-link { color: #5d5d5d; /* 文字色 */ font-size: .6em; /* 文字の大きさ */ background-color: #fff; /* 背景色 */ border: 1px solid #5d5d5d; /* 枠の色 */ border-radius: 2px; /* 枠の丸み */ text-decoration: none; padding-top: .9em; /* 枠の余白上 */ padding-bottom: .9em; /* 枠の余白下 */ padding-right: 1em; /* 枠の余白左 */ padding-left: 1em; /* 枠の余白右 */ display: inline-block; } /*****グローバルメニュー****/ #menu{ position:absolute;top:0; width: 100%; background: #00BCD4;/*７*/ box-shadow:0 1px 6px rgba(0,0,0,0.2); } #menu-inner{ width: 1174px;/*１*/ height: 40px;/*２*/ margin: 0 auto; background: #00BCD4;/*８*/ } @media screen and (max-width:1200px){ #menu-inner{ width: 100%; } } #menu-btn{display: none;} #menu-content{ padding-left: 0; margin: 0; width: 100%; height: 100%; list-style-type: none; } #menu-content > li{/* font-family: 'Orbitron', cursive; */ position: relative; float: left; height: 100%; text-align: center;text-transform:uppercase;font-weight:700; } #menu-content > li > a{ position: relative; display: block; height: 100%; padding-left: 15px;/*３*/ padding-right: 15px;/*３*/ line-height: 40px;/*２*/ background: #00BCD4;/*９*/ color: #fff;/*10*/ font-size: 80%; text-decoration: none; z-index: 2; } .page-index #menu-content > li > a.menu-home, #menu-content > li > a:hover{ background: #555;/*11*/ color: #fff;/*12*/ } #menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;} /*２階層目*/ #menu-content > li > ul.second-content{ visibility: hidden; position: absolute; top: 0; margin: 0; padding-left: 0; list-style-type: none; z-index: -1; box-shadow:0 1px 6px rgba(0,0,0,0.2); } #menu-content > li:hover > ul.second-content{ visibility: visible; top: 40px;/*2*/ z-index: 1; transition: all .3s; } #menu-content > li > ul.second-content > li{ text-align: center; width: 200px;/*４*/ height: 40px;/*５*/ } #menu-content > li > ul.second-content > li > a{ display: block; line-height: 40px;/*５*/ background: #00ACC1;/*13*/ color: #fff;/*14*/ font-size: 80%; text-decoration: none; } #menu-content > li > ul.second-content > li > a:hover{ background: #555;/*15*/ color: #fff;/*16*/ } /*******トグルメニュ*********/ @media screen and (max-width:960px){/*19*/ #menu-inner{ width: 100%; height: auto; } #btn-content{text-align: right;}/*20*/ #menu-btn{ display: inline-block; padding: 8px 15px; margin: 5px; cursor: pointer; background: #555;/*17*/ color: #fff;/*18*/ font-size: 70%; } #menu-content{ display: none; width: 100%; } #menu-content > li{ width: 100%; height: 40px;/*６*/ float: none; } #menu-content > li > a{ width: 100%; line-height: 40px;/*６*/ padding: 0; text-decoration: none; } /*２階層目*/ #menu-content > li:hover > ul.second-content{display: none;} #menu-content > li > a > .blogicon-chevron-down{display: none;} } /*サイドバータブメニュー*/ .tab{ display: inline-block; padding: 8px 15px 5px 15px;/*横に入りきらない場合はこの２番目と４番目の数字を小さく*/ background: #B2EBF2;/*反応していないタブの背景色*/ border-radius: 5px 5px 0 0; font-size: 12px;/*横に入りきらない場合はここの数字を小さく*/ cursor: pointer; } .active{ color: white; background: #00ACC1;/*反応しているタブの背景色*/ border-radius: 5px 5px 0 0; } .hatena-module-title2{ border-bottom: 3px solid black;/*タブの下線*/ } /*サイドバー固定*/ @media (min-width: 960px) { .fixed-title{ position: fixed; top: 10px; width: 300px; } .fixed-module{ position: fixed; top: 47px; width: 300px; } } .iine{ display: -webkit-flex; display: flex; margin: 0 0 1em 0; } .iine-l{ width: 50%; color: transparent; background-size: cover; background-position: center center; } .iine-r{ width: 50%; background: #333; color: #fff; padding: 2em 1em; text-align: center; } .iine-icon{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .iine-icon a{ color: #fff; font-size: 0.7rem; display: inline-block; margin:1rem 0; padding:0.3rem 0 0.45rem 0; width:32%; } .iine-hatenablog{ background: #606060; } .iine-twitter{ background:#1b95e0; } .iine-feedly{ background:#2BB24C; } .iine-hatenablog:hover{ background:#666; } .iine-twitter:hover{ background:#31a3ea; } .iine-feedly:hover{ background:#2ebc50; } .iine-icon a::before{ font-family: blogicon; font-size: 0.9rem; margin: 0 0.2rem 0 0; position: relative; top: 0.15rem; } .iine-hatenablog::before{ content: '\f000'; } .iine-twitter::before{ content: '\f035'; } .iine-feedly::before{ content: '\f04e'; } .iine-0{ font-weight:bold; margin:0 0 0.5rem 0; } .iine-1{ font-size: 0.9rem; } .iine-2{ font-size: 0.8rem; } @media screen and (max-width: 540px){ .iine-icon a{ font-size: 0px; width:31%; } .iine-icon a::before{ font-size: 1.2rem; margin: 0 0 0 0; top: 0rem; } .iine-0{ font-size: 0px; } .iine-1{ font-size: 0.8rem; } .iine-2{ font-size: 0.7rem; } } .related-entries{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .related-entries-item{ width: 49%; border:1px solid #e0e0e0; border-radius:2px; margin: 0 0 1em 0; padding: 1em; } .related-entries-title{ font-weight:bold; font-size; 120%; padding: 0 0 0.5em 0; } .related-entries-entry-body{ overflow:hidden; } @media screen and (max-width: 540px){ .related-entries-image-link{ width:100%; display:block; text-align:center; } .customized-footer .urllist-with-thumbnails li .urllist-image{ float:none; } } /*サイドバータブメニュー*/ .tab{ display: inline-block; padding: 8px 15px 5px 15px;/*横に入りきらない場合はこの２番目と４番目の数字を小さく*/ background: #B2EBF2;/*反応していないタブの背景色*/ border-radius: 5px 5px 0 0; font-size: 12px;/*横に入りきらない場合はここの数字を小さく*/ cursor: pointer; } .active{ color: white; background: #00ACC1;/*反応しているタブの背景色*/ border-radius: 5px 5px 0 0; } .hatena-module-title2{ border-bottom: 3px solid black;/*タブの下線*/ } /*サイドバー固定*/ @media (min-width: 960px) { .fixed-title{ position: fixed; top: 10px; width: 300px; } .fixed-module{ position: fixed; top: 47px; width: 300px; } } .iine{ display: -webkit-flex; display: flex; margin: 0 0 1em 0; } .iine-l{ width: 50%; color: transparent; background-size: cover; background-position: center center; } .iine-r{ width: 50%; background: #333; color: #fff; padding: 2em 1em; text-align: center; } .iine-icon{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .iine-icon a{ color: #fff; font-size: 0.7rem; display: inline-block; margin:1rem 0; padding:0.3rem 0 0.45rem 0; width:32%; } .iine-hatenablog{ background: #606060; } .iine-twitter{ background:#1b95e0; } .iine-feedly{ background:#2BB24C; } .iine-hatenablog:hover{ background:#666; } .iine-twitter:hover{ background:#31a3ea; } .iine-feedly:hover{ background:#2ebc50; } .iine-icon a::before{ font-family: blogicon; font-size: 0.9rem; margin: 0 0.2rem 0 0; position: relative; top: 0.15rem; } .iine-hatenablog::before{ content: '\f000'; } .iine-twitter::before{ content: '\f035'; } .iine-feedly::before{ content: '\f04e'; } .iine-0{ font-weight:bold; margin:0 0 0.5rem 0; } .iine-1{ font-size: 0.9rem; } .iine-2{ font-size: 0.8rem; } @media screen and (max-width: 540px){ .iine-icon a{ font-size: 0px; width:31%; } .iine-icon a::before{ font-size: 1.2rem; margin: 0 0 0 0; top: 0rem; } .iine-0{ font-size: 0px; } .iine-1{ font-size: 0.8rem; } .iine-2{ font-size: 0.7rem; } } .related-entries{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .related-entries-item{ width: 49%; border:1px solid #e0e0e0; border-radius:2px; margin: 0 0 1em 0; padding: 1em; } .related-entries-title{ font-weight:bold; font-size; 120%; padding: 0 0 0.5em 0; } .related-entries-entry-body{ overflow:hidden; } @media screen and (max-width: 540px){ .related-entries-image-link{ width:100%; display:block; text-align:center; } .customized-footer .urllist-with-thumbnails li .urllist-image{ float:none; } } /* ページトップへ戻るボタン */ #page-top { display:none; position:fixed; right:15px; bottom:20px; margin: 0; padding: 0; text-align:center; } #move-page-top{ color:rgba(0,0,0,0.6); text-decoration:none; display:block; cursor:pointer; } /* ページトップへ戻るボタン：ホバー時 */ #move-page-top:hover{ color:rgba(0,0,0,0.8); } #bottom-editarea { background: #00BCD4; }