@charset "utf-8";

@import url(https://www.suntory.com/culture-sports/suntoryhall/facility/assets2019/css/facility_common.css);

/*==================================================
page setting
================================================== */
#suntory_contents #container_facility_mainhall #insidenav li.nv_mainhall a {
	background-color: #fff4d0;
	pointer-events: none;
}
/*==================================================
pc sp common
================================================== */
#suntory_contents #organ .bt_pdflink a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	color: #881133;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	border: 1px solid #aa1144;
}
#suntory_contents #organ .bt_pdflink a:before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_pdf.png") no-repeat left center;
}
#suntory_contents #organ .bt_pdflink a:hover {
	color: #fff;
	background: #aa1144;
}
#suntory_contents #organ .bt_pdflink a:hover::before {
	background-image: url("https://www.suntory.com/culture-sports/suntoryhall/common2019/img/icon_pdf_white.png");
}


@media screen and (max-width:767px){
/*sp================================================== */

/*==================================================
mainsection [sp]
================================================== */
#suntory_contents #mainsection .inner {
	display:flex;
	flex-flow: column nowrap;
	padding-top: 8vw;
}
#suntory_contents #mainsection .left{
	width: 100%;
	margin-top: 8vw;
	order:2;
}
#suntory_contents #mainsection .right {
	width: 100%;
	order:1;
}
#suntory_contents #mainsection .right figure {
	width: 100%;
}


/*==================================================
acoustics [sp]
================================================== */
#suntory_contents #acoustics .inner {
	display:flex;
	flex-flow: column nowrap;
	width: 100%;
}
#suntory_contents #acoustics .inner figure {
	width: 100%;
	order:1;
}
#suntory_contents #acoustics .inner .left {
	width: 100%;
	margin-top: 8vw;
	order:2;
}

/*==================================================
organ [sp]
================================================== */
#suntory_contents #organ .left {
	width: 100%;
	margin-top: 8vw;
	order: 2;
}
#suntory_contents #organ .right {
	width: 100%;
	order: 1;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents #organ .inner figure.i01 {
	width: 100%;
	margin-bottom: 2.6666667vw;
}
#suntory_contents #organ .inner figure.i02,
#suntory_contents #organ .inner figure.i03 {
	width: 44.6666667vw;
}
#suntory_contents #organ .bt_pdflink {
	width: 64vw;
	height: 13.33333333vw;
	margin: 5.6vw auto 0;
}
#suntory_contents #organ .bt_pdflink a {
	padding: 0 0 0 6.4vw;
	font-size: 5.06666667vw;
}
#suntory_contents #organ .bt_pdflink a:before {
	left: 6.4vw;
	width: 5.33333333vw;
	height: 8vw;
	background-size: 5.33333333vw auto;
}

/*==================================================
stage [sp]
================================================== */
#suntory_contents #stage {
	margin-top: 8vw;
}
#suntory_contents #stage .inner .upper {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents #stage .inner figure {
	width: 44.6666667vw;
}
#suntory_contents #stage .inner figure:nth-child(-n+1) {
	margin-bottom: 2.6666667vw;
}
#suntory_contents #stage p {
	margin-top: 8vw;
}

/*==================================================
seat [sp]
================================================== */
#suntory_contents #seat {
	margin-top: 8vw;
}
#suntory_contents #seat .inner {
	display:flex;
	flex-flow: column nowrap;
}
#suntory_contents #seat p {
	width: 100%;
	margin-top: 8vw;
	order: 2;
}
#suntory_contents #seat .inner .right {
	width: 100%;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	order: 1;
}
#suntory_contents #seat figure {
	width: 44.6666667vw;
}

}
@media print, screen and (min-width:768px){
	/*pc================================================== */

/*==================================================
mainsection [pc]
================================================== */
#suntory_contents #container_facility_mainhall #mainsection .left {
	width: 48.148148148148148%;
}
#suntory_contents #container_facility_mainhall #mainsection .right {
	width: 48.148148148148148%;
}
#suntory_contents #container_facility_mainhall #mainsection .right figure {
	width: 100%;
}

/*==================================================
acoustics [pc]
================================================== */
#suntory_contents #acoustics .inner {
	width: 100%;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents #acoustics .inner figure {
	width: 280px;
}
#suntory_contents #acoustics .inner .left {
	width: calc(100% - 320px);
}

/*==================================================
organ [pc]
================================================== */
#suntory_contents #organ .left {
	width: calc(100% - 410px);
}
#suntory_contents #organ .right {
	width: 370px;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
}
#suntory_contents #organ .inner figure.i01 {
	width: 370px;
	margin-bottom: 10px;
}
#suntory_contents #organ .inner figure.i02,
#suntory_contents #organ .inner figure.i03 {
	width: 180px;
}
#suntory_contents #organ .bt_pdflink {
	margin: 20px 0 0;
	width: 220px;
	height: 50px;
}
#suntory_contents #organ .bt_pdflink a {
	padding: 0 0 0 20px;
	font-size: 19px;
}
#suntory_contents #organ .bt_pdflink a:before {
	left: 20px;
	width: 22px;
	height: 30px;
	background-size: 22px auto;
}

/*==================================================
stage [pc]
================================================== */
#suntory_contents #stage .inner .upper {
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents #stage .inner figure {
	width: 24%;
}
#suntory_contents #stage p {
	margin-top: 20px;
}

/*==================================================
seat [pc]
================================================== */
#suntory_contents #seat p {
	width: calc(100% - 410px);
}
#suntory_contents #seat .inner .right {
	width: 370px;
	display:flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
#suntory_contents #seat figure {
	width: 180px;
}



}