@charset "UTF-8";

section.visual article { width:100%; padding:0px 30px }
section.visual article img { width:100%; min-height:420px; object-fit:cover }
@media all and (max-width: 1000px){
	section.visual article { padding:0px }
}

section.content_wrap article { padding:0px 20px; }

ul.tab          { display:flex; font-size:24px; line-height:28.64px; }
ul.tab li       { font-weight:600; color:rgba(0,0,0,0.2); padding-right:30px; cursor:pointer }
ul.tab li.on    { font-weight:700; color:#222 }

ul.gallery_list        { display: flex; flex-wrap: wrap; }
ul.gallery_list li     { width:33%; padding:10px }
ul.gallery_list li img { width:100%; height:400px; object-fit:scale-down; cursor:zoom-in }

@media all and (max-width: 1000px){
	ul.gallery_list li     { width:50%; padding:10px }
}

@media all and (max-width: 600px){
	ul.gallery_list        { justify-content: center; }
	ul.gallery_list li     { width:100%; padding:10px 10% }
}

#zoomMask { z-index:999; background-color:rgba(0,0,0,0.8); position: fixed; top:0px; left:0px; width:100%; height:100vh; padding:10%; 
		    display: flex; align-content: center; justify-content: center; align-items: center; cursor:pointer
}
#zoomMask img { max-width:100%; max-height:100%; margin:0 auto;  }