@charset "utf-8";

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

/* 全体 */
html,body {
	background-color: #F95548;
	background-color: #FFFEF9;
	background-color: #EDA31E;
	background-color: #FFF;
	/* 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;
}

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

#left {
	width: 171px;
	width: 22.27%;
	width: 180px;
	width: 23.44%;
	height: 100%;
	/* padding-top: 3.13%; */
	/* width: 100%;
	margin-left: -516px; */
	/* background-color: #CCC; */
}

#leftInner {
	width: 100%;
	width: auto;
	padding-left: 8px;
	/*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: 782px;
	height: 802px;
	height: 801px;
}

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

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

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

h1 {
	width: 530px;
	top: 487px;
	left: 14px;
	width: 93.47%;
	top: 60.8%;
	left: 2.47%;
}

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

#term {
	width: 157px;
	top: 727px;
	left: 171px;
	width: 27.69%;
	top: 90.76%;
	left: 30.16%;
}

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

#laputaLink {
	width: 60px;
	top: 692px;
	left: 222px;
	width: 10.58%;
	top: 86.39%;
	left: 39.15%;
}

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

#sakuhinPic {
	width: 196px;
	top: 613px;
	left: 350px;
	width: 34.57%;
	top: 76.53%;
	left: 61.73%;
}

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

#topPic {
	width: 515px;
	top: 27px;
	left: 27px;
	width: 90.83%;
	top: 3.37%;
	left: 4.76%;
}

#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; */
	padding: 16px 24px 0px 26px;
	padding: 16px 4.23% 0px 4.59%;
	/* margin-top: 32px; */
	/* margin-top: 24px; */
	/* margin-left: 60px;
	margin-left: 10.58%; */
	/* width: 490px;
	width: 91.59%;
	width: 550px;
	width: 97%; */
	/* width: 500px;
	width: 88.18%;
	position: relative;
	z-index: 100; */
}

/* @media screen and (max-width:730px) {
	#infoArea {
		margin-left: 60px;
		margin-left: 10.58%;
		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;
	}
}/*  */


.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;
}/*  */