@charset "utf-8";#blogs{text-align:left}#blogs .blogs{border:1px solid gray;display:inline-block;vertical-align:top}#blogs .blogs picture{overflow:hidden;position:relative}#blogs .blogs picture:before{content:"";display:block;padding-top:56.25%}#blogs .blogs picture img{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#blogs .blogs picture.landscape img{height:100%}#blogs .blogs picture.portrait img{width:100%}#blogs .blogs>div{padding:.5em 1em;line-height:1.5}#blogs .blogs>div time{font-size:75%;line-height:1.25}#blogs .blogs>div h2{color:#4D4D4D;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}#blogs .blogs>div h2 a{color:#4D4D4D;text-decoration:none}#blogs .blogs>div h2 a:hover{text-decoration:underline}#blogs .blogs>div>a{color:#0060B2;font-size:87.5%;text-decoration:none}#blogs .blogs>div>a:hover{text-decoration:underline}@media screen and (max-width:639px){#blogs .blogs{width:93.75%}}@media screen and (min-width:640px) and (max-width:767px){#blogs .blogs{width:-webkit-calc((100% - (3.125% * 3)) / 2);width:calc((100% - (3.125% * 3)) / 2)}}@media screen and (max-width:767px){#blogs{margin-bottom:6.25%}#blogs .blogs{margin-bottom:6.25%;margin-left:3.125%}#blogs .blogs>div h2{font-size:112.5%}}@media screen and (min-width:768px){#blogs{margin-bottom:50px}#blogs .blogs>div h2{font-size:125%}}@media screen and (min-width:768px) and (max-width:1023px){#blogs .blogs{margin-bottom:50px;width:-webkit-calc((100% - 20px) / 2);width:calc((100% - 20px) / 2)}#blogs .blogs:nth-child(even){margin-left:20px}}@media screen and (min-width:1024px){#blogs .blogs{margin-bottom:50px;width:-webkit-calc((100% - (20px * 2)) / 3);width:calc((100% - (20px * 2)) / 3)}#blogs .blogs:not(:nth-child(3n+1)){margin-left:20px}}#detail_title{border-left:.25em solid gray;color:gray;line-height:1;padding-top:.25em;padding-bottom:.25em;padding-left:.75em}#detail_title time{display:inline-block;font-size:100%;font-weight:400;margin-right:.5em;vertical-align:middle}#detail_title a{display:inline-block;font-size:100%;font-weight:400;vertical-align:middle}#detail_title h1{font-weight:500;line-height:1.5;margin-top:.125em}#blog_body{color:#4D4D4D}#blog_body img{max-width:100%!important}#detail>hr{background-color:gray}@media screen and (max-width:767px){#detail{margin-bottom:12.5%}#detail_title{margin-left:auto;margin-right:auto;width:93.75%}#detail_title h1{font-size:125%}#detail_img{margin-top:.5em;text-align:center}#detail_img img{width:56.25%}#blog_body{margin-top:.5em;padding:0 3.125%}#detail>hr{margin:12.5% auto 0;width:93.75%}}@media screen and (min-width:768px){#detail{margin-bottom:100px}#detail_title h1{font-size:150%}#detail_img{margin-top:3em}#detail_img img{max-width:600px}#blog_body{margin-top:2.5em}#detail>hr{margin:100px 0 0}}#archive h2{border-bottom:1px solid gray}#archives{line-height:1.5}#archives .archives h3{padding:0 .5em}#archives .archives h3:before{content:"\F044A";font-family:"Material Design Icons"}#archives .archives p{padding:0 .5em}@media screen and (max-width:767px){#archive{margin-bottom:12.5%}#archive h2{font-size:112.5%;margin:0 auto .5em;padding:0 3.125%;width:93.75%}#archives .archives{padding:0 3.125%}#archives .archives:not(:first-child){margin-top:.5em}}@media screen and (min-width:768px){#archive{margin-bottom:100px}#archive h2{font-size:125%;margin-bottom:.5em;padding:0 .5em}#archives{font-size:87.5%;margin-top:-.5em}#archives .archives{margin-top:.5em}}@media screen and (min-width:1024px){#archives .archives{display:inline-block;vertical-align:top;width:49%}#archives .archives:nth-child(even){margin-left:2%}}@media screen and (min-width:1024px) and (max-width:1279px){#archives{font-size:75%}}@media screen and (min-width:1280px){#archives{font-size:87.5%}}
