/* <system section="theme" selected="6653812171403703641"> */
/*responsive:yes*/@import "https://fonts.googleapis.com/css?family=Exo+2:400,400i,700,700i";@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i";@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";@font-face{font-family:"M+Light";src:url(http://mplus-fonts.osdn.jp/webfonts/general-j/mplus-1-light-sub.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:"M+Regular";src:url(http://mplus-fonts.osdn.jp/webfonts/general-j/mplus-1-regular-sub.woff) format("woff");font-weight:400}@font-face{font-family:"M+Bold";src:url(http://mplus-fonts.osdn.jp/webfonts/general-j/mplus-2-bold-sub.woff) format("woff");font-weight:700}@font-face{font-family:"LTGothic";src:url(http://kazumalabo.sakura.ne.jp/font/07%20LogoTypeGothic.otf) format("opentype")}header,nav,section,article,aside,footer{display:block}html :not(ul),::before,::after{box-sizing:border-box;margin:0;padding:0}body ul{box-sizing:border-box}html,body{position:relative;width:100%!important;overflow-x:hidden!important}.entry-content code,.entry-content pre{font-family:"Lucida Console",Monaco!important;font-size:1em;margin:25px 0}html{font-size:16px;font-weight:400;color:#555}body{background:url(http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160625/20160625213058.png);background-repeat:repeat;background-size:12px 12px;font-family:"M+Regular","Open Sans",sans-serif;font-size:1rem;color:#555}a{font-family:"M+Regular","Open Sans",sans-serif;font-size:1rem;color:#777;text-decoration:none}.entry-title:hover,.pager-prev a:hover,.pager-next a:hover,#footer-inner:hover,.hatena-fotolife:hover,blockquote:hover,div.freezed:hover,ul.table-of-contents:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}body #globalheader-container{width:100%;height:60px!important;background-color:#007D70;color:#efefef;padding-top:12px!important;border-bottom:1.5px solid #36190e;box-shadow:0 3px 6px rgba(9,9,9,0.35);-webkit-transition:all .5s ease;transition:all .5s ease}body #globalheader-container:hover{opacity:.82}body iframe#globalheader{display:block;max-width:1430px;margin:0 auto}body #container{max-width:1460px;margin:0 auto}body #blog-title{width:100%;overflow:hidden}.page-index #blog-title{min-height:150px;max-height:280px}body:not(.page-index) #blog-title{min-height:100px;max-height:200px}body #blog-title-inner{width:100%;background-position:center top;background-size:100% auto;background-repeat:repeat;background-origin:border-box;overflow:hidden;border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent}body.page-index #blog-title-inner{min-height:185px;max-height:300px}body:not(.page-index) #blog-title-inner{min-height:100px;max-height:250px}body #title{width:80%;height:65px;margin:35px 0 0;font-family:"LTGothic","Exo 2",sans-serif;font-size:.875rem;font-weight:400}body #title a{color:#3F1F8C;background:#fff;border-top:2px solid #3F1F8C;border-right:1px solid transparent;border-bottom:2px solid #3F1F8C;margin:17px 0 0;padding:12px 20px;-webkit-transition:all .5s ease;transition:all .5s ease}body #title a:hover{background:#fff;color:#C6B79A}body #blog-description{display:table;max-width:62%;margin:0 15px 0 auto;padding:15px 27.5px;color:rgba(64,62,52,0.5);font-family:"M+Light","Open Sans",Sans-serif;font-size:.8125rem;background:#fff;border:2.5px dotted #ccc;text-align:right;word-break:break-all}body:not(.page-index) #blog-description{visibility:hidden}body #content{margin:20px auto 0;max-width:768px}body.page-index #content{margin:20px auto 0;max-width:1400px}body.page-archive #content{margin:0 auto;max-width:1420px}body #content-inner{margin:0 auto;padding:0;width:100%}body #main-inner{margin:0 0 70px}body.page-index #main-inner{display:-webkit-flex;display:flex;max-width:1240px;-o-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;-o-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:0 25px}body.page-index .entry{background:url(http: //res.cloudinary.com/dm3usfdex/image/upload/v1473297312/image_wzlguo.jpg) no-repeat;background-size:100% 100%;background-position:center bottom;width:310px;height:340px;overflow:hidden;border:1px solid #222323;position:relative;z-index:0;border-radius:3px 3px;margin:37.5px auto;box-shadow:2px 2px 6px rgba(0,0,0,0.3)}body.page-entry .entry,body.page-entries-year-month-day .entry{width:85%;margin-left:auto;margin-right:auto;margin-bottom:45px;margin-top:35px;padding:0}body.page-index .date{position:absolute;top:25px;left:30px;width:80%;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;padding:7.5px 0;z-index:3;border-radius:0;font-size:1.125rem;font-family:"Exo 2",sans-serif;color:#f2f2f2;font-style:italic;text-align:center}body.page-index .date a time{color:#f2f2f2;font-size:1.125rem;font-family:"Exo 2",sans-serif}body.page-entry .date{position:relative;border-width:1px 1px 1px 0;border-style:solid;border-color:#c6b79a;border-radius:0 6px 6px 0;background:#fff;font-family:"Exo 2",Sans-serif;font-weight:400;font-size:15px;font-style:italic;text-align:center;left:.5px;top:28px;width:110px;margin:0;padding:0;z-index:1}body.page-entry .date a time{margin:0;padding:0;color:#c6b79a;font-family:"Exo 2",Sans-serif;font-weight:400;font-size:15px}body .date a time .hyphen{display:none}body .date a time .date-month::before{content:"."}body .date a time .date-day::before{content:"."}body.page-index .entry-title{position:absolute;top:0;left:0;z-index:1;width:100%;background:rgba(0,0,0,0.4);font-family:"M+Bold","Exo 2",sans-serif;font-size:1.5rem;font-weight:700;text-align:center;line-height:1.75rem;padding:6rem 1rem 352px;-webkit-transition:all .5s ease;transition:all .5s ease}body.page-index .entry-title a{font-family:"M+Bold","Exo 2",sans-serif;font-size:1.5rem;font-weight:700;color:#f2f2f2;-webkit-transition:all .5s ease;transition:all .5s ease}body.page-index .entry-title:hover{background:rgba(0,0,0,0.35)}body.page-index .entry-title:active{background:rgba(0,0,0,0.25)}body.page-index .entry-title a:hover{color:rgba(0,125,112,1.0)}body.page-index .entry-title a:active{color:rgba(0,125,112,0.7)}body.page-entry .entry-title{border:10px solid #fff;outline:1px solid #bcbcbc;width:70%;margin:0;padding:38px 24px 34px;background:#f6f6f6;font-size:28px;font-weight:700;text-align:center;word-break:break-all;letter-spacing:-.7px;line-height:36px;-webkit-transition:all .5s ease;transition:all .5s ease}body.page-entry .entry-title a{font-family:"M+Bold","Exo 2",sans-serif;font-weight:700;color:#555;font-size:30px}body.page-entry .entry-title a:hover{color:#aaa}body.page-index .categories{position:absolute;right:0;top:145px;padding:0 7px 0 0;text-align:right;word-break:keep-all}body.page-index .categories a{background:#aaa;color:#fff;font-size:.75rem;padding:2px;border-radius:3px}body.page-entry .categories{position:relative;top:-18px;left:8%;width:62.5%;height:3rem;font-family:"M+Light","Exo 2",sans-serif;font-size:.75rem;font-weight:300;margin:0 0 1em;padding:6px;text-align:right;line-height:2.5rem;word-break:keep-all}body.page-entry .categories a{padding:3px;border:1px solid #787774;border-radius:3px;color:#787774;background:#fff}body.page-index .entry-content{margin-top:180px;background:rgba(223,216,199,0.6);padding:2px 4px;font-size:.875rem;color:#555}body.page-index .entry-content a{font-size:14px;color:#555}body.page-entry .entry-content{color:#666;font-family:"M+Regular","Open Sans",Sans-serif;font-size:1rem;line-height:1.75rem;padding:45px 0 30px}body .entry-content a{color:#aaa;font-family:"M+Regular","Open Sans",Sans-serif;font-size:1rem;line-height:1.75rem;font-style:italic;text-decoration:underline}body .pager{clear:left;width:100%;font-size:.9375rem;padding:20px 0 20px 1%}body:not(.page-index) .pager{padding:20px 0 20px 7.5%}body .pager-prev a::before{position:absolute;bottom:102%;left:.5rem;content:"Newer";color:#bbb;font-style:italic;font-size:.8125rem}body .pager-prev a{position:relative;background:#fff;color:#555;font-size:.9375rem;padding:10px;border:3px dotted #ccc;border-radius:7px 0 0 7px;-webkit-transition:all .5s ease;transition:all .5s ease}body .pager-next{display:block;margin:25px 0 0;padding-left:30px}body .pager-next a{background:#fff;color:rgba(45,45,45,0.6);font-size:.8125rem;padding:10px;border:3px dotted #ccc;border-radius:0 7px 7px 0;-webkit-transition:all .5s ease;transition:all .5s ease}body #bottom-editarea{width:85%;clear:both;font-size:12px;color:#ababab;margin:0 auto;padding:20px}body #bottom-editarea a{color:#ababab}body #footer{clear:both;max-width:1460px;height:120px;font-family:"Exo 2",sans-serif;font-size:12px;font-weight:400;color:#555;margin:70px 0 35px auto}body #footer a{font-family:"Exo 2",sans-serif;font-size:.75rem;font-weight:400;color:#555}body #footer-inner{float:right;border:4px solid #fbfbfb;outline:1px solid #ccc;padding:10px 16px 10px 13px;text-align:center;line-height:1rem;letter-spacing:-.3px;background-image:url(http://img.f.hatena.ne.jp/images/fotolife/D/DDramonQ/20160907/20160907223513.jpg);background-repeat:repeat;background-position:left top;background-size:100% auto;-webkit-transition:all .5s ease;transition:all .5s ease}body #box2::before{position:fixed;top:148px;left:5px;width:52px;height:35px;margin:0;z-index:9999;font-family:"FontAwesome";content:"\f0c9";font-size:30px;color:rgba(35,35,35,0.35);background:transparent;text-align:center;padding:12px 0 0;opacity:1;-webkit-transition:all .6s ease;transition:all .6s ease}body #box2:hover::before{opacity:0}body #box2{position:fixed;z-index:9999;top:0;left:-300px;width:300px;height:100vh;padding:20px;background:rgba(0,0,0,0.55);font-family:"M+Regular","Open Sans",sans-serif;font-size:.875rem;line-height:1.5rem;color:#fcfcfc;border-right:1.5px solid rgba(35,35,35,0.7);-webkit-transition:all .6s ease;transition:all .6s ease}body #box2:hover{left:0;background:rgba(0,0,0,0.8);overflow-y:auto;overflow-x:hidden;box-shadow:1px 2px 4px rgba(35,35,35,0.6),3px 5px 8px rgba(35,35,35,0.2)}body #box2 ul{list-style-type:none;padding:0}body #box2 a{font-size:.875rem;line-height:1.5rem;color:#fff}body #box2 a:hover{background:rgba(221,221,221,0.2)}body #box2 .hatena-module{margin-top:25px}body #box2 .hatena-module:last-of-type{margin-bottom:100px}body #box2 .hatena-module-title{color:#33B06F}body #box2 .hatena-module-title a{color:#33B06F;border-bottom:2px solid rgba(133,125,112,0.8)}body #box2 .hatena-module-body{font-size:.875rem}body #box2 .hatena-module-profile{margin:7px 0 25px;border-radius:2px 0 0 2px;text-align:center;color:white;opacity:1;background:rgba(0,0,0,0.8);padding:7px 5px}body #box2 .hatena-module-profile a{border:none}body #box2 .hatena-module-search-box .search-form{display:table;background:#333;padding:10px}body #box2 .hatena-module-search-box input[type="text"]{background:#555;color:#fff;border:2px solid #333;width:4rem;height:2rem;-webkit-transition:all .8s ease;transition:all .8s ease}body #box2 .hatena-module-search-box input[type="text"]:focus{width:10rem;-webkit-animation:lighten 3.3s ease infinite;-o-animation:lighten 3.3s ease infinite;-moz-animation:lighten 3.3s ease infinite;-ms-animation:lighten 3.3s ease infinite;animation:lighten 3.3s ease infinite}@-webkit-keyframes lighten{0%{border:1px solid #555}50%{border:1px solid #e5ddc8}100%{border:1px solid #555}}@-o-keyframes lighten{0%{border:1px solid #555}50%{border:1px solid #e5ddc8}100%{border:1px solid #555}}@-moz-keyframes lighten{0%{border:1px solid #555}50%{border:1px solid #e5ddc8}100%{border:1px solid #555}}@-ms-keyframes lighten{0%{border:1px solid #555}50%{border:1px solid #e5ddc8}100%{border:1px solid #555}}@keyframes lighten{0%{border:1px solid #555}50%{border:1px solid #e5ddc8}100%{border:1px solid #555}}body #box2 .hatena-module-search-box .search-module-button{background:#333;color:#e5ddc8;width:3rem;height:3rem;border:1.5px solid #e5ddc8;margin-left:5px}body #box2 .hatena-module-links .hatena-module-title{width:8em;border-bottom:2px solid rgba(133,125,112,0.8)}body #box2 .hatena-module-category .hatena-module-title{width:88px;border-bottom:2px solid rgba(133,125,112,0.8)}body #box2 .hatena-module-recent-entries ul{list-style-type:square;padding-left:15px}body #box2 .hatena-module-hot-entries ul{list-style-type:square;padding-left:15px}body #box2 .hatena-module-related-entries .hatena-module-title{width:10em;border-bottom:2px solid rgba(133,125,112,0.8)}body #box2 .hatena-module-related-entries ul{list-style-type:square;padding-left:15px}body #box2 .hatena-module-entries-access-ranking .hatena-module-title{width:10em;border-bottom:2px solid rgba(133,125,112,0.8)}body #box2 .hatena-module-entries-access-ranking ul{list-style-type:square;padding-left:15px}body .entry-content ul{background-color:#fff;list-style-type:square}body .entry-content ul li{clear:both}body .footnote{border-top:1px dotted #d3d3d3;color:#aaa;font-size:.875rem;margin-top:3rem}body .entry-footer{width:100%;color:#66695A;font-size:11px;margin:50px 0 100px;padding:15px 10px;border-top:2.5px solid #cecece}.entry-footer a{color:#66695A}.entry-footer p.entry-footer-section{display:none}.entry-footer .comment-box{font-size:14px;font-family:"M+Regular","Open Sans",sans-serif;font-weight:400}.entry-footer .comment-box ul.comment{list-style-type:none;margin-bottom:30px}.entry-footer .comment-box ul li .comment-user-name a{background:#808080;color:#fff;font-style:italic;padding:2px 4px 2px 8px;border-left:4px solid dimgrey;border-radius:0 4px 4px 0}.entry-footer .comment-box ul li .comment-user-name a:hover{background:#929292}.entry-footer .comment-box ul li .comment-content{padding:10px}.entry-footer .comment-box a.leave-comment-title{display:block;-webkit-transform:translate(-11px,0px);transform:translate(-11px,0px);width:120px;font-size:14.5px;color:#777777;text-align:center;border:1px solid rgb(198,183,154);border-radius:6px;padding:2px 0;margin:0;background:transparent;-webkit-transition:all .5s ease;transition:all .5s ease}.entry-footer .comment-box a.leave-comment-title:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.entry-content .hatena-fotolife{display:block;margin:.75rem auto;border:10px solid #fff;border-radius:6px;outline:1px solid rgb(207,207,207);-webkit-transition:all .5s ease;transition:all .5s ease}.entry-content .hatena-fotolife a{pointer-events:none}.entry-content blockquote{color:#696969;position:relative;background-color:#f9f9f9;border:10px solid #fff;outline:1px dashed rgb(185,185,185);font-family:"M+Regular","Open Sans",Sans-serif;font-size:14px;font-weight:400;line-height:23px;margin:2.5em 0 2.5em 12px;padding:2em;-webkit-transition:all .5s ease;transition:all .5s ease}.entry-content blockquote::before{position:absolute;top:10px;left:5px;color:#ababab;content:"\201C";display:block;font-size:120px}.entry-content blockquote cite{border-top:1px dashed #aaa;display:block;font-family:serif;font-weight:700;font-size:.75rem;margin-top:1em;padding-left:1.3em;padding-top:1em}.entry-content blockquote cite a{border-bottom:1px dotted #aaa;color:#aaa;font-family:serif;font-weight:400;font-size:.75rem}.entry-content blockquote cite::before{content:"[via] \2009"}body.page-index .entry-content blockquote,body.page-entry .entry-content blockquote{margin:2.5em 0 2.5em 12px;padding:2em}.entry-content sup{color:orange}.entry-content div.freezed,.entry-content div.freezed ul{background:rgb(251,251,244)}.entry-content div.freezed{width:100%;margin:0;padding:0;border:10px solid #fff;border-radius:6px;outline:1px dashed rgb(207,207,207);position:relative;-webkit-transition:all .5s ease;transition:all .5s ease}.entry-content .hatena-asin-detail{border:none;width:100%;padding:0;display:flex;display:-webkit-flex}.entry-content .hatena-asin-detail-image{display:block;width:100%;max-width:250px;margin:0;padding:0 10px}.entry-content .hatena-asin-detail-info{width:100%;display:block;margin:10px 0 0 5px}.entry-content .freezed ul li:nth-of-type(4),.entry-content .freezed ul li:nth-of-type(5){display:none}.entry-content .freezed ul li:nth-of-type(6){padding-left:15px}.entry-content .hatena-asin-detail-foot{display:none}.entry-content cite.hatena-citation{display:none}body.page-entry ul.table-of-contents{position:relative;list-style-type:none;margin:10px 0 0;padding:50px 10px 10px 40px;border:10px solid #fff;border-radius:6px;outline:1px dashed rgb(207,207,207);background:rgb(251,251,244);white-space:nowrap;text-indent:20px;overflow-x:scroll;-webkit-transition:all .5s ease;transition:all .5s ease}body.page-entry ul.table-of-contents::before{position:absolute;top:.75em;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);content:"- Contents -"}body.page-entry ul.table-of-contents *{background:rgb(251,251,244)}body.page-entry ul.table-of-contents li a{font-size:14px;color:#777777;font-style:normal;text-decoration:none}body.page-entry ul.table-of-contents li::before{content:"\2013";font-size:14px;color:#777777;padding-right:3px}body.page-entry ul.table-of-contents li{list-style-type:none;margin-left:-15px}body.page-entry ul.table-of-contents li a:hover{background:rgba(56,56,56,0.1)}body.page-entry .entry-content h3,body.page-entry .entry-content h4,body.page-entry .entry-content h5{font-family:"M+Bold","Exo 2",sans-serif;font-weight:700;background:#fff;text-align:center}body.page-entry .entry-content h3{width:100%;font-size:1.625rem;border-top:2px solid #ccc;border-bottom:2px solid #ccc;padding:1.625rem 0;margin:3.5rem 0 3rem}body.page-entry .entry-content h4{width:80%;font-family:"M+Bold","Exo 2",sans-serif;font-size:1.25rem;border-top:2px solid #ccc;border-bottom:2px solid #ccc;padding:1.25rem 0;margin:3.5rem auto 3rem}body.page-entry .entry-content h5{width:60%;font-family:"M+Bold","Exo 2",sans-serif;font-size:1rem;border-top:2px solid #ccc;border-bottom:2px solid #ccc;padding:1rem 0;margin:3.5rem auto 3rem}.entry-content .keyword{border-bottom:1px dashed #aaa}.entry-content h3 .keyword,.entry-content h4 .keyword,.entry-content h5 .keyword{border:none}markre{display:inline;background:#ff5555;background:-webkit-linear-gradient(transparent 55%,#ff5555 55%);background:-o-linear-gradient(transparent 55%,#ff5555 55%);background:-moz-linear-gradient(transparent 55%,#ff5555 55%);background:linear-gradient(transparent 55%,#ff5555 55%)}markpi{display:inline;background:#ff50a7;background:-webkit-linear-gradient(transparent 55%,#ff50a7 55%);background:-o-linear-gradient(transparent 55%,#ff50a7 55%);background:-moz-linear-gradient(transparent 55%,#ff50a7 55%);background:linear-gradient(transparent 55%,#ff50a7 55%)}markpi2{display:inline;background:#ff83c1;background:-webkit-linear-gradient(transparent 55%,#FF8CC6 55%);background:-o-linear-gradient(transparent 55%,#FF8CC6 55%);background:-moz-linear-gradient(transparent 55%,#FF8CC6 55%);background:linear-gradient(transparent 55%,#FF8CC6 55%)}marksb{display:inline;background:#07b0f2;background:-webkit-linear-gradient(transparent 55%,#07b0f2 55%);background:-o-linear-gradient(transparent 55%,#07b0f2 55%);background:-moz-linear-gradient(transparent 55%,#07b0f2 55%);background:linear-gradient(transparent 55%,#07b0f2 55%)}markcy{display:inline;background:#00bcd4;background:-webkit-linear-gradient(transparent 55%,#00bcd4 55%);background:-o-linear-gradient(transparent 55%,#00bcd4 55%);background:-moz-linear-gradient(transparent 55%,#00bcd4 55%);background:linear-gradient(transparent 55%,#00bcd4 55%)}markyg{display:inline;background:#aeee00;background:-webkit-linear-gradient(transparent 55%,#aeee00 55%);background:-o-linear-gradient(transparent 55%,#aeee00 55%);background:-moz-linear-gradient(transparent 55%,#aeee00 55%);background:linear-gradient(transparent 55%,#aeee00 55%)}markye{display:inline;background:#ffeb3b;background:-webkit-linear-gradient(transparent 55%,#ffeb3b 55%);background:-o-linear-gradient(transparent 55%,#ffeb3b 55%);background:-moz-linear-gradient(transparent 55%,#ffeb3b 55%);background:linear-gradient(transparent 55%,#ffeb3b 55%)}markdy{display:inline;background:#ffc800;background:-webkit-linear-gradient(transparent 55%,#ffc800 55%);background:-o-linear-gradient(transparent 55%,#ffc800 55%);background:-moz-linear-gradient(transparent 55%,#ffc800 55%);background:linear-gradient(transparent 55%,#ffc800 55%)}div.search-result{padding:2rem 1rem 0;text-align:center}form.search-result-form{display:table;margin:0 auto}h2.archive-heading{padding:1rem 1rem .5rem;text-align:center}#top-box{display:table;margin:1rem auto 0;font-size:1.5rem}#top-box a{font-size:1.125rem;color:#CCC6AB}#top-box a:hover{color:#777}body.page-archive a{color:#444;-webkit-transition:all .5s ease;transition:all .5s ease}body.page-archive a:hover{color:#3F1F8C}body.page-archive .entry-title:hover{box-shadow:none}body.page-archive .archive-entries{padding:0 1rem 1rem;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;-o-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;-o-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}body.page-archive .archive-entry{max-width:400px;width:30%;height:320px;border:1px solid #ddd;border-radius:2px;font-size:11px;margin:.75rem .25rem;padding:1rem .25rem;overflow:hidden;background:#fefbfa}.archive-entry-header{text-align:center}body.page-archive .date{width:100%;font-size:1rem;line-height:1.25rem}body.page-archive .date a time{font-size:1rem;line-height:1.25rem;font-family:"Exo 2",sans-serif;font-weight:400;color:#ed0345;font-style:italic;letter-spacing:-.3px;padding:0 .5rem}body.page-archive .entry-title{margin-top:1rem;font-size:1.25rem;font-weight:400;line-height:1.5rem;word-break:break-all;word-wrap:break-word}body.page-archive .entry-title a{font-size:1.25rem;font-weight:700;line-height:1.5rem}body.page-archive .categories{font-size:.75rem;line-height:1.5rem;text-align:center;margin:.5rem 0 0;word-break:keep-all}body.page-archive .categories a{font-size:.75rem;line-height:1.5rem;color:#aaa;border:1px solid #ccc;padding:1px;margin-right:1px}body.page-archive .archive-entry-body{border-top:1px dashed #ddd;color:#777;margin-top:.5rem;padding:.5rem;font-size:.875rem}a.entry-thumb-link{display:inline-block;margin-top:20px}body.page-archive span.social-buttons{display:none}body.page-about dl{display:block;max-width:600px;width:98.5%;margin:0 auto;padding:10px;background:#fcfcfa;color:#595959;outline:1px solid #999;border:12px solid #fff}body.page-about dt{float:left;clear:left;width:100px;text-align:right;white-space:nowrap;font-weight:bold}body.page-about dt::after{content:": "}body.page-about dd{margin:0 0 0 110px;padding:0 0 .5em;color:#ababab}@media only screen and (max-width: 414px){body #globalheader-container{height:80px;padding-top:0}body.page-index #wrapper{padding:0}body.page-index #main-inner{display:block;max-width:100%;padding:0}body.page-index .entry{width:100%;height:50vh;margin:45px 0}body.page-index .entry:nth-of-type(even){margin:45px 0}body.page-entry .entry{width:98%}body.page-entry .entry-title{width:100%}body.page-entry .entry-categories{width:92%}body #box2{left:-70vw;width:70vw}body.page-index #footer,body.page-entry #footer{padding:12px 12px 0 0}}@media only screen and (min-width: 1240px){body{font-size:1.125rem}body #blog-description{top:105px}body.page-index #blog-title{height:265px}body.page-entry #blog-title{height:80px}body.page-index #content,body.page-entry #content{max-width:1400px;margin:0 auto;padding:0}body.page-index #content-inner,body.page-entry #content-inner{display:flex;display:-webkit-flex}body.page-index #wrapper,body.page-entry #wrapper{width:85%}body.page-entry .entry-content{font-size:1.125rem}body.page-index #box2::before,body.page-entry #box2::before{display:none}body.page-index #box2,body.page-entry #box2{position:static;min-width:264px;height:auto;background:rgba(0,0,0,0.8);border-left: 2.7px solid rgba(12,20,14,0.3);border-top: 3.2px solid rgba(12,16,29,0.3);padding:20px;box-shadow:1px -1px 6px 4px rgba(0,3,10,0.2),-2px -10px 10px 4px rgba(0,3,10,0.3)}body.page-entry #box2{margin-top:-25px;padding-top:35px}body #box2:hover{overflow:visible}body.page-index #footer,body.page-entry #footer{max-width:1400px;height:235px;margin:0 auto;padding:30px 3% 0 0}}
/* </system> */

/* <system section="background" selected="fff"> */
body{background:#fff;}
/* </system> */

element.style {
}
.page-index #title a, .page-entry #title a, .page-archive #title a, .page-about #title a {
    margin: 17px 0 0 0;
    padding: 12px 20px;
    color: #454545;
    background: #FFFFFF;
    font-family: 'M+ Type-1 (general-j) Regular','Lato',sans-serif;
    font-size: 30px; /* フォントサイズ14→30へ変更 */
    font-weight: 400;
    text-decoration: none;
    -moz-transition: background .45s ease, color .45s ease;
    -o-transition: background .45s ease, color .45s ease;
    -webkit-transition: background .45s ease, color .45s ease;
    transition: background .45s ease, color .45s ease;
}

element.style {
}
#blog-description {
    display: table;
    margin: 0 15px 0 auto;
    color: dimgrey;
    font-family: 'M+ Type-1 (general-j) Light','Open Sans',Sans-serif;
    font-size: 20px;　/* フォントサイズ12→20へ変更 */
    font-style: italic;
    opacity: .5;
}

.info a{
  font-size:12px;
  padding: 15px;
  color: #fff;
  background: #26979F;
  border-radius: 5px;
  text-decoration:none;
}

.info a:hover{
  background: #B4CCB9;
}