@charset "utf-8";

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

/* 全体 */
html,body {
	background-color: #FFF;
	background-color: #FFFEF9;
	background-color: #D5CCCC;
	background-color: #EAECE7;
	/* padding: 0 14px;
	/* padding: 0 14px;
	padding: 0; */
}

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

#main {
	/*width: 100%;*/
	width: auto;
	margin: 0;
	padding: 0;
}

#left {
	width: 535px;
	width: 69.66%;
	width: 567px;
	width: 73.83%;
	height: auto; /* 重要 */
	/* background-color: #DDD; */
	/* background-size: contain; */
}

#right {
	width: 202px;
	width: 26.3%;
	width: 170px;
	width: 22.14%;
	height: 100%;
	padding-top: 3.13%;
	/* width: 100%;
	margin-left: -516px; */
	/* background-color: #CCC; */
}

#rightInner {
	width: 100%;
	width: auto;
	/*margin-left: 516px;*/
	/*background-color: #CCC;*/
}

/* @media screen and (max-width:725px) {
	#right {
		width: 28.39%;
		width: 28%;
	}
} */

/*@media screen and (max-width:750px) {
	#left {
		width: 68.8%;
	}
	#right {
		width: 212px;
		width: 28.27%;
	}
}*/

/* タイトルエリア */

#titleArea {
	width: 535px;
	width: 567px;
	height: 801px;
	height: 782px;
	height: 802px;
}

/* 縦横比の維持 ここから */
#titleArea {
	width: 100%;
	height: 100%;
	height: auto; /* 重要 */
	overflow: hidden;
	position: relative;
	/*background-color: #CCC;*/
}

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

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

h1 {
	width: 535px;
	top: 104px;
	left: 18px;
	width: 94.36%;
	top: 12.97%;
	left: 3.17%;
}

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

#term {
	width: 190px;
	top: 3px;
	left: 209px;
	width: 33.51%;
	top: 0.37%;
	left: 36.86%;
}

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

#laputaLink {
	width: 166px;
	top: 691px;
	left: 185px;
	width: 29.28%;
	top: 86.16%;
	left: 32.63%;
}

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

#co-op {
	width: 235px;
	top: 775px;
	left: 289px;
	width: 41.45%;
	top: 96.63%;
	left: 50.97%;
}

#co-op img {
	width: 100%;
	height: auto;
}

#nfajMark {
	width: 27px;
	top: 760px;
	left: 527px;
	width: 4.76%;
	top: 94.76%;
	left: 92.95%;
}

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


#sakuhinPic {
	width: 528px;
	top: 186px;
	left: 32px;
	width: 93.12%;
	top: 23.19%;
	left: 5.64%;
}

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

#topPic {
	width: 567px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

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

/*
@media screen and (max-width:680px) {
	div#sakuhin ul#list1 li br { display: inline; }
}
*/

/* インフォエリア */

#infoArea {
	/* padding: 20px 16px 0px 20px;
	padding: 0px 16px 0px 20px;
	padding: 0px 16px 0px 20px;
	padding: 0px 30px 0px 20px;
	padding: 5px 32px 0px 22px;
	padding: 14px 32px 0px 22px;
	padding: 16px 22px 0px 22px;
	padding: 0px 22px 0px 22px;
	padding: 10px 0px 0px 60px;
	padding: 32px 0px 0px 60px;
	padding: 32px 37px 0px 24px;
	padding: 24px 24px 0px 24px; */
	/* margin-top: 32px; */
	/* margin-top: 24px; */
	margin-left: 60px;
	margin-left: 10.58%;
	margin-left: 80px;
	margin-left: 14.11%;
	/* width: 490px;
	width: 91.59%;
	width: 550px;
	width: 97%; */
	width: 500px;
	width: 88.18%;
	width: 520px;
	width: 91.71%;
	position: relative;
	z-index: 100;/*  */
}

@media screen and (max-width:700px) {
	#infoArea {
		margin-left: 60px;
		margin-left: 10.58%;
	}
}/*  */

@media screen and (max-width:625px) {
	#infoArea {
		width: 500px;
		width: 88.18%;
		width: 510px;
		width: 89.95%;
		margin-left: 48px;
		margin-left: 8.47%;
	}
}/*  */

/* @media screen and (max-width:760px) {
	#infoArea {
		padding: 20px 16px 0px 20px;
		padding: 32px 0px 0px 60px;
		padding: 0px 22px 0px 22px;
		padding: 0px 4.11%;
		margin-top: 32px;
		margin-top: 24px;
		margin-left: 11.21%;
		margin-left: 0;
		width: 91.59%;
		width: 88.18%;
		width: auto;
		position: static;
}
} */

@media screen and (max-width:660px) {
	#infoArea {
		/* padding: 20px 16px 0px 20px;
		padding: 32px 0px 0px 60px;
		padding: 0px 22px 0px 22px;
		padding: 0px 4.11%;
		margin-top: 32px;
		margin-top: 24px;
		margin-left: 50px;
		margin-left: 0;
		margin-left: 11.21%;
		margin-right: 50px;
		margin-right: 0px;
		width: 91.59%;
		width: 88.18%;
		width: auto;
		width: 100%;
		width: 112%; */
		/*position: static;*/
		/* position: relative;
		z-index: 100; */
	}
}/*  */

p.termText span { display: inline-block; }

@media screen and (max-width:635px) {
	p.termText {
		line-height: 1.35;
		padding-bottom: 6px;
	}
}/*  */


div#aori p.taR {
	margin-top: 2px;
}

@media screen and (max-width:635px) {
	div.column1 div.tEvent dl {
		padding: 0.5em 0em 0.5em 0em;
		font-size: 93%; /*12px*/
		line-height: 1.5;
		/*display: flex;
		flex-wrap: wrap;*/
		display: block;
		width: 100%;
		width: auto;
	}
	div.column1 div.tEvent dt {
		padding-bottom: 0.6em;
		padding-bottom: 0em;
		width: 20%;
		width: auto;
	}
	div.column1 div.tEvent dd {
		padding-bottom: 0.8em;
		width: 80%;
		width: auto;
	}
}/*  */


.bookData {
	width: 340px;
	width: auto;
	margin-right: 150px;
	margin-right: 170px;
	float: none;
}


p.ekImg {
	width: 176px;
	height: 120px;
	width: 36.67%;
	height: auto;
}

p.ekImg img {
	width: 100%;
	height: auto;
}

p.ekTxt {
	width: 280px;
	width: 58.33%;
	height: auto;
}

p.ekTxt img {
	width: 100%;
	height: auto;
}


.movieDataArea {
	float: right;
	float: none;
	width: 280px;
	width: auto;
	margin-left: 210px;
}/*  */