@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css?family=Lato);*/
/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
/*@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);*/
/* Reset */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

body {font-size:10px; line-height:2.25; color:#555; font-family:"NOW-GM", sans-serif}
a {color:#006699; word-break:break-all; text-decoration:none;}
hr {height:1px; background-color:#ccc; width:100%; border:none; margin:20px auto;}

@media (max-width:640px) {
	hr {width:96%;}
}

header {margin:0 auto; overflow:hidden; width:100%; max-width:600px; background-color:rgba(255, 255, 255, 0.8); position:fixed; top:0; left:0; right:0; z-index:3;}
header div {margin:5px 10px; text-align:center;}
header h1 {display:inline-block; margin:0 auto; font-size:14px;}
nav li {display:inline-block; margin:0 5px; line-height:20px;}
/*nav a {text-decoration:none; border-bottom:1px solid #ccc; padding-bottom:2px;}*/

section {width:100%;}
#hero {margin:0 auto; top:72px; right:0; left:0; bottom:0; width:100%; max-width:600px; position:fixed; z-index:1;}
#hero img {display:block; margin:0 auto; text-align:center; width:100%;}
#contents {margin:72vh auto 50px; padding:0; max-width:600px; background-color:rgba(255, 255, 255, 1.0); z-index:2; position:relative;}
#contents > div {padding:60px 0 0;}
#contents h2 {text-align:left; margin:0 10px 20px; font-weight:bold; padding:0; font-size:14px;}
#contents em {font-family:"UD Shin Go Medium", sans-serif; font-weight:bold;}
#contents p {margin:0 10px 50px;}
#contents li {margin:0 10px 30px;}
#contents dl {margin:0 10px 50px;}
#contents dt {float:left; overflow:hidden; clear:both; margin-bottom:5px;}
/*#contents dt:first-child {display:block; float:none;}*/
#contents dd {margin-left:4.5em; overflow:hidden; margin-bottom:5px;}
footer p {text-align:center; padding:0 0 20px;}

#contents #information div {display:none; margin:20px auto; padding:70px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#contents #information div h3 {font-weight:bold;}
#contents #information div span {font-size:10px; color:#ccc; display:block; text-align:right;}
#contents #information div p {margin:0;}
#contents #information div img {display:block; margin:10px auto; text-align:center; width:auto; height:auto; max-width:580px; max-height:500px;}
#contents #information li:last-child {text-align:right;}
#contents #profile p {margin:0 10px;}
#contents #works {background-color:rgba(255, 255, 255, 1.0);}
#contents #works li img {display:block; margin:10px auto; text-align:center; width:auto; height:auto; max-width:580px; max-height:500px;}

#contents.exhibition-contents {margin:50px auto;}
#contents.information-contents {margin:50px auto;}
#contents.information-contents #information li {margin:20px 10px; padding:20px 0 30px; border-bottom:1px solid #ccc;}
#contents.information-contents #information li:last-child {text-align:left;}
#contents.information-contents #information h3 {font-weight:bold;}
#contents.information-contents #information span {font-size:10px; color:#ccc; display:block; text-align:right;}
#contents.information-contents #information p {margin:0;}
#contents.information-contents #information img {display:block; margin:10px auto; text-align:center; width:auto; height:auto; max-width:580px; max-height:500px;}


@media (max-width:640px) {
	#contents {margin:46vh auto 50px; padding:0; background-color:rgba(255, 255, 255, 1.0); z-index:2; position:relative;}
	#contents #information div img {width:100%; height:auto; max-width:auto; max-height:auto;}
	#contents #works li img {width:auto; height:auto; max-width:100%; max-height:400px;}

	#contents.exhibition-contents {margin:50px auto;}
	#contents.information-contents {margin:50px auto;}
	#contents.information-contents #information img {width:100%; height:auto; max-width:auto; max-height:auto;}
}