@charset "utf-8";

/* ### 画像 ### */
img	{max-width: 100%;
	height: auto;}

/* 全体 */
body {
	background-color: #9D8377;
	background-color: #CF8883;
	/* padding: 0 14px; */
	padding: 0;
}

#container {
	/* width: 740px; */
	width: 100%;
	border-left: none;
	border-right: none;
}

#container2 {
	width: 100%;
	width: auto;
	margin: 0;
	padding: 0;
}

#header {
	/*width: 768px;
	width: 100%;*/
	height: 665px;
	height: 769px;
	height: auto; /* 重要 */
	/*position: relative;*/
	/*background-color: #CCC;*/
}

#headerWrapper {
	margin: 0px 5.21%;
}

#headerContents {
	position: absolute;
	position: relative;
	top: auto;
	/*left: auto;*/
	padding-top: 65.41%;
	padding-top: 74.13%;
	padding-top: 86.05%;
	padding-bottom: 6px;
	padding-bottom: 0.87%;
	padding-bottom: 1%;
	padding-bottom: 3.78%;
	padding-bottom: 4.36%;
	/*margin: 0px 14px 0px 3px;*/
	/* background-color: #CCC; */
}

h1 {
	width: auto;
	width: 588px;
	width: 584px;
	/*margin-left: 0px;
	text-align: right;*/
	/*margin: 0 11px 0 auto;
	margin: 0 1.6% 0 auto;*/
}

/*@media screen and (max-width:640px) {*/
/*@media screen and (max-width:681px) {*/
@media screen and (max-width:677px) {
	h1 {
		width: 100%;
		width: auto;
		margin-left: 16px;
	}
	h1 img {
		width: 100%;
		height: auto;
	}
}

/*
@media screen and (max-width:725px) {
	div#term {
		padding-top: 2px;
		padding-top: 6px;
	}
}

@media screen and (max-width:700px) {
	div#term {
		padding-top: 12px;
	}
}
*/
@media screen and (max-width:725px) {
	div#term {
		padding-top: 2px;
		padding-top: 6px;
		padding-top: 12px;
	}
}

p#topImageBW img {
	width: 100%;
	height: auto;
}

p#topPhoto img {
	width: 100%;
	height: auto;
}

div#term {
	padding-left: 3px;
	padding-left: 0.44%;
}

/*@media screen and (max-width:719px) {
	.lineup ul#list1 {
		display: none;
	}
	.lineup ul#list2 {
		display: block;
		color: #FFF;
	}
}*/


/* 作品紹介 */
#main {
	text-align: left;
	padding: 0px 40px 10px 40px;
	padding: 0px 5.21% 10px;
}

.text {
	width: auto;
	width: 100%;
	/*margin-left: 243px;*/
	margin-left: -220px;
	margin-left: -243px;
	margin-left: -240px;
	/*float: none;*/
}

.textInner {
	margin-left: 220px;
	margin-left: 243px;
	margin-left: 240px;
}

@media screen and (max-width:680px) {
	.date {
		margin-bottom: 2px;
		margin-bottom: 7px;
		float: none;
	}
	.title {
		margin-bottom: 7px;
		margin-bottom: 9px;
		float: none;
	}
}

/* イベント告知等 */
div.event div.eText {
	width: auto;
	margin-left: 107px;
	margin-left: 71px;
	float: none;
}