/*スマホ用コースギャラリー*/
/* */
.gallery img{
 width: 100%;
}
.gallery-img{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image:hover{
 opacity: 0.4;
}
.gallery img {
    max-width: 640px;
    width: 100%;
}

/*1*/
.gallery1 img{
 width: 100%;
}
.gallery-img1{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list1{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image1{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image1:hover{
 opacity: 0.4;
}
.gallery1 img {
    max-width: 640px;
    width: 100%;
}

/*2*/
.gallery2 img{
 width: 100%;
}
.gallery-img2{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list2{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image2{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image2:hover{
 opacity: 0.4;
}
.gallery2 img {
    max-width: 640px;
    width: 100%;
}

/*3*/
.gallery3 img{
 width: 100%;
}
.gallery-img3{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list3{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image3{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image3:hover{
 opacity: 0.4;
}
.gallery3 img {
    max-width: 640px;
    width: 100%;
}

/*4*/
.gallery4 img{
 width: 100%;
}
.gallery-img4{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list4{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image4{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image4:hover{
 opacity: 0.4;
}
.gallery4 img {
    max-width: 640px;
    width: 100%;
}

/*5*/
.gallery5 img{
 width: 100%;
}
.gallery-img5{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list5{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image5{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image5:hover{
 opacity: 0.4;
}
.gallery5 img {
    max-width: 640px;
    width: 100%;
}

/*6*/
.gallery6 img{
 width: 100%;
}
.gallery-img6{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list6{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image6{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image6:hover{
 opacity: 0.4;
}
.gallery6 img {
    max-width: 640px;
    width: 100%;
}

/*7*/
.gallery7 img{
 width: 100%;
}
.gallery-img7{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list7{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image7{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image7:hover{
 opacity: 0.4;
}
.gallery7 img {
    max-width: 640px;
    width: 100%;
}

/*8*/
.gallery8 img{
 width: 100%;
}
.gallery-img8{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list8{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image8{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image8:hover{
 opacity: 0.4;
}
.gallery8 img {
    max-width: 640px;
    width: 100%;
}

/*9*/
.gallery9 img{
 width: 100%;
}
.gallery-img9{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list9{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image9{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image9:hover{
 opacity: 0.4;
}
.gallery9 img {
    max-width: 640px;
    width: 100%;
}

/*10*/
.gallery10 img{
 width: 100%;
}
.gallery-img10{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list10{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image10{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image10:hover{
 opacity: 0.4;
}
.gallery10 img {
    max-width: 640px;
    width: 100%;
}

/*11*/
.gallery11 img{
 width: 100%;
}
.gallery-img11{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list11{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image11{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image11:hover{
 opacity: 0.4;
}
.gallery11 img {
    max-width: 640px;
    width: 100%;
}

/*12*/
.gallery12 img{
 width: 100%;
}
.gallery-img12{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list12{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image12{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image12:hover{
 opacity: 0.4;
}
.gallery12 img {
    max-width: 640px;
    width: 100%;
}

/*13*/
.gallery13 img{
 width: 100%;
}
.gallery-img13{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list13{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image13{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image13:hover{
 opacity: 0.4;
}
.gallery13 img {
    max-width: 640px;
    width: 100%;
}

/*14*/
.gallery14 img{
 width: 100%;
}
.gallery-img14{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list14{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image14{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image14:hover{
 opacity: 0.4;
}
.gallery14 img {
    max-width: 640px;
    width: 100%;
}

/*15*/
.gallery15 img{
 width: 100%;
}
.gallery-img15{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list15{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image15{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image15:hover{
 opacity: 0.4;
}
.gallery15 img {
    max-width: 640px;
    width: 100%;
}

/*16*/
.gallery16 img{
 width: 100%;
}
.gallery-img16{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list16{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image16{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image16:hover{
 opacity: 0.4;
}
.gallery16 img {
    max-width: 640px;
    width: 100%;
}

/*17*/
.gallery17 img{
 width: 100%;
}
.gallery-img17{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list17{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image17{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image17:hover{
 opacity: 0.4;
}
.gallery17 img {
    max-width: 640px;
    width: 100%;
}

/*18*/
.gallery18 img{
 width: 100%;
}
.gallery-img18{
 margin: auto;
 max-width: 640px;
 min-width: 640px;
}
.gallery-list18{
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.js-image18{
 width: 160px;
 cursor: pointer;
 border: none;
 background: none;
 transition: .4s;
}
.js-image18:hover{
 opacity: 0.4;
}
.gallery18 img {
    max-width: 640px;
    width: 100%;
}