body {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    background: #fff;
}

.gallery {
    width: 100%;
    max-width: 632px;
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
}
    
    

.gallery-slider {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;    
}    

.gallery-slider .swiper-slide {
    width: 100%;
    max-width: 632px;
    //height: 340px;
}

.gallery-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;  
}


/* 全体のスタイル */
.swiper-pagination-bullet {
	background: #a0a0a0; /* 色：グレー */
	opacity: 0.5; /* 半透明（デフォルトでは0.2） */
}
/* 現在のスライドのスタイル */
.swiper-pagination-bullet-active {
	background: #FF8BAB; /* 色：ピンク */
	opacity: 1; /* 不透明 */
}


.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;    
}    



@media screen and (max-width:519px) { 
    /*　画面サイズが519pxまではここを読み込む　*/
    
    .swiper-button-prev {
    display: none;        
    }
    
    .swiper-button-next {
    display: none;      
    }
}



.gallery-thumbs .swiper-slide {
    width: 158px;
    height: 85px;
    text-align: center;
    overflow: hidden;
    opacity: .2;    
}

.gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;  
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;    
}