@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-size: 15px;
}

a{
	color: #0071D9;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
a:hover{
	text-decoration: underline;
}

/* フッター固定 */
body,.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
header{
	text-align: center;
	display: block;
	width: 100%;
	height: auto;
	min-height: 1px;
}

.mainimg{
	background:url("img/mizutama.png") repeat;
    padding: 5px;
}
.mainimg img{
	/*margin: 0 auto;
	display: block;
	width: 350px;*/
    margin: 0 auto;
	display: block;
	width: 900px;
}
.hidden_box{
	background:#ff6000;
}
ul.topmenu{
	width: 900px;
	padding: 0;
	margin: 0 auto;
	display: flex;
}
ul.topmenu li{
	padding-left: 0;
	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;
	
	display: inline-block;
	list-style: none;
	flex-grow: 1;
	text-align: center;
}
ul.topmenu li + li{
	border-left: 0;
  	border-right: 1px solid #fff;
}
.topmenu a{
	display: block;
	transition: all 0.3s ease 0s;
	color: #fff;
	padding: 10px 0;
}
.topmenu a:hover{
	background:#ffbe00;
	text-decoration: none;
}
.topmenu .thispage a{
	background: #ffbe00;
}

.main{
	width: 900px;
	min-height: 600px;
	box-sizing: border-box;
	padding: 15px;
	margin: 20px auto;
}
.schedule_main, .past_main{
	width: 900px;
	min-height: 600px;
	margin: 20px auto;
}
.eventschedule a:hover{
	opacity: 0.6;
}
.grm_topimg{
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
}
.grm_topimg img{
	width: 48% !important;
	max-width: 564px;
}
.kaisaibi{
	margin-top: 5px;
}
.bosyu{
	border-radius: 10px;
	background: #ff6000;
	color: #fff;
	padding: 10px;
	margin: 2em 0;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}
.bosyu:hover{
	opacity: 0.6;
	text-decoration: none;
}
a.bosyu_a:hover{
	text-decoration: none;
}
.summary{
	box-sizing: border-box;
	padding: 15px;
	background: #ffe4d5;
	border: 2px dashed #a11433;
	border-radius: 10px;
	margin-bottom: 30px;
}
.main h2{
	margin-top: 0;
	border-bottom: 2px solid #a11433;
	color:#a11433;
	font-size: 170%;
	padding-bottom: 5px;
}

.orangebig{
	color: #ff6000;
	font-weight: bold;
	font-size: 140%;
}
.kako{
	border-top:5px solid #ff6000;
	border-bottom:5px solid #ff6000;
	padding: 20px 0;
}
.kako img{
	display: block;
	margin: 0 auto;
}
.access_title{
	margin-top: 40px;
	font-weight: bold;
	font-size: 320%;
}
.access_map{
	display: flex;
	flex-wrap: nowrap;
}
.access_bun{
	width: 30%;
	margin-right: 7px;
	box-sizing: border-box;
}
.mapimg{
	width: 70%;
	box-sizing: border-box;
}
.train{
	font-weight: bold;
	font-size: 180%;
	padding-bottom: 3px;
	border-bottom: 2px solid #000;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.oume{
	font-weight: bold;
	font-size: 120%;
	color: #00b4ff;
}
.hachiko{
	font-weight: bold;
	font-size: 120%;
	color: #ff00c6;
}
.parking{
	font-weight: bold;
	font-size: 200%;
	margin-top: 15px !important;
}
table.entryTbl, table.entryTbl2,table.listTbl{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	/*table-layout: fixed;*/
}
table.entryTbl th{
	border: 1px solid #ff6000;
	background: #ffe2d0;
	padding: 10px;
	width: 20%;
}
table.entryTbl td, table.entryTbl2 td{
	border: 1px solid #ff6000;
	background: #fff;
	padding: 10px;
}
table.listTbl{
	font-size: 85%;
}
table.listTbl th{
	border: 1px solid #5580ff;
	background: #7f9fff;
	padding: 7px;
	color: #fff;
	box-sizing: border-box;
}
table.listTbl td{
	border: 1px solid #5580ff;
	background: #fff;
	padding: 7px;
	box-sizing: border-box;
	word-break: break-all;
	word-wrap: break-all;
}
table.listTbl td.name{
	background: #cfdbff;
}
table.entryTbl2 th{
	border: 1px solid #ff6000;
	background: #ffe2d0;
	padding: 0 10px;
	width: 15%;
}
.booth{
	text-align: center;
	font-weight: bold;
	font-size: 250%;
}

table.entryTbl2 th img{
	width: 100%;
	max-width: 280px;
}

table.entryTbl2 td.entryTbl2_title{
	background: #ff6000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	font-size: 120%;
}
.titleorange{
	background: #ff6000;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin-top: 20px;
	font-size: 120%;
}
.space{
	width: 100%;
	display: flex;
	flex-flow: nowrap;
}
.space img{
	width: 100%;
	max-width: 100%;
}
.formbtn{
	background: #ff6000;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	padding: 15px 30px;
	margin: 0 auto 20px;;
	width: 30%;
	font-size: 130%;
	transition: all 0.3s ease 0s;
}
.formbtn:hover{
	opacity: 0.6;
}
.formbtn a{
	text-decoration: none;
	color: #fff;
	display: block;
}
ul.garage_picture{
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
ul.garage_picture li:nth-child(2n+1) {
    margin-right: 4%;
}
ul.garage_picture li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
	width: 48%;
	text-align: center;
}

ul.maru li,ul.kome li {
	list-style-type: none;
    text-indent: -1em;
}
ul.maru li:before{
	display: inline;
  	content: "●";
}
ul.maru, ul.kome {
    padding-left: 1em;
}

ul.kome li:before{
	display: inline;
  	content: "※";
}
ul.sq li{
	list-style-type: none;
  	text-indent: -1em;
	margin-bottom: 1em;
}
ul.sq{
	padding-left: 20px;
	margin: 5px 0 0;
}
ul.sq li:before{
	display: inline;
  	content: "■";
}
ol{
	padding-left: 1.5em;
}
.pink{
	color: #FF1493
}
.bold{
	font-weight: bold;
}
.tempBtn img{
	transition: all 0.3s ease 0s;
}
.tempBtn img:hover{
	opacity: 0.6;
}
footer{
	width: 100%;
	height: auto;
	background: #ff6000;
	color: #fff;
	text-align: center;
	font-size: 70%;
	padding: 10px;
	box-sizing: border-box;
	
	/* 固定用 */
	margin-top: auto;
}

.pcnone,.none,.pcnone_grtop{
	display: none;
}
.pcnone{
    display: none !important;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.red{
	color: #ff0048;
}


/* お問い合わせ */
.con_eigyoubi{
	font-weight: bold;
	margin: 1em 0 1em  2em;
}
table.contactform{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
}
table.contactform th , table.contactform td{
	border: 1px solid #ff6000;
	padding: 10px 20px;
}
table.contactform th{
	width: 25%;
	text-align: left;
	background: #ffe2d0;
}
table.contactform td{
	width: 75%;
}
input[type="text"], input[type="submit"],button, textarea, select {
  	margin: 0;
	padding: 10px;
	background: none;
	border: 1px solid #c8c8c8;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	box-sizing: border-box;
	width: 100%;
	font-size: 100%;
	font-family : inherit;
}
textarea{
	resize: vertical;
    overflow: auto;
}
input[type="submit"]{
	margin: 2em auto;
	width: 200px;
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
	border-radius: 5px;
	background: #ff6000;
	font-weight: bold;
	color: #fff;
	border: none;
}
input[type="submit"]:hover{
	opacity: 0.6;
}
.main input[type="checkbox"]{
	margin-right: 10px;
	vertical-align: middle;
}
.agree,.dengen,.tuitate{
  display: none;
}
.agree_label{
	font-size: 180%;
}
.agree_label,.dengen_label,.tuitate_label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.dengen_label::before, .tuitate_label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.agree_label::before{
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.agree:checked + .agree_label, .dengen:checked + .dengen_label, .tuitate:checked + .tuitate_label{
  color: #ff6000;
}
 .dengen:checked + .dengen_label::after, .tuitate:checked + .tuitate_label::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #ff6000;
  border-right: 3px solid #ff6000;
}
.agree:checked + .agree_label::after{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #ff6000;
  border-right: 3px solid #ff6000;
}


.subBtn{
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
}
.item{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.hissu,.nini{
	margin: 0 0 0 auto;
	box-sizing: border-box;
	padding: 5px 10px;
	color: #fff;
}
.hissu{
	background: #ff0048;
}
.nini{
	background: #1769ff;
}
.entry_head{
	font-weight: bold;
	font-size: 120%;
	color: #00b4ff;
}
.entry_shime{
	font-weight: bold;
	font-size: 150%;
	color: #ff00c6;
	margin:15px 0;
}
.en_attention{
	font-size: 70%;
}
.kojindoui{
	font-size: 90%;
	margin-bottom:2em;
	padding: 15px;
	border-radius: 5px;
	box-sizing: border-box;
	border: 2px solid #ff6000;
}

/* スマホ */
@media screen and (max-width: 899px){
	/* ■リストの表示・非表示 */
		/* チェックボックス消す */
		.hidden_box input {
			display: none;
		}
		/*中身を非表示にしておく*/
		.hidden_box .hidden_show {
			height: 0;
			padding: 0;
			overflow: hidden;
			opacity: 0;
			/*transition: 0.3s;*/
		}
		/*クリックで中身表示*/
		.hidden_box input:checked ~ .hidden_show {
			padding: 0;
			height: auto;
			opacity: 1;
		}
		label{
			display: block;
		}
		.lbltxt{
			width: 96%;
			display: inline-block;
			box-sizing: border-box;
			padding: 10px;
			margin: 0 2%;
			color: #fff;
			font-size: 110%;
			border-left: 3px solid #fff;
			border-right: 3px solid #fff;
		}
	.mainimg img{
		max-width: 100%;
	}
	ul.topmenu{
		width: 100%;
		flex-direction: column;
	}
	ul.topmenu li {
		width: 100%;
		border-left: 0;
  		border-right: 0;
		border-top:1px solid #fff;
		border-bottom: 1px solid #fff;;
}
	.main{
		width: 95%;
		min-height: 300px;
	}
	.main img{
		max-width: 100%;
		width: 100%;
	}
	.grm_topimg{
		width: 100%;
	}
	
	.main h2{
		font-size: 130%;
	}
	ul.topmenu li + li{
		border-right: 0;
		border-bottom:1px solid #fff;
		border-top: 0;
	}
	/* ■リストの表示・非表示 */
	/* チェックボックス消す */
	.hidden_box input {
		display: none;
	}
	/*中身を非表示にしておく*/
	.hidden_box .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		/*transition: 0.3s;*/
	}
	/*クリックで中身表示*/
	.hidden_box input:checked ~ .hidden_show {
		padding: 0;
		height: auto;
		opacity: 1;
	}
	label{
		display: block;
	}
	
	.last td:last-child{
		border-bottom: 1px solid #ff6000;
	}
	.pcnone{
		display: inline-block;
	}
	.pcnone_grtop{
		display: block;
	}
	.spnone{
		display: none !important;
	}
	.orangebig{
		font-size: 110%;
	}
	.access_title,.train{
		font-size: 135%;
	}
	.parking{
		font-size: 120%;
	}
	.access_map{
		flex-flow: column-reverse;
	}
	.access_bun,.mapimg{
		width: 100%;
	}
	.spright{
		text-align: right;
	}
	.formbtn{
		width: 100%;
	}
	ul.garage_picture li:nth-child(2n+1) {
		margin-right: 10px;
	}
	table.entryTbl td,table.entryTbl th,table.entryTbl2 td,table.entryTbl2 th{
		display:block;
		width: 100%;
		border-bottom: none;
		box-sizing: border-box;
	}
	table.entryTbl2 th div.Tbl2img,table.entryTbl2 th div.Tbl2setsu{
		width: 50%;
		box-sizing: border-box;
	}

	table.entryTbl2 th div.Tbl2Fl{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	table.entryTbl2 th img{
		max-width: 100px;
	}
	
	/* お問い合わせ */
	table.contactform th , table.contactform td{
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 0;
	}
	table.contactform td.last{
		border-bottom: 1px solid #ff6000;
	}
	::placeholder{
		font-size: 80%;
	}
	input:-ms-input-placeholder {
		font-size: 80%;
	}
	.entry_shime{
		font-size: 130%;
	}
    
    .spnone{
		display: none;
	}
      .pcnone{
		display: inline-block !important;
	}
}