@charset "utf-8";

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

/* 全体 */
html,body {
	background-color: #FFF;
	background-color: #87907D;
	background-color: #F95548;
	/* 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: 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: 244px;
	top: 276px;
	left: 5px;
	width: 43.03%;
	top: 34.46%;
	left: 0.88%;
}

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

#subTitle {
	width: 132px;
	top: 11px;
	left: 408px;
	width: 23.28%;
	top: 1.37%;
	left: 71.96%;
}

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

#titleE1 {
	width: 298px;
	top: 6px;
	left: -7px;
	width: 52.56%;
	top: 0.75%;
	left: -1.23%;
}

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

#titleE2 {
	width: 151px;
	top: 255px;
	left: 436px;
	width: 26.63%;
	top: 31.84%;
	left: 76.9%;
}

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

#term {
	width: 277px;
	top: 717px;
	left: 280px;
	width: 48.85%;
	top: 89.51%;
	left: 49.38%;
}

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

#laputaLink {
	width: 149px;
	top: 685px;
	left: 404px;
	width: 26.28%;
	top: 85.52%;
	left: 71.25%;
}

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

#sakuhinImg {
	width: 122px;
	top: 440px;
	left: 8px;
	width: 21.52%;
	top: 54.93%;
	left: 1.41%;
}

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

#topPhoto {
	width: 510px;
	top: -14px;
	left: 24px;
	width: 89.95%;
	top: -1.75%;
	left: 4.23%;
}

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

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

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

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

#topBack2 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: 11.21%;
	width: 490px;
	width: 91.59%;
	width: 500px;
	width: 88.18%;
	width: 550px; */
	/* position: relative;
	z-index: 100; */
}

/* @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:615px) {
	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;
}/*  */