body,html{font-size:16px}body{padding:0;margin:0;line-height:2;letter-spacing:.06em;font-family:Arial,YuGothic,Yu Gothic medium,Hiragino Sans,Meiryo,"sans-serif";background-color:#f7f7f7;color:#505050}#__next{display:flex;flex-direction:column;min-height:100vh}footer,header,main{width:100%}main{flex-grow:1}a{max-width:100%;display:inline-block;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,p,ul{margin:0;font-weight:400}ul{padding:0}li{list-style:none}img{max-width:100%;height:auto}*,:after,:before{box-sizing:border-box}code{display:block;padding:1em;overflow-x:auto;letter-spacing:.1em;font-family:Arial,YuGothic,Yu Gothic medium,Hiragino Sans,Meiryo,"sans-serif";font-size:15px}blockquote{margin-left:0;margin-right:0;padding-left:20px;padding-top:4px;padding-bottom:4px;border-left:5px solid #ddd;background-color:#fff;color:#582c73}.inner{max-width:1200px;margin:0 auto;padding:10px 20px 20px;display:flex}.inner .main{min-height:calc(100vh - 150px);padding-right:40px;flex-grow:1;min-width:0;position:relative}.inner .main:after{content:"";position:absolute;right:0;top:0;bottom:20px;width:1px;background-color:#d3cece}.heading{display:flex;align-items:center;margin-bottom:.3em;height:48px;font-size:1.5em;font-family:var(--mincho-font)}.heading:before{margin-right:10px}.heading:after,.heading:before{content:"";width:20px;height:1px;background-color:#6d5c5a}.heading:after{margin-left:10px}.blog-list{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr)}.blog-item h2{font-size:17px}.blog-item .tag{display:table;height:30px;margin-bottom:4px;padding:0;color:#6d5c5a;font-style:italic;position:relative;z-index:10}.blog-item .tag a{height:26px;padding:0 12px 0 9px;border-radius:13px;background-color:#be7b73;color:#fff;line-height:26px}.blog-item a{width:100%}.blog-item>a:hover .thumbnail img{transform:scale(1.06)}.thumbnail{width:100%;margin-bottom:6px;position:relative;overflow:hidden;border-radius:6px}.thumbnail:after{content:"";display:block;padding-top:58.8235294118%}.thumbnail img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-list .date{font-size:13px;text-align:right}.pager{display:flex;justify-content:center}.pager li{margin:4px 2px}.pager li a{width:21px;height:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.pager li.active a{color:#6d5c5a;border-bottom:1px solid #6d5c5a;pointer-events:none}.search-text{margin-bottom:8px}.copyright{position:fixed;left:20px;top:50vh;padding:4px 0;font-size:13px;transform:translateY(-50%);writing-mode:vertical-rl;font-style:italic;font-family:var(--mincho-font);background-color:#eee}.contents a{color:#3374b7}.imageContainer{max-width:450px}.imageContainer>span{position:unset!important}.imageContainer img{position:relative!important;width:100%!important;height:unset!important}@media screen and (max-width:1310px){footer{padding:10px 20px}.copyright{position:static;transform:translateY(0);display:table;margin:0 auto;padding:4px;writing-mode:horizontal-tb}}@media screen and (max-width:1100px){.inner{flex-direction:column}.inner .main{padding-right:0;margin-bottom:30px}.inner .main:after{background-color:rgba(0,0,0,0)}.sidebar{margin-left:0}}@media screen and (max-width:800px){.blog-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:540px){body{font-size:15px}code{padding:.8em;font-size:14px}.inner{padding-top:20px}.heading{font-size:21px;height:42px}.blog-list{grid-template-columns:repeat(1,1fr)}.blog-item h2{font-size:18px}.thumbnail{max-width:none}footer{padding-bottom:50px}}.sidebar{width:220px;margin-left:40px;flex-shrink:0}.tags li{width:-moz-fit-content;width:fit-content;margin-bottom:0}.tags li a{padding:2px 4px;justify-content:center;border-bottom:1px dotted #6d5c5a;background-color:#f7f7f7;font-style:italic}.sidebar-title,.tags li a{display:flex;align-items:center;color:#6d5c5a}.sidebar-title{margin-bottom:.3em;font-family:var(--mincho-font)}.sidebar-title:before{margin-right:10px}.sidebar-title:after,.sidebar-title:before{content:"";width:20px;height:1px;background-color:#6d5c5a}.sidebar-title:after{margin-left:10px}.search-form{margin-top:30px;max-width:400px;position:relative}.search-form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:block;width:100%;height:26px;margin-bottom:12px;padding-right:30px;border:none;border-bottom:1px solid;border-radius:0;background-color:rgba(0,0,0,0)}.search-form input:focus{border:none;border-bottom:1px solid}.search-form button{position:absolute;right:0;top:3px;background-color:rgba(0,0,0,0);border:none;cursor:pointer}@media screen and (max-width:1100px){.sidebar{width:100%;margin-left:0}.tags{display:flex;flex-wrap:wrap}.tags li{margin-right:20px}}@media screen and (max-width:540px){.sidebar{width:100%;position:fixed;left:0;bottom:0;z-index:1000;border-top:1px solid #fff}.sidebar .search-form,.sidebar h2{display:none}.tags li{width:33.3333333333%;margin:0!important}.tags li:first-of-type a{border-right:1px solid #d3cece}.tags li:last-of-type a{border-left:1px solid #d3cece}.tags li a{width:100%;height:40px;padding:4px;font-size:14px;flex-direction:column;background-color:#eee;font-style:normal;border:none}}@media screen and (max-width:365px){.tags li a{font-size:3.8vw}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;transition:.3s;z-index:3000;perspective:500px}.loading-text{font-size:48px;letter-spacing:.16em;font-family:var(--mincho-font);opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mr{margin-right:.5em}@media screen and (max-width:540px){.loading-text{font-size:9vw}}.heading2{margin-top:2rem}.heading2,.image-wrap{margin-bottom:1rem}.image-wrap:hover{opacity:.8}.contact-page iframe{display:none}.contact-page form{margin-top:10px}.contact-page form label{display:block;margin-bottom:16px}.contact-page form label span{display:block}.contact-page form label .required{display:inline-block;font-size:14px;color:red}.contact-page form label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;padding:0 8px;height:40px;border:1px solid #d3cece;border-radius:8px;font-size:16px}.contact-page form label input:focus{border:1px solid #42b5e0}.contact-page form label textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;outline:none;width:100%;height:240px;padding:8px;font-family:Arial,YuGothic,Yu Gothic medium,Hiragino Sans,Meiryo,"sans-serif";border:1px solid #d3cece;border-radius:8px;font-size:16px}.contact-page form label textarea:focus{border:1px solid #42b5e0}.contact-page form button[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:400px;width:200px;padding:10px;margin-bottom:10px;position:relative;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid #050505;cursor:pointer;font-family:Arial,YuGothic,Yu Gothic medium,Hiragino Sans,Meiryo,"sans-serif"}.contact-page form button[type=submit]:hover{opacity:.5}.contact-page .thanks{color:red}header{padding:20px;position:relative}.site-title{display:table;margin:0 auto .5em;font-size:24px;height:48px;letter-spacing:.1em;font-family:var(--mincho-font)}header nav ul{display:flex;justify-content:center;align-items:center}header nav ul li{margin:0 .7em}header nav ul li a{position:relative}header nav ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#050505;transition:.4s}header nav ul li a:hover:after{width:100%}.menu-btn{display:none}.menu-btn:after{content:"Menu"}.menu-btn.is-open:after{content:"Close"}.menus .search-form{display:none}@media screen and (max-width:540px){header{padding:10px 0;border-bottom:1px solid #d3cece}.site-title{margin-bottom:0;font-size:22px;height:44px}.menus{width:180px;padding:30px 10px;position:fixed;right:0;top:0;visibility:hidden;opacity:0;background-color:hsla(0,0%,100%,.97);border-bottom:1px solid #d3cece;border-left:1px solid #d3cece;z-index:100;transition:opacity .2s}.menus .search-form{display:block;position:relative}@keyframes fade-in{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.menus.is-open{animation:fade-in .3s forwards}header nav{margin-bottom:10px}header nav ul{display:table}header nav ul li{margin-bottom:12px}header nav ul li a:after{display:none}.search-form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:block;width:100%;max-width:400px;height:26px;margin-bottom:12px;padding-right:30px;border:none;border-bottom:1px solid;border-radius:0;background-color:rgba(0,0,0,0)}.search-form input:focus{border:none;border-bottom:1px solid}.search-form button{position:absolute;right:0;top:3px;cursor:pointer}.menu-btn,.search-form button{background-color:rgba(0,0,0,0);border:none}.menu-btn{width:45px;display:block;position:fixed;right:10px;top:6px;padding:8px 0 2px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;z-index:200;-webkit-appearance:none;-moz-appearance:none;appearance:none}.menu-btn span:first-of-type{width:18px;margin-right:11px}.menu-btn span:first-of-type,.menu-btn span:nth-of-type(2){display:table;height:1px;margin-bottom:6px;background-color:#505050}.menu-btn span:nth-of-type(2){width:30px}}