@charset "utf-8";

/* common */
body { font-family:sans-serif; }

/* home */
@media screen and (max-width: 640px){

#home #sec2 h3 img { width: 21%;}

}

/* contents */

@media screen and (max-width:640px) {

#contents #theme_img h2 { width:98%; }

}

@media screen and (max-width: 640px){

#contents #sec1 h3 img { max-width:41.4%; }
#contents #sec2 h3 img { max-width:50%; }
#contents #sec3 h3 img { max-width:50%; }
#contents #sec4 h3 img { max-width:60%; }

#contents #sec2 .slides > li img:nth-child(2) { bottom:6px; right:6px; }

#contents #sec4 figure span:first-child img:last-child { max-width:22.2%; }
#contents #sec4 figure span:nth-child(2) img:last-child { max-width:27.8%; }
#contents #sec4 figure span:nth-child(3) img:last-child { max-width:81.1%; }
#contents #sec4 figure span:nth-child(4) img:last-child { max-width:41.8%; }
#contents #sec4 figure span:nth-child(5) img:last-child { max-width:33.4%; }

#contents #sec2 .slides > li:first-child img:nth-child(2) { max-width:32.5%; }
#contents #sec2 .slides > li:nth-child(2) img:nth-child(2) { max-width:24.1%; }
#contents #sec2 .slides > li:nth-child(3) img:nth-child(2) { max-width:25.8%; }
#contents #sec2 .slides > li:nth-child(4) img:nth-child(2) { max-width:33.8%; }
#contents #sec2 .slides > li:nth-child(5) img:nth-child(2) { max-width:31.8%; }
#contents #sec2 .slides > li:last-child img:nth-child(2) { max-width:22.6%; }

}
/* 170619 mori */
#contents #sec4 li:last-child dl dd { padding-top: 5px;}
#contents #sec4 dt { padding-bottom: 5px;}
/* ここまで */

/* sightseeing */
@media screen and (max-width: 480px) {

#sightseeing #theme_img h2 { width:55%; }

}

/* gallery */

@media screen and (max-width: 640px) {

#gallery #sec1 h3 img { max-width:48%; }
#gallery #sec2 h3 img { max-width:12.4%; }
#gallery #sec3 h3 img { max-width:19.1%; }
#gallery #sec4 h3 img { max-width:39.2%; }

}

@media screen and (max-width: 480px) {

#gallery #theme_img h2 { width:30%; }

}

/* access */

@media screen and (max-width: 480px) {

#access #theme_img h2 { width:19.6%; }
#access #sec1 h3 img { max-width:52%; }
#access #sec2 h3 img { max-width:49.9%; }

}