@charset "utf-8";@media screen and (max-width:767px){#gallery{padding-top:3.125%;padding-bottom:3.125%}}@media screen and (min-width:768px){#gallery{padding-top:100px;padding-bottom:50px}}#gallery_detail{background-color:#FFF;margin-left:auto;margin-right:auto;text-align:left;word-break:break-all}#gallery_detail picture{display:block}#gallery_detail picture .gallery_img{border-radius:10px;display:inline-block;overflow:hidden;vertical-align:middle}#gallery_detail picture .gallery_img img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 0.2s ease-out 0s}#gallery_detail picture>.gallery_img,#gallery_detail picture .gallery_img img{width:100%}#gallery_detail picture .gallery_img:hover img{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}#gallery_detail article h1{color:#24CFE6;line-height:1.2}@media screen and (max-width:767px){#gallery_detail{padding:3.125%;width:93.75%}#gallery_detail picture{margin-bottom:3.571428571428571%}#gallery_detail picture>div .gallery_img{margin-top:3.571428571428571%;width:-webkit-calc((100% - (3.571428571428571% * 2)) / 3);width:calc((100% - (3.571428571428571% * 2)) / 3)}#gallery_detail picture>div .gallery_img:not(:nth-child(3n+1)){margin-left:3.571428571428571%}#gallery_detail article h1{font-size:137.5%}}@media screen and (min-width:768px){#gallery_detail{}#gallery_detail:after{clear:both;content:"";display:block}#gallery_detail picture{float:right}#gallery_detail picture+article{float:left}#gallery_detail article h1{font-size:175%;margin-bottom:20px}}@media screen and (min-width:768px) and (max-width:939px){#gallery_detail{padding:20px;width:-webkit-calc(100% - (20px * 2));width:calc(100% - (20px * 2))}#gallery_detail picture{width:220px}#gallery_detail picture>div .gallery_img{margin-top:5px;width:-webkit-calc((100% - (5px * 2)) / 3);width:calc((100% - (5px * 2)) / 3)}#gallery_detail picture>div .gallery_img:not(:nth-child(3n+1)){margin-left:5px}#gallery_detail picture+article{width:-webkit-calc(100% - 220px - 30px);width:calc(100% - 220px - 30px)}}@media screen and (min-width:940px){#gallery_detail{padding:40px;max-width:1080px}#gallery_detail picture{width:320px}#gallery_detail picture>div .gallery_img{margin-top:10px;width:-webkit-calc((100% - (10px * 2)) / 3);width:calc((100% - (10px * 2)) / 3)}#gallery_detail picture>div .gallery_img:not(:nth-child(3n+1)){margin-left:10px}#gallery_detail picture+article{width:-webkit-calc(100% - 320px - 30px);width:calc(100% - 320px - 30px)}}