@charset "utf-8";
*{
	border: 0;
color: #222222;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
	box-sizing:border-box;
font-weight: normal;
	line-height: 100%;
letter-spacing: .1em;

font-family: sans-serif;
}
a{transition: opacity .2s ease-out;
	text-decoration: none;
}

a:hover{
	opacity: .6;
	

}
a img:hover{
	opacity: .6
}
html{
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow-x: hidden;	
}
body{
	font-size:62.5%;
overflow-x: hidden;
	width: 100%;
	position: relative;
	z-index: 2;
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '貂ｸ繧ｴ繧ｷ繝�け  Medium', meiryo, sans-serif;
	background:#fff;
	font-weight: normal;
}
.content{
	padding: 15% 5%;
	max-width: 768px;
	margin: 0 auto;
}
header{

	background: #fff;
	position: relative;

}
header  img{
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
	display: block;
}

.spHeader{
	display: none;
}
.pcHeader{
	display: block;
}
header .logo{
width: calc(100vmin * .5);
height: calc(100vmin * .5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin:auto ;
fill: #121212;
}
.linArea {
    display: block;
    width: calc(100vmin * .05);
  margin: 0 auto 8%;
    text-align: center;
    position: relative;
    font-size: 0;
}
#menuLineTop {
    margin-bottom: 33%;
}
.menuLine {
    display: block;
    height: 1px;
    width: 100%;
    transition: all .2s ease-out;
    background-color: #252525;
}
#menuLineBtm {
    margin-top: 33%;
}
.headerNav1{
	display: inline-block;
  width: calc(100vmin * .15);
  height: calc(100vmin * .15);
  padding-top:  calc(100vmin * .04);
  background:#f2d324;
  border-radius: 100%;
  position: fixed;
  top: calc(100vmin * .05);
  color: #000;
  font-size: 10px;
  right: calc(100vmin * .05);
  text-align: center;
  z-index: 9;
}
.headerNav2{
	display: inline-block;
  width: calc(100vmin * .15);
  height: calc(100vmin * .15);
    padding-top:  calc(100vmin * .03);
  background:#f2d324;
  border-radius: 100%;
  position: fixed;
  top: calc(100vmin * .23);
  color: #000;
  font-size: 10px;
  right: calc(100vmin * .05);
  text-align: center;
  z-index: 9;
}
.headerNav3{
	display: inline-block;
  width: calc(100vmin * .15);
  height: calc(100vmin * .15);
  padding-top:  calc(100vmin * .03);
  background:#f2d324;
  border-radius: 100%;
  position: fixed;
  font-size: 10px;
  top: calc(100vmin * .41);
  color: #000;
  right: calc(100vmin * .05);
  text-align: center;
  z-index: 9;
}
.headerNav4{
	display: inline-block;
  width: calc(100vmin * .15);
  height: calc(100vmin * .15);
  padding-top:  calc(100vmin * .03);
  background:#f2d324;
  border-radius: 100%;
  position: fixed;
  font-size: 10px;
  top: calc(100vmin * .59);
  color: #000;
  right: calc(100vmin * .05);
  text-align: center;
  z-index: 9;
}
.headerNav5{
	display: inline-block;
  width: calc(100vmin * .15);
  height: calc(100vmin * .15);

  background:#252525;
  position: fixed;
  font-size: 10px;
  top: calc(100vmin * .05);
  color: #fafafa;
  left: calc(100vmin * .05);
  text-align: center;
  z-index: 6;
}
.headerNav5 svg{
 	width: 100%;
 }
.navIcon{
	width: 35%;
	height: ;
	fill: #252525;
	display: block;
	margin: 0 auto 8%;
}
.navText{
	font-size: 10px;
	display: block;
	transform: scale(.7);
	color: #252525;
	position: absolute;
	bottom: calc(100vmin * .03);
	right: 0;
	left: 0;
	margin: auto;
}
nav {
    width: 100%;
    height: 120%;
    overflow-y: scroll;
    position: fixed;
    z-index: 8;
    top: 0;
    right: 0;
    background: #fafafa;
    transform: translate3d(200%,20%,0) rotate(
30deg) scale(1.5);
    transition: all .6s cubic-bezier(0.25, 1, 0.5, 1);
}
#mainNavUl{
	height: 120%;
}
#mainNavUl li a {
    padding-left: 5%;
    display: block;
    height: calc(100Vmax * .08);
    line-height: calc(100Vmax * .08);
    font-size: 16px;
    color: #d95960;
        
}
#mainNavUl li {
    border-bottom: 1px solid #eaeaea;
}
#mainNavUl li.navLine{
	
padding-top: calc(100Vmax * .02);

    text-align: center;
    padding-left: 5%;
    border-bottom: none;
}
#mainNavUl li.navLine a{
	    display: block;
    width: 100%;
    text-align: center;
    max-width: 320px;
        height: 62px;
    padding: 24px 5%;
    margin: 4% 0;
    background: #f2d324;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #252525;
    border-radius: 50px;
    line-height: 1;
    position: relative;
    vertical-align: middle;
}
.navLineA{
	display: block;
	text-align: left;
	margin-bottom: 2%;
}
.ccl{
	fill: #e55b43;
	transform: scale(1.1) translate3d(0, -2px,0);
transform-origin: center;

}
.ccl2{
	fill: #fffcf3;
		transform: scale(1.1) translate3d(0, -2px,0);
transform-origin: center;
}
.ccl3{
	fill: #fff;
		transform: scale(1.1) translate3d(0, -2px,0);
transform-origin: center;

}
.ccl4{
	fill: #d95960;
		transform: scale(1.1) translate3d(0, -2px,0);
transform-origin: center;
}
#theme{
	background: #fceede;
	padding-top: 15%;
}
h3{
	padding: 16px 32px;
	text-align: center;
	background: #e55b43;
	color: #fff;
	font-size: 14px;
    font-weight: bold;
    line-height: 140%;
	margin-bottom: 8%;
}
.h2Guide{
background: none;
	text-align: center;
margin-bottom: 0;
	padding: 0;
	color: #fff;
	font-size: 21px;
}
.h2Outline{
background: none;
	text-align: center;
margin-bottom: 0;
	padding: 0;
	margin: 5% 0;
	font-size: 21px;
	color: #252525;
}
.table1{
	width: 100%;
	border-collapse: collapse;
  border-spacing: 0;
}
.table1.ticketTable{
	margin-bottom: 15%;
}
.guideText{
	font-size: 13px;
	text-align: center;
	line-height: 180%;
	margin: 8% 0;
	color: #fff;
}
.td1{
	width: 30%;
	text-align: center;
border-bottom: 1px solid #e55b43;
padding: 24px 0;
font-size: 13px;
color: #e55b43;
vertical-align: middle;
}
.td2{
	width: 70%;
	padding: 24px 0;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #252525;
	font-size: 13px;
	vertical-align: middle;
}
.guidelineArea{
	padding: 12% 5%;
	background-color: #e55b43;
}
.outlineArea{
	padding: 15% 5%;
	background-color: #fff;
}
.guideline{
	display: block;
	width: 100%;
	text-align: center;
	max-width: 320px;
	padding: 24px 5%;
	
	margin: 0 auto;
	background: #f2d324;
cursor: pointer;
font-size: 14px;
font-weight: bold;
color: #252525;
border-radius: 50px;
position: relative;
}

.guideline2{
	display: block;
	width: 100%;
	text-align: center;
	max-width: 460px;
	padding: 24px 5%;
	
	margin: 0 auto;
	background: #fafafa;
cursor: pointer;
font-size: 18px;
color: #121212;
border-radius: 3px;
position: relative;
}
.listAnc{
	display: block;
	width: 100%;
	text-align: center;
	max-width: 120px;
	padding: 16px 24px;
	
	margin: 2% auto 8%;
	background: #f2d324;
cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #252525;
border-radius: 50px;
position: relative;
}




.cautionGuideline{
	font-size: 10px;
	color: #fafafa;
	text-align: center;
	line-height: 180%;
}.cautionGuideline2{
	font-size: 10px;
	color: #fafafa;
	text-align: center;
	line-height: 180%;
	margin-bottom: 4%;
}
.busPriceDetail{
	font-size: 10px;
	text-align: center;
}
.busPrice{
	font-size: 20px;
	line-height: 160%;
	font-weight: bold;
	margin: 2% auto 8%;
	text-align: center;
}
.busstopTable{
	width: 100%;
	 border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-top: 4%;
}
.busstopTable td{
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	line-height: 160%;
	padding: 16px;
	border-right: 1px solid #ccc;
}
.tableTitle1{
	background-color: #eee;
}
.taxi{
	font-size: 13px;
	font-weight: normal;
}
.accessTime .arrow{
	fill: #fff;
}
.cautionP.red{
	color: #d95960;
}
.busCautionP{
	font-size: 10px;
	margin-bottom: 2%;
	line-height: 160%;
}
.busCautionP3{
	font-size: 10px;
	margin-bottom: 8%;
}
.guideline2 .arrow{
	fill:#d95960 ;
}
.toppageGuide{
	padding-top: 0;
}
.line{
	display: block;
	width: 100%;
	text-align: center;
	max-width: 460px;
	padding: 24px 5%;
	
	margin: 0 auto 14%;
	background: #06c755;
cursor: pointer;
font-size: 18px;
color: #fafafa;
border-radius: 3px;
position: relative;
}
.sampleMap{
	text-align: center;
	margin-bottom: 4%;
}
.aboutRainbowDays{
	font-size: 28px;
	color: #d95960;
	text-align: center;
	
	margin-bottom: 1%;
	
}
.aboutRainbowDays2{
	font-size: 22px;
	color: #d95960;
	text-align: center;
	margin-top: 4%;
	margin-bottom: 8%;
	
}
.aboutText{
	font-size: 13px;
	color: #121212;
	text-align: center;
	line-height: 180%;
}
.aboutTextLeft{
	font-size: 13px;
	color: #121212;
	text-align: left;
	line-height: 180%;
}
.flavorArea{
	padding: 5%;
	background: linear-gradient(30deg, rgba(241,201,201,1) 0%, rgba(217,89,96,1) 16%, rgba(223,131,165,1) 34%, rgba(147,131,188,1) 50%, rgba(90,163,217,174) 67%, rgba(69,134,112,1) 83%, rgba(225,171,67,1) 100%);

	margin: 4% 0 0;
	border-radius: 4px;
}
.flavorArea .logo{
	fill: #fafafa;
}
.flavorText{
font-size: 13px;
	color: #fafafa;
	text-align: center;
	line-height: 180%;

}
.tr{
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto;
	  border-top: 24px solid #d95960;
  border-right: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid transparent;
}
.content7{
	width: 100%;
	font-size: 0;
	margin-top: 5%;
}
.content7 li{
	font-size: 10px;
	list-style: none;
	width: 48%;

	text-align: center;
	display: inline-block;
	margin-bottom: 4%;
}
.content7 li:nth-child(even){
margin-left: 4%;
}
.content7 li img{
	width: 100%;
	fill: fff;
}
.content7Svg{
display: block;

}
.content7Text{
	display: block;
	text-align: justify;
	margin-top: 2%;
	font-size: 8px;
	line-height: 140%;
}
.h4-7{
	font-size: 13px;
	margin-top: 6%;
	line-height: 160%;
}
.h2Svg{
	opacity: 0;
	transition: all .6s ease-out;
}
.h2SvgSize{
	width: calc(100vmin * .7);
	height: calc(100vmin * .7);
	margin: 0 auto 8%;
	display: block;
}
.mapImg{
	width: 100%;
	display: block;
	margin-bottom: 8%;
}
.h2Svg.lazyloaded{
	opacity: 1;

}

.artistArea{

	background-color: #fceede;
}
.artistUl{
	font-size: 0;
	margin-bottom: 4%;
}
.guest{
	width: block;
}
.guest{
	width: 100%;
	
	display: block;
}
.artist1{
	width: 48%;
	
	display: inline-block;
	
}
.artist2{
	width: 48%;
	display: inline-block;
	margin-left: 4%;
}
.artist3{
	width: 30%;
	display: inline-block;
}
.artistUl li{
	list-style: none;
	margin-bottom: 4%;
}
.artistUl li img{
	width: 100%;
}
.gueatArtistName{
	font-size: 13px;
	text-align: center;
	margin-top: 4%;
}
.artistBoothP{
	font-size: 10px;
	text-align: center;
	line-height: 160%;
	margin-bottom: 8%;
}
.genre{
	font-size: 10px;
    background-color: #fafafa;
    padding: 6px 16px;
    border-radius: 24px;
    width: auto;
    margin-bottom: 4%;
    text-align: center;
    color: #121212;
}

.genre2{
	font-size: 10px;
    background-color: #fafafa;
    padding: 6px 16px;
    border-radius: 24px;
    width: auto;
    margin-bottom: 4%;
    text-align: center;
    color: #121212;
}
.artistName{
	font-size: 13px;
	text-align: center;
	transform: scale(0.8);
	margin-top: 5%;
	line-height: 160%;
}
.boothName{
	font-size: 10px;
	text-align: center;
	margin-top: 8%;
	word-break: break-all;
	line-height: 160%;
}
section{
	max-width: 768px;
	margin: 0 auto;
}
.placeSection.other{
	background: #fff;
}
.support{
	background: #fceede;
}
.otherImg{
	width: 100%;
	display: block;
	margin-bottom: 5%;
}
.placeArea{
	width: 100%;
	height: calc(100vmin * .7);
	position: relative;
	margin-bottom: 8%;
}
.place{
	width: calc(100vmin * .6);
	height: calc(100vmin * .6);
	background-color: #fff;
position: absolute;
	padding: 5%;
	top: calc(100vmin * .1);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-items: center;
}
.placeBg{
	width: calc(100vmin * .6);
	height: calc(100vmin * .6);
	background-color: #ccc;
	position: absolute;
	right: 0;
	z-index: 2;
	

}
.marginBottom{
	margin-bottom: 15%;
}
.marginBottom2{
	margin-bottom: 4%;
}
.placeInner{
	width: 100%;
}
.placeBg img{
	width: 100%;
}
.placeImg{
	width: 100%;
	display: block;
	margin-bottom: 8%;
}
.placeNum{
	font-size: 10px;
	background-color: #fafafa;
	padding: 6px 16px;
	border-radius: 24px;
	width: auto;
margin-bottom: 8%;
	text-align: center;
	color: #121212;
}

.placeName{
	font-size: 18px;
margin-bottom: 6%;
	text-align: center;
	line-height: 130%;
}
.placeText{
	font-size: 10px;
margin-bottom: 6%;
line-height: 160%;
	text-align: center;
}

.cafeName{
	font-size: 32px;
	color: #252525;
	text-align: center;
	margin-bottom: 5%;
}

.postal{
	font-size: 16px;
	color: #252525;
	text-align: center;
	margin-bottom: 2%;
}
.addressText{
	font-size: 16px;
	color: #252525;
	text-align: center;
		margin-bottom: 5%;
}
.placeDetail{
	display: block;
    width: 100%;
    text-align: center;
    max-width: 460px;
    padding: 16px 5%;
    
    margin: 0 auto;
    background: #d95960;
    cursor: pointer;
    font-size: 13px;
    color: #fafafa;
    border-radius: 3px;
    position: relative;
}
.placeDetail .arrow{
width: 6px;
right: 10%;
}

.otherPlace{
	display: block;
	width: 100%;
	text-align: center;

	max-width: 460px;
	padding: 24px 5%;
	
		margin: 6% auto 6%;
	background: #d95960;
cursor: pointer;
font-size: 18px;
color: #fafafa;
border-radius: 3px;
position: relative;
}
.boothUl{
	width: 100%;
	font-size: 0;
}
.boothUl li{
	
	list-style: none;
    margin-bottom: 4%;
    width: 30%;
    display: inline-block;
}


.booth2{
	
	margin: 0 5%;

}
.boothUl li{
	width: 30%;
	
}
.boothUl li img{
	width: 100%;
	border: 1px solid #fafafa;
}


.boothName{
	font-size: 10px;
	text-align: center;
	margin-top: 4%;
}




.placePageSection{
background-color: #fff;
padding-top: 10%;
}
.placeAreaNum{
	font-size: 10px;
    background-color: #fafafa;
    padding: 6px 16px;
    border-radius: 24px;
    width: auto;
    margin: 0% auto 8%;
    text-align: center;
    width: 50%;
    color: #121212;
}
.placeAreaH2{
	text-align: center;
	font-size: 22px;
	margin-top: 5%;
	margin-bottom: 8%;
	line-height: 140%;
}
.guidelineAreaH2{
text-align: center;
	font-size: 22px;
	line-height: 160%;
	margin: 5% auto 5%;
}
.guidelineH3{
	font-size: 18px;
	text-align: center;
	margin: 10% auto 5%;
	line-height: 160%;
}
.guidelineH4{
	font-size: 16px;
	text-align: left;
	margin: 10% auto 5%;
	line-height: 160%;
	display: inline-block;
	text-decoration: underline;
}
.entranceInfo{
	font-size: 10px;
    background-color: #e1aa45;
    padding: 6px 16px;
  line-height: 160%;
    width: auto;
    margin: 4% auto 4%;
    text-align: center;
    color: #fff;

}
.entranceInfo2{
	font-size: 10px;
    background-color: #e1aa45;
    padding: 6px 16px;
  line-height: 160%;
    width: auto;
    margin: 0% auto 8%;
    text-align: center;
    color: #fff;

}

.noCar{
	font-size: 10px;
    background-color: #d95960;
    padding: 6px 16px;
  line-height: 160%;
    width: auto;
    margin: 0% auto 4%;
    text-align: center;
    color: #fff;

}.noCar2{
	font-size: 10px;
    background-color: #d95960;
    padding: 6px 16px;
  line-height: 160%;
    width: auto;
    margin: 0% auto 4%;
    text-align: center;
    color: #fff;

}
.entranceInfo3{
	font-size: 10px;
    background-color: #e1aa45;
    padding: 6px 16px;
  line-height: 160%;
    width: auto;
    margin: 4% auto 8%;
    text-align: center;
    color: #fff;

}
.placeAreaP{
font-size: 13px;
	margin-bottom: 2%;
	line-height: 180%;
	text-align: center;
}
.guidelineAreaP{
font-size: 13px;
	margin-bottom: 2%;
	line-height: 180%;
	text-align: justify;
}



.ticketSpan{
	font-size: 10px;
	display: block;
	margin-top: 2%;
}
.ticketSection{
background: #fceede;
}
.ticketLink{

	display: block;
	width: 100%;
	text-align: center;
	max-width: 460px;
	padding: 24px 5%;
	
	margin: 0 auto;
	background: #d95960;
cursor: pointer;
font-size: 18px;
color: #fafafa;
border-radius: 3px;
position: relative;

}

.price{
	font-size: 24px;
	text-align: center;
	margin-bottom: 8%;
}
.map{
	width: 100%;
	display: block;
	margin-bottom: 10%;
}
.accessTime{
	display: block;
	width: 80%;
	margin: 4% auto;
	text-align: center;
	font-size: 13px;
	height: 46px;line-height: 46px;
	position: relative;
	border-radius: 3;
	color: #fff;
}
.ticketLink.accessLink{
	margin-bottom: 5%;
	font-size: 13px;
}
.busTicket{
	margin-top: 4%;
}
iframe{
	width: calc(100vmin * .9);
	height: calc(100vmin * .9);
	max-width: 100%;
}
h2.caution{
	text-align: center;
display: flex;
justify-content: center;
align-items: center;
	height: calc(100Vmax * .2);
	
	font-size: 20px;
	border: 8px solid #ccc;
}
h2.caution2{
	margin-top: 10%;
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20337%20136%22%20style%3D%22enable-background%3Anew%200%200%20337%20136%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23eeeeee%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M327.85%2C76.56c-2.55-0.93-5.12-1.85-7.66-2.72l-0.98%2C2.84c2.52%2C0.87%2C5.07%2C1.78%2C7.6%2C2.7L327.85%2C76.56z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M312.48%2C71.26c-2.56-0.83-5.17-1.65-7.75-2.44l-0.87%2C2.87c2.57%2C0.78%2C5.16%2C1.59%2C7.7%2C2.42L312.48%2C71.26z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M12.36%2C5.25l1.17-2.76C11.6%2C1.67%2C9.69%2C0.83%2C7.8%2C0h-2l-0.9%2C2C7.33%2C3.09%2C9.84%2C4.18%2C12.36%2C5.25z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M35.05%2C14.16c2.49%2C0.91%2C5.04%2C1.81%2C7.65%2C2.72l0.98-2.83c-2.6-0.9-5.14-1.81-7.61-2.71L35.05%2C14.16z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M296.94%2C66.53c-2.56-0.73-5.2-1.46-7.83-2.16l-0.77%2C2.9c2.62%2C0.7%2C5.23%2C1.42%2C7.78%2C2.15L296.94%2C66.53z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M90.08%2C28.09c-2.64-0.69-5.25-1.39-7.81-2.1l-0.79%2C2.89c2.57%2C0.71%2C5.19%2C1.41%2C7.84%2C2.1L90.08%2C28.09z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M281.24%2C62.34c-2.6-0.65-5.23-1.28-7.9-1.9l-0.68%2C2.92c2.65%2C0.62%2C5.27%2C1.25%2C7.85%2C1.89L281.24%2C62.34z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M160.77%2C46.02c2.65%2C0.43%2C5.32%2C0.85%2C8.02%2C1.26l0.45-2.97c-2.69-0.41-5.35-0.83-7.99-1.26L160.77%2C46.02z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M176.81%2C48.47c2.66%2C0.38%2C5.33%2C0.75%2C8.04%2C1.11l0.4-2.97c-2.69-0.36-5.36-0.73-8.01-1.11L176.81%2C48.47z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M50.39%2C19.49c2.52%2C0.83%2C5.1%2C1.67%2C7.73%2C2.5l0.9-2.86c-2.62-0.83-5.18-1.66-7.69-2.49L50.39%2C19.49z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M249.49%2C55.48c-2.63-0.49-5.3-0.96-8-1.42l-0.5%2C2.96c2.68%2C0.46%2C5.33%2C0.93%2C7.95%2C1.41L249.49%2C55.48z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M233.48%2C52.76c-2.65-0.41-5.32-0.81-8.03-1.19l-0.42%2C2.97c2.69%2C0.38%2C5.36%2C0.78%2C7.99%2C1.19L233.48%2C52.76z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M19.87%2C8.35c2.47%2C0.99%2C5.02%2C1.99%2C7.56%2C2.97l1.07-2.8c-2.53-0.97-5.06-1.96-7.52-2.95L19.87%2C8.35z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M265.42%2C58.67c-2.62-0.56-5.27-1.12-7.95-1.65l-0.59%2C2.94c2.67%2C0.53%2C5.31%2C1.08%2C7.91%2C1.64L265.42%2C58.67z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M334.37%2C82.23c0.87%2C0.34%2C1.75%2C0.69%2C2.63%2C1.04v-3.23c-0.52-0.2-1.03-0.41-1.55-0.61L334.37%2C82.23z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M113.12%2C36.14l-1.9-0.46c-0.63%2C2.59-1.31%2C5.21-2.03%2C7.79l2.89%2C0.8c0.67-2.41%2C1.31-4.86%2C1.9-7.29%20c2.29%2C0.51%2C4.59%2C1.02%2C6.92%2C1.53l0.63-2.93c-2.67-0.57-5.3-1.15-7.89-1.74L113.12%2C36.14z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M105.77%2C32.01c-2.66-0.63-5.27-1.27-7.85-1.91L97.18%2C33c2.59%2C0.65%2C5.22%2C1.29%2C7.89%2C1.92L105.77%2C32.01z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M201.3%2C48.6c-2.7-0.31-5.38-0.63-8.03-0.96l-0.37%2C2.98c2.66%2C0.33%2C5.35%2C0.65%2C8.06%2C0.96L201.3%2C48.6z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M144.78%2C43.25c2.64%2C0.48%2C5.3%2C0.96%2C7.99%2C1.42l0.51-2.96c-2.68-0.46-5.33-0.94-7.96-1.42L144.78%2C43.25z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M217.41%2C50.49c-2.66-0.34-5.34-0.67-8.06-0.98l-0.34%2C2.98c2.7%2C0.31%2C5.38%2C0.64%2C8.02%2C0.97L217.41%2C50.49z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M65.88%2C24.39c2.55%2C0.77%2C5.14%2C1.54%2C7.79%2C2.3l0.83-2.88c-2.63-0.76-5.21-1.52-7.75-2.29L65.88%2C24.39z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M128.85%2C40.17c2.62%2C0.54%2C5.28%2C1.06%2C7.96%2C1.58l0.57-2.95c-2.67-0.52-5.32-1.04-7.93-1.58L128.85%2C40.17z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M91.53%2C88.27l2.66%2C1.39c1.25-2.38%2C2.48-4.84%2C3.65-7.29l-2.71-1.29C93.98%2C83.5%2C92.76%2C85.92%2C91.53%2C88.27z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M74.57%2C115.53l2.42%2C1.77c1.59-2.18%2C3.17-4.42%2C4.68-6.67l-2.49-1.68C77.7%2C111.17%2C76.15%2C113.38%2C74.57%2C115.53z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M83.56%2C102.22l2.55%2C1.58c1.42-2.29%2C2.83-4.64%2C4.17-7l-2.6-1.49C86.35%2C97.64%2C84.96%2C99.96%2C83.56%2C102.22z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M119.68%2C4.29l-2.98-0.31c-0.28%2C2.65-0.6%2C5.33-0.97%2C7.99l2.97%2C0.41C119.07%2C9.69%2C119.4%2C6.97%2C119.68%2C4.29z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M117.44%2C20.44l-2.96-0.51c-0.46%2C2.64-0.96%2C5.3-1.5%2C7.91l2.94%2C0.61C116.46%2C25.8%2C116.98%2C23.11%2C117.44%2C20.44z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M64.61%2C128.13l2.28%2C1.95c1.75-2.05%2C3.49-4.17%2C5.17-6.29l-2.35-1.86C68.05%2C124.02%2C66.34%2C126.11%2C64.61%2C128.13z%22%20%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M57.53%2C136h3.77l-2.02-1.86C58.7%2C134.76%2C58.11%2C135.38%2C57.53%2C136z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M98.47%2C73.77l2.75%2C1.2c1.08-2.48%2C2.12-5.01%2C3.11-7.53l-2.79-1.1C100.56%2C68.83%2C99.53%2C71.33%2C98.47%2C73.77z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M104.35%2C58.81l2.83%2C1c0.9-2.55%2C1.77-5.15%2C2.58-7.73l-2.86-0.9C106.1%2C53.73%2C105.24%2C56.29%2C104.35%2C58.81z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M324.03%2C99.07l0.09%2C3c2.64-0.07%2C5.29-0.12%2C7.9-0.13l-0.01-3C329.37%2C98.94%2C326.69%2C98.99%2C324.03%2C99.07z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M308.11%2C99.89l0.23%2C2.99c2.61-0.2%2C5.26-0.37%2C7.88-0.5l-0.16-3C313.42%2C99.52%2C310.75%2C99.7%2C308.11%2C99.89z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M292.25%2C101.47l0.37%2C2.98c2.58-0.32%2C5.22-0.61%2C7.85-0.87l-0.3-2.98C297.52%2C100.85%2C294.86%2C101.15%2C292.25%2C101.47%20z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M276.49%2C103.78l0.5%2C2.96c2.56-0.44%2C5.19-0.85%2C7.8-1.24l-0.44-2.97C281.72%2C102.92%2C279.07%2C103.34%2C276.49%2C103.78z%20%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M193.76%2C131.72c-2.32%2C1.33-4.62%2C2.73-6.84%2C4.14L187%2C136h5.4c0.94-0.57%2C1.89-1.13%2C2.85-1.68L193.76%2C131.72z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M267.99%2C105.34c-2.41%2C0.47-4.82%2C0.97-7.15%2C1.49l0.64%2C2.93c2.31-0.51%2C4.69-1%2C7.08-1.47l0.65-0.13l-0.57-2.95%20L267.99%2C105.34z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M245.37%2C110.66l0.8%2C2.89c2.5-0.69%2C5.06-1.37%2C7.63-2l-0.72-2.91C250.49%2C109.28%2C247.89%2C109.96%2C245.37%2C110.66z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M200.77%2C127.89l1.38%2C2.66c2.3-1.19%2C4.67-2.36%2C7.06-3.48l-1.27-2.72C205.52%2C125.49%2C203.11%2C126.68%2C200.77%2C127.89%20z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M230.14%2C115.39l0.98%2C2.84c2.44-0.84%2C4.96-1.67%2C7.49-2.45l-0.89-2.87C235.15%2C113.7%2C232.6%2C114.54%2C230.14%2C115.39z%20%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M215.23%2C121.1l1.17%2C2.76c2.38-1.01%2C4.83-2%2C7.31-2.94l-1.07-2.8C220.13%2C119.08%2C217.64%2C120.08%2C215.23%2C121.1z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M287.85%2C13.49c-6.39%2C0-11.57%2C5.18-11.57%2C11.57c0%2C6.39%2C11.02%2C22.49%2C11.57%2C22.49s11.57-16.1%2C11.57-22.49%20C299.42%2C18.67%2C294.24%2C13.49%2C287.85%2C13.49z%20M287.85%2C29.48c-2.44%2C0-4.42-1.98-4.42-4.43s1.98-4.42%2C4.42-4.42%20c2.44%2C0%2C4.43%2C1.98%2C4.43%2C4.42S290.3%2C29.48%2C287.85%2C29.48z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-size: cover;
	line-height: 140%;
}
.cautionP{
	font-size: 13px;
	text-align: center;
	margin: 8% auto;
	line-height: 180%;
}
.cautionP.carnav{
padding: 16px 16px;
background-color: #fafafa;
margin-bottom: 0;
}

.cautionP .underline{
	font-size: 13px;
	line-height: 180%;
	font-weight: bold;
	text-decoration: underline;
}
.tr2{
	width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    border-top: 16px solid #fafafa;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left:16px solid transparent;
}
.nocarRed{
	color: #d95960;
	font-size: 13px;

}
.adPlaceName{
	text-align: center;
	font-size: 21px;
	margin: 8% 0 4%;
}
.postalcode{
	text-align: center;
	font-size: 13px;
	margin-bottom: 1%;
}
.address{
	text-align: center;
	font-size: 13px;
	line-height: 180%;

}
.loop{
	text-align: center;
	font-size: 13px;
	line-height: 180%;
	margin: 8% 0 0;
}
h3.H3tgl{
	width: 100%;
	max-width: 460px;
	text-align: left;
	padding: 24px 5%;
	margin: 0 auto;
	background: #d95960;
cursor: pointer;
font-size: 13px;
color: #fafafa;

position: relative;
}

h3.H3tgl.startH3{
	background: #d95960;
	color: #ffff;
	font-size: 21px;
	margin-top: 4%;
}
.startH3 p{
	color: #ffff;
	text-align: center;
	font-size: 21px;
}
h3.H3tgl.cautionH3{
	background: #fafafa;
	color: #121212;
}
.cautionH3 .carIcon,.cautionH3 .cross{
	fill:#e55b43;
}

.tglDiv{
	font-size: 13px;
	width: 90%;
max-height: 0;
	max-width: 460px;
	margin: 4% auto 4%;
	line-height: 180%;
	overflow: hidden;
	transition: all 1s ease-out;

}
.tglDiv.open{
max-height: 2000px;
}
.tglClass span{
	font-size: 10px;
	vertical-align: middle;
}
.carIcon{
	width: 24px;
	position: relative;
	fill: #fafafa;
	vertical-align: middle;
	top: 0;
	bottom: 0;

	margin: auto;
	margin-right: 4px;
}
.arrow{
	width: 6px;

	vertical-align: middle;
	position: absolute;
	fill: #252525;
	right: 10%;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .4s ease-out;
}

.cross{
	width: 24px;
	transform: rotate(45deg);
	vertical-align: middle;
	position: absolute;
	fill: #fafafa;
	right: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .4s ease-out;
}
.cross.open{
	transform: rotate(0);
	
}
.busTable{
	font-size: 0;
	margin-top: 4%;
	 border-collapse: collapse;
  border-spacing: 0;
}
.busTable td{
font-size: 10px;
width: 20%;
line-height: 130%;
padding: 8px;
border: 1px solid #121212;
}
.busTable td:nth-child(odd){
text-align: center;
vertical-align: middle;
}
.busTable td:nth-child(even){
width: 80%;
}
.sArea{
	background: #fff;
	padding: 10% 5%;
	max-width: 768px;
	margin: 0 auto;
}
.lineText{
	text-align: center;
	font-size: 13px;
	line-height: 180%;
	margin-bottom: 4%;
}
.placeH3{
	text-align: center;
	height: calc(100vmax * .1);
	line-height: calc(100vmax * .1);
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%201062.99%20340.16%22%20style%3D%22enable-background%3Anew%200%200%201062.99%20340.16%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23F6C47D%3B%7D%20.st1%7Bfill%3A%23EB6A43%3B%7D%20.st2%7Bfill%3A%23F7E7F0%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%3E%3C%2Fg%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M681.28%2C196.19c-26.04-52.09-82.72-65.87-73.53-136.34c3.36-25.77%2C13.94-44.92%2C28.46-59.85H0v208.71%20c83.11-17.11%2C236.82-40.94%2C342.72-10.98c126.67%2C35.83%2C218.09%2C97.75%2C381.33%2C142.43h338.93V207.84%20c-41.77%2C19.3-91.61%2C38.31-141.2%2C66.02C799.23%2C342.32%2C707.32%2C248.28%2C681.28%2C196.19z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C208.71v131.45h724.06c-163.24-44.68-254.67-106.61-381.33-142.43C236.82%2C167.77%2C83.11%2C191.6%2C0%2C208.71z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M636.21%2C0c-14.52%2C14.93-25.1%2C34.08-28.46%2C59.85c-9.19%2C70.47%2C47.49%2C84.26%2C73.53%2C136.34%20s117.96%2C146.13%2C240.51%2C77.66c49.59-27.71%2C99.43-46.71%2C141.2-66.02V0H636.21z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	
	background-size: cover;
	color: #121212;
	font-size: 20px;
	margin: 8% 0 8%;
}
.placePasotalcode{
	font-size: 13px;
	text-align: center;
	margin-top: 2%;
	color: #121212;
}
.placeAddress{
	font-size: 13px;
	text-align: center;color: #121212;
	margin-top: 1%;
	margin-bottom: 2%;
	line-height: 160%;
}
.addressCaution{
	color: #121212;
	font-size: 10px;
}
.sponsorH3{
	text-align: center;
	height: calc(100vmax * .1);
	line-height: calc(100vmax * .1);
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20382%2080%22%20style%3D%22enable-background%3Anew%200%200%20382%2080%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23F5CCCD%3B%7D%20.st1%7Bfill%3A%23D95960%3B%7D%20.st2%7Bfill%3A%23E1AB43%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%3E%3C%2Fg%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M244.83%2C46.14c-9.36-12.25-29.73-15.49-26.42-32.07c1.21-6.06%2C5.01-10.56%2C10.23-14.08H0v49.09%20c29.87-4.02%2C85.1-9.63%2C123.16-2.58c45.52%2C8.43%2C78.37%2C22.99%2C137.04%2C33.5H382V48.88c-15.01%2C4.54-32.92%2C9.01-50.74%2C15.53%20C287.22%2C80.51%2C254.18%2C58.39%2C244.83%2C46.14z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C49.09V80h260.2c-58.66-10.51-91.52-25.07-137.04-33.5C85.1%2C39.46%2C29.87%2C45.06%2C0%2C49.09z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M228.63%2C0c-5.22%2C3.51-9.02%2C8.02-10.23%2C14.08c-3.3%2C16.57%2C17.07%2C19.82%2C26.42%2C32.07%20c9.36%2C12.25%2C42.39%2C34.37%2C86.43%2C18.26c17.82-6.52%2C35.73-10.99%2C50.74-15.53V0H228.63z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	
	background-size: cover;
	color: #121212;
	font-size: 20px;
	margin-bottom: 8%;
}
.sponsorUl{
	font-size: 0;
	margin-bottom: 8%;
}
.sponsorUl li{
	list-style: none;
	width: 30%;
	display: inline-block;
	border: 1px solid #ccc;
	margin-bottom: 5%;
}
.sponsorUl li img{
	width: 100%;
}
.liCenter{
	margin: 0 5%;
}

.sArea2{
	background: #e55b43;
	padding: 15% 5% 10%;
	max-width: 768px;
	margin: 0 auto;
}
h2.cautionH2{
	text-align: center;
	
line-height: 140%;
	color: #fff;
	font-size: 20px;
	margin-bottom: 8%;
}
.startDiv p{
	color: #121212;margin-bottom: 1%;
	line-height: 180%;
}
.cautionDiv p{
	color: #fafafa;margin-bottom: 1%;
	line-height: 180%;
}
.cautionP{
	line-height: 180%;
	color: #fff;
}
.meetsArt{
	width: 90%;
}
.bus16{
	background-color: #5aa3ae;
}
.cable{
	background-color: #46856f;
}
.meetsArt img{
	width: 100%;
	max-width: 460px;
	display: block;
	margin: 0 auto;
}
.meetsartP{
	font-size: 13px;
	text-align: center;
	line-height: 180%;
	margin-bottom: 1%;
}
.meetsartP2{
	font-size: 13px;
	text-align: center;
	margin-bottom: 4%;
	line-height: 180%;
}
footer{
	background:#e55b43 ;text-align: center;
	padding-bottom: 5%;
	color: #fff;
	max-width: 768px;
	margin: 0 auto;
}
.copyright{background:#e55b43 ;
		color: #fff;
		text-align: center;
		font-size: 13px;
		padding: 24px;
}
.jo{
	margin-top: 5%;
}
.joc{
	margin-top: 5%;
}

@media screen and (min-width:768px) { 
.ccl{
	display: none;

}
.ccl2{
	display: none;

}
.ccl3{
	display: none;


}
.ccl4{
	display: none;

}
#mainNavUl li a {
   
    height: calc(100Vmin * .08);
    line-height: calc(100Vmin * .08);
  
}
#mainNavUl li.navLine a{
	max-width: 640px;
	    height: calc(100Vmin * .08);
    line-height: calc(100Vmin * .08);
    padding-left: 0;
}
}
@media screen and (min-width:1024px) { 
.noCar2{
	font-size: 24px;
}
.spHeader{
	display: block;
}
.pcHeader{
	display: none;
}
header img{
	width: 100%;
	    max-width: 100%;
}
.mv{
	max-width: 700px;
}
.content,section,.sArea,.sArea2,footer{
	
	
	max-width: 700px;
	
}
.content {
    padding: 5% 0;
    max-width: 700px;
    margin: 0 auto;
}
.sArea,.sArea2,.guidelineArea{
	    padding: 5% 5%;
}

iframe{
	width: 100%;
	height: 480px;
}
.h2SvgSize {
	margin: 0 auto 5%;
	display: block;
	max-width: 70%;
	height: auto;
}
.placePageSection{
	    padding-top: 5%;
}
.placeAreaH2 {
   
    font-size: 64px;
    line-height: 160%;
   
}
.placeH3,h2.caution2,.h2Guide{
	font-size: 32px;
}
.content{
	padding-bottom: 4%;
}.place {
    width: calc(100vmin * .4);
    height: calc(100vmin * .4);
   
}
.sponsorH3{
	font-size: 32px;
}

.navText {
    font-size: 13px;
 
    transform: scale(1);
}
h2.cautionH2{
	
    height: calc(100vmin * .2);

   
    font-size: 32px;

	}
.h2Guide {
   
  
   
}

h2.caution {

    height: calc(100Vmin * .2);

}
#theme,.outlineArea,.artistArea,.ticketSection,.support{
    
    padding: 2%;
    padding-top: 5%;
}

}