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

/* <!-- 共通 --> */
body{
	margin: 0px;
	-webkit-text-size-adjust: 100%;

	background-color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;

	overflow-x:hidden;
	color: #000;
}

img {
    vertical-align: top;
}
img {
    vertical-align: middle;
    width: 100%;
    height: auto;
}


.view-pc{    
    display: block !important;              /* フレックスボックスにする */
}
.view-mobile{
    display:none !important;
}
.wrapper{
	display:block;
	max-width:1080px;
	width:100%;
	position: relative;
	margin: -2.5% auto 0;

	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Yu Gothic', YuGothic, Roboto, Ubuntu, 'Hiragino Kaku Gothic Pro', 'Hiragino Sans GB', Meiryo, 'Malgun Gothic', 'Helvetica Neue', sans-serif;
    line-height: 2.2;
    font-size: clamp(14px, 1.8vw, 18px);
}

.wrapper .addr{
    line-height: 1.6;
}

.ToBig {
	padding: 5% 0 5%;
    font-size: clamp(24px, 3.8vw, 40px);
    font-weight: bold;
}
.ToMid {
	padding: 0% 0 0%;
    font-size: clamp(18px, 2.4vw, 26px);
    font-weight: bold;
}
.ToBig.TEL {
	padding: 7% 0 5%;
    font-size: clamp(24px, 3.8vw, 40px);
    font-weight: bold;
	letter-spacing: -0.03em;
}

.ToEvn {
	padding:  4% 0 3%;
     font-size: clamp(20px, 2.6vw, 28px);
    line-height: 1.6;
	font-weight: 400;
	letter-spacing: 0.03em;
}
.Red{
	color:#d95c3a;
}

.mida{
	display:block;
	max-width:600px;
	width:100%;
	margin: 0 auto 5%;
}
.mida.b2 {
    margin: 0 auto 2%;
}
.map figure{
	width:100%;
	margin-bottom:5%;
}
.info figure{
	display:block;
	max-width:820px;
	width:100%;
	margin: 0 auto 5%;
}

.map,
.info{
	display:block;
	margin: 0 auto 10%;
}

.event{
	width: 100vw;
	position: relative;
	margin: 0 calc(50% - 50vw);
	padding:15% 0 5%;

	background: url(../images/kumo1.png) , url(../images/kumo2.png) ;
	background-repeat: no-repeat, no-repeat;
	background-size: 20.5%, 22.5%;
	background-position: 114% 5.5%, -15% 18.3%;

	background-color:  #dae9c3;
}

.event-box .kum1{
	display:block;
	display:block;
	position: absolute;
	top: 0%;
	right: -37%;
}
.event-box .kum2{
	position: absolute;
	top: 0%;
	left: 0%;
}

.event-box .kum1 img{
	width:65%;
}
.event-box .kum2 img{
	width:65%;
}

.event-box{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	max-width: 980px;
    margin: 5% auto 5%;
	position: relative;
}

.event-el{
	width:50%;
	padding:1.5%;
}
.event-el p{
	line-height: 1.6;
}

.event .time-sc-box{
	display:flex;
	flex-wrap:wrap;
	padding:9% 0 0%;
	max-width: 1200px;
    margin: 0 auto 5%;
	background-color: #fff;
    -moz-border-radius: 30px; 		/* Firefox */
    -webkit-border-radius: 30px;	 /* Safari and Chrome */
    border-radius: 30px;
}

.event .time-sc-el{
	width:100%;
	    padding: 4% 7% 2%;
}
.event .time-sc-el p{
	padding-top:3%;
	text-align: center;
}
.event .time-sc-box-outer{
	margin: 0;
}


.b-footer h3.mida{
	display:block;
	max-width:90px;
	width:100%;
	margin: 6% auto 0.5%;
}

.b-footer h3.mida.kyo{
    margin: 4% auto 0.5%;
}
.b-footer h3.mida.kou{
	max-width:calc(90px * 1.02);
}
.b-footer h3.mida.oti{
	max-width:calc(90px * 1.352);
}

.b-footer h3.mida.kyn{
	max-width:calc(90px * 1.397);
}

.b-footer h3.mida.fst{
	margin-top: 0;
}
.b-footer  p .L-Mid {
	vertical-align: middle;
}
.b-footer p .lsm {
	letter-spacing: -0.1em;
}
.b-footer .division{
	margin-top:-2%;
}

.b-footer{
	display:block;
	width:100%;
	margin: 0 auto;
	padding:11% 5%;
}

.wrapper .b-footer{
    font-size: clamp(13px, 1.8vw, 18px);
}

.footer{
	display: block;
    position: relative;
    background-image: url(../images/foot-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
	max-width: 100%;
    padding: 0;
	height: calc(300vw / 13.5);
}
.footer .ToFot{
	display: block;
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	padding: 6% 0 1%;
	width:100%;
	max-width:1200px;
	font-size: clamp(14px, 1.8vw, 22px);
	color:#fff;
}


@media only screen and (max-width: 1200px){ /* 767px以下 */
	.map, .info, .event-inner {
		max-width: 95%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px){ /* 767px以下 */
	
	.view-pc{    
		display:none !important;
	}
	.view-mobile{
		display: block !important;              /* フレックスボックスにする */
	}

	.non-youso{
		display:none !important;
	}
	.mida {
		max-width: 80%;
	}

	.wrapper {
	    margin: -9% auto 0;
	}

	.map, .info, .event-inner {
		max-width: 90%;
		margin: 0 auto;
	}
	 .info {
		max-width: 90%;
		margin: 0 auto 10%;
	}
	
	.event-el{
		width:100%;
		padding:2%;
	}
	.event{
		background-image: none;
	}

	.event .mida.b2 {
	    margin: 2% auto 2%;
	}
	.event .time-sc-box-outer{
		margin: 0 2%;
	}
	.event .time-sc-el {
	    padding: 4% 7% 9%;
	}

	.b-footer h3.mida {
		max-width: 60px;
	}
		
	.b-footer h3.mida.kou{
		max-width:calc(60px * 1.02);
	}
	.b-footer h3.mida.oti{
		max-width:calc(60px * 1.352);
	}
	.b-footer {
		padding: 10% 8%;
		line-height: 1.8;
	}

	.footer .ToFot {
		padding: 2% 0 1%;
	}
	.b-footer .division{
		margin-top:-1%;
	}

}




.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}