@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* モバイルレイアウト : 499 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}
#header {
	height: 70px;
	position: fixed;
	background-color: #D6E0B8;
	background-repeat: no-repeat;
	clear: both;
	float: left;
	width: 100%;
	background-color: #D6E0B8;
}
#main {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.main1　 {
	display: none;
}
#main .alignleft {
	display: block;
	width: 100%;
	height: auto;
}
#sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
}
#footer {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	position: fixed;
	margin: 0px;
	bottom: 0px;
}
#footer .copyright {
	display: none;
}
.box1-0 {
	display: none;
}
.box1-1 {
	margin: 0px;
	padding: 0px;
	display: none;
}
.box1-2 {
	display: flex;
	justify-content: center;
	margin: 0px;
	padding: 0px;
	float: none;
	width: auto;
}
.box1-4 {
	width: 145px;
	float: left;
	padding: 0px;
	height: auto;
	margin: 0px;
}
.box1-5 {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.box1-6 {
	width: 95%;
	float: left;
}
.box1-7{
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 330px;
}
.layoutbox5 {
	float: left;
	width: auto;
	background-color: #F3F3F3;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 7px;
	margin-left: 0px;
	clip: rect(auto,auto,auto,auto);
	padding-top: 0px;
	padding-bottom: 0px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
.layoutbox5 h2 {
	font-size: 14px;
	padding: 3px;
	margin: 0px;
	font-weight: bold;
}
.layoutbox55 {
	float: left;
	width: auto;
	background-color: #F3F3F3;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 7px;
	margin-left: 0px;
	clip: rect(auto,auto,auto,auto);
	padding-top: 0px;
	padding-bottom: 0px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
.layoutbox55 h2 {
	font-size: 14px;
	padding: 3px;
	margin: 0px;
	font-weight: bold;
}
.layoutbox56 {
	float: left;
	width: auto;
	background-color: #F3F3F3;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 7px;
	margin-left: 0px;
	clip: rect(auto,auto,auto,auto);
	padding-top: 0px;
	padding-bottom: 0px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
.layoutbox56 h2 {
	font-size: 14px;
	padding: 3px;
	margin: 0px;
	font-weight: bold;
}
.f62 {
	font-size: large;
	color: #333;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 8px;
	border-radius: 5px;
	margin-bottom: 3px;
}
.table8th1 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #333;
	width: 33％;
}
.table8th1-1 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #333;
	width: 33％;
}
.table8th11 {
	background-color: #E6E6E6;
	padding: 3px;
	font-weight: bold;
	border: 1px solid #333;
	width: 140px;
}
.table8th2 {


}
.table8th3 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #333;
}
.br1{
	display: block;
}
.em1{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	-webkit-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	-moz-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	-ms-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	-o-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	margin: 2px;
	padding: 2px;
}
.em2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: x-small;
	font-weight: bold;
	color: #FFF;
	background-color: #00C;
	-webkit-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	-moz-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	-ms-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	-o-transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	transition: all 0s cubic-bezier(x1,y1,x2,y2) 3s;
	margin: 2px;
	padding: 2px;
}
.table {
  border-collapse: collapse;
  width: 100%;
  white-space: nowrap;
}
.table1 {
  border-collapse: collapse;
  width: 100%;
  white-space: nowrap;
}
.table th,
.table td {
  border: 2px solid #eee;
  padding: 4px 8px;
}
.table1 th,
.table1 td {
  border: 2px solid #eee;
  padding: 4px 8px;
}
.table-wrap {
  overflow-x: scroll;
}
.rwd-em1{
	color: #060;
	font-weight: bold;
}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 480px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

/**/

#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	padding: 0px;

}
.main1 {
	display: block;
	margin: 0px;
	padding: 0px;
}
#sub {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.kakaku4 {
	display: block;
}
#footer {
	position: relative;
	background-color: rgba(97,85,74,0.8);
	color: #fff;
	border-radius: 6px;
	margin: 20px 0 25px;
}
.box16 {
	display: none;
}
.box17 {
	display: none;
}
#footer .copyright {
	text-align: center;
	clear: both;
	display: block;
}
#inner {
	margin: 0px;
	padding: 0px;
}
#inner li {
	float: left;
	width: 32%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #666;
}
#inner li a {
	display: block;
	padding: 20px 5px 15px 5px;
	position: relative;
}
#inner li a .photo {
	margin: 0;
	text-align: center;
}
.box1-1 {
	display: block;
	margin: 0px;
	padding: 0px;
}
.box1-4 {
	width: 180px;
	float: left;
	padding: 0px;
	height: auto;
	margin: 0px;
}
.box1-5 {
	display: none;
	margin: 0px;
	padding: 0px;
}
.box1-6 {
	width: 49%;
	float: left;
	margin-right: 2px;
	clear: right;
}
.box1-7{
	margin: 0px;
	padding: 0px;
	width: auto;
	clear: both;
	height: 250px;
}
.layoutbox5 {
	height: 288px;
}
.layoutbox55 {
	height: 300px;}
.layoutbox56 {
	height: 300px;}	
.f62 {
	font-size: large;
	color: #FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-radius: 5px;
	margin-bottom: 3px;
	background-color: #033;
	width: 98%;
	border: 1px solid #000;
}
.table8th1 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #333;
	width: 25％;
}
.table8th1-1 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #333;
	width: 25％;
}

.table8th3 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #333;
}


@media only screen and (min-width: 648px) {

.box1-2 {
	margin: 0px;
	padding: 0px;
	display: block;
}
.box1-7{
	margin: 0px;
	padding: 0px;
	width: auto;
	clear: both;
	height: 200px;
}
}
/* デスクトップレイアウト : 938 px ～最大 1950 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 938px) {
.gridContainer {
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	margin: auto;
}
body {
}
#header {
	position: relative;
}

#main {
	clear: both;
	float: left;
	width: 76%;
	display: block;
	margin: 0px;
	padding: 0px;
}
#sub {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 21%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.kakaku4 {
	display: block;
}
#inner li {
	float: left;
	width: 99%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
.box1-0 {
	display: block;
	color: #036;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

.box1-4 {
	width: 32%;
}
.box1-6 {
	width: 49%;
	float: left;
}
.box1-7{
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 250px;
}
.layoutbox5 h2 {
	font-size: 16px;
	padding: 3px;
	margin: 0px;
}
.layoutbox5 {
	height: 330px;
}
.layoutbox55 {
	height: 360px;
}
.layoutbox56 {
	height: 300px;
}
.table8th1 {
	background-color: #E6E6E6;
	font-weight: bold;
	border: 1px solid #333;
	width: 135px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 0px;
}
.table8th1-1 {
	background-color: #E6E6E6;
	font-weight: bold;
	border: 1px solid #333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 0px;
}
.table8th11 {
	background-color: #E6E6E6;
	font-weight: bold;
	border: 1px solid #333;
	width: 140px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 0px;
}
.table8th2 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	display: block;

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}

.table8th3 {
	background-color: #E6E6E6;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #333;
}
.br1{
	display: none;
}
.em1{
	display: none;
}
.em2{
	display: none;
}
.table-wrap {
  overflow-x: auto
}
.table {
  border-collapse: collapse;
  width: 100%;
  white-space: normal;
}
.table1 {
	border-collapse: collapse;
	white-space: normal;
	width: 800px;
}
.rwd-em1{
	display: none;
}
}
@media only screen and (min-width: 1280px) {
.gridContainer {
max-width: 1980px;}
.box1-4 {
	width: 23%;
}
.box1-7{
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 300px;
}
.layoutbox5 {
	height: 340px;
}



}