@charset "UTF-8";.icon-base-pseudo{font-family:'icon';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none;text-transform:none}
.detail-media{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}
.detail-media .cont{position:absolute;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.detail-media .cont .l-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1}
.detail-media .cont p{font-size:1.125rem}
.detail-media .media{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}
.detail-media .media.side-right{float:right;padding-left:1.47058824%}
.detail-media .media.side-left{float:left;padding-right:1.47058824%}
.detail-media .media.wide{width:58.667%}
.detail-media .tabs{font-size:1.125rem;margin-top:60px;padding-top:30px;border-top:1px solid rgba(0,0,0,0.2)}
.detail-media .tabs.theme-dark{border-top-color:#fff}
.detail-media .video-wrap{overflow:hidden;position:relative;height:0;padding-bottom:100%;background-color:#000}
.detail-media .video-wrap.theme-light{background-color:#fff}
.detail-media .video{position:absolute;width:100%;height:100%;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}
.detail-media .video.is-hide{opacity:0}
.detail-media .img-wrap{position:relative}
.detail-media .img-wrap img{width:100%}
.detail-media .img-caption{position:absolute;left:24%;bottom:10%;width:52%;font-size:.875rem}
.detail-media .media-img{display:block}
.detail-media .indicator-wrap{position:absolute;right:0;left:0;bottom:0;max-width:1685px;width:100%;margin-left:11.97916667%}
.detail-media .indicator-wrap button{width:40px;height:2px;background-color:#ccc}
.detail-media .indicator-wrap button.is-active{background-color:#000}
.detail-media .indicator-wrap button:hover,.detail-media .indicator-wrap button:focus{background-color:#000}
.detail-media .indicator-wrap button+button{margin-left:7px}
@media only screen and (min-width:1440px){.detail .s-header{text-align:center}
}
.img-caption{text-align:left;font-size:.875rem}
.spread-side .img-caption{padding-right:10%}
@media only screen and (min-width:768px){.img-caption{width:60%;margin:0 auto}
.spread-side .img-caption{padding-right:0}
}
.swiper-slide-visible+.swiper-slide:not(.swiper-slide-visible){opacity:.4}
#footer{padding-bottom:110px}
.content-jump-nav.is-active{display:none}
.floating-menu{display:none}