html{
    font-size: 16px; 
}
body{
	background-color:#C4C4C4;
}
h1{
	font-size:4em;
	margin:30px 0;
	/*margin-left:10%;*/
}
.contaner{
	width:90%;
	max-width:960px;
	margin:0 auto;
}
.wrap{
	width:100%;
	position:relative;
}
.btn{
	margin-top:10px;
	position:relative;
	display:block;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 1em .5em .55em .5em;
	width:12%;
}
h3,h4,h5{
	font-weight:normal;
	color:#000;
	text-decoration: none;
	font-size:2em;
	line-height:1em;
}
.btn:hover {
	text-decoration: none;
	background-color:#E2B789;
}
.select{
	z-index: 9;
}
.select:hover{
	background-color:#F0F0F0;
}
.box{
	position:absolute;
	width:80%;
	top:-10px;
	left:10%;
	z-index:1;
}
.box_back{
	z-index:0;
	width:88%;
	background-color:#F0F0F0;
	
	-webkit-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
}
.inner{
	padding:5%;
	background-color:#F0F0F0;
	width:100%;
	display:none;
	margin-bottom:50px;
	-webkit-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.4);
}
.title{
	float:right;
}
.title p{
	margin-top:10px;
	float:right;
}
.table{
	width:100%;
	margin-top:50px;
	border:3px solid;
}
.table tbody{
	/*padding:50px;
	width:100%;*/
}
/*.table th{
	width:50%;
}*/
.table td{
	display:block;
	margin:10px 5%;
}
.table_border{
	padding-bottom:10px;
	border-bottom:2px #000 dotted;
}

#jigyou,#seturitu{
	margin-left:5%;
	display:inline-block;
}
.naiyou{
	display:inline-block;
	margin-left:5%;
}
.setirutu_p{
	border-bottom:2px solid;
}
.jigyou_p{
	margin-top:15px;
	padding:2px;
	text-align:center;
	border-left:5px solid;
	border-bottom:2px solid;
}
#shihon{
	font-size:35px;
	padding-left: 5%;
}
.map_p{
	margin-left:10%;
}
#map{
	width:80%;
	height:300px;
	margin:20px auto;
}
.tate{
    width:1em;
    float:right;
}
.rinen{
	width:100%;
	border:3px solid;
}
.rinen_msg{
	margin:30% auto;
}
.rinen_msg p{
	width:100%;
	text-align:center;
	font-size:60px;
	margin-top:5%;
}
.asobi{
	color: #F7BE69;
	letter-spacing: 0;
	text-shadow: 0px 1px 0px #ECB057, 0px 2px 0px #DBA656, 0px 3px 0px #C0914C, 0px 4px 0px #B48948, 0px 5px 0px #A88147, 0px 6px 0px #9E7A43, 0px 7px 0px #8F6E3C, 0px 8px 7px #816438;
	z-index:999;
}
.ohuza{
	color: #92F76A;
	letter-spacing: 0;
	text-shadow: 0px 1px 0px #8FF567, 0px 2px 0px #88EC60, 0px 3px 0px #86E760, 0px 4px 0px #81DB5E, 0px 5px 0px #79CE58, 0px 6px 0px #6FBD51, 0px 7px 0px #5C9B43, 0px 8px 7px #4A7E36; 
}
.anime{
	display:inline-block;
	
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.anime0{
  -webkit-animation-name: motion1;
  -webkit-animation-duration: 2s;
  -moz-animation-name: motion1;
  -moz-animation-duration: 2s;
  -ms-animation-name: motion1;
  -ms-animation-duration: 2s;
  animation-name: motion1;
  animation-duration: 2s;
}
.anime1{
  -webkit-animation-name: motion0;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay:1900ms;
  -moz-animation-name: motion0;
  -moz-animation-duration: 2s;
  -moz-animation-delay:1900ms;
  -ms-animation-name: motion0;
  -ms-animation-duration: 2s;
  -ms-animation-delay:1900ms;
  animation-name: motion0;
  animation-duration: 2s;
  animation-delay:1900ms;
}
.anime2{
  -webkit-animation-name: motion0;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay:2400ms;
  -moz-animation-name: motion0;
  -moz-animation-duration: 2s;
  -moz-animation-delay:2400ms;
  -ms-animation-name: motion0;
  -ms-animation-duration: 2s;
  -ms-animation-delay:2400ms;
  animation-name: motion0;
  animation-duration: 2s;
  animation-delay:2400ms;
}
.anime3{
  -webkit-animation-name: motion0;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay:2900ms;
  -moz-animation-name: motion0;
  -moz-animation-duration: 2s;
  -moz-animation-delay:2900ms;
  -ms-animation-name: motion0;
  -ms-animation-duration: 2s;
  -ms-animation-delay:2900ms;
  animation-name: motion0;
  animation-duration: 2s;
  animation-delay:2900ms;
}

@-webkit-keyframes motion0{
  0% { 
    -webkit-transform:rotate(0deg);
  }
  100% { 
    -webkit-transform:rotate(360deg);
  }
}
@-moz-keyframes motion0{
  0% { 
    -moz-transform:rotate(0deg);
  }
  100% { 
    -moz-transform:rotate(0deg);
  }
}
@-ms-keyframes motion0{
  0%{
      -ms-transform:rotate(0deg);
  }
  100%{ 
      -ms-transform:rotate(360deg);
  }
}
@keyframes motion0{
  0%{
      transform:rotate(0deg);
  }
  100%{ 
    transform:rotate(360deg);
  }
}

@-webkit-keyframes motion1{
  0%{
      -webkit-transform:translate(0px,0px);
  }
  90%{
  	  -webkit-transform:translate(-50px,0px);
  }
  100%{ 
      -webkit-transform:translate(0px,0px);
  }
}
@-moz-keyframes motion1{
  0%{
      -moz-transform:translate(0px,0px);
  }
  90%{
  	  -moz-transform:translate(-50px,0px);
  }
  100%{ 
      -moz-transform:translate(0px,0px);
  }
}
@-ms-keyframes motion1{
  0%{
      -ms-transform:translate(0px,0px);
  }
  90%{
  	  -ms-transform:translate(-50px,0px);
  }
  100%{ 
      -ms-transform:translate(0px,0px);
  }
}
@keyframes motion1{
  0%{
      transform:translate(0px,0px);
  }
  90%{
  	  transform:translate(-50px,0px);
  }
  100%{ 
      transform:translate(0px,0px);
  }
}
@media screen and (max-width: 600px) {
	h1{
		font-size:3em;
	}
	.btn{
		width:9%;
		padding-left:.2em;
		font-size:14px;
	}
	#jigyou,#seturitu{
		margin-left:2%;
	}
	.rinen_msg{
		margin:50% auto;
	}
	.rinen_msg p{
		font-size:40px;
	}
	#shihon{
		font-size:30px;
	}
}