@charset "utf-8";

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

/* 全体 */
body {
	background-color: #000;
	background-color: #7A2C65;
	/* 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: 846px;
	height: 776px;
	height: auto; 重要 */
	/*position: relative;*/
	/*background-color: #CCC;*/
}

@media screen and (max-width:690px) {
	#header {
		width: 690px;
		width: 688px;
	}
	#picArea {
		border: none;
	}
}

@media screen and (max-width:688px) {
	#header {
		width: 688px;
		width: auto
		/*background-color: #CCC;*/
	}
	/* #picAreaCover {
		width: 688px;
		width: 100%;
		height: 972px;
		height: auto;
	} */
	/* 縦横比の維持 ここから */
	#picArea {
		width: 768px;
		width: 688px;
		width: auto;/*  */
		height: 485px;
		height: 972px;
		height: auto; /* 重要 */
		position: relative;
		/*background-color: #CCC;*/
	}
	#picArea:before {
		content: "";
		display: block;
		padding-top: 63.15%; /* titleArea の縦横比 */
		padding-top: 141.28%; /* titleArea の縦横比 */
	}
	#picAreaInner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/*background-color: #BBB;*/
	}
	/* 縦横比の維持 ここまで */
}

/* #headerWrapper {
	margin: 0px 5.21%;
} */

h1 {
	width: 231px;
	top: 112px;
	left: 228px;
	width: 33.58%;
	top: 11.52%;
	left: 33.14%;
}

h1 img {
	width: 100%;
	height: auto;
}

p#termPic {
	width: 59px;
	top: 380px;
	left: 95px;
	width: 8.58%;
	top: 39.09%;
	left: 13.81%;
}

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

p#sakuhinPic {
	width: 31px;
	top: 202px;
	left: 122px;
	width: 4.51%;
	top: 20.78%;
	left: 17.73%;
}

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


p#topPhoto {
	width: 646px;
	top: 496px;
	left: 94px;
	width: 93.9%;
	top: 51.03%;
	left: 13.66%;
}

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

p#goldPic {
	width: 667px;
	top: 11px;
	left: 11px;
	width: 96.95%;
	top: 1.13%;
	left: 1.6%;
}

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

p#topBase {
	width: 688px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

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

/* @media screen and (max-width:688px) {
	div#dataBlock {
		padding-top: 127.33%;
		padding-left: 4.22%;
	}
}*/

div#term {
	font-size: 93%; /* 12px */
	line-height: 1.55;
	margin-bottom: 9px;
	font-weight: bold;
}

.lineup {
	/* padding-right: 40px; */
	padding-left: 40px;
	font-size: 85%; /* 11px */
	line-height: 150%;
}

.lineup ul {
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
	margin-bottom: 1em;
}

/*@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;
	padding: 32px 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:690px) {
	.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;
}


@media screen and (max-width:680px) {
	.bookWrapper {
		display: block;
	}
	.bookData {
		width: 340px;
		width: auto;
		margin-top: 16px;
		margin-left: 8px;
		margin-left: 0px;
	}
}