#mgazine-list{flex-wrap:wrap;gap:40px 30px}.magazine-block{width:calc((100% - 80px) /3)}.magazine-block a{text-decoration:none}.magazine-block a:hover{opacity:0.5}.magazine-block .magazine-img{height:13rem;width:100%;background-color:#efefef;border:1px solid #cccccc;background-image:url("/date/img/page/magazine/noimage.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}.magazine-block h2{margin-top:1.0rem;font-size:1.2rem;line-height:1.5}@media screen and (max-width: 750px){#mgazine-list{gap:20px}.magazine-block{width:calc(50% - 10px)}.magazine-block .magazine-img{height:20rem}.magazine-block h2{font-size:2.4rem}}.magazine-detail h2.section-header{margin-bottom:12px}.magazine-detail .content-entry{margin-top:60px}.content{padding:50px 30px}.content img{border:1px solid #cccccc;width:100%;height:auto}.back a{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:300px;height:44px;line-height:44px;text-decoration:none;font-size:15px;background:#152770;color:#fff;border:1px solid #152770;text-align:center;position:relative}.back a:hover{color:#152770;background:#fff}.back a:after{content:'';display:inline-block;width:8px;height:8px;border-top-width:2px;border-top-style:solid;border-right-width:2px;border-right-style:solid;position:absolute;right:10px;top:50%;margin-top:-4px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width: 750px){.magazine-detail h2.section-header{margin-bottom:2.5rem}.magazine-detail .content-entry{margin-top:5.5rem}.content{padding:6rem 0}.content img{border:1px solid #cccccc;width:100%;height:auto}.back a{width:45.4rem;height:6.7rem;line-height:6.7rem;font-size:2.4rem}.back a:after{width:1.4rem;height:1.4rem;right:2.5rem;margin-top:-0.7rem}}.btn-s-animate{display:inline-block;width:400px;height:60px;line-height:60px;text-decoration:none;font-size:15px;color:#fff;text-align:center;background:url(../../../img/page/index/pc/bg-s-animate-inner.png) repeat-x 0 0;position:relative;overflow:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2),-2px -2px 10px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2),-2px -2px 10px rgba(0,0,0,0.2);-ms-box-shadow:2px 2px 10px rgba(0,0,0,0.2),-2px -2px 10px rgba(0,0,0,0.2);-o-box-shadow:2px 2px 10px rgba(0,0,0,0.2),-2px -2px 10px rgba(0,0,0,0.2);box-shadow:2px 2px 10px rgba(0,0,0,0.2),-2px -2px 10px rgba(0,0,0,0.2)}.btn-s-animate .overlay{width:100%;height:100%;display:block;background:url(../../../img/page/index/pc/bg-s-animate.png) repeat-x 0 0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;position:absolute;left:0;top:0;z-index:1}.btn-s-animate .overlay:after{content:'';display:inline-block;width:58px;height:60px;background:url(../../../img/page/index/pc/btn-s-overlay.png) no-repeat 0 0;position:absolute;right:-58px;top:0}.btn-s-animate>span span{position:relative;z-index:2;display:block;width:100%;height:100%}.btn-s-animate>span span:after{content:'';display:inline-block;width:8px;height:8px;border-top-width:2px;border-top-style:solid;border-right-width:2px;border-right-style:solid;position:absolute;right:18px;top:50%;margin-top:-4px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.btn-s-animate:hover{color:#11195d}.btn-s-animate:hover .overlay{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.btn-s-animate.btn-yt{padding-left:30px;margin-bottom:40px;margin-top:-20px}.btn-s-animate.btn-yt>span span::before{background:url(../../../img/page/index/pc/icon-yt.svg) no-repeat center;content:'';height:17px;left:44px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.btn-s-animate.btn-yt>span span::after{background:url(../../../img/page/index/pc/icon-link.svg) no-repeat center;border:0;height:17px;right:17px;transform:translateY(-50%);width:23px}.btn-s-animate.btn-yt:hover>span span::before{background-image:url(../../../img/page/index/pc/icon-yt-on.svg)}.btn-s-animate.btn-yt:hover>span span::after{background-image:url(../../../img/page/index/pc/icon-link-on.svg)}@media screen and (max-width: 750px){.btn-s-animate{display:block;width:auto;height:auto;line-height:1;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.btn-s-animate.btn-yt{margin-left:0;margin-top:20px;padding-left:0px}}
/*# sourceMappingURL=index.css.map */