@charset "UTF-8";

@media (prefers-reduced-motion: no-preference) {
	:root {
	  scroll-behavior: auto;
	}
}
body{
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	color: #000000;
}

html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5,dl,dt,dd{
  margin: 0;
  padding:0;
}
*:focus {
	outline: none;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
.table{
	border-color: #CCC;
	margin-bottom: 0;
}

/* font
------------------------------*/
.min-font{
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* link
------------------------------*/
a{
	color: #000000;
	transition : color 0.5s ease 0s;
	text-decoration: none;
}
a:focus {
    outline: none;
}
a:hover{
	text-decoration: none;
	color: #000000;
	/* opacity: .6; */
}
.underline_link{
	text-decoration: underline!important;
}
.hover_u_link:hover{
	text-decoration: underline!important;
}
iframe{
	vertical-align: bottom;
}

figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure {
	margin: 0;
}
figure:hover {
	opacity: 0.7;
}
/* hr
------------------------------*/
hr{
	border-top: 2px dashed #4493d0;
}
hr.border_gray{
	border-top: 1px solid #e2e2e2;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.border_dotted{
	border-top: 2px dotted #424242;
	/* margin-bottom: 3rem; */
}

/* header
------------------------------*/



/* list
------------------------------*/
li{list-style-type: none;}
ul.circle_list,ul.common_list{
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.circle_list li::before{
	content: "● ";
}
ul.circle_list.font-l{
	font-size: 18px;
}
.circle_list li:not(:last-child){
	margin-bottom: 10px;
}
ul.double-circle_list,ul.common_list{
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.double-circle_list li::before{
	content: "◎ ";
}
ul.double-circle_list.font-l{
	font-size: 16px;
}
.double-circle_list li:not(:last-child){
	margin-bottom: 10px;
}
ol {
	position: relative;
	margin: 0;
	padding: 0
}
ol li {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 1.25em
}
ol li span {
	position: absolute;
	left: 0;
	margin: 0
}
.common_list li:not(:last-child){
	margin-bottom: .5rem;
}
.common_list li::before{
	content: "・";
}
.triangle_list li{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0;
}
.triangle_list li:not(:last-child){
	margin-bottom: .5rem;
}
.triangle_list li::before{
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0da';
    color: #0070b7;
}

/* color
------------------------------*/
.white{
	color: #FFF;
}
.orange{
	color: #e95412;
}
.red{
	color: #E91818;
}
.blue{
	color: #0070b7;
}
.green{
	color: #04af7a;
}
.grey{
	color: #585858;
}
/* space
------------------------------*/
.color_inner{
	padding-top: 40px;
	padding-bottom: 20px;
}
.contents_space{
	padding-top: 40px;
}
.contents_space.last{
	padding-bottom: 40px;
}
.contents_space.workshop{
	margin-top: 40px;
}

/* title
------------------------------*/
.tit_map{
	width: 70%;
}

/* box
------------------------------*/
.main_text{
	margin-bottom: 40px;
}
.logo{
    position: absolute;
    right: 15px;
    top: 15px;
	width: 150px;
}
.schedule_box{
    border: 5px solid #3091A2;
    background-color: #FFF;
    padding: 15px;
}
.schedule_day .day_label{
    background-color: #FFD150;
    color: #575757;
    display: inline-block;
    border-radius: 9px;
    padding: 5px 15px;
	margin-right: 15px;

}
.schedule_day{
    font-weight: 600;
	color: #16B4CF;
	font-size: 18px;
}
.schedule_box .table{
	color: #575757;
}
.schedule_box .table th{
	background-color: #F3F3F3;
} 




.tableArea{
    max-width:80%;
    margin:57px auto 0;
    overflow:auto;/*枠からはみ出たらスクロールさせる、はみ出なかった場合は何もしない*/
}

.map_box{
	border-bottom: 5px solid #3091A2;
	border-left: 5px solid #3091A2;
	border-right: 5px solid #3091A2;
	background-color: #FFF;
	padding: 15px;
}
.circle_number {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #3091A2;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
}
.box_border{
	border: 5px solid #3091A2;
}
.event_box{
    background-color: #FFF;
    padding-top: 31px;

}
.event_box_inner{
	margin-top: -100px;
}
.event_flag{
	position: absolute;
	left: 12px;
    top: -20px;
}
.event_flag img{
	width: 38%;
}
/* text
------------------------------*/
.lead_text{
	/* font-size: 16px; */
	font-size: 1rem;
}
.bold{
	font-weight: 600;
}
.normal-text{
	font-size: 1rem;
}
.normal{
	font-weight: 500;
}
.l-h15{
	line-height: 1.5;
}
.l-h18{
	line-height: 1.8;
}
.l-h2{
	line-height: 2;
}
.l-spacec_c1{
	letter-spacing: .08em;
	text-indent: .08em;
}
.l-spacec_c2{
	letter-spacing: .2em;
	text-indent: .2em;
}
.l-spacec_1{
	letter-spacing: .1em;
}

/* bg
------------------------------*/
.main_bg{
    background-image: url(./img/main_sp.png);
    background-repeat: no-repeat;
    padding-top: 110px;
    padding-bottom: 40px;
    position: relative;
    background-position: top center;
    background-size: 100%;
}
.bg_event{
    background-color: #F6EC1A;
    background-image: url(./img/bg_dot.png);
    padding: 15px 0;
    background-position: center;
    background-repeat: repeat;
	background-size: auto;
}
.bg_event_top{
    background-image: url(./img/bg_event_top.png),url(./img/bg_event_bottom.png);
    padding: 31px 0 31px;
	/* background-color: #FFF; */
    background-position: top center,bottom center;
    background-repeat: repeat-x,repeat-x;
	background-size: auto, auto;
}
.bg_event_bottom{
    background-image: url(./img/bg_event_bottom.png);
    padding: 31px 0 0;
    background-position: bottom center;
    background-repeat: repeat-x;
	background-size: auto;
}
.bg_sky{
	background-color: #70d5e6;
}


.bg_gradation{
	background: rgb(98,203,222);
	background: -moz-linear-gradient(0deg, rgba(98,203,222,0) 0%, rgba(98,203,222,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(98,203,222,0) 0%, #62cbde 100%);
	background: linear-gradient(0deg, rgba(98,203,222,0) 0%, rgba(98,203,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#62cbde",endColorstr="#62cbde",GradientType=1);
}

.bg_kumo{
	background:-moz-linear-gradient(top, #62cbde 0%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #62cbde 0%, #ffffff 100%); 
	/* position: relative; */
	/* padding-top: 40px; */
}


/* button
------------------------------*/
.button {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	/* background: #333; */
	padding: 18px 30px;
	transition: .3s;
	width: 360px;
	max-width: 100%;
}

.btn-reset{
	background-color: #AAAAAA;
	border: 3px solid #828282;
}
.btn-reset:hover{
	background-color: #828282;
}
.btn-submit{
	background-color: #3FBB3A;
	border: 3px solid #2E8D2A;
}
.btn-submit:hover{
	background-color: #349d30;
}
.button_area{
	padding: 70px 0;
}
/* footer
------------------------------*/
#foote{
	position: relative;
}
footer{
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 0.9375rem;
	background-color: #F2F2F2;
}
.copy{
	font-size: 14px;
	font-weight: 600;
	color: #3091A2;
	padding-top: 10px;
	text-align: center;
}
.icon-twitter{
	text-align: center;
	margin-bottom: 15px;
}
.icon-twitter img{
	width: 50px;
}
.footer_logo01 img{
	width: 217px;
}
.footer_logo02 img{
	width: 244px;
}
/* topBtn
------------------------ */
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	width: 60px;
	height: 60px;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	transition:all 0.3s;
}

#page-top {
	position: fixed;
	right: 15px;
	z-index: 2;
	opacity: 0;
	transform: translateY(100px);
}
#page-top a:hover{
	opacity: .8;
}
/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
	from {
	opacity: 0;
	transform: translateY(100px);
	}
	to {
	opacity: 1;
	transform: translateY(0);
	}
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
	from {
		opacity: 1;
	transform: translateY(0);
	}
	to {
		opacity: 1;
	transform: translateY(100px);
	}
}

.lightbox .lb-image{
	border: none;
}
@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none!important;
	}
	/* list
	------------------------------*/


	/* box
	------------------------------*/

	.schedule_box{
		padding: 30px;
	}
	.map_box{
		padding: 20px;
	}
	/* text
	------------------------------*/
	.lead_text{
		/* font-size: 18px; */
		font-size: 1.125rem;
	}

	/* bg
	------------------------------*/
	.main_bg{
		background-image: url(./img/main.png);
        background-position: top center;
        background-size: cover;
		padding-top: 155px;
		padding-bottom: 90px;
	}
	
	.bg_kumo{
		background: url(./img/bg_kumo.png),
		-moz-linear-gradient(top, #62cbde 0%, #ffffff 100%);
		background:url(./img/bg_kumo.png) ,
		-webkit-linear-gradient(top, #62cbde 0%, #ffffff 100%); 
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center 10%;
	}
	/* title
	------------------------------*/
	.tit_map{
		width: 597px;
		max-width: 80%;
	}


	/* button
	------------------------------*/
	/* footer
	------------------------------*/
	footer{
		padding-top: 90px;
		padding-bottom: 30px;

	}
	.copy{
		padding-top: 45px;
	}
	/* box
	------------------------------*/
	.main_text{
		margin-bottom: 10px;
	}
	/* topBtn
	------------------------ */
	#page-top a{
		width: 60px;
		height: 60px;
	}
}

@media (max-width: 767px){

	/* box
	------------------------------*/
	/* header
	------------------------------*/

}
@media (min-width: 992px){

	/* header
	------------------------------*/



	/* title
	------------------------------*/
	
	/* text
	------------------------------*/


	/* bg
	------------------------------*/

	/* box
	------------------------------*/

	.schedule_day{
		font-size: 24px;
	}





	.character02{
		position: absolute;
		right: -20px;
		bottom: -13px;
		z-index: 1;
	}
	.character02 img{
		width: 158px;
	}
	/* footer
	------------------------------*/


	/* space
	------------------------------*/
	.color_inner{
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.contents_space{
		padding-top: 70px;
	}
	.contents_space.last{
		padding-bottom: 70px;
	}
	.contents_space.workshop{
		margin-top: 70px;
	}

}
@media (max-width: 991px){


}
@media (min-width: 1400px){

}
@media (min-width: 992px) and (max-width: 1399px) {

}
@media (min-width: 768px) and (max-width: 991px) {
	/* bg
	------------------------------*/

	/* box
	------------------------------*/

	.schedule_day{
		font-size: 18px;
	}
	.schedule_box .table{
		font-size: 18px;
	}
	/* title
	------------------------------*/

	/* footer
	------------------------------*/

	/* space
	------------------------------*/
	.contents_space{
		padding-top: 50px;
	}
	.contents_space.last{
		padding-bottom: 50px;
	}
	.contents_space.workshop{
		margin-top: 50px;
	}

}
@media (min-width: 1200px){
	/* header
	------------------------------*/

	/* bg 
	------------------------------*/
	.bg_kumo{
		/* padding-top: 100px; */
	}
	/* slick
	------------------------------*/


	/* title
	------------------------------*/


	/* space
	------------------------------*/

	/* box
	------------------------------*/
	.logo{
		right: 40px;
		top: 40px;
		width: 250px;
	}
	.schedule_box .table{
		font-size: 24px;
	}

}
@media (max-width: 1199px){


}
@media (min-width: 576px){
	/* box
	------------------------------*/

	/* footer
	------------------------------*/

}
@media (max-width: 575px){

	/* footer
	------------------------------*/

	/* title
	------------------------------*/
	/* box
	------------------------------*/

	/* footer
	------------------------------*/

}

@media (min-width: 992px) and (max-width: 1199px) {

	/* title
	------------------------------*/


	/* box
	------------------------------*/
	.logo{

		width: 200px;
	}
	.schedule_box .table{
		font-size: 21px;
	}
	/* space
	------------------------------*/
	/* bg
------------------------------*/
	.bg_kumo{
		/* padding-top: 80px; */
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	/* text
	------------------------------*/

	/* title
	------------------------------*/
	/* space
	------------------------------*/
	/* box
	------------------------------*/
	.logo{
		width: 200px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {


}
@media (max-width: 450px){

}


@media print{
}