@charset "utf-8";

/* --------------------------------------------
	スマートフォン用
----------------------------------------------*/
html {
	/*font-size: 10px;*/
	font-size: 62.5%;
}

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

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

/* 全体 */

body {
	font-size: 16px;
}

#container {
	/* width: 740px; */
	width: 100%;
	/*height: 100%;*/
	min-height: 100%;
	margin: 0;
	padding: 0;
	border-left: none;
	border-right: none;/*  */
	background-image: url(../pic/top_bg_s.jpg) ;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	/* background-size: 100% auto; */
}

#main {
	width: 100%;
	max-width: 515px;
	/*height: 732px;*/
	/*min-height: 100%;*/
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	/*text-align: center;*/
	background-image: url(../pic/top_bg_pic_s.jpg) ;
	/* background-position: 0px -12%;目測 */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 100% auto; */
}

/* @media screen and (max-width:516px) {
	#container {
		background-image: url(../pic/bg_pattern_w516.png) ;
		background-size: 100% auto;
	}
	#main {
		background-image: url(../pic/bg_top_h701w516.png) ;
		background-size: 100% auto;
	}
} */

#left {
	float: none;
	width: 100%;
	max-width: 570px;
	max-width: 515px;
	height: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	/* background-color: #CCC; */
}

#right {
	float: none;
	margin: 0 auto;
	width: 100%;
	max-width: 570px;
	max-width: 515px;
	padding: 12px 0px 0px 0px;/*  */
	padding: 0px 0px 0px 0px;/*  */
	text-align: left;
	/* background-color: #AAA; */
}

#rightInner {
	width: auto;
	margin: 0px;
	padding: 0px 13px;
	padding: 0px 2.53%;
	padding: 0px 12px;
	/*background-color: #CCC;*/
}

/* タイトルエリア */
#titleArea {
	width: 516px;
	width: 515px;
	height: 790px;
	height: 728px;
	/*background-size: contain;*/
}

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

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

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

/*@media screen and (max-width:516px) {
	#titleArea {
		overflow: hidden;
	}
}*/

h1 {
	width: 451px;
	top: -11px;
	left: -1px;
	width: 86.07%;
	top: -1.51%;
	left: -0.19%;
}

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

#term {
	width: 155px;
	top: 133px;
	left: 352px;
	width: 29.58%;
	top: 18.27%;
	left: 67.18%;
}

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

#time {
	width: 216px;
	top: 247px;
	left: 60px;
	width: 41.22%;
	top: 33.93%;
	left: 11.45%;
}

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

#laputaLink {
	width: 111px;
	top: 94px;
	left: 391px;
	width: 21.18%;
	top: 12.91%;
	left: 74.62%;
}

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

#sakuhinImg {
	width: 111px;
	top: 267px;
	left: 232px;
	width: 21.18%;
	top: 36.68%;
	left: 44.27%;
}

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

#commentImg {
	width: 199px;
	top: 213px;
	left: 33px;
	width: 37.98%;
	top: 29.26%;
	left: 6.3%;
}

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

/*@media screen and (max-width:546px) {
	h1 {
		left: 60.85%;
		left: 57.95%;
	}
	#stamp {
		left: 80.23%;
		left: 77.33%;
	}
	#topEveryman {
		left: 22.87%;
		left: 19.96%;
	}
}*/

/* インフォエリア */

#infoArea {
	margin: 0 auto;
	width: 100%;
	max-width: 570px;
	max-width: 515px;
	padding: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
	/* background-color: #DDD; */
}

#infoAreaInner {
	width: auto;
	padding: 0px 13px;
	padding: 0px 2.53%;
	padding: 0px 12px;
	/*background-color: #DDD;*/
}

div#mokuji {
	font-size: 93%; /*12px*/
	/*font-size: 100%; 13px*/
	line-height: 140%;
	font-size: 1.2rem; /*12px*/
	font-size: 1.3rem; /*13px*/
	line-height: 1.4;
}

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

@media screen and (max-width:354px) {
	div#mokuji br:nth-of-type(1) { display: inline; }
}

div.column1 {
	width: 100%;
	width: auto;
	/*width: 95%;*/
	/*margin: 0 auto;*/
	/*font-size: 1.2rem; 12px*/
	/*line-height: 1.5;*/
}

@media screen and (max-width:370px) {
	div.column1Inner {
		padding: 12px 17px 12px;
	}
}

@media screen and (max-width:340px) {
	div.column1Inner {
		padding: 12px 15px 12px;
	}
}

div#aori {
	font-size: 93%;
	line-height: 150%;
	font-size: 1.2rem; /*12px*/
	line-height: 1.5;
}

div.columnM div.tEvent h2 {
	font-size: 93%;
	line-height: 150%;
	font-size: 1.2rem; /*12px*/
	line-height: 1.5;
}

div.columnM div.tEvent p {
	font-size: 93%; /*12px*/
	line-height: 150%;
	font-size: 1.2rem; /*12px*/
	line-height: 1.5;
}

p#co-op {
	font-size: 1.1rem; /*11px*/
	line-height: 1.4;
}

p#copyright {
	font-size: 1.0rem; /*10px*/
	padding: 2px 0px 0 3px;
	text-align: left;
}

div#sakuhin {
	width: 100%;
	width: auto;
	border: solid 1px #FFF;
	border: solid 1px #E9518E;
	border: solid 1px #E60012;
	border: solid 1px #111;
	/*color: #8E7849;
	color: #AE9869;
	color: #BEA879;
	color: #211513;
	color: #FFF;*/
	/*background-color: #BFAE72;
	background-color: #E7436F;
	background-color: #FFF;
	background-color: #817745;
	background-color: #F39837;*/
	/*background-color: #FCF1F3;*/
	/*background-image: url(../pic/top_column_back.jpg) ;
	background-position: center top;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-size: cover;*/
	/*background-image: url(../pic/bg_top_h701w516.png) ;
	background-position: left top;
	background-repeat: no-repeat;*/
	overflow: auto;
	margin: 19px 0 0 0px;
	margin: 16px 0 0 0px;
	padding: 20px 30px 20px 30px;
	padding: 20px 5.84% 20px 5.84%;
	padding: 20px 19px 20px;
	font-weight: bold;
	font-weight: normal;
}

div#sakuhin {
	background-image: url(../pic/sakuhin_bg_pic_s2.jpg) ;
	background-position: top -30px right 0;
}

/* 角丸用
div#sakuhin {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	behavior: url(js/PIE.htc);
} */
/*
div#sakuhin p#sTitle {
	display: block;
	font-size: 1.3rem;
	color: #83337D;
	color: #E60012;
	color: #111;
}
*/

div#sakuhin p {
	margin: 0;
	padding: 0;
	/*margin-bottom: 3px;*/
	font-size: 93%; /*12px*/
	font-size: 1.2rem; /*12px*/
	line-height: 1.75;
}

div#sakuhin dt {
	/*font-size: 91.4%; 12px-11px*/
	font-size: 85%; /*11px*/
	font-size: 1.1rem; /*11px*/
	line-height: 1.5;
}

div#sakuhin dd {
	margin-bottom: 14px;
	font-size: 93%; /*12px*/
	font-size: 1.2rem; /*12px*/
	line-height: 1.22;
}

div#sakuhin dd span.subTitle {
	font-size: 91.4%; /*12px -> 11px */
	font-size: 1.1rem; /*11px*/
}

div#sakuhin ul {
	padding: 12px 20px 12px 20px;
	padding: 21px 0 0px 0px;
	padding: 12px 0 0px 0px;
}/*  */

div#sakuhin ul#list1 div#sLeft {
	float: left;
	/*margin-right: 50px;
	margin-right: 9.73%;*/
	/* background-color: #AAA; */
}

div#sakuhin ul#list1 div#sRight {
	float: left;
	float: right;
	/* background-color: #BBB; */
}

@media screen and (max-width:510px) {
	div#sakuhin ul#list1 div#sLeft,
	div#sakuhin ul#list1 div#sRight {
		float: none;
	}
	div#sakuhin {
		padding: 20px 30px 20px;
		padding: 20px 5.84% 20px;
	}
}

div#sakuhin li {
	margin-bottom: 1px;
	margin-bottom: 8px;
	font-size: 1.2rem; /*12px*/
	/*font-size: 85%; 11px*/
	line-height: 175%;
	line-height: 180%;
	line-height: 1.2;
	/*color: #838181;
	color: #333;
	color: #111;
	color: #211513;
	color: #FFF;*/
}

/*div#sakuhin a:link {
	color: #8E7849;
	color: #AE9869;
	color: #BEA879;
	color: #211513;
	color: #FFF;
	text-decoration: none;
	}
div#sakuhin a:visited {
	color: #8E7849;
	color: #AE9869;
	color: #BEA879;
	color: #211513;
	color: #FFF;
	text-decoration: none;
	}*/

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


/* 料金、インフォメーション */
#info {
	width: 100%;
	margin-left: 0px;
	font-size: 1.2rem; /*12px*/
	line-height: 1.5;
	text-align: left;
}

#info #info-inner {
	padding: 10px 12px 9px 12px;
}

span.px10 {
	font-size: 1.0rem; /*10px*/
}

p.cp2 { display: block; }

/* ログ取得＆カウンターボックス */
#o_counter {
	margin: 0px auto 0 auto;
	padding-left: 0;
	width: 516px;
	width: 100%;
	/*padding: 5px 15px 8px 13px;*/
}

#o_counter2 {
	padding: 0px 13px;
	padding: 0px 2.53%;
	padding: 0px 12px;
}