.protect,header .toplogo>a h1{position:relative}.protect::before,header .toplogo>a h1::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}.margin05{margin-top:.5em !important}.margin1{margin-top:1em !important}.margin2{margin-top:2em !important}.margin3{margin-top:3em !important}.opa{opacity:1;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}.opa:hover,.opa:focus{opacity:.4}.center{margin-left:auto;margin-right:auto;text-align:center}@media screen and (min-width: 48.0625em){.pcNone{display:none}.pcBlock{display:block}}@media screen and (max-width: 48em){.spNone{display:none}.spBlock{display:block}}#Loading{z-index:200;position:fixed;width:100%;height:100%;left:0;top:0;background-color:#fff}#Loading.moveloading{animation:moveloading forwards .8s ease-out 0s}#Loading p{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;width:8vw;height:8vw;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#3ff9dc;background:linear-gradient(0deg, rgba(101, 198, 223, 0.2) 33%, rgb(101, 198, 223) 100%);animation:spin 1.2s linear 0s infinite}#Loading p>span{display:block;width:100%;height:100%;background-color:#fff;border-radius:50%}@media screen and (max-width: 48em){#Loading p{width:20vw;height:20vw}}@keyframes moveloading{from{filter:blur(0)}to{filter:blur(2em);display:none}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}header{box-sizing:border-box;position:relative;padding:min(3vw,1em) min(3vw,1em) min(6vw,3em);background-color:#111}header .toplogo{display:flex;flex-wrap:wrap;align-items:center;gap:2%;position:relative;width:min(40%,15em);margin-top:min(6vw,2.5em);margin-left:min(1vw,1.5em)}header .toplogo>a{display:block;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}header .toplogo>a:hover,header .toplogo>a:focus{opacity:.5}header .toplogo>a p{position:absolute;left:27%;bottom:0;line-height:.8;color:#fff;font-size:60%;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal}header input{background-color:rgba(0,0,0,0);border:none;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}header input[type=text]{box-sizing:border-box;width:calc(100% - 3.5em);padding-left:1em}header input[type=submit]{cursor:pointer;position:absolute;right:3%;top:0;bottom:0;margin:auto;width:1.6em;height:1.6em;background-image:url(../img/search_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);background-position:center center;background-repeat:no-repeat;background-size:auto 100%}header .search>div{position:relative;background-color:#fff;border-radius:9999px}@media screen and (min-width: 48.0625em){header .search{width:40%}}@media screen and (min-width: 48.0625em)and (max-width: 64em){header .search{width:60%}}@media screen and (max-width: 48em){header .search{position:relative;width:68vw}header .search>div{width:100%}header .toplogo a p{font-size:50%}}#nemuArea{z-index:200;position:fixed;display:flex;align-items:center}#nemuArea.black .menu span{background-color:#111}#nemuArea .menu{cursor:pointer;position:relative;width:3em;height:.5em}#nemuArea .menu span{display:block;position:absolute;left:0;width:100%;height:1px;background-color:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#nemuArea .menu span:first-of-type{top:0}#nemuArea .menu span:nth-of-type(2){bottom:0}#nemuArea .menu.close span{top:0;bottom:0;margin:auto;background-color:#111}#nemuArea .menu.close span:first-of-type{transform:rotate(15deg)}#nemuArea .menu.close span:nth-of-type(2){transform:rotate(-15deg)}#nemuArea .sns{margin-right:1em}@media screen and (min-width: 48.0625em){#nemuArea{right:1em;top:1em}}@media screen and (max-width: 48em){#nemuArea{right:2vw;top:3vw}}#overlay{opacity:0;visibility:hidden;z-index:99;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(17,17,17,.4);transition:opacity .5s,visibility .5s}#overlay.visible{opacity:1;visibility:visible}#navigation{visibility:hidden;right:-22em;z-index:100;box-sizing:border-box;position:fixed;top:0;width:20em;height:100%;padding:3em 2em;background-color:#fff;transition:right .5s,visibility .5s}#navigation.visible{right:0;visibility:visible}#navigation .top{display:block;position:relative}#navigation .top::after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:#111;border-radius:0 9999px 9999px 0;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#navigation .top span{display:block;position:relative;z-index:5;padding-left:2.5em;letter-spacing:.06em;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;background-image:url(../img/menu_top.svg);background-position:.1em center;background-repeat:no-repeat;background-size:auto 90%;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#navigation .top:hover::after,#navigation .top:focus::after{width:100%}#navigation .top:hover span,#navigation .top:focus span{color:#fff;background-image:url(../img/menu_top_w.svg)}#navigation h3{position:relative;margin-top:1em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:90%}#navigation h3::after{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto;width:90%;height:1px;background-color:#111}#navigation h3 span{position:relative;z-index:101;padding-right:.5em;background-color:#fff}.sns{display:flex;flex-wrap:wrap;gap:1em}.sns li{width:1.6em}.tags{display:flex;flex-wrap:wrap;gap:.5em .4em}.tags li a{display:block;padding:0 1em;font-size:90%;border-width:1px;border-style:solid;border-radius:9999px;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}.tags li a:hover,.tags li a:focus{color:#fff;background-color:#636363}.tags.white li a{border-color:#fff}.tags.white li a:hover,.tags.white li a:focus{color:#111;background-color:#fff}@media screen and (min-width: 48.0625em)and (max-width: 64em){.tags li{font-size:80%}}@media screen and (max-width: 48em){.tags li{font-size:80%}}#body{position:relative;max-width:1400px;width:90vw;margin:auto}@media screen and (min-width: 48.0625em)and (max-width: 64em){#body{width:96vw}}@media screen and (max-width: 48em){#body{width:94vw}}#wrapperArea{position:relative;height:auto}#wrapperArea .title{padding-bottom:.3em;display:flex;flex-wrap:wrap;border-bottom:1px solid #111}#wrapperArea .title h2{letter-spacing:.08em;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;font-weight:600;font-size:110%}#wrapperArea .title span{margin-left:1em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:85%}@media screen and (min-width: 48.0625em){#wrapperArea{display:grid;grid-template-columns:1fr 20em;column-gap:3%}}@media screen and (min-width: 48.0625em)and (max-width: 64em){#wrapperArea{grid-template-columns:1fr 30%}}#top-nav{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:2%;border-bottom:3px solid #111}#top-nav a{display:block;padding:1vw 0;letter-spacing:.08em;text-align:center;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;font-size:80%}#top-nav a.on{background-color:#a5a5a5}@media screen and (min-width: 48.0625em){#top-nav{display:none}}#news{display:flex;flex-direction:column}#news>article{padding:1em 0;border-bottom:1px dotted #a5a5a5}#news a{transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#news a:hover,#news a:focus{opacity:.5}#news .catname{display:inline-block;padding:.1em 2em;text-align:center;letter-spacing:.06em;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;font-size:80%;color:#fff;background-color:#111;border-radius:9999px}#news .day{font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal}#news h3{margin-top:.2em;line-height:1.5;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:120%}#news .text{margin-top:.6em;line-height:1.4;font-size:90%}#news .writter{display:grid;grid-template-columns:2.6em 1fr;column-gap:2em;font-size:80%;margin-top:1em}#news .writter .prof{overflow:hidden;display:block;border-radius:50%}#news .writter .pv{display:flex;align-items:center;padding-left:2em;background-image:url(../img/visibility_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg);background-position:left center;background-repeat:no-repeat;background-size:auto 60%}#news .tags{margin-top:.6em}#news .tags li a{border-color:#636363}@media screen and (min-width: 48.0625em){#news>article{position:relative;display:grid;grid-template-columns:26% 1fr;column-gap:3%}}@media screen and (max-width: 48em){#news .catname{font-size:70%}#news .img{float:left;width:36%;margin-right:4%}#news h3{margin-top:auto}#news .text{clear:both;padding-top:1vw}}#pager{display:flex;justify-content:center;margin-top:1em}#pager li{display:flex;align-items:center;gap:.5em}#pager li>*{overflow:hidden;display:block;width:2.4em;height:2.4em;line-height:2.4;font-size:90%;text-align:center;border-radius:.6em}#pager li span{color:#fff;background-color:#111}#pager li a{transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#pager li a:hover,#pager li a:focus{background-color:#eaeaea}#aside{position:relative}.cats li{position:relative;margin-top:1em}.cats li::after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color:#111;border-radius:0 9999px 9999px 0;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}.cats li a{display:block;position:relative;z-index:5;padding-left:2.5em;letter-spacing:.06em;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;background-position:.1em center;background-repeat:no-repeat;background-size:auto 90%}.cats li:hover::after,.cats li:focus::after{width:100%}.cats li:hover a,.cats li:focus a{color:#fff}.cats li.no1 a{background-image:url(../img/cat_icon1.svg)}.cats li.no1 a:hover,.cats li.no1 a:focus{background-image:url(../img/cat_icon1_w.svg)}.cats li.no2 a{background-image:url(../img/cat_icon2.svg)}.cats li.no2 a:hover,.cats li.no2 a:focus{background-image:url(../img/cat_icon2_w.svg)}.cats li.no3 a{background-image:url(../img/cat_icon3.svg)}.cats li.no3 a:hover,.cats li.no3 a:focus{background-image:url(../img/cat_icon3_w.svg)}.cats li.no4 a{background-image:url(../img/cat_icon4.svg)}.cats li.no4 a:hover,.cats li.no4 a:focus{background-image:url(../img/cat_icon4_w.svg)}.cats li.no5 a{background-image:url(../img/cat_icon5.svg)}.cats li.no5 a:hover,.cats li.no5 a:focus{background-image:url(../img/cat_icon5_w.svg)}.cats li.no6 a{background-image:url(../img/cat_icon6.svg)}.cats li.no6 a:hover,.cats li.no6 a:focus{background-image:url(../img/cat_icon6_w.svg)}#recommend{margin-top:3em}#recommend .tags{margin-top:.5em}#ranking{margin-top:3em}#ranking ul li{position:relative;padding:.2em 0 .2em 2em;border-bottom:1px dotted #a5a5a5}#ranking ul li::before{position:absolute;left:0;top:0;bottom:0;margin:auto;width:1.8em;height:1.8em;text-align:center;line-height:1.8;font-size:80%;color:#fff;background-color:#111;border-radius:50%}#ranking ul li:nth-child(1)::before{content:"1"}#ranking ul li:nth-child(2)::before{content:"2"}#ranking ul li:nth-child(3)::before{content:"3"}#ranking ul li:nth-child(4)::before{content:"4"}#ranking ul li:nth-child(5)::before{content:"5"}#ranking ul a{display:grid;grid-template-columns:30% 1fr;column-gap:4%;padding:.6em 0;background-color:rgba(0,0,0,0);transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#ranking ul a:hover,#ranking ul a:focus{background-color:#eaeaea}#ranking ul a p{line-height:1.4;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:90%}@media screen and (min-width: 48.0625em)and (max-width: 64em){#ranking ul li a{font-size:80%}}@media screen and (max-width: 48em){#ranking ul li a{grid-template-columns:20% 1fr}}#pickup{margin-top:3em}#pickup ul li{position:relative;padding:.2em 0;border-bottom:1px dotted #a5a5a5}#pickup ul a{display:grid;grid-template-columns:30% 1fr;column-gap:4%;padding:.6em 0;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#pickup ul a:hover,#pickup ul a:focus{background-color:#eaeaea}#pickup ul a p{line-height:1.4;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:90%}@media screen and (max-width: 48em){#pickup ul li a{grid-template-columns:20% 1fr}}footer{position:relative;margin-top:min(16vw,7em);padding:2em 0;color:#fff;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;background-color:#d0d0d0}footer .footlogo{position:relative;display:flex;flex-wrap:wrap;align-items:end;gap:min(3%,1em)}footer .footlogo>a{width:min(25%,120px);transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}footer .footlogo>a:hover,footer .footlogo>a:focus{opacity:.5}footer .footlogo p{line-height:1.2;color:#111;font-size:82%;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal}footer h4{margin-top:1em;margin-bottom:.2em;font-size:105%}footer ul{display:flex;flex-wrap:wrap;gap:.5em}footer ul li{letter-spacing:.08em;font-size:90%;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}footer ul a{transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}footer ul a:hover,footer ul a:focus{color:#111}footer .catlist li{line-height:1}footer .catlist li:not(:last-child){position:relative;padding-right:1em;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal}footer .catlist li:not(:last-child)::after{content:"-";position:absolute;top:0;bottom:0;right:0;margin:auto}footer .company{margin-top:1.5em}footer .company li{line-height:1}footer .company li:not(:last-child){position:relative;padding-right:1em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal}footer .company li:not(:last-child)::after{content:"-";position:absolute;top:0;bottom:0;right:0;margin:auto}footer .brand{display:flex;flex-wrap:wrap;gap:2%;margin-top:2em}footer .brand a{display:block;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}footer .brand a:hover,footer .brand a:focus{opacity:.5}footer .brand img{width:auto;height:2.4vw}footer small{display:block;margin-top:2em}@media screen and (min-width: 48.0625em){footer>div{width:90vw;margin:auto}}@media screen and (min-width: 48.0625em)and (max-width: 64em){footer>div{width:96vw}footer .brand img{height:4vw}}@media screen and (max-width: 48em){footer{padding:4vw 3vw}footer .footlogo p{font-size:70%}footer .brand{gap:3vw 5vw}footer .brand a{text-align:center}footer .brand img{height:7vw}}*,*::before,*::after{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:"游ゴシック",YuGothic,"Helvetica","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Helvetica Neue",Arial,sans-serif}body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd,div,ul,li,ol{margin:0;padding:0}body{overflow-x:hidden;min-height:100vh;line-height:1.8;font-size:clamp(.875rem,.852rem + .11vw,.938rem);color:#111;background-color:#fff}h1,h2,h3,h4,h5,input,label{line-height:1.4}ul,ol{list-style:none}a{text-decoration:none;outline:none;color:#111;overflow-wrap:break-word}a:hover{color:#111}a:focus,a:visited{outline:none;color:#111}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,svg,figure,iframe,blockquote{max-width:100%;display:block;border:none}button{display:block;padding:0;background-color:rgba(0,0,0,0);border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}:target{scroll-margin-block:5ex}::selection{background-color:#cdcdcd}::-moz-selection{background-color:#cdcdcd}#bread ol{margin-top:.5em;line-height:1.3}#bread ol li{display:inline;position:relative;margin-right:.5em;padding-right:.6em;letter-spacing:.06em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:90%}#bread ol li::after{content:"/";position:absolute;right:0}#bread ol li:last-child{margin-right:auto;padding-right:0}#bread ol li:last-child::after{display:none}#bread ol a{transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#bread ol a:hover,#bread ol a:focus{text-decoration:underline}#wrapperArea #body-wrapper>h1{position:relative;margin:1em auto;letter-spacing:.06em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:140%}#wrapperArea #body-wrapper>h1.catmt{padding-left:1.7em;background-position:left center;background-repeat:no-repeat;background-size:auto 100%}#wrapperArea #body-wrapper>h1.no1{background-image:url(../img/cat_icon1.svg)}#wrapperArea #body-wrapper>h1.no2{background-image:url(../img/cat_icon2.svg)}#wrapperArea #body-wrapper>h1.no3{background-image:url(../img/cat_icon3.svg)}#wrapperArea #body-wrapper>h1.no4{background-image:url(../img/cat_icon4.svg)}#wrapperArea #body-wrapper>h1.no5{background-image:url(../img/cat_icon5.svg)}#wrapperArea #body-wrapper>h1.tagmt{padding-left:1.2em}#wrapperArea #body-wrapper>h1.tagmt::before{content:"";position:absolute;left:0;top:0;bottom:0;margin:auto;width:.6em;height:2px;background-color:#111}@media screen and (min-width: 48.0625em){#wrapperArea{margin-top:1.5em}}@media screen and (max-width: 48em){#wrapperArea #body-wrapper>h1{margin:.6em auto}}@media screen and (max-width: 48em){#aside{margin-top:10vw}}#main{position:relative}#main .catname{display:inline-block;padding:.1em 2em;text-align:center;letter-spacing:.06em;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal;font-size:80%;color:#fff;background-color:#111;border-radius:9999px}#main h1{margin:.2em auto;padding-bottom:.6em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:200%;border-bottom:1px solid #a5a5a5}#main .partsarea{display:flex;justify-content:end;align-items:center}#main .day{margin-right:1em;font-family:"Raleway",serif;font-optical-sizing:auto;font-style:normal}#main .share{display:flex;flex-wrap:wrap;column-gap:.6em}#main .share li{width:2em;height:2em}#main .share a{transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#main .share a:hover,#main .share a:focus{opacity:.5}@media screen and (min-width: 48.0625em){#main{margin-top:.5em}}@media screen and (min-width: 48.0625em)and (max-width: 64em){#main h1{font-size:160%}}@media screen and (max-width: 48em){#main{margin-top:6vw}#main h1{font-size:160%}}#blogbody{position:relative;margin-top:2em}#blogbody>*{margin-top:2em}#blogbody .sns-container{display:flex;justify-content:center}#blogbody h3{padding-top:.5em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:130%;border-bottom:2px solid #111}#blogbody h3.txttitle1{padding:.2em 0 .3em .5em;line-height:1.4;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:140%;border-left:3px solid #111;border-bottom:none}#blogbody h4.txttitle2{padding:.2em 0 .3em .5em;line-height:1.4;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:120%;border-left:3px solid #111}#blogbody p a:not([class]){text-decoration:underline;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#blogbody p a:not([class]):hover,#blogbody p a:not([class]):focus{background-color:#eaeaea}#blogbody .summary{border:1px solid #eaeaea;border-radius:.6em}#blogbody .summary .meta h4{padding-bottom:.2em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:120%;border-bottom:1px solid #111}#blogbody .summary .meta p{margin-top:1em}#blogbody .page{overflow:hidden;position:relative;margin-top:4em}#blogbody .page li{position:relative;width:2.6em}#blogbody .page li a{display:block;position:relative;height:2.6em;text-align:center;color:#fff;background-color:#111;border-radius:.6em;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#blogbody .page li a::before,#blogbody .page li a::after{content:"";position:absolute;top:calc(50% - 1px);left:0;right:0;margin:auto;width:40%;height:2px;border-radius:9999px;background-color:#fff;transform-origin:calc(100% - 1px) 50%}#blogbody .page li a::before{transform:rotate(30deg)}#blogbody .page li a::after{transform:rotate(-30deg)}#blogbody .page li a:hover,#blogbody .page li a:focus{opacity:.5}#blogbody .page li span{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0, 0, 0, 0);overflow:hidden}#blogbody .page .previtem{float:left}#blogbody .page .previtem a{transform:scale(-1, 1)}#blogbody .page .nextitem{float:right}#blogbody .sns_bottom{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:1%;margin-top:4em}#blogbody .sns_bottom li a{display:block;height:3.2em;border-radius:.6em;background-position:center center;background-repeat:no-repeat;background-size:auto 60%;background-color:#111}#blogbody .sns_bottom .x a{background-image:url(../img/icon_x.svg)}#blogbody .sns_bottom .fb a{background-image:url(../img/icon_fb.svg)}#blogbody .sns_bottom .line a{background-image:url(../img/icon_line.svg)}#blogbody .writter_bottom{display:grid;grid-template-columns:20% 1fr;column-gap:3%;padding:1em;background-color:#eaeaea;border-radius:.6em}#blogbody .writter_bottom .left{overflow:hidden}#blogbody .writter_bottom .left img{border-radius:50%}#blogbody .writter_bottom h4{padding-top:.5em;font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:120%}#blogbody .writter_bottom p{margin-top:1em;line-height:1.5}#blogbody .writter_bottom .right{text-align:right}#blogbody .writter_bottom .right a{position:relative;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#blogbody .writter_bottom .right a::after{content:"＞"}#blogbody .writter_bottom .right a:hover,#blogbody .writter_bottom .right a:focus{opacity:.5;text-decoration:none}@media screen and (min-width: 48.0625em){#blogbody .summary{display:grid;grid-template-columns:30% 1fr;column-gap:3%;padding:1em}#blogbody .writter_bottom{box-sizing:border-box;width:80%;margin-left:auto;margin-right:auto}#blogbody .sns_bottom li a{display:flex;justify-content:center;align-items:center;background-position:4% center;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#blogbody .sns_bottom li a:hover,#blogbody .sns_bottom li a:focus{opacity:.5}#blogbody .sns_bottom span{color:#fff}}@media screen and (min-width: 48.0625em)and (max-width: 64em){#blogbody .twitter-timeline{width:100% !important}#blogbody .writter_bottom{width:100%}#blogbody .sns_bottom li a{box-sizing:border-box;justify-content:flex-start;padding-left:3em}#blogbody .sns_bottom li a span{font-size:80%}}@media screen and (max-width: 48em){#blogbody .summary{padding:3vw}#blogbody .summary .photo{width:70%;margin:auto}#blogbody .summary .meta{margin-top:3vw}#blogbody .writter_bottom{grid-template-columns:35% 1fr}#blogbody .sns_bottom li a span{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0, 0, 0, 0);overflow:hidden}}#relation{margin-top:3em}#relation ul li{position:relative;border-bottom:1px dotted #a5a5a5}#relation ul li a{display:grid;grid-template-columns:30% 1fr;column-gap:3%;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}#relation ul li a:hover,#relation ul li a:focus{opacity:.5}#relation ul li .catname,#relation ul li .day{font-size:80%}#relation ul li .day{text-align:left}#relation ul li h3{font-family:"Noto Sans JP",serif;font-optical-sizing:auto;font-style:normal;font-size:100%}@media screen and (min-width: 48.0625em){#relation ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5em 2%;margin-top:.5em}#relation ul li{padding-bottom:.5em}}@media screen and (min-width: 48.0625em)and (max-width: 64em){#relation ul{display:block}#relation ul li{padding-top:.5em}}@media screen and (max-width: 48em){#relation{margin-top:10vw}#relation ul li{padding:2vw 0}#relation ul li a{grid-template-columns:20% 1fr}#relation ul li h3{font-size:90%}}/*# sourceMappingURL=other.css.map */