@charset "utf-8";

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

/* = 全体 =================================== */
body {
	background-color: #000;
	background-color: #BFAE72;
	background-color: #A8A096;
	padding: 0;
}

#container {
	/* width: 740px; */
	width: 100%;
	border-left: none;
	border-right: none;
	background-size: 
		100% auto,
		100% auto;/*  */
	/* background-size: contain; */
	/* background-size: cover; */
}

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

/* = ヘッダー================================ */
/* 縦横比の維持 ここから */
#header {
	/*width: 768px;
	width: 100%;*/
	height: 739px;
	height: 764px;
	height: auto; /* 重要 */
	position: relative;
	/*background-color: #CCC;*/
	/*min-height: 435px;*/
}

#header:before {
	content: "";
	display: block;
	padding-top: 96.22%; /* titleArea の縦横比 */
	padding-top: 99.48%; /* titleArea の縦横比 */
}

#headerInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #BBB;*/
}
/* 縦横比の維持 ここまで */

#left {
	width: 541px;
	width: 550px;
	width: 70.44%;
	width: 71.61%;
	/*background-color: #BBB;*/
}

#right {
	width: 210px;
	width: 198px;
	width: 27.34%;
	width: 25.78%;
	/*background-color: #CCC;*/
}

#rightInner {
	padding: 26px 8px 18px 8px;
	padding: 26px 3.57% 18px 3.57%;
	padding: 26px 7px 18px 7px;
	padding: 26px 3.23% 18px 3.23%;
	padding: 24px 7px 18px 7px;
	padding: 24px 3.23% 18px 3.23%;
	/*background-color: #CCC;*/
}

/* タイトルエリア */
/* 縦横比の維持 ここから */
#titleArea {
	width: 541px;
	width: 550px;
	width: 100%;
	height: 739px;
	height: 764px;
	height: auto; /* 重要 */
	position: relative;
	/*background-color: #CCC;*/
	/*min-height: 435px;*/
}

#titleArea:before {
	content: "";
	display: block;
	padding-top: 141.22%; /* titleArea の縦横比 */
	padding-top: 138.91%; /* titleArea の縦横比 */
}

#titleAreaInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #BBB;*/
}
/* 縦横比の維持 ここまで */

h1 {
	width: 729px;
	top: 162px;
	left: -220px;
	width: 132.55%;
	top: 21.2%;
	left: -40%;
}

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

#title2 {
	width: 335px;
	top: 505px;
	left: 0px;
	width: 60.91%;
	top: 66.1%;
	left: 0%;
}

#title2 img {
	width: 100%;
	height: auto;
}

#term {
	width: 444px;
	top: 669px;
	left: 50px;
	width: 80.73%;
	top: 87.57%;
	left: 9.09%;
}

#term img {
	width: 100%;
	height: auto;
}

#time {
	width: 180px;
	top: 721px;
	left: 237px;
	width: 32.73%;
	top: 94.37%;
	left: 43.09%;
}

#time img {
	width: 100%;
	height: auto;
}

#laputaLink {
	width: 90px;
	top: 729px;
	left: 126px;
	width: 16.36%;
	top: 95.42%;
	left: 22.91%;
}

#laputaLink img {
	width: 100%;
	height: auto;
}

#sakuhinImg {
	width: 94px;
	top: 614px;
	left: 228px;
	width: 17.09%;
	top: 80.37%;
	left: 41.45%;
}

#sakuhinImg img {
	width: 100%;
	height: auto;
}

#topPic1 {
	width: 550px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#topPic1 img {
	width: 100%;
	height: auto;
}

#topPic2 {
	width: 550px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#topPic2 img {
	width: 100%;
	height: auto;
}

#topPic3 {
	width: 550px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#topPic3 img {
	width: 100%;
	height: auto;
}

#topPic4 {
	width: 550px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#topPic4 img {
	width: 100%;
	height: auto;
}

#topPic5 {
	width: 550px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#topPic5 img {
	width: 100%;
	height: auto;
}

#topPic6 {
	width: 550px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#topPic6 img {
	width: 100%;
	height: auto;
}

/*@media screen and (max-width:700px) {
	div#aori {
		margin-bottom: 5px;
	}
	div#sakuhin {
		margin-bottom: 3px;
	}
}*/

/*@media screen and (max-width:680px) {
	div#aori {
		line-height: 1.5;
	}
}*/

/*@media screen and (max-width:710px) {*/
@media screen and (max-width:650px) {
	p#infoLink {
		font-size: 85%;
		font-size: 77%;
		line-height:1.8;
	}
}

/*@media screen and (max-width:630px) {*/
/*@media screen and (max-width:710px) {*/
/* @media screen and (max-width:650px) {
	div#aori {
		font-size: 85%;
		margin-bottom: 16px;
	}
	div#sakuhin {
		margin-bottom: 2px;
	}
	div#sakuhin li span.sTitle {
		font-size: 85%;
		line-height:1.2;
	}
	div.event h2.eMidashi {
		font-size: 85%;
		padding: 4px 8px;
		padding: 3px 8px;
		margin-top: 16px;
		margin-bottom: 5px;
	}
	div.event div.eText {
		font-size: 85%;
		line-height:1.6;
		padding-left: 4px;
	}
} */

/* 縦横比の維持を解除 */
/* @media screen and (max-width:655px) { 
	#header {
		height: auto;
		position: static;
	}
	#header:before {
		content: none;
	}
	#headerInner {
		position: static;
	}
	#rightInner {
		padding-bottom: 18px;
		padding-bottom: 8px;
	}
} */


/* 作品紹介部分 ============================================= */
#main {
	padding: 0px 6.38% 10px;
	padding: 1.56% 6.38% 10px;
	padding: 2.34% 6.38% 10px;
	/*padding-top: 14px;*/
	/* background-size: cover; */
	/* background-size: contain; */
}

/* .worksInner {
	background-image: url(../pic/bg_pattern_w668.png) ;
	background-position: left top;
	background-repeat: repeat-y;
	background-size: 100% auto;
} */


/* @media screen and (max-width:700px) { */
@media screen and (max-width:725px) {
	/* div#sakuhin,
	p#infoLink {
		display: none;
	} */
	div.event { display: none; }
	div#eventM { display: block; }
	div#sakuhin li {
		line-height:1.3;
		padding-bottom: 10px;
	}
	/*.columnM { display: block; }*/
	#termTextM { display: block; }
}

@media screen and (max-width:645px) {
	#header {
		height: 764px;
	}
	div#left {
		float: none;
		width: 550px;
		margin: 0 auto;
	}
	#titleArea {
		width: 550px;
		height: 764px;
	}
	div#right { display: none; }
	div#sakuhinM { display: block; }
	p#infoLinkM { display: block; }
}


/*@media screen and (max-width:645px) {
	p.data br { display: inline; }
}*/

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

/* イベント告知等 */
.column1 {
	width: 100%;
}

div.event div.eText {
	/*width: auto;
	margin-left: 107px;
	margin-left: 71px;
	float: none;*/
}

#info,
.o_counter {
	/*width: 100%;*/
	/*max-width: 660px;*/
	/*margin-left: auto;
	margin-right: auto;*/
}


/* 著書紹介部分 ============================================= */
.bookData {
	float: none;
	width: auto;
	margin-left: 156px;
}