@keyframes hideanime{to{overflow:hidden;opacity:0}}@keyframes scroll-anim{from{opacity:1}to{overflow:hidden;opacity:0}}#detail{background-color:#f0f0f1;position:relative}@media screen and (max-width: 767px){#detail{background-color:#fff}}#detail::before{content:"";display:block;width:100%;height:50%;background-color:#fff;position:fixed;z-index:1;left:0;top:0}@media screen and (max-width: 767px){#detail::before{display:none}}#detail .header{position:fixed;z-index:10;justify-content:flex-end}@media only screen and (max-width:960px){#detail .header{justify-content:space-between}}@media screen and (max-width: 767px){#detail .header{position:static}}#detail .header .logo{display:none}@media only screen and (max-width:960px){#detail .header .logo{display:block;width:140px}}@media screen and (max-width: 767px){#detail .header .logo{width:120px}}#detail .header .brandlogo{animation:hideanime .6s ease-in 2s forwards}#detail .footer{padding:40px 20px 30px;position:relative;z-index:10}#detail .footer .logobox{flex-direction:column;margin-bottom:40px}#detail .footer .logobox .logo{width:190px;margin-bottom:40px}#detail .footer .navibox{flex-direction:column}#detail .footer .navibox .subnavi{flex-wrap:wrap;justify-content:center;width:70%;margin-bottom:20px}#detail .article_header{width:690px;width:calc(50% + 50px);height:100vh;position:fixed;top:0;left:0;z-index:50}@media only screen and (max-width:960px){#detail .article_header{display:none}}#detail .article_header .logo{position:absolute;z-index:55;width:140px;top:25px;left:25px}#detail .article_header .logo a:hover{opacity:.6}#detail .article_header .main_pht{position:absolute;z-index:60;top:50%;left:50%;transform:translate(-50%, -50%);min-width:254px;width:36.8115942029%}#detail .article_content{width:880px;margin:auto;position:relative;left:0;right:0;top:0;z-index:10}@media only screen and (max-width: 1176px){#detail .article_content{width:750px}}@media only screen and (max-width:960px){#detail .article_content{width:64%;transform:translateX(9%)}}@media screen and (max-width: 767px){#detail .article_content{width:100%;transform:initial}}#detail .article_content-inner{min-height:100vh;width:390px;margin-left:auto;background-color:#fff;box-sizing:border-box;border-left:1px solid #000;border-right:1px solid #000}@media only screen and (max-width:960px){#detail .article_content-inner{width:100%}}@media screen and (max-width: 767px){#detail .article_content-inner{border:none}}#detail .article_content-header{padding:30px 20px;position:relative;z-index:10}#detail .article_content-header h1{font-size:20px;font-size:2rem}#detail .article_content-header .tag_list{display:flex;justify-content:flex-end;margin-top:30px}#detail .article_content-header .tag_list-item{font-size:13px;font-size:1.3rem;text-decoration:underline}#detail .article_content-header .tag_list-item:last-child{margin-left:11px}#detail .article_content-header .tag_list a:hover{opacity:.6}#detail .article_content-post{padding:0 20px;padding-bottom:60px;position:relative;z-index:5}#detail .article_content-post::before{content:"";display:block;position:fixed;z-index:0;top:0;background-image:url("../images/page/bg.png");background-size:contain;background-position:center center;background-repeat:no-repeat;width:388px;height:100vh;margin-left:-20px}#detail .article_content-post-inner{position:relative;z-index:10}#detail .article_content-footer{padding:0 20px;padding-bottom:60px;border-bottom:1px solid #000;position:relative;z-index:10}#detail .article_content-footer .nextbtn{margin-bottom:40px}#detail .article_content-footer .nextbtn a{display:block;max-width:240px;margin:auto;border:1px solid #000;padding:20px 0;line-height:1;text-align:center}#detail .article_content-footer .backtop{text-align:center}#detail .article_content-footer .backtop a{text-decoration:underline}#detail .article_content-footer .backtop a:hover{opacity:.6}/*# sourceMappingURL=page.min.css.map */