.max-img{width:100%}
.wrap_pc {
    margin-top: 15rem;
    padding: 0 8.333%;
}
.types {
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #b9b9b9;
}
.types a{
    margin-right: 3rem;
    font-size: 1.25rem;
    position:relative;
    color:#b9b9b9;
}
.types a.active{
    font-weight: bold;
    color: #000;
    font-size: 1.5rem;
}
.types a.active::after{
    content: '';
    position: absolute;
    background: #66754e;
    width: 55px;
    height: 5px;
    bottom: -1.5rem;
    left: 50%;
    margin-left: -22.5px;
}
.mySwiper{margin:3rem 0 5rem}
.mySwiper .swiper-slide{opacity:.3;cursor:pointer}
.mySwiper .swiper-slide.swiper-slide-thumb-active{opacity:1}
.swiper-box{padding:0 8%}


.wrap_mb{display:none;padding:0 8.333%;margin-top:10rem}
.picture{display:none;}
.picture>*{margin-top:2rem}
.show{display:flex;justify-content:space-between;margin-top:1.5rem}
.album{margin-top:2rem}
.album_title{font-size:1.25rem;font-weight:bold}
.album_title::before{
    content:"";
    display:inline-block;
    height:15px;
    width:4px;
    background:#66754e;
    margin-right:10px;
    vertical-align:middle;
}
.show .tip{color:#66754e}

@media screen and (max-width:900px) {
    .wrap_pc{display:none}
    .wrap_mb{display:block}
}