@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------------*/
/*--- camp -------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#camp-index{
	background: #009245;
	height: 350px;
}

#camp-menu{
	margin-top: 30px;
}

#camp-index-left{
	width: 740px;
	margin-top: 20px;
	float: left;
}

#camp-section-left,#camp-section-center,#camp-section-right{
	width: 220px;
	height: 260px;
	background: #009245;
}

#camp-section-left h4,#camp-section-center h4,#camp-section-right h4{
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	color: #ffffff;
}

#camp-section-left img,#camp-section-center img,#camp-section-right img{
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
}

#camp-section-left p,#camp-section-center p,#camp-section-right p{
	width: 180px;
	margin: 0 0 0 20px;
	padding: 5px 0 0 0;
	color: #ffffff;
}

#camp-section-left{
	float: left;
}

#camp-section-center{
	margin-left:40px;
	float: left;
}

#camp-section-right{
	float: right;
}

#camp-use{
	margin-top: 60px;
}

#camp-uke-map{
	width: 440px;
	height: 200px;
	margin-top: 10px;
	float: right;
}

#camp-index-right{
	width: 220px;
	float: right;
}

#camp-reservation{
	margin-top: 20px;
	background: #f492a7;
}

#camp-reservation h3{
	margin: 0 0 0 20px;
	padding:20px 0 0 0;
}

p.camp-online-title{
	margin: 15px 0 0 20px;
	color: #ffffff;
	font-weight: bold;
}

img.camp-reserv-botton{
	margin: 5px 0 0 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ffffff;
}

img.camp-reserv-botton:hover{
	opacity: 0.5;
}

p.camp-reserv-tell{
	margin: 0 0 0 20px;
	font-size: 23px;
	font-weight: bold;
	color: #333333;
}

p.reception-time{
	margin: 0 0 5px 20px;
	font-size: 12px;
	color: #ffffff;
}

p.reception-attention{
	margin: 15px 20px 5px 20px;
	padding-bottom: 15px;
	color: #ffffff;
}

#camp-rental{
	margin-top: 30px;
	background: #8cc63f;
}

img.camp-rental-botton{
	margin: 15px 0 0 20px;
	padding-bottom: 15px;
}

p.rental-attention{
	margin: 0 20px;
	color: #ffffff;
}

p.rental-attention2{
	margin: 5px 0 10px 20px;
	color: #ffffff;
	font-size: 13px;
}

/*----------------------------------------------------------------------------------------------------*/
/*--- contents01 -------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#camp{
	margin-top: 70px;
}

#camp-page-eycatch{
	width:1000px;
	height:350px;
	margin-top: 30px;
	background:url(../sea/img/sea-contents01-eyecatch.jpg) no-repeat center;
}

#camp-contents{
	margin-top: 30px;
}

#camp-contents-left{
	width: 740px;
	margin-top: 20px;
	float: left;
}

#camp-facility-1,#camp-facility-2,#camp-facility-3{
	margin-top: 15px;
}

#camp-facility-1,#camp-facility-2{
	float:left;
}

#camp-facility-2{
	margin-left:40px;
}

#camp-facility-3{
	float:right;
}

#tent-facility{
	margin-top: 30px;
}

#tent-facility-left{
	width:480px;
	float:left;
}

#tent-facility-left-josetu{
	margin-top: 30px;
}

#tent-facility-left-josetu h3,#tent-excuse h3{
	margin-bottom: 5px;
}
p.jousetu{
	width:300px;
	float:left;
}

#tent-facility-right{
	width:240px;
	margin-top: 42px;
	float:right;
}

#tent-use{
	margin-top: 40px;
}

table.tent-use{
	margin:5px 0 0 0;
	border:1px solid #000000;
}

table.tent-use th{
	width: 150px;
}

table.tent-use th,table.tent-use td{
	border:1px solid #000000;
	padding:5px 10px;
}

#tent-excuse{
	margin-top: 40px;
}

#tent-excuse p{
	line-height: 1.8;
}

/*----------------------------------------------------------------------------------------------------*/
/*--- contents02 -------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#contents02-facility-1,#contents02-facility-2,#contents02-facility-3{
	margin-top: 15px;
}

#contents02-facility-1 img,#contents02-facility-2 img,#contents02-facility-3 img{
	width: 220px;
}

#contents02-facility-1,#contents02-facility-2{
	float:left;
}

#contents02-facility-2{
	margin-left:40px;
}

#contents02-facility-3{
	float:right;
}

/*----------------------------------------------------------------------------------------------------*/
/*--- contents03 -------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

#contents03-map{
	width: 740px;
	height: 350px;
}

.kebin{
	margin-top: 30px;
}

.kebin h3{
	margin-bottom: 10px;
}

/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*--- English site -----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

h2.en-title{
	padding-bottom: 10px;
	font-size: 20px;
	border-bottom: 1px dotted #009245;
}

p.en-discri{
	margin: 5px 0 10px 0;
	color: #ffffff;
	text-align: center;
}

#camp-section-left-en,#camp-section-center-en,#camp-section-right-en{
	width: 220px;
	height: 250px;
	background: #009245;
}

#camp-section-left-en h4,#camp-section-center-en h4,#camp-section-right-en h4{
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	color: #ffffff;
}

#camp-section-left-en img,#camp-section-center-en img,#camp-section-right-en img{
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
}

#camp-section-left-en p,#camp-section-center-en p,#camp-section-right-en p{
	width: 180px;
	margin: 0 0 0 20px;
	padding: 5px 0 0 0;
}

p.caption-en{
	color: #ffffff;
}

#camp-section-left-en{
	float: left;
}

#camp-section-center-en{
	margin-left:40px;
	float: left;
}

#camp-section-right-en{
	float: right;
}

p.youyoyaku{
	background-color: #ffffff;
	border-radius: 3px;
	color: #FF0000;
}

h3.title-h3-en{
	font-size: 19px;
}

#camp-reservation-en{
	margin-top: 20px;
	padding-bottom: 20px;
	background: #f492a7;
}

h3.side-onlinbooking-title{
	padding-top: 15px;
	font-size:14px;
	text-align: center;
}

p.side-onlinbooking{
	width: 180px;
	margin: 15px auto 0 auto;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	border:2px solid #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff0523), color-stop(0.00, #700004));
	background: -webkit-linear-gradient(top, #700004 0%, #ff0523 100%);
	background: -moz-linear-gradient(top, #700004 0%, #ff0523 100%);
	background: -o-linear-gradient(top, #700004 0%, #ff0523 100%);
	background: -ms-linear-gradient(top, #700004 0%, #ff0523 100%);
	background: linear-gradient(top, #700004 0%, #ff0523 100%);
}

p.side-onlinbooking a{
	color: #ffffff;
	text-decoration: none;
}

#camp-rental{
	padding-top: 10px;
	margin-top: 30px;
	background: #8cc63f;
}

h3.rent-box{
	width: 180px;
	margin: 15px auto 15px auto;
	padding: 10px 0;
	border:2px solid #ffffff;
	text-align: center;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a6fd5e), color-stop(0.14, #017507));
	background: -webkit-linear-gradient(top, #017507 14%, #a6fd5e 100%);
	background: -moz-linear-gradient(top, #017507 14%, #a6fd5e 100%);
	background: -o-linear-gradient(top, #017507 14%, #a6fd5e 100%);
	background: -ms-linear-gradient(top, #017507 14%, #a6fd5e 100%);
	background: linear-gradient(top, #017507 14%, #a6fd5e 100%);
}

h3.rent-box a{
	text-decoration: none;
	color: #ffffff;
}

/*----------------------------------------------------------------------------------------------------*/
/*--- contents01 -------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

h3.en-subtitle{
	font-size: 16px;
	display: list-item;
	list-style: disc inside;
}

/*--- 2020.11.26 ---*/

#contes02-map{
	width: 740px;
}

#contes02-map img{
	width: 100%;
}