/*base-css*/

*{
	padding: 0;
	margin: 0;
	border: none;
	box-sizing: border-box;
}
html{
	-webkit-text-size-adjust: 100%;
}
body{
	font-size: 87.5%;
	color: #333333;
	font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
	min-width: 320px;
}
header,footer,section,article,hgroup,
figure,figcaption,nav,menu{
	display:block;
}
img{
	border: 0;
	max-width: 100%;
	height: auto;
}
ul,ol{
	list-style-type: none;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}
.inner{
		width: 100%;
		margin: 0 0;
	}
@media all and (min-width:480px) {
	.inner{
		width: 960px;
		margin: 0 auto;
	}
}
a{
	color: #666;
}
a:hover, a:hover img{
	opacity: 0.7;
	background-color: rgba(255,255,255,0.7);
}

/*色設定*/
.pink{
	color: #FF7BAC;
}
.orange{
	color: #FBB03B;
}
.green{
	color: #39B54A;
}
.blue{
	color: #29ABE2;
}

/*h1:総合見出し*/

/*h2：各コンテンツの見出し*/
h2{
	font-weight: bold;
	margin:20px 5%;
	color: #00A0E8;
	font-size:1.1rem ;
	text-align: center;
}
 h2 span{
 	padding-left: 5px;
 	padding-right: 5px;
 	padding-bottom: 3px;
	border-bottom:3px #00A0E8 solid; 
	width: 100%;
	
}
@media all and (min-width:480px) {
	h2{
		font-size:1.6rem ;
		margin:40px 5%;
		margin-top: 70px;
	}
}

/*h3：各コンテンツの中の見出し*/


/*header*/

header{
	width: 100%;
	padding: 10px 25px; 
	
	overflow: hidden;
}
header h1{
	float: left;
	width: 23%
}
header .header_nav{
	float: right;
	width: 66%
}
header .header_nav ul{
	padding-left:5%; 
	overflow: hidden;
}
header .header_nav ul li{
	float: right;
	width: 26%;
	margin-left: 7%;
	padding-top: 2px;
}
header .pc_nav,header .pc_menu{
	display: none;
}
@media all and (min-width:480px) {
	header .header_nav{
		display: none;
	}
	header .pc_nav{
		padding-top:2% ;
		display: block;
		float: right;
		text-align: right;
	}
	header .pc_nav p{
		font-size: 1.6em;
		padding-bottom:4% 
	}
	header .pc_nav a{
		color: #333;
	}

	header .pc_menu{
		display: block;
		margin: 0 -25px;
	}
	header .pc_menu ul{
		overflow: hidden;
		width: 100%;
		padding-top:30px; 
	}
	header .pc_menu ul li{
		float: left;
		width: 25%;
	}
	header .pc_menu ul li a{
		width: 100%;
		padding:3% 0; 
		text-align: center;
		display: block;
		background-color: #666;
		border-right:1px #fff solid; 
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
		text-decoration: none;

	}
	header .pc_menu ul li a:nth-child(4){
		border: none;
	}

}
/*ハンバーガーの中身*/
.close{
	font-size: 1.5em;
	color: #fff;
	text-align: right;
	padding: 10px;
	cursor: pointer;
}
.menu_sub{
	position: fixed;
	top: 0;
	left:0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.7); 
}
header .menu_sub ul{
	padding-left: 0;
}
header .menu_sub ul li{
	display: block;
	float: none;
	width: 100%;
	margin-left: 0;
}
header .menu_sub ul li a{
	display: block;
	background-color: #fff;
	text-decoration: none;
	padding: 10px;
	color: #666;
	
}


/*スライドショー*/
.slide_box{
	margin-bottom:20px; 
	margin-top:10px; 
}
#top .slide_box p:nth-child(1){
	text-align: center;
	color: red;
	padding-bottom: 2px;
}

/*wrapとsectionの共通部分*/
.wrap{
	padding:0 10px; 
}
.section{
	margin-bottom:40px; 
}
/*新着情報*/
.top_naiyou{
	width: 7rem;
	display: inline-block;
	background-color: #00A0E8;
	padding: 2px;
	border-radius: 2px;
	color: #fff;
}
.top_naiyou.ibento{
	background-color: #FBA848;
}
.top_naiyou.camp{
	background-color: #F27398;
}
.shinchaku p{
	text-align: right;
	padding-top: 5px;
}
.shinchaku ul{
	padding:5px;
	overflow-y: scroll;
}
.shinchaku ul li{
	padding-bottom:5px; 
	padding:5px;
	padding-left: 10px; 
	position: relative;
}

.shinchaku ul li:nth-child(-n+3):after{
	content: 'New';
	color: #fff;
	background-color: #4ECD00;
	border-radius: 2px;
	padding: 1px 2px;
	top: 5px;
	right: 5px;
	position: absolute;
}
.shinchaku ul li:nth-child(odd){
	background-color: rgba(0, 160, 232,0.1);

}
.shinchaku ul li:nth-child(even){
	background-color: rgba(255, 255, 255,1);
}
.shinchaku ul li a{
	text-decoration: none
}
time{

	color: #666;
	font-weight: bold;
	display: block;
	/*width: 9em;*/
	margin-bottom: 5px;
	/*border-bottom: 2px #666 solid;*/
}
@media all and (min-width:480px) {
	time{
		margin-left:60px; 
		display: inline-block;
		margin-right: 20px;
		border:none;
	}
	.shinchaku ul li{
		border-bottom:1px dotted #ddd; 
	}
	.shinchaku ul li:nth-child(-n+3):after{
		left: 20px;
		width: 2em;
		text-align: center;
	}
	.shinchaku ul li:nth-child(odd){
	background-color: rgba(255, 255, 255,1);
	}
	.shinchaku ul li:nth-child(even){
		background-color: rgba(255, 255, 255,1);
	}
}
/*イベント・キャンペーン*/
.oshirase li:nth-child(2){
	padding-top:5px; 
}
@media all and (min-width:480px) {
	.oshirase ul{
		overflow: hidden;
	}
	.oshirase ul li{
		float: left;
		width: 50%;
	}
	.oshirase li:nth-child(1){
		padding-right:1%; 
	}
	.oshirase li:nth-child(2){
		padding-left:1%; 
		padding-top:0; 
	}
}

/*各種インターネット手続き*/
.online_box{padding: 1px;
}
.online_box .online {
	margin-bottom: 10px;
}
.online{
	border: #00A0E8 3px solid;
	background-color: #EFEFEF;
	overflow: hidden;
	padding:1%;
}

.online > p {
	font-weight: bold;
}

.online ul{
	text-align: center;
	overflow: hidden;
}
.online ul li{
	display: inline-block;
	width: 45%;
}

.online ul #li_2_2{
	vertical-align: top;
	text-align: left;
}

.online ul li:nth-child(1){
	margin-right: 3%;
}
.online ul li img{
	display: block;
	}

@media all and (min-width:480px) {
	.online_box {
		margin-left: auto;
		margin-right: auto;
		width: 98%;
		display: flex;
		justify-content: space-between;
		font-size:1.2em;
	}
	.online {
		width: 49%;
	}

/*	.online ul li{
		width: 40%;
	}

*/	
}


/*カレンダー*/
.skegyuru{
	position: relative;
	width: 100%;
	padding-top: 100%;
}
iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*コース報告書menu*/

.houkoku ul{
	overflow: hidden;
}
.houkoku ul li{
	float: left;
	width: 50%;
	margin-bottom: 3px;
}
.houkoku ul li a{
	height: 44px;
	line-height: 34px;
	padding:5px;
	width: 100%;
	color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9rem;
	position: relative;
}
.houkoku ul li:nth-child(odd) a{
	margin-right:1%;
	background-color: #00A0E8; 
}
.houkoku ul li:nth-child(even) a{
	margin-left:1%; 
	background-color: #66C6F1; 
}
.houkoku ul li a i{
	position: absolute;
	right: 10px;
	top: 38%;
}


/*コース報告書面のコースメニューのカラフルな部分*/
/*各コースのメニュー*/
.cosu_menu{
	margin:0 -10px; 
}
.cosu_menu{
	overflow: hidden;
}
.cosu_menu li{
	float: left;
	width: 50%;
}
.cosu_menu li a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9rem;
	height: 44px;
	line-height: 34px;
	padding:5px;
	padding-left:10px; 
	width: 100%;
	position: relative;
	display: block;
}
.cosu_menu li a i{
	position: absolute;
	right: 10px;
	top: 38%;
}

.cosu_menu li:nth-child(1) a{
	background-color: #FF7BAC;
}
.cosu_menu li:nth-child(2) a{
	background-color: #FBB03B;
}
.cosu_menu li:nth-child(3) a{
	background-color: #39B54A;
}
.cosu_menu li:nth-child(4) a{
	background-color: #29ABE2;
}
@media all and (min-width:480px) {
	.cosu_menu li{
		float: left;
		width: 25%;
	}
}
/*各コースの内容*/
.tab_naiyou{
	position:relative;
	height: 654px;
}
.tab_naiyou .naiyou{
	position: absolute;
	top: 0;
	left: 0;
}
.naiyou h3{
	margin:10px 0; 
	padding-left:10px; 
}
.naiyou h4{
	padding: 4px 0 ;
	font-size: 1.0rem;
	padding-left:5px; 
	
}
.naiyou p:nth-child(4){
	padding: 5px;
	
}
@media all and (min-width:480px) {
	.tab_naiyou{
		
		height: 450px;
	}
	.naiyou p:nth-child(2){
		float: left;
		width: 50%;
	}
	.naiyou h4{
		float: left;
		padding-left: 2%;
		padding-bottom: 2%;
	}
	.naiyou p:nth-child(4){
		padding: 0;
		padding-left:2%; 
		float: left;
		width: 50%;
	}
}
/*footer*/
footer{
	padding:10px;
	background-color: #00A0E8;
	color: #fff;
	text-align: center;
}

/*上に戻るボタン*/
    #pageTop {
      position: fixed;
      bottom: 5px;
      right: 0px;
    }
    #pageTop a {
      display: block;
      z-index: 999;
      background-image: url(../images/ue.png);
      background-size: cover;
      width: 80px;
      height: 71px;
    }
    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }
@media all and (min-width:480px) {

	#pageTop a {
      width: 160px;
      height: 142px;
    }
}

/*★★informationページ*/

/*パンくず*/
.pankuzu ul {
	overflow: hidden;
}
.pankuzu ul li{
	float: left;
}

/*一覧部分*/
.ichiran section{
	border: 1px #999 solid;
	/*border-radius: 10px;*/
	padding: 10px;
	margin-bottom: 30px;
}
.ichiran .date span{
	display: block;
}
.ichiran section:nth-child(-n+3) p:nth-child(1){
	position: relative;
	margin-left:40px; 
}
.ichiran section:nth-child(-n+3) p:nth-child(1):before{
	content: 'New';
	color: #fff;
	background-color: #4ECD00;
	border-radius: 2px;
	padding: 1px 2px;
	top: 7px;
	left: -40px;
	position: absolute;
}
.demo {
  font-size: 15px;
  margin: 0 auto;
  padding: 5px 0;
  font-family: sans-serif;
  font-weight: bold;
  color:#3cb3e4;
}
.heading {
  margin: 10px 0
}
.demo0 .heading {
  position: relative;
  padding-left: 30px;
}
.demo0 .heading:before,
.demo0 .heading:after{
  content: "□";
  position: absolute;
  width:4px;
  height: 4px;
}
.demo0 .heading:before {
  left:0;
  top:-3px;
}
.demo0 .heading:after {
  left: 5.5px;
  top: 3.5px;
}

/*すべてを表示・ベント・体験を表示*/
.houkoku.kensaku li{	
	background-color: #00A0E8; 
	margin-bottom: 3px;
	height: 44px;
	line-height: 34px;
	padding:5px;
	/*width: 100%;*/
	color: #fff;
	border-radius: 25px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9rem;
	/*text-align: left;*/
	cursor: pointer;
}
.houkoku.kensaku li:hover{
	opacity: 0.7;
}
.houkoku.kensaku ul li:nth-child(even){
	
	background-color: #FBA848;
}
.houkoku.kensaku ul li:nth-child(3){
	
	background-color: #F27398;
}
.categol{
		position: absolute;
		right: 0;
		background-color: #00A0E8;
		border-radius: 2px;
		padding: 3px;
		top: 5px;
		color: #fff;
		font-weight: bold;
	}
.date{
		position: relative;
}
.ibento .categol{
	background-color: #FBA848;
}
.camp .categol{
	background-color: #F27398;
}

@media all and (min-width:480px) {
	.houkoku.kensaku li{	
		float: left;
		width: 33.3%;
		color: #fff;
		font-size: 0.9rem;
		text-align: center;
		
	}
	/*.houkoku.kensaku ul li:nth-child(odd){
		margin-right:1%;
		
	}
	.houkoku.kensaku ul li:nth-child(even){
		margin-left:1%; 
		
	}*/
	.houkoku.kensaku ul li:nth-child(3){
		margin-right:0%;
		
	}
	.categol{
		left: 100px;
		width: 8em;
		text-align: center;
	}

}

.table_xl{
	border-collapse: collapse;

}
.table_xl tr{
	border-bottom:1px dotted #000; 
}
.table_xl tr:nth-child(1){
	background-color: #8A2908;
	color: #fff;
	text-align: center;
}
.table_xl tr:nth-child(even){
	background-color: #ddd;
}
.table_xl td{
	padding: 5px;
}