@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	border: 0;
	}

html{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

body {
	font-size: 99%;
	letter-spacing: 1px;
	line-height: 1.7em;
	text-align:left;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight: 400;
	color: #222;
	background-repeat: 0 0 repeat-y;
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
	background-size: 100%;
	}

ul{list-style: none;}

a{color: #C93A66;}
a:hover{text-decoration: none;}

table td,table th{border: none;}

em{
	font-style: normal;
	color: #D50205;
}

/*---------------------------------------------------------------------------------
page/main
---------------------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	display: block;
	overflow: hidden;
}

main{
	width: 100%;
	display: block;
	overflow: hidden;
    margin: 0px auto 0;
	}


/*---------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------*/
header{
	width: 100%;
	height: 30px;
	display: block;
	overflow: hidden;
	background-color: #129FDB;
}

	h1{
		text-align: left;
		display: block;
		margin: 0 0 0 10px;
		font-size: 88%;
		color: #fff
	}


/*---------------------------------------------------------------------------------
nav-slide
---------------------------------------------------------------------------------*/
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  transition: opacity .5s;
  }
	.overlay.open {
	  width: 100%;
	  height: 100%;
	  opacity: 1;
	  }

.menu_trigger {
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	cursor: pointer;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 2000;
	background-color: #F1358D;
    }

.menu_trigger span {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 30%;
	width: 40%;
	height: 1px;
	background-color: #fff;
	transition: all .5s;
	}
	.menu_trigger.active span {background-color: #fff;}
	.menu_trigger span:nth-of-type(1) {top: 10px;}
	.menu_trigger span:nth-of-type(2) {top: 20px;}
	.menu_trigger span:nth-of-type(3) {bottom: 30px;}
	.menu_trigger.active span:nth-of-type(1) {transform: translateY(9px) rotate(-45deg);}
	.menu_trigger.active span:nth-of-type(2) {opacity: 0;}
	.menu_trigger.active span:nth-of-type(3) {transform: translateY(-9px) rotate(45deg);}


.menu_trigger p{
	display: block;
	font-size: 80%;
	position: relative;
	top: 32px;
	color: #fff;
	left: 15%;
	font-weight: normal;
}

.active p{
	display: none;
}

p.activeclose{
	display: none;
}

.active p.activeclose{
	display: block;
	left: 15%;
}


#menu {
	width: 100%;
	height: auto;
	padding: 10px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	transform: translate(100%);
	transition: all .5s;
	-webkit-overflow-scrolling: touch;
	}

#menu.open {
	transform: translateZ(0);
	}
	#menu ul {
		width: auto;
		height: 86%;
		overflow-y: scroll;
		-ms-overflow-style:none;
		padding: 0 0;
		}
	#menu ul::-webkit-scrollbar {
		display:none;
		}

	#menu ul li {
		display: block;
		text-align: left;
		margin: 5px 10px;
		padding: 5px 10px;
		border-bottom: 1px #F1358D solid;
		}

	#menu ul li a{
		text-decoration: none;
}

.nav-open{
}
.nav-open::before{
	content: "－";
	float: left;
	background-color: #1c78bf;
	border-radius: 80px;
	font-size: 75%;
	color: #fff;
	padding: 0 7px;
	margin: 0 6px 0 0;
}
.nav-open.active::before{/* 開いている時 */
	content: "＋";
}



/*---------------------------------------------------------------------------------
eyecatch
---------------------------------------------------------------------------------*/
.eyecatch{
	width: 100%;
	display: block;
	overflow: hidden;
	height: auto;
}

.eyecatch img{
	width: 150%;
	margin-left: -25%;
}


/*---------------------------------------------------------------------------------
sec_event
---------------------------------------------------------------------------------*/
.sec_event{
	display: block;
	width: 98%;
	max-width: 98%;
	overflow: hidden;
	border: 4px #D8D6D6 solid;
	margin: 30px auto;
}

	.sec_event div{
		width: 100%;
		display: block;
		background:rgba(255,255,255,0.8);
		padding: 20px 20px;
		margin: 0;
		border-radius: 2px;
	}


/*---------------------------------------------------------------------------------
sec1
---------------------------------------------------------------------------------*/
.sec1,
.sec2,
.sec3,
.sec4,
.sec5,
.sec6,
.sec7,
.sec_event{
	display: block;
	width: 98%;
	overflow: hidden;
	border: 4px #D8D6D6 solid;
	margin: 30px auto;
}

	.sec1 div,
	.sec2 div,
	.sec3 div,
	.sec4 div,
	.sec5 div,
.sec6 div,
.sec7 div,
    .sec_event div{
		width: 100%;
		display: block;
		background:rgba(255,255,255,0.8);
		padding: 30px 10px;
		margin: 0;
		border-radius: 2px;
	}

	.sec1 div h2,
	.sec2 div h2,
	.sec3 div h2,
	.sec4 div h2,
	.sec5 div h2,
.sec6 div h2,
.sec7 div h2,
    .sec_event div h2{
		text-align: center;
		font-size: 160%;
		letter-spacing: 0.5px;
		margin: 30px 0 10px 0;
	}

.p_day{
	text-align: center;
	margin: 0 0 40px 0;
}

		.sec1 div ul,
		.sec2 div ul,
		.sec3 div ul,
		.sec4 div ul,
		.sec5 div ul,
.sec6 div ul,
.sec7 div ul{
			display: block;
			overflow: hidden;
		}


	.sec1 div ul li,
	.sec2 div ul li,
	.sec3 div ul li,
	.sec4 div ul li,
	.sec5 div ul li,
.sec6 div ul li,
.sec7 div ul li{
		display: block;
		overflow: hidden;
		margin: 0 0 25px 0;
	}

	.sec1 div ul li h3,
	.sec2 div ul li h3,
	.sec3 div ul li h3,
	.sec4 div ul li h3,
	.sec5 div ul li h3,
.sec6 div ul li h3,
.sec7 div ul li h3{
		display: block;
		color: #f1358d;
		border-bottom: 1px #333 solid;
		padding: 0 0 8px 6px;
		font-size: 120%;
		letter-spacing: 0.4px;
	}

	.sec1 div ul li p,
	.sec2 div ul li p,
	.sec3 div ul li p,
	.sec4 div ul li p,
	.sec5 div ul li p,
.sec6 div ul li p,
.sec7 div ul li p{
		margin: 0 0 0 6px;
		font-size: 80%;
		color: #666;
	}

	.sec1 div ul li img,
	.sec2 div ul li img,
	.sec3 div ul li img,
	.sec4 div ul li img,
	.sec5 div ul li img,
.sec6 div ul li img,
.sec7 div ul li img{
		width: 96%;
		display: block;
		margin: 10px auto 0;
	}

	.sec1 div ul li dl,
	.sec2 div ul li dl,
	.sec3 div ul li dl,
	.sec4 div ul li dl,
	.sec5 div ul li dl,
.sec6 div ul li dl,
.sec7 div ul li dl{
		display: block;
		overflow: hidden;
		padding: 0 0 12px 0;
		border-bottom: 1px #bbb dotted;
		margin: 0 0 12px 0;
	}

	.sec1 div ul li dl dt,
	.sec2 div ul li dl dt,
	.sec3 div ul li dl dt,
	.sec4 div ul li dl dt,
	.sec5 div ul li dl dt,
.sec6 div ul li dl dt,
.sec7 div ul li dl dt{
		display: block;
		font-size: 100%;
		padding: 0 0 0 15px;
		text-indent: -15px;
		margin: 0 0 -5px 0;
		line-height: 1.4em;
	}

	.sec1 div ul li dl dt:before,
	.sec2 div ul li dl dt:before,
	.sec3 div ul li dl dt:before,
	.sec4 div ul li dl dt:before,
	.sec5 div ul li dl dt:before,
.sec6 div ul li dl dt:before,
.sec7 div ul li dl dt:before{
		content: "・";
	}

	.sec1 div ul li dl dd span,
	.sec2 div ul li dl dd span,
	.sec3 div ul li dl dd span,
	.sec4 div ul li dl dd span,
	.sec5 div ul li dl dd span,
.sec6 div ul li dl dd span,
.sec7 div ul li dl dd span{
		color: #B43638;
		padding: 0 0 0 17px;
		font-size: 90%;
		margin: 0 0 0 0;
	}

	.sec1 div ul li dl dd p,
	.sec2 div ul li dl dd p,
	.sec3 div ul li dl dd p,
	.sec4 div ul li dl dd p,
	.sec5 div ul li dl dd p,
.sec6 div ul li dl dd p,
.sec7 div ul li dl dd p{
		color: #333;
		line-height: 1.2em;
		padding: 5px 0 0 10px;
	}


.sec_event dl{
    display: block;
    overflow: hidden;
    margin: 10px!important;
}

    .sec_event dl dt{
        display: block;
        overflow: hidden;
    }

    .sec_event dl dd{
        display: block;
        overflow: hidden;
    }

.sec_event p{
    display: block;
    margin: 10px;
}

.img_evnt{
    width: 80%;
    display: block;
    margin: 15px auto;
}

.img_event_ul{
    width: 80%;
    display: block;
    overflow: hidden;
    margin: 15px auto;
}

.img_event_ul li{
    display: block;
    overflow: hidden;
    margin: 0 10px;
    text-align: center;
}

.img_event_ul li img{
    width: 100%;
}

.img_event3_1{
    width: 40px;
    float: left;
    position: relative;
    left: 2%;
    top: -80px;
    margin-right: -30px;
}

.img_event3_2{
    width: 40px;
    float: right;
    position: relative;
    right: 2%;
    top: -80px;
}

.img_flyer{
	width: 80%;
	display: block;
	margin: 10px auto;
}

div.crear{
	display:none;
}

/*---------------------------------------------------------------------------------
pagetop
---------------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 65%;
	z-index: 9999;
}

	#pagetop a {
		background: #F1358D;
		text-decoration: none;
		color: #fff;
		width: 60px;
		padding: 15px 0 15px 0;
		text-align: center;
		display: block;
		transition: 0.6s;
	}

	#pagetop a span{
		display: block;
		font-size: 100%;
		color: #FFF;
		margin: 0 0 -12px 0;
		transition: 0.6s;
}

	#pagetop a:hover {
		opacity: 0.6;
	}

	#pagetop a i{font-size: 300%;}


/*---------------------------------------------------------------------------------
foot
---------------------------------------------------------------------------------*/
footer{
	background-color: #129FDB;
	color: #fff;
	font-size: 70%;
	text-align: center;
	padding: 20px 10px;
	line-height: 1.5em;
}

/*etc*/
hr {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #bbb;
	height: 1px;
	margin: 16px 20px 16px 20px;
	display:block;
	clear:both;
	}

i#sp_none{
	display: none;
}

.txt_etc{
	display: block;
	width: 98%;
	max-width: 98%;
	overflow: hidden;
	margin: -20px auto 60px;
	border: 4px #D8D6D6 solid;
	background-color: #fff;
	padding: 10px;
	font-size: 90%;
}