@charset "UTF-8";
/* ======================================== パソコン向けスタイル 			======================================== */
@media only screen and (min-width:480px) {

    /* Main Article 1th */
            .gallery        {display: flex;}
            .main-image     {flex: 1; position: relative; overflow: hidden; }
            .main-image img {width: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1s ease-in-out; }
            .main-image img.active { opacity: 1; }
            .thumbnail-images {display: flex; flex-direction: column; }
            .thumbnail      {width: 100px; margin: 5px; cursor: pointer; }



}
/* ======================================== モバイル向けスタイル 		======================================== */
@media only screen and (max-width:479px) {

}