@charset "utf-8";
/* GWP LAST RUN 2021/10/27 09:05:35 AsisRootFontSize:16 TobeRootFontSize:16 */
/* CSS Document */

/* Swiper 4.2.2 carousel custom styles */


.tgw-core-freehtml .article-sec {
/*max-width: 845px;*/
    max-width: 985px;
    width: 100%;
    margin: auto;
}

@media screen and (min-width: 769px){
  .tgw-core-freehtml .article-sec .art-text{padding-left:70px;padding-right:70px;}
}

.tgw-core-freehtml .swiper-container{
    padding:0 70px;
    box-sizing:border-box;
    margin-bottom:60px;
}

.tgw-core-freehtml .swiper-button-prev-wrap{
    position:absolute;
    z-index:10;
    background:#FFF;
    width:72px;
    height:101%;
    margin:0;
    top:-1px;
    left:-1.5px;
}

.tgw-core-freehtml .swiper-button-prev,
.tgw-core-freehtml .swiper-container-rtl .swiper-button-next{
    background: url(/common/image/icon-left-arrow-black.png)!important;
    width: 55px!important;
    height: 55px!important;
    z-index:11;

}


.tgw-core-freehtml .swiper-button-next-wrap{
    position:absolute;
    z-index:10;
    background:#FFF;
    width:72px;
    height:101%;
    margin:0;
    top:-1px;
    right:-1.5px;
}

.tgw-core-freehtml .swiper-button-next,
.tgw-core-freehtml .swiper-container-rtl .swiper-button-prev{
    background: url(/common/image/icon-right-arrow-black2.png)!important;
    width: 55px!important;
    height: 55px!important;
}


.tgw-core-freehtml #related-post-block .swiper-wrapper li a {
    text-decoration: none;
}

.tgw-core-freehtml #related-post-block .swiper-wrapper li .related-post-contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: linear-gradient(to bottom,rgba(48,48,48,0.9),rgba(48,48,48,0.7),rgba(48,48,48,0.2),rgba(0,0,0,0));
}

@media screen and (min-width: 769px){
  .tgw-core-freehtml #related-post-block .swiper-wrapper li a:hover .related-post-contents {
    background: linear-gradient(to bottom,rgba(48,48,48,0.5),rgba(48,48,48,0.3),rgba(48,48,48,0.1),rgba(0,0,0,0));
    background-color: rgba(255,255,255,0.3);
    /*transition: all 500ms;*/
    transition: all .5s;
  }
}

.tgw-core-freehtml .related-post-caption {
    text-align: left;
    color: #FFF;
    margin-bottom: 10px;
    font-size: 1.125rem /* GWP OriginalValue|18.0|PX| */;
    line-height: 1.6em;
    /*font-weight: bold;*/
    text-shadow: 1px 1px 4px #000;
}

.tgw-core-freehtml .swiper-wrapper li img {
    width: 100%;
    display: block;
}