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

.Contents { max-width: 100%; padding: 0 10px 50px 10px; box-sizing: border-box; background: url(../../venice/images/bg_contents.png) no-repeat bottom #fafaf8; padding-top: 20px; margin-bottom: 50px; background-size: 100% auto; }
.main { max-width: 950px; width: 100%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }

.sp { display: none; }

.ttl { text-align: center; background: none; }
.ttl br + img { margin-top: 20px; } 

.ttl + p { font-size: 0.875em; line-height: 1.5em; max-width: 95%; margin: 20px auto 0 auto; }

.flex { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.flex .col { width: 48%; }
.flex .txt { width: 580px; }
.flex .img { width: calc(100% - 600px); }

dl.outline { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; font-size: 0.875em; line-height: 1.5em; }
dl.outline dt { width: 7em; border-bottom: 1px solid #afafaf; padding: 15px 0.5em; box-sizing: border-box; font-weight: bold; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
dl.outline dd { width: calc(100% - 7em); border-bottom: 1px solid #afafaf; padding: 15px 0; }
dl.outline dt:nth-last-child(2),dl.outline dd:last-child { border-bottom: none; }

h2 { margin-top: 70px; }

#map { position: relative; padding-bottom: 40%; padding-top: 30px; height: 0; overflow: hidden; }
#map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.program { margin-top: 20px; font-size: 0.875em; line-height: 1.5em; }

.member { font-size: 0.875em; line-height: 1.5em; margin-top: 20px; }
.member dt { font-weight: bold; }
.member dd { margin-left: 1em; }


#ticket { background: #f5f3f0; }
#ticket .main { padding-top: 20px; } 
#ticket p { font-size: 0.875em; line-height: 1.5em; }
#ticket ul { display: flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; font-size: 0.813em; line-height: 1.3em; }
#ticket ul li { margin-top: 25px; }
#ticket ul li.center { border: 1px solid #807570; height: 60px; box-sizing: border-box; }
#ticket ul li.center a,#ticket ul li.center span { text-align: center; padding: 10px 30px 10px 20px; width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; color: #000; text-decoration: none; box-sizing: border-box; background-color: #FFF; }
#ticket ul li.center a { background: url(../../venice/images/ic_arrow.png) no-repeat center right 10px #FFF; }
#ticket ul li.center a:hover { background-color: rgba(255,255,255,0.50); transition: .3s; }

.section { border-bottom: 1px solid #afafaf; padding: 0 10px 30px 10px; margin-top: 30px; }
.section p { margin-top: 20px; font-size: 0.875em; line-height: 1.5em; }
.section p.sttl { margin-top: 5px; }
.section p.aisatsu { margin-top: 5px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; text-align: right; }
.section p.aisatsu img { width: 98px; height: auto; }
.chirashi { padding: 30px 0; text-align: center; }
.chirashi p.sttl { font-size: 1.063em; }
.chirashi ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.chirashi ul li { margin: 15px 10px; }
.chirashi ul + p { font-size: 0.875em; }

.txtright { text-align: right; }

#inquiry { padding-bottom: 50px; }
#inquiry p { font-size: 0.875em; line-height: 1.5em; }

br.sp { display: none; }


@media screen and (max-width:980px) {
	.Contents { background-size: 1280px auto; }
	.ttl + p { font-size: 0.875em; line-height: 1.5em; max-width: 100%; margin: 20px auto 0 auto; }
	
}

@media screen and (max-width:767px) {
	.flex,#ticket ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	.flex .col { width: 100%; }
	.flex .txt { width: 100%; }
	.flex .img { width: 100%; text-align: center; margin-top: 20px; }
	#map { margin-top: 10px; padding-bottom: 56%; }
	
	#ticket ul li { width: auto; height: 60px; }
	#ticket ul li.center { width: 100%; }
}

@media screen and (max-width:414px) {
	.Contents { background-size: 640px auto; }
	.sp { display: inline-block; }
	.pc { display: none; }
	.ttl .sp { margin-top: 20px; } 
	
	br.sp { display: inline-block; }
	
	#inquiry { padding: 30px 10px; }
	#ticket { margin-bottom: 0; }

}