@charset "utf-8";
/*----------------------------------------------------
　
------------------------------------------------------*/
.slick-slide img{
	width: 100%;
}
#mainimage{
  position: relative;
	z-index:0;
	clear:both;
	padding:0 0 0;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 0;
}
@media screen and (max-width: 1000px) {
#mainimage{
	padding:0 0 0 !important;
}
#mainimage .slider .slick-slide img{
	width:100%;
}
}
@media screen and (max-width: 640px) {
#mainimage{
	padding:80px 0 0 !important;
}
#mainimage .slider .slick-slide{
	max-width:640px;
}
}
@media screen and (max-width: 480px) {
#mainimage{
	padding:60px 0 0 !important;
}
#mainimage .slider .slick-slide{
	max-width:480px;
}
}
@media screen and (max-width: 370px) {
#mainimage .slider .slick-slide{
	max-width:370px;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#text01{
	text-align:center;
	margin:0 0 100px;
}

#text01 img{
	width:100%;
	max-width:836px;
}
#text01 img.sp{
	display: none;
}
@media screen and (max-width: 1000px) {
#text01{
	margin:0 0 3em;
}
}
@media screen and (max-width: 640px) {
#text01 img{
	max-width:580px;
}
#text01 img.pc{
	display: none;
}
#text01 img.sp{
	display: block;
}

}


/*----------------------------------------------------
　
------------------------------------------------------*/
#text02{
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 0 100px;
}
#text02 h2{
	margin:0 0 1.5em;
	font-size:100%;
}
#text02 h2 img.sp{
	display: none;
}
#text02 h2 img.pc{
	display: inline;
}
#text02 ul{
	overflow:hidden;
}
#text02 ul.left{
	float:left;
	width:48%;
}
#text02 ul.right{
	float:right;
	width:48%;
}
#text02 ul li{
	clear:both;
	overflow:hidden;
	margin:0 0 0.8em;
	font-weight:bold;
}
#text02 ul li .no{
	display:inline-block;
	display:inline-table;
	vertical-align:middle;
	width:2em;
	margin:0 0.5em 0 0;
	text-align:center;
	color:#fff;
	background:#3FB4FF;
	border-radius:0.5em;
}
#text02 ul li .text{
	display:inline-block;
	display:inline-table;
	vertical-align:middle;
	width:80%;
	max-width:430px;
	line-height:1.2;
}
#text02 .text2{
	clear: both;
	float:none;
	margin:0 0 1em 0;
}
#text02 .text2 img{
width: 100%;
max-width: 550px;
}

@media screen and (max-width: 640px){
#text02 h2 img.sp{
	display: inline;
}
#text02 h2 img.pc{
	display: none;
}
#text02 ul.left,
#text02 ul.right{
	float:none;
	width:100%;
}
}
/*  
------------------------------------------*/
#text02 .date{
	clear:both;
	overflow:hidden;
	padding:1em 2em;
	background:#fffdd9;
	border:2px solid #3FB4FF;
	border-radius:1em;
	position:relative;
}
#text02 .date dt,
#text02 .date dd{
	display:inline;
	font-weight:bold;
	font-size:118%;
}
#text02 .date dt{
	color:#3FB4FF
}
#text02 .date dd{
	margin-right:1em;
}
#text02 .date .date-text1{
}
#text02 .date .date-text2{
	position:absolute;
	right:2em;
	top:1em;
	line-height:1.2;
}
@media screen and (min-width: 1000px) {
#text02 .date{
padding-right: 1em;
}
}
@media screen and (max-width: 1000px) {
#text02{
	margin:0 0 3em;
}
#text02 h2 img{
	width:100%;
	max-width:640px;
}
#text02 .date .date-text2{
	position:relative;
	line-height:1.2;
	padding-bottom:1em;
	right: auto;
	top: auto;
}
}
@media screen and (max-width: 640px) {
#text02 h2{
	margin-bottom:1em;
}
#text02 h2 img{
	width:100%;
	max-width:400px;
}
#text02 .date{
	padding:1em 3%;
}
#text02 .date dt{
	display: block;

}
#text02 .date dd{
}
#text02 .date dt,
#text02 .date dd{
	font-size:106%;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#text03{
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 0 100px;
	min-height:180px;
	position:relative;
}
#text03 h2{
	margin:0 0 1.5em;
	font-size:100%;
}
#text03 h2 img.sp{
	display: none;
}
#text03 h2 img.pc{
	display: block;
}
#text03 .text{
/*	float:left;
	width:38%;*/
	margin:0 12% 0 0;
}
#text03 .text2{
	clear: both;
	float:none;
	margin:0 0 1em 0;
}
#text03 .text2 img{
width: 100%;
max-width: 550px;
}

#text03 .date{
	clear:both;
	overflow:hidden;
	padding:1em 2em;
	width: 76%;
	background:#fffdd9;
	border:2px solid #FF8114;
	border-radius:1em;
	position:relative;
}
#text03 .img{
	position:absolute;
	right:0;
	top:0;
	text-align: right;

}
#text03 .img img{
	width: 100%;
  max-width: 140px;
	border: 1px solid #ccc;
}
#text03 .date dt,
#text03 .date dd{
	display:inline;
	font-weight:bold;
	font-size:118%;
}
#text03 .date dt{
	color:#FF8114;
}
#text03 .date dd{
	margin-right:1em;
}
@media screen and (max-width: 1000px) {
#text03{
	margin:0 0 3em;
	min-height:0;
}
#text03 h2 img{
	width:100%;
	max-width:724px;
}

#text03 .text{
	float:none;
	width:77%;
	margin:0 0 1em 0;
}
#text03 .date{
	float:none;
	width:71%;
	margin:0 0 0 0;
	padding:1em 3%;
}
#text03 .date dt{
}
#text03 .img{
	width: 15%;
	position:absolute;
	right:0;
	top: auto;
	bottom:0;
}
#text03 .img img{
	width: 100%;
	max-width: 89px;
}

}
@media screen and (max-width: 640px) {
#text03 h2{
	margin-bottom:1em;
}
#text03 h2 img.pc{
	display: none !important;
}
#text03 h2 img.sp{
	display: block !important;
}
#text03 h2 img{
	max-width:400px;
}
#text03 .img{
	position:relative;
	float: right;
	padding: 0.2em 0 0;
}
#text03 .text{
	float:left;
	margin:0 0 1em 0;
}
#text03 .date{
	clear: both;
	width: auto;
}
#text03 .date dt{
	display: block;
}
#text03 .date dt,
#text03 .date dd{
	font-size:106%;
}

}

/*----------------------------------------------------
　
------------------------------------------------------*/
#text04{
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 0 100px;
	position:relative;
	border:2px solid #ff56a7;
	border-radius:1em;
}
#text04 .img{
	display:inline-table;
	vertical-align:middle;
	width:38%;
	margin-right:3%;
}
#text04 .img img{
	width:100%;
}
#text04 .text{
	display:inline-table;
	vertical-align:middle;
	width:58%;
}
#text04 .text img{
	width:100%;
	max-width:537px;
}

@media screen and (max-width: 640px) {
#text04{
	margin:0 0 3em;
	min-height:0;
}
#text04 .img{
	display:block;
	width:100%;
	margin-right:0;
}
#text04 .text{
	display:block;
	width:90%;
	margin:1em 5%;
}
}


/*  
------------------------------------------*/
#text05{
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 0 100px;
	min-height:180px;
	position:relative;
}
#text05 h2{
	margin:0 0 1.5em;
	font-size:100%;
}
#text05 h2 img.sp{
	display: none;
}
#text05 h2 img.pc{
	display: block;
}

#text05 .text{
	float:none;
	margin:0 0 1em 0;
}
#text05 .text2{
	float:none;
	margin:0 0 1em 0;
}
#text05 .text2 img{
width: 100%;
max-width: 550px;
}

#text05 .link:before{
content: "▶︎";
	color:#ff56a7;
  font-size: 75%;
}

#text05 .date{
	clear:both;
	overflow:hidden;
	padding:1em 2em;
	background:#fffdd9;
	border:2px solid #ff56a7;
	border-radius:1em;
	position:relative;
}
#text05 .date dt,
#text05 .date dd{
	display:inline;
	font-weight:bold;
	font-size:118%;
}
#text05 .date dt{
	color:#ff56a7;
}
#text05 .date dd{
	margin-right:1em;
}


@media screen and (max-width: 1000px) {
#text05{
	margin:0 0 3em;
}
#text05 h2 img{
	width:100%;
	max-width:400px;
}
#text05 .date .date-text2{
	position:relative;
	line-height:1.2;
	padding-bottom:1em;
}
}
@media screen and (max-width: 640px) {
#text05 .link{
/*display: block;*/
}
#text05 h2{
	margin-bottom:0.5em;
}
#text05 .date{
	padding:1em 3%;
}
#text05 .date dt{
	display: block;

}
#text05 .date dd{
}
#text05 .date dt,
#text05 .date dd{
	font-size:106%;
}
}

/*  
------------------------------------------*/
#text06{
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 0 100px;
	min-height:180px;
	position:relative;
}
#text06 h2{
	margin:0 0 1.5em;
	font-size:100%;
}
#text06 h2 img.sp{
	display: none;
}
#text06 h2 img.pc{
	display: block;
}

#text06 .text br.pc{
display: inline;
}

#text06 .text{
	float:none;
	margin:0 0 1em 0;
}
#text06 .text2{
	float:none;
	margin:0 0 1em 0;
}
#text06 .text2 img{
width: 100%;
max-width: 550px;
}

#text06 .link:before{
content: "▶︎";
	color:#7acf1f;
  font-size: 75%;
}

#text06 .date{
	clear:both;
	overflow:hidden;
	padding:1em 2em;
	background:#fffdd9;
	border:2px solid #7acf1f;
	border-radius:1em;
	position:relative;
}
#text06 .date dt,
#text06 .date dd{
	display:inline;
	font-weight:bold;
	font-size:118%;
}
#text06 .date dt{
	color:#7acf1f;
}
#text06 .date dd{
	margin-right:1em;
}


#text06 .pc-left{
float: left;
width: 55%;
max-width: 550px;
}
#text06 .pc-right{
float: right;
width: 40%;
max-width: 400px;
}



#text06 .text3{
clear: both;
overflow: hidden;
margin: 0 0 1.5em;
padding: 1em 2em 1.5em 2em;;
position: relative;
box-sizing: border-box;
border: 2px solid #7acf1f;
border-radius: 1em;

}
#text06 .text3 .QR{
position: absolute;
right: 10px;
top: 2em;
}
#text06 .text3 h3{
margin: 0 0 0.5em;
font-weight: bold;
font-size: 118%;
}
#text06 .text3 ul.motimono{
overflow: hidden;
padding-right: 200px;
margin: 0 0 1.5em;
}
#text06 .text3 ul.motimono li{
float: left;
width: 50%;
position: relative;
padding:0 1em 0.5em 1em;
line-height: 1.6;
box-sizing: border-box;
}
#text06 .text3 ul.motimono li:before{
position: absolute;
left: 0;
top: 0.5em;
display: block;
content: "";
width: 0.4em;
height: 0.4em;
background: #7acf1f;
border-radius: 50%;
}
#text06 .text3 ul.motimono li.last-sub{
padding:0 0 0.5em 0;
}
#text06 .text3 ul.motimono li.last-sub:before{
display: none;
}






#text06 .text4{
clear: both;
overflow: hidden;
}

#text06 .text4 h3{
margin: 0 0 0.5em;
font-weight: bold;
font-size: 118%;
}
#text06 .text4 .img{
float: left;
width: 40%;
max-width: 760px;
}
#text06 .text4 .img img{
width: 100%;
}
#text06 .text4 .option{
float: right;
width: 55%;
}
#text06 .text4 .option ul li{
position: relative;
margin: 0 0 1em;
padding: 0 0 0 1em;
}
#text06 .text4 .option ul li .sub{
display: inline-block;
margin-right: 2em;
}
#text06 .text4 .option ul li:before{
position: absolute;
left: 0;
top: 0.2em;
display: block;
content: "＊";
width: 1em;
font-size: 0.8em;
font-weight: bold;
color: #7acf1f;
}






@media screen and (max-width: 1000px) {
#text06{
	margin:0 0 3em;
}
#text06 h2 img{
	width:100%;
	max-width:600px;
}
#text06 .text br.pc{
display: none;
}
#text06 .date .date-text2{
	position:relative;
	line-height:1.2;
	padding-bottom:1em;
}

#text06 .text3 ul.motimono li{
float: none;
width: 100%;
}
#text06 .text3 ul.motimono{
padding-right: 0;
}

/*オプション
----------*/
#text06 .text4 .option ul li .sub{
display: block;
}



}
@media screen and (max-width: 900px) {
#text06 .pc-left{
float: none;
width: 100%;
max-width: 900px;
margin: 0 0 1em;
}
#text06 .pc-right{
float: none;
width: 100%;
max-width: 900px;
}

/*持ち物
----------*/
#text06 .text3{
padding: 1em 2em 1.5em 2em;
}
#text06 .text3 .QR{
position: relative;
right: auto;
top: auto;
width: 216px;
margin: 1em auto 1.5em;
}

#text06 .text4 .img{
float: none;
width: 100%;
margin: 0 auto 1em;
overflow: hidden;
}
#text06 .text4 .option {
float: none;
width: 100%;
}

}

@media screen and (max-width: 640px) {
#text06 .link{
/*display: block;*/
}
#text06 h2{
	margin-bottom:0.5em;
}
#text06 h2 img.sp{
	display: block;
}
#text06 h2 img.pc{
	display: none;
}
#text06 .date{
	padding:1em 3%;
}
#text06 .date dt{
	display: block;

}
#text06 .date dd{
}
#text06 .date dt,
#text06 .date dd{
	font-size:106%;
}
}


/*カレンダー
----------*/

#text06 .pc-right .data{
	overflow:hidden;
	height:430px;
	border:2px solid #7ACF1F;
	border-radius:1em;
}
#text06 .pc-right .data iframe{
}
#text06 .pc-right h2{
margin: 0 0 0.2em;
}
#text06 .pc-right .data.pc{
display: block;
margin: 0 0 1em;
}
#text06 .pc-right .data.sp{
display: none;
}

@media screen and (max-width: 900px) {
#text06 .pc-right {
	float:none;
	width:100%;
	max-width: 100%;
	margin:0 auto 2em;
}
#text06 .pc-right h2 img{
	width:100%;
	max-width:400px;
}
#text06 .pc-right .data{
	height:auto;
}
#text06 .pc-right .data.pc{
display: none;
}
#text06 .pc-right .data.sp{
display: block;
}
#text06 .pc-right .data.sp a{
position: relative;
display: block;
padding: 1em 0.5em;
color: #fff !important;
font-size: 20px;
font-weight: bold;
text-align: center;
text-decoration: none !important;
background: #7ACF1F;
border-radius: 0.5em;
}

#text06 .pc-right .data.sp a:hover{
color: #fff !important;
opacity: 0.7;
}
#text06 .pc-right .data.sp ::after{
position: absolute;
right: 1em;
top: 1.5em;
content: "→";
font-size: 14px;
}
}

@media screen and (max-width: 480px){
#text06 .pc-right .data.sp a{
font-size: 18px;
}
}
@media screen and (max-width: 390px){
#text06 .pc-right .data.sp a{
font-size: 16px;
}
#text06 .pc-right .data.sp a::after{
position: absolute;
top: 0.9em;
font-size: 14px;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/







/*----------------------------------------------------
　
------------------------------------------------------*/
#facebook{
	float:left;
	width:48%;
	max-width:480px;
	text-align: center;
}
#facebook h2{
	text-align: left;
}
#facebook .data{
	overflow:hidden;
	border:2px solid #0070D8;
	border-radius:1em;
	height:570px !important;
}

#facebook .data .fb_iframe_widget iframe{
	height:570px !important;
}
.fb_iframe_widget{
	margin: 0;
}
@media screen and (max-width: 900px) {
#facebook{
	float:none;
	width:100%;
	max-width: 100%;
	margin:0 auto 2em;
}
#facebook h2 img{
	width:100%;
	max-width:400px;
}
#facebook .data{
	height:200px !important;
}
#facebook .data .fb_iframe_widget iframe{
	height:200px !important;
}
}
@media screen and (max-width: 480px) {
.fb_iframe_widget{
    width: 100% !important;
}
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#calendar{
	float:right;
	width:48%;
	max-width:480px;
	text-align: center;
}
#calendar h2{
	text-align: left;
}
#calendar .data{
	overflow:hidden;
	height:570px;
	border:2px solid #7ACF1F;
	border-radius:1em;
}
#calendar .data iframe{
}

#calendar .data.pc{
display: block;
}
#calendar .data.sp{
display: none;
}


@media screen and (max-width: 900px) {
#calendar{
	float:none;
	width:100%;
	max-width: 100%;
	margin:0 auto 2em;
}
#calendar h2 img{
	width:100%;
	max-width:400px;
}
#calendar .data{
	height:auto;
}
#calendar .data.pc{
display: none;
}
#calendar .data.sp{
display: block;
}
#calendar .data.sp a{
position: relative;
display: block;
padding: 1em 0.5em;
color: #fff !important;
font-size: 20px;
font-weight: bold;
text-align: center;
text-decoration: none !important;
background: #7ACF1F;
border-radius: 0.5em;
}

#calendar .data.sp a:hover{
color: #fff !important;
opacity: 0.7;
}
#calendar .data.sp ::after{
position: absolute;
right: 1em;
top: 1.5em;
content: "→";
font-size: 14px;
}
}

@media screen and (max-width: 480px){
#calendar .data.sp a{
font-size: 18px;
}
}
@media screen and (max-width: 390px){
#calendar .data.sp a{
font-size: 16px;
}
#calendar .data.sp a::after{
position: absolute;
top: 0.9em;
font-size: 14px;
}
}




/*----------------------------------------------------
　
------------------------------------------------------*/