@charset "utf-8";

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

/* 全体 */
html,body {
	background-color: #0E0E0E;
	background-color: #000;
	background-color: #FFF;
	background-color: ##ECECE9;
	/* padding: 0 14px;
	/* padding: 0 14px;
	padding: 0; */
}

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

#main {
	/*width: 100%;*/
	width: auto;
	margin: 0;
	padding: 0;
	/*background-size: contain;*/
	/* background-size: 100% auto; */
	/* background-position: 0px 0px; */
}

/* タイトルエリア */

#titleArea {
	width: 567px;
	width: 768px;
	height: 710px;
	height: 801px;
	/*background-size: contain;*/
}

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

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

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

h1 {
	width: 221px;
	top: 32px;
	top: -100px;
	left: 537px;
	width: 28.78%;
	top: -12.48%;
	left: 69.92%;
}

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

#subTitle {
	width: 106px;
	top: 189px;
	left: 311px;
	left: 211px;
	width: 13.8%;
	top: 23.6%;
	left: 27.47%;
}

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

#term {
	width: 165px;
	top: 343px;
	left: 214px;
	left: 64px;
	width: 21.48%;
	top: 42.82%;
	left: 8.33%;
}

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

#laputaLink {
	width: 140px;
	top: 389px;
	left: 214px;
	left: 64px;
	width: 18.23%;
	top: 48.56%;
	left: 8.33%;
}

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

#topPic01 {
	width: 768px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

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

#topPic02 {
	width: 768px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

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

#topPic03 {
	width: 768px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

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

#sakuhinPC {
	width: 180px;
	top: 25px;
	right: 586px;
	width: 23.44%;
	top: 3.12%;
	right: 76.3%;
}

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

/*@media screen and (max-width:650px) {*/
@media screen and (max-width:743px) {
	div#mokuji br:nth-of-type(2) { display: inline; }
}

div.sakuhin ul {
	padding: 0px 0 0px 11px;
}

#infoArea {
	padding: 0px 6px 0px 8px;
	padding: 0px 1.16% 0px 1.55%;
	padding: 12px 24px 0px;
	padding: 12px 4.21% 0px;
	padding: 16px 16px 0px 24px;
	padding: 16px 2.82% 0px 4.23%;
	padding: 16px 14px 0px 56px;
	padding: 16px 2.47% 0px 9.89%;
	padding: 16px 24px 0px 24px;
	padding: 16px 4.23% 0px;
	padding: 0px 4.23% 0px;
	padding: 0px 3.13% 0px;
	margin-left: 201px;
	margin-left: 26.17%;
}

#o_counter {
	padding: 5px 0px 0px 24px;
	padding: 5px 0px 0px 3.13%;
	padding: 5px 0px 0px 56px;
	padding: 5px 0px 0px 7.29%;
	padding: 5px 24px 0px 0px;
	padding: 5px 3.13% 0px 0px;
	padding-bottom: 8px;
}