@charset "utf-8";

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

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

/* 全体 */
html,body {
	background-color: #FFF;
	background-color: #EAE2BC;
	background-color: #F0E8D1;/*  */
	background-color: #000;
	/* 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/bg_pattern_w600.png) ; */
	/* background-size: 100% auto; */
}

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

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

#right {
	float: none;
	width: 100%;
	max-width: 566px;
	max-width: 567px;
	height: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	/*background-color: #CCC;*/
	background-color: #0E0E0E;
}

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

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

/* タイトルエリア */
#titleArea {
	width: 566px;
	width: 567px;
	height: 790px;
	height: 710px;
	height: 800px;
	/*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.44%; /* titleArea の縦横比 */
	padding-top: 141.09%; /* titleArea の縦横比 */
}

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

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

/*div#aori {
	top: 52%;
}*/

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

h1 img {
	width: 100%;
	max-width: 567px;
	height: auto;
	max-height: 800px;
}

#tb1,
#tb2,
#tb3,
#tb4,
#tb5 {
	width: 567px;
	top: 0px;
	left: 0px;
	width: 100%;
	top: 0%;
	left: 0%;
}

#tb1 img,
#tb2 img,
#tb3 img,
#tb4 img,
#tb5 img {
	width: 100%;
	height: auto;
}

/*@media screen and (max-width:373px) {
	div#aori p.thirdP br {
		display: none;
	}
}*/

/*@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: 566px;
	max-width: 567px;
	padding: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding: 16px 0px 0px 0px;
	/* background-color: #DDD; */
}

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

p#termText {
	font-size: 1.3rem; /*13px*/
	line-height: 1.4;
}

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

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) {*/
@media screen and (max-width:380px) {
	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.column1 div.tEvent h2 {
	font-size: 93%;
	line-height: 150%;
	font-size: 1.2rem; /*12px*/
	line-height: 1.5;
}

div.column1 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;
	border: solid 1px #EFF1F0;
	/*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;
	padding: 20px 30px 20px 30px;
	padding: 20px 5.84% 20px 5.84%;
	padding: 20px 19px 20px;
	font-weight: bold;
	font-weight: normal;
}

/* 角丸用
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; /*13px*/
	color: #83337D;
	color: #E60012;
	color: #111;
	color: #FFF;
}

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; }
}


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

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