@charset "utf-8";

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

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

/* 全体 */
html,body {
	background-color: #008881;
	background-color: #E60038;
	background-color: #FFFFFC;
	/* 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;*/
}

#main {
	width: 100%;
	/*height: 732px;*/
	/*min-height: 100%;*/
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	/*text-align: center;*/
}

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

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

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

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

/* 縦横比の維持はしない */
#titleArea {
	width: 100%;
	max-width: 516px;
	height: 100%;
	height: auto; /* 重要 */
	overflow: visible;
	position: relative;
	/*background-color: #CCC;*/
	padding-bottom: 8px;
}

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

#titleAreaInner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; /* 順番を並べ替えるため flexbox化 */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; /* 上から下へ垂直方向に配置 */
}

/* 以下は position-absolute を解除 */
/* 順番を並べ替え、各々の間隔は padding-top（width に対するパーセント）で */
h1 {
	position: static;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	width: 520px;
	width: 100.78%;
	padding-top: 19px;
	padding-top: 3.68%;
	margin-left: -3px;
	margin-left: -0.58%;
	/*top: 540px;
	left: -3px;
	top: 78.26%;
	left: -0.58%;*/
}

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

#term {
	position: static;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	width: 127px;
	width: 24.61%;
	min-width: 87px; /* 縮小に下限を設定 */
	padding-top: 13px;
	padding-top: 2.52%;
	padding-left: 10px;
	padding-left: 1.94%;
	/*top: 385px;
	left: 10px;
	top: 55.8%;
	left: 1.94%;*/
}

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

#laputaLink {
	position: static;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	width: 115px;
	width: 22.29%;
	min-width: 79px; /* 縮小に下限を設定 */
	padding-top: 9px;
	padding-top: 1.74%;
	padding-left: 10px;
	padding-left: 1.94%;
	/*top: 508px;
	left: 10px;
	top: 73.62%;
	left: 1.94%;*/
}

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

#topMainPic {
	position: static;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	width: 516px;
	width: 100%;
}

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

/* インフォエリア */

#infoArea {
	margin: 0 auto;
	width: 100%;
	max-width: 516px;
	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) {
	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.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 #000;
	border: solid 1px #211513;
	border: solid 1px #FFF;
	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-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;*/
	overflow: auto;
	padding: 20px 30px 20px 30px;
	padding: 20px 5.84% 20px 5.84%;
	font-weight: normal;
	font-weight: bold;
}

/* 角丸用 */
div#sakuhin {
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	position: relative;
	behavior: url(js/PIE.htc); /* IE6-9用 */
}

div#sakuhin p#sTitle {
	display: block;
	font-size: 1.3rem; /*13px*/
}

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

div#sakuhin ul#list1 div#sLeft {
	float: left;
	margin-right: 50px;
	margin-right: 9.73%;
}

div#sakuhin ul#list1 div#sRight {
	float: left;
}

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-left: 0;
	width: 516px;
	width: 100%;
	/*padding: 5px 15px 8px 13px;*/
}

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