/* TOP用CSS ------- */
a{
display: inline-block;
}

#main{
display: flex;
justify-content: space-between;
overflow: hidden;
text-align: center;
width: 1160px;
}
#left{
margin-top: 0;
padding-top: 0;
width: 820px;
}
#right{
margin-top: 0 !important;
padding-top: 0;
text-align: left;
width: 330px;
}
#right .ad300250{
display: none;	/* 広告無し期の暫定 */
margin: 0 auto 20px;
text-align: center;
}

h4{
box-sizing: border-box;
color: #c900db;
font-size: min(1.3em, 4.5vw);
font-weight: bolder;
margin: 5% auto 2%;
padding: 0 0 0 2%;
width: 95%;
}

#eveAll{
column-gap: 15px;
margin: 5px 0 0 5px;
width: 100%;
}
#eveAll .image img{
height: auto;
width: 100%;
}

/**　slider　*************************************/
section #slide{
min-height: 420px;
}
.slick-slide{
position: relative;
}
.slick-slide .slide_text{
background: #fff;
color: #333;
font-size: 1em;
position: absolute;
top:85%;
left: 19%;
padding: 2px;
width: 62%;
}
.slider {
background: #fff;
/*margin:25px auto 100px !important;*/
margin:25px auto 60px !important;
width:1160px;
}
.slider img {
height:380px;/*スライダー内のKVを縦サイズで揃える*/
width:auto;
}
.slider .slick-slide {
height: 380px;
opacity: 0.5;/*透過50%*/
}
.slider .slick-slide.slick-center{
opacity: 1;/*透過なし*/
transform: scale(1);/*中央の画像のサイズだけ等倍に*/
}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
border-top: 2px solid #666;/*矢印の色*/
border-right: 2px solid #666;/*矢印の色*/
cursor: pointer;/*マウスカーソルを指マークに*/
height: 15px;
position: absolute;/*絶対配置にする*/
top: 50%;
outline: none;/*クリックをしたら出てくる枠線を消す*/
width: 15px;
z-index: 99;
}
.slick-prev {/*戻る矢印の位置と形状*/
left: -1.5%;
transform: rotate(-135deg);
}
.slick-next {/*次へ矢印の位置と形状*/
right: -1.5%;
transform: rotate(45deg);
}

/**　event_new　*************************************/
.event_new{
display: none;
}
#event_new{
background: #fff;
border-top: 6px #c900db solid;
margin-bottom: 20px;
padding-bottom: 15px;
width:100%;
}
#event_new .report{
margin: 0 auto;
width: 300px;
}
#event_new ul{
font-size: 0.75em;
line-height: 1.5;
}
#event_new ul li{
background-image: url(../images/li_cursol.png);
background-repeat: no-repeat;
background-position: left 7px;
background-size: 11px;
border-bottom: 1px dotted #999;
margin: 0;
padding: 4px 0 3px 14px;
text-align: left;
}
#event_new  ul li a{
text-decoration: none;	
}
#event_new  ul li a:hover{
text-decoration:underline;	
}

/**　event_schedule　*************************************/
#event_schedule{
padding: 0;
position: relative;
}
#event_schedule .box {
background: #fff;
box-shadow: 0 0 3px #666;
margin: 0 10px 11px 0;
padding: 0;
text-align: center;
width: 48%;
}
#event_schedule .box .accordion_head {
display: grid;
}
#event_schedule .title {
color: #c900db;
display: block;
font-size: 100%;
font-weight: bold;
line-height: 150%;
padding:15px;
text-align: left;
}
#event_schedule .image{
order: -1;
}
#event_schedule img{
display: block;
height: auto;
text-align: center;
}
.accordion_head .image a{
display: inherit;
}
#event_schedule .event_date{
background-image: url("../images/calendar.png");
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
font-size: 0.9em;
margin-left: 15px;
text-align: left;
padding: 0 15px 0 26px;
}
#event_schedule .link a{
background: linear-gradient(90deg, #c12bd4, #f470aa);
box-shadow: 0 0 10px rgb(43 22 41 / 40%);
border-radius: 10px;
clear: both;
color: #fff;
display: block;
font-size: 1em;
font-weight: bold;
margin: 4% auto 15px;
padding: 10px 0;
text-decoration: none;
text-align: center;
width: 250px;
}
#event_schedule .link a:hover{
background: linear-gradient(180deg, #c12bd4, #f470aa); 
}
#event_schedule .arrow::after{
background-image: url(../images/arrow.png);
background-size: contain;
content: '';
display: inline-block;
margin: 0 0 0 5px;
height: 13px;
vertical-align: middle;
width: 13px;
}

/**　log　*************************************/
#log{
background: #fff;
border-top: 6px #c900db solid;
padding: 0 0 5%;
width: 100%;
}
#log #eveLog {
font-size: min(0.75em, 3.5vw);
line-height: 1.5;
margin: 0 auto;
width: 90%;
}
#log #eveLog dt {
background-image: url(../images/li_cursol.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 11px;
clear:both;
font-weight:bold;
margin-top: 5px;
margin-bottom: 1%;
padding: 0 0 0 6%;
width: 94%;
}
#log #eveLog dd {
border-bottom:1px dotted #999;
clear: both;
display: block;
margin: 0;
padding: 0;
width:100%;
}
#log #eveLog dd a{
text-decoration: none;	
}
#log #eveLog dd a:hover{
text-decoration:underline;	
}

/**　ad　*************************************/
#ad .box{
padding-top: 2%;	
}
/* 画像保存禁止（2019/10/9） ======================================== */
.img_copy_guard{
pointer-events: none;
-webkit-touch-callout:none;-moz-touch-callout:none;touch-callout:none;
-webkit-user-select:none;-moz-user-select:none;user-select:none;
}
.event_none{
color: #aaa;
display: block;
text-align: center;
padding: 30px 0 0;
}
#sns_button{
margin: 4% auto 2%;
}


/* SP  -------------------------------------------------- */
@media screen and (max-width:900px) {
	/* base共通部分 */
    #main {
    display: block;
    clear: both;
    width: 100%;
    }
	#left,
	#right{
	clear: both;
	width: 100%;
	}
	#right .ad300250{
	margin: 20px auto;
	}
	h4{
	border-left: solid 5px #c900db;
	}

	section #slide{
	min-height: 20%;
	}
	.slick-slide .slide_text{
	font-size: 0.75em;
	padding: 2px;
	top:75%;
	left: 5%;
	width: 90%;
	}
	.slider {
	margin:15px auto 40px !important;
	width:100%;
	}
	.slider img {
	height:200px;/*スライダー内のKVを縦サイズで揃える*/
	}
	.slider .slick-slide {
	height:200px;
	}
	/*矢印の設定*/
	/*戻る、次へ矢印の位置*/
	.slick-prev, 
	.slick-next {
	border-top: 2px solid #333;/*矢印の色*/
	border-right: 2px solid #333;/*矢印の色*/
	filter: drop-shadow(0px 0px 10px #fff);
	}
	.slick-prev {/*戻る矢印の位置と形状*/
	left: 4.5%;
	}
	.slick-next {/*次へ矢印の位置と形状*/
	right: 4.5%;
	}
	.slick-dots li{
	margin: 0 2px!important;
	}

	/**　event_header　*************************************/
	#eveAll{
	width: 100%;
	}
	#event_new{
	display: none;
	}
	.event_new{
	display: block;
	margin: 0 0 20px;
	width: 100%;
	}
	.event_new .box{
	border: solid 2px #f3caf7;
	border-radius: 10px;
	margin: 0 auto;
	width: 96%;
	}
	.event_new .report{
	background: #fff;
	border-radius: 10px;
	max-height: 110px;
	margin: 0 auto;
	overflow: scroll;
	padding: 0;
	width: 100%;
	}
	.event_new ul{
	margin: 1% 0;
	overflow: hidden;
	padding: 0;
	width: 98%;
	zoom: 1;
	}
	.event_new ul li{
	background-image: url(../images/li_cursol.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	background-size: 10px;
	border-bottom: 1px dotted #999;
	font-size: 0.75em;
	margin-left: 6px;
	padding: 4px 0 3px 12px;
	text-align: left;
	}
	.event_new ul li a{
	text-decoration: none;	
	}
	.event_new ul li a:hover{
	text-decoration:underline;	
	}

	/**　event_schedule　*************************************/
	#event_schedule{
	margin: 0 auto;
	width: 100%;
	}
	#event_schedule .box {
	border: 1px solid #e3deff;
	box-shadow: unset;
	margin: 2px;
	height: fit-content;
	}
	#event_schedule .title {
	font-size: 0.9em;
	line-height: 1.3;
	padding: 6px;
	}
	#event_schedule img{
	display: block;
	height: auto;
	margin: 0 auto;
	width: 100%;
	}
	#event_schedule .event_date{
	background-position: left top;
	background-size: 16px;
	font-size: 80%;
	margin-left: 5px;
	padding: 0 5px 0 20px;
	text-align: left;
	}
	#event_schedule .link a{
	background: linear-gradient(90deg, #c12bd4, #f470aa);
	box-shadow: 0 0 5px rgb(43 22 41 / 40%);
	border-radius: 10px;
	clear: both;
	color: #fff;
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	margin: 12px auto 8px;
	padding: 4px 0;
	text-decoration: none;
	text-align: center;
	width: 85%;
	}
	#event_schedule .arrow::after{
	background-image: url(../images/arrow.png);
	background-size: contain;
	content: '';
	display: inline-block;
	height: 13px;
	margin: 0 0 0 5px;
	vertical-align: middle;
	width: 13px;
	}

	/**　log　*************************************/
	#log{
    background: unset;
    border: none;
	margin: 0 auto;
	padding: 0;
	}
	#log .box{
	background: #fff;
	border: solid 2px #f3caf7;
	border-radius: 10px;
	margin: 0 auto;
	padding: 8px 0;
	width: 95%;
	}
	#log #eveLog{
	width: 90%;
	}
	#log #eveLog dl {
	margin: 0 auto;
	padding: 4px 0;
	width: 95%;
	}
	#log #eveLog dt {
	padding-top: 4px;
	width: 100%;
	}
	#log #eveLog dd {
	padding: 0 0 4px;
	}
	.event_none{
	margin: 20px 0;
	}
}