@charset "utf-8";

/*------------------------------------------------------------
[SP]#summerfes_contents
[SP] text setting
[SP] summer_header
[SP] nav#gnavi
[SP] aside.sfes_footer
[SP] header.contents_title
[SP] pglink
[SP] contents & section common
[SP] program 公演
[SP] ticket チケット
[SP] profile/extra common
[SP] profile
[SP] extra
[SP] theme テーマ作曲家
[SP] akutagawa 芥川也寸志サントリー作曲賞
[SP] #summer_top
------------------------------------------------------------ */

@media screen and (max-width:767px) {

	/*------------------------------------------------------------
[SP] #summerfes_contents
------------------------------------------------------------ */
	body {
		-webkit-text-size-adjust: 100%;
		/*iOSsafariのfont自動調整無効*/
		text-size-adjust: 100%;
	}

	#summerfes_contents .contents {
		padding: 0 0 16vw;
	}

	/*------------------------------------------------------------
[SP] text setting
------------------------------------------------------------ */
	#summerfes_contents * {
		font-family: Arial, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}

	#suntory_contents #summerfes_contents {
		font-feature-settings: normal;
		letter-spacing: 0;
		font-size: 3.73333333vw;
		line-height: 1.7;
		position: relative;
	}

	/*文字詰め*/
	#summerfes_contents .sp_closely {
		letter-spacing: -0.05em;
	}

	#summerfes_contents .sp_closelymore {
		letter-spacing: -0.1em;
	}

	/*別window*/
	#summerfes_contents a.win {
		padding-right: 4vw;
		background-size: 2.666666667vw;
	}

	/*(c)マーク*/
	#summerfes_contents .copyright {
		margin-top: 0.4vw;
		font-size: 2.4vw;
		line-height: 1;
	}

	#summerfes_contents .copyright::before {
		margin-right: 1px;
		font-size: 2.4vw;
	}

	/*------------------------------------------------------------
[SP] hamburger menu
------------------------------------------------------------ */
	.summer_header {
		display: none;
	}

	#summerfes_contents .ham_position {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 0;
		padding: 0;
		transition: 0.5s all;
		z-index: 20;
	}

	#summerfes_contents .ham_position.stickycss {
		position: sticky;
		margin-bottom: 2.4vw;
	}

	body.bodyfixed {
		overflow: hidden;
	}

	#summerfes_contents .btn_hamburger {
		display: block;
		position: absolute;
		top: 3.2vw;
		left: 3.2vw;
		width: 14.4vw;
		height: 14.4vw;
		background: #007899;
		border-radius: 50%;
		padding: 8vw 3.2vw 0;
		-webkit-tap-highlight-color: transparent;
		touch-action: manipulation;
	}

	#summerfes_contents .ham_position.stickycss .btn_hamburger{
		top: 64px;
	}
	
	#summerfes_contents .btn_hamburger p {
		color: #fff;
		text-align: center;
		font-size: 3.2vw;
		line-height: 1;
		letter-spacing: 0.02em;
	}

	#summerfes_contents .btn_hamburger .first {
		display: block;
		position: absolute;
		width: 8vw;
		height: 2px;
		background-color: #fff;
		top: 4vw
	}

	#summerfes_contents .btn_hamburger .second {
		display: block;
		position: absolute;
		width: 8vw;
		height: 2px;
		background-color: #fff;
		top: 6.133333333vw
	}

	#summerfes_contents .btn_close {
		display: block;
		position: absolute;
		top: 3.2vw;
		left: 3.2vw;
		width: 12.8vw;
		height: 12.8vw;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50%;
	}

	#summerfes_contents .btn_close .first {
		display: block;
		width: 6.4vw;
		height: 0.533333333vw;
		background: #222;
		position: absolute;
		left: 3.2vw;
		top: 6.4vw;
		transform: rotate(45deg);
	}

	#summerfes_contents .btn_close .second {
		display: block;
		width: 6.4vw;
		height: 0.533333333vw;
		background: #222;
		position: absolute;
		left: 3.2vw;
		top: 6.4vw;
		transform: rotate(-45deg);
	}


	/*------------------------------------------------------------
[SP]  #sp_modal menu
------------------------------------------------------------ */
	#summerfes_contents #sp_modal {
		display: block;
		z-index: 10000;
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow-y: scroll;
		background: rgba(247, 247, 247, 0.98);
		opacity: 0;
		visibility: hidden;
		transition: 0.3s;
	}

	#summerfes_contents #sp_modal.active {
		opacity: 1;
		visibility: visible;
	}

	#summerfes_contents #sp_modal .wrapper {
		padding: 4vw 4vw 8vw;
		position: relative;
	}

	#summerfes_contents #sp_modal a {
		color: #222;
		text-decoration: none;
	}

	#summerfes_contents #sp_modal .link_home {
		margin: 0 auto;
		width: 19.2vw;
		height: 14.4vw;
	}

	#summerfes_contents #sp_modal .link_home a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/img_logo2025.svg) no-repeat left top;
		background-size: contain;
	}

	#summerfes_contents #sp_modal dl {
		width: 100%;
		margin: 0;
	}

	#summerfes_contents #sp_modal dt {
		margin: 6.4vw 0 0;
		border-top: 0.8vw solid;
	}

	#summerfes_contents #sp_modal dt.spmenu02 {
		border-color: #e7347b;
	}

	#summerfes_contents #sp_modal dt.spmenu03 {
		border-color: #fb7900;
	}

	#summerfes_contents #sp_modal h4 a {
		display: block;
		font-size: 4.533333333vw;
		font-weight: 600;
		line-height: 1.4;
		padding: 2.4vw 0;
	}

	#summerfes_contents #sp_modal dt.spmenu01 h4 a .sm_txt {
		display: block;
		font-size: 3.466666667vw;
	}

	#summerfes_contents #sp_modal dt.spmenu02 h4 a .sm_txt,
	#summerfes_contents #sp_modal dt.spmenu03 h4 a .sm_txt {
		display: block;
		font-size: 3.733333333vw;
	}

	#summerfes_contents #sp_modal dt.spmenu03 h4 a {
		font-size: 4.266666667vw;
	}

	#summerfes_contents #sp_modal dd ul {
		margin: 0 0 0 1.6vw;
	}

	#summerfes_contents #sp_modal dd li a {
		display: block;
		font-size: 3.733333333vw;
		line-height: 1.5;
		padding: 2.4vw 0;
	}

	#summerfes_contents #sp_modal dd li.programlist {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#summerfes_contents #sp_modal dd li.programlist p {
		display: block;
		margin-right: 3.2vw;
		font-size: 3.733333333vw;
		line-height: 1.5;
		padding: 2.4vw 0;
	}

	#summerfes_contents #sp_modal li.bt_history {
		width: 72vw;
		height: 12vw;
		margin: 6.4vw auto 0;
	}

	#summerfes_contents #sp_modal li.bt_history a {
		display: block;
		text-align: center;
		text-decoration: none;
		color: #222;
		width: 100%;
		height: 100%;
		padding: 0 2.4vw 0 0;
		line-height: 12vw;
		font-size: 3.733333333vw;
		background: #fff url(../img/arrow_right_aqua.svg) no-repeat right 2.666666667vw center;
		background-size: 6px;
		box-shadow: 0.4vw 0.4vw 1.2vw 0 rgba(0, 0, 0, .15);
		border-radius: 1.6vw;
	}

	/*------------------------------------------------------------
[SP] aside.sfes_footer 
------------------------------------------------------------ */
	#summerfes_contents .sfes_footer {
		background: #f3f3f3;
		padding: 6vw 3.2vw 12vw;
	}

	#summerfes_contents .sfes_footer a {
		color: #222;
		text-decoration: none;
	}

	#summerfes_contents .sfes_footer .link_home {
		margin: 0 auto;
		width: 19.2vw;
		height: 14.4vw;
	}

	#summerfes_contents .sfes_footer .link_home a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/img_logo2025.svg) no-repeat left top;
		background-size: contain;
	}

	#summerfes_contents .sfes_footer dl {
		width: 100%;
		margin: 0;
	}

	#summerfes_contents .sfes_footer dt {
		margin: 6.4vw 0 0;
		border-top: 0.8vw solid;
	}

	#summerfes_contents.theme .sfes_footer .miniindex dt {
		border-color: #e7347b;
	}

	#summerfes_contents.akutagawa .sfes_footer .miniindex dt {
		border-color: #fb7900;
	}

	#summerfes_contents .sfes_footer h4 a {
		display: block;
		font-size: 4.533333333vw;
		font-weight: 600;
		line-height: 1.4;
		padding: 2.4vw 0;
	}

	#summerfes_contents.theme .sfes_footer h4 a .sm_txt,
	#summerfes_contents.akutagawa .sfes_footer h4 a .sm_txt {
		display: block;
		font-size: 3.733333333vw;
	}

	#summerfes_contents.akutagawa .sfes_footer h4 a {
		font-size: 4.266666667vw;
	}

	#summerfes_contents .sfes_footer .miniindex dd ul {
		margin: 0 0 0 1.6vw;
	}

	#summerfes_contents .sfes_footer .miniindex dd li a {
		display: block;
		font-size: 3.733333333vw;
		line-height: 1.5;
		padding: 2.4vw 0;
	}

	#summerfes_contents .sfes_footer .miniindex dd li.programlist {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#summerfes_contents .sfes_footer .miniindex dd li.programlist p {
		display: block;
		margin-right: 3.2vw;
		font-size: 3.733333333vw;
		line-height: 1.5;
		padding: 2.4vw 0;
	}

	/*------------------------------------------------------------
[SP] header.contents_title
------------------------------------------------------------ */
	#summerfes_contents .contents_title .layout {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		margin: 0;
		width: 100%;
		padding: 3.2vw 0 0 0;
		position: relative;
	}

	#summerfes_contents .contents_title h1 {
		display: block;
		color: #FFF;
		font-size: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin: 1.6vw 4vw 17.6vw;
		order: 2;
	}

	/*pagetitle*/
	#summerfes_contents .contents_title .base {
		display: block;
		width: 100%;
		order: 3;
	}

	#summerfes_contents.theme .contents_title .base {
		background-color: #d21963;
	}

	#summerfes_contents.akutagawa .contents_title .base {
		background-color: #D14900;
	}

	#summerfes_contents .contents_title .base figure {
		width: auto;
		height: 48vw;
		margin: -12.8vw 4vw 0;
		float: left;
	}

	#summerfes_contents .contents_title .base figure img {
		width: auto;
		height: 48vw;
	}

	#summerfes_contents .contents_title .base .lead {
		padding: 4vw;
		line-height: 1.8;
	}

	#summerfes_contents .contents_title .base .lead p {
		color: #FFF;
	}

	#summerfes_contents .contents_title .returntop {
		margin: 0 4vw 0 auto;
		padding: 0;
		width: 20vw;
		order: 1;
	}

	#summerfes_contents .contents_title .returntop a {
		display: block;
		width: 100%;
		height: auto;
	}

	/*pagetitle image*/

	#summerfes_contents.theme .contents_title h1 {
		background: url(../img/theme/bg_h1_theme_sp.svg) no-repeat left top / 100%;
		height: 45.33333333vw;
		margin-bottom: 13.6vw;
	}

	#summerfes_contents.akutagawa .contents_title h1 {
		background: url(../img/akutagawa/bg_h1_akutagawa_sp.svg) no-repeat left top / 100%;
		height: 30.666666666667vw;
	}

	/*------------------------------------------------------------
[SP] pglink
------------------------------------------------------------ */
	#summerfes_contents .program_container .pglink+section.program {
		padding-top: 9.6vw;
	}

	#summerfes_contents .program_container .pglink {
		width: 100%;
		padding: 8vw 0 0;
	}

	#summerfes_contents .program_container .pglink ul+ul {
		margin: 4vw auto 0;
	}

	#summerfes_contents .program_container .pglink li {
		width: 84vw;
		margin: 4vw auto 0;
		border-radius: 1.6vw;
	}

	#summerfes_contents .program_container .pglink li:first-child {
		margin-top: 0;
	}

	#summerfes_contents .program_container .pglink li a {
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		text-decoration: none;
		color: #222;
		width: 100%;
		padding: 2.933333333vw 8vw 2.933333333vw 4.8vw;
		font-size: 3.46666667vw;
		line-height: 1.5;
		background: #fff url('../img/arrow_down_aqua.svg') no-repeat right 3.2vw center / 3.2vw;
		border-radius: 1.6vw;
		box-shadow: 0.4vw 0.4vw 1.6vw 0 rgba(0, 0, 0, .1);
	}

	#summerfes_contents .program_container .pglink li.go_outside a {
		background: #fff url(../img/arrow_right_aqua.svg) no-repeat right 3.2vw center / auto 3.2vw;
	}

	/*------------------------------------------------------------
[SP] contents & section common
------------------------------------------------------------ */
	#summerfes_contents .program_container {
		padding: 0 3.2vw 16vw;
	}

	#summerfes_contents .program_container section.program {
		padding: 16vw 0 0;
	}

	/*白枠*/
	#summerfes_contents .program .inner {
		background: #fff;
		padding: 8vw 0 0;
	}

	/*中身幅*/
	#summerfes_contents .program .inside {
		padding: 0 4vw;
	}

	#summerfes_contents .program .grid {
		display: block;
	}

	#summerfes_contents .program .inner .prog_left {
		width: 100%;
	}

	#summerfes_contents .program .grid .prog_img {
		margin-top: 8vw;
		width: 100%;
	}

	#summerfes_contents .contents figure figcaption {
		display: block;
		padding: 4.266666667vw 0 0;
		font-size: 3.2vw;
	}

	/*=====================================
[SP] program 公演
=====================================*/

	/*公演タイトル ------------------------------------------------------------ */
	#summerfes_contents .program h2.event_title {
		margin: 0;
		padding: 0 0 2.4vw 0;
		font-size: 6.4vw;
		line-height: 1.3;
	}

	#summerfes_contents .program h2.event_title .md_txt {
		font-size: 5.333333333vw;
		font-weight: 600;
	}

	#summerfes_contents .program h2.event_title .sm_txt {
		font-size: 4.8vw;
		font-weight: 600;
	}

	#summerfes_contents .program h2.event_title .note_txt {
		font-size: 4vw;
		font-weight: 600;
	}

	#summerfes_contents .program .schedule {
		padding: 3.2vw 0;
		margin-bottom: 6.4vw;
	}

	#summerfes_contents .program .date {
		font-size: 5.866666667vw;
	}

	#summerfes_contents .program .weekday,
	#summerfes_contents .program .hall .small {
		font-size: 3.733333333vw;
	}

	#summerfes_contents .program .start {
		/*		margin-left: 0;*/
		font-size: 4.8vw;
	}

	#summerfes_contents .program .schedule .open {
		font-size: 4.266666667vw;
	}

	#summerfes_contents .program .schedule p.hall {
		display: block;
		margin: 1.6vw 0 0;
		font-size: 4.266666667vw;
	}

	/*[SP] 公演 写真------------------------------------------------------------ */
	#summerfes_contents .program .grid .prog_img figure {
		width: 60vw;
		margin: 0 auto;
	}

	#summerfes_contents .program .grid .prog_img figure+figure {
		margin-top: 5.6vw;
	}

	#summerfes_contents .program .grid .prog_img figure.wide {
		width: 85.6vw;
	}

	/*[SP] 公演 曲目------------------------------------------------------------ */
	#summerfes_contents .program ul.number>li {
		padding: 0 0 0 3.2vw;
		margin: 4vw 0 0;
		font-size: 0;
	}

	#summerfes_contents .program ul.number>li::before {
		content: "";
		display: block;
		position: absolute;
		background: #222;
		top: 2.133333333vw;
		left: 0;
		width: 2.133333333vw;
		height: 2.133333333vw;
		border-radius: 1.06666667vw;
	}

	#summerfes_contents .program .num_composer {
		font-size: 4.26666667vw;
	}

	#summerfes_contents .program .num_title {
		font-size: 4.26666667vw;
	}

	#summerfes_contents .program .commission,
	#summerfes_contents .program .year {
		font-size: 3.2vw;
		font-weight: normal;
	}

	/*付随タイトル*/
	#summerfes_contents .program .sub_title {
		font-size: 3.733333333vw;
	}

	/*初演*/
	#summerfes_contents .program .icon_first {
		padding: 0.8vw 2vw;
		color: #fff;
		font-size: 3.2vw;
		line-height: 1;
		border-radius: 2.6vw;
		white-space: nowrap;
	}

	#summerfes_contents .program ul.number li .num_title_eg {
		font-size: 3.2vw;
	}

	#summerfes_contents .program .player_eg {
		margin-left: 3.2vw;
		font-size: 3.2vw;
		font-weight: normal;
	}

	/*	曲ごとの演奏者*/
	#summerfes_contents .program ul.number .each_player {
		margin: 2.4vw 0 0;
	}

	#summerfes_contents .program ul.number .each_player li {
		margin: 0 0 0 3.2vw;
		font-size: 3.466666667vw;
	}

	/*訳注*/
	#summerfes_contents .program li sup {
		margin-left: 0.8vw;
		font-size: 2.666666667vw;
		font-weight: 600;
	}

	/*	同作曲家　複数曲の場合*/
	#summerfes_contents .program ul.number li.only_composer+li.continuous {
		margin-top: 3.2vw;
	}

	#summerfes_contents .program ul.number li.continuous {
		padding: 0;
		margin: 4.8vw 0 0 4vw;
	}

	#summerfes_contents .program ul.number li.continuous::before {
		content: none;
	}

	/*[SP] 曲目 補足情報------------------------------------------------------------ */
	#summerfes_contents .program .prog_info {
		margin: 7.2vw 0 0 0;
		padding: 0;
	}

	#summerfes_contents .program .prog_info ul+ul,
	#summerfes_contents .program .prog_info p+p,
	#summerfes_contents .program .prog_info ul+p {
		margin-top: 2.666666667vw;
	}

	#summerfes_contents .program .prog_info .mt_one_line {
		margin-top: 2.666666667vw;
	}

	/*[SP] プログラムノート------------------------------------------------------------ */
	#summerfes_contents .program p.bt_programnote {
		display: block;
		width: 68vw;
		margin: 0 auto 4vw;
	}

	#summerfes_contents .program .prog_info ul+p.bt_programnote {
		margin-top: 2.4vw;
	}

	#summerfes_contents .program .prog_info.attend p.bt_programnote {
		padding-right: 4vw;
		width: 48vw;
	}

	#summerfes_contents .program p.bt_programnote a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 2.4vw 0 11.2vw;
		color: #222;
		font-size: 3.733333333vw;
		font-weight: bold;
		text-decoration: none;
		line-height: 12vw;
		background-color: #ccf1ff;
		background-image: url(../img/arrow_right_aqua.svg), url(/suntoryhall/common2019/img/icon_pdf.png);
		background-repeat: no-repeat;
		background-position: right 2.666666667vw center, left 4vw center;
		background-size: 2.4vw, 4.8vw;
		border-radius: 1.6vw;
	}

	#summerfes_contents .program p.bt_programnote a .sm_txt {
		font-weight: normal;
		font-size: 2.93333333vw;
		margin-left: 0.8vw;
	}

	/*------------------------------------------------------------
[SP] ticket チケット
------------------------------------------------------------ */
	#summerfes_contents .program .ticket {
		width: 100%;
		margin: 8vw 0 0;
		padding: 6.4vw 4vw 8vw;
		background: #f3f3f3;
	}

	#summerfes_contents .program .ticket .fee {
		width: 100%;
	}

	#summerfes_contents .program .ticket .buy {
		margin-top: 8vw;
		width: 100%;
	}

	#summerfes_contents .program .ticket .fee h3 {
		font-size: 4.266666667vw;
		font-weight: 600;
	}

	#summerfes_contents .program .seat li {
		margin-top: 2.4vw;
		font-size: 4.266666667vw;
		font-weight: 600;
	}

	#summerfes_contents .program .ticket .fee .ticket_schedule {
		margin: 4vw 0 0 0;
	}

	#summerfes_contents .program .ticket .fee .ticket_schedule th {
		display: block;
		font-weight: normal;
		text-align: left;
		font-size: 3.46666667vw;
	}

	#summerfes_contents .program .ticket .ticket_schedule td {
		display: block;
		padding-left: 8vw;
		font-size: 3.46666667vw;
	}

	#summerfes_contents .program .ticket .link_members {
		margin: 2.4vw 0 0;
		font-size: 3.2vw;
	}

	#summerfes_contents .ticket p.ticket_notes {
		margin: 0 0 0 0.75em;
		font-size: 3.46666667vw;
		text-indent: -0.75em;
	}

	#summerfes_contents .ticket p.link_members+p.ticket_notes {
		margin-top: 6.4vw;
	}

	#summerfes_contents .program .ticket .buy li {
		display: block;
		width: 80vw;
		margin: 4.8vw auto 0;
	}

	#summerfes_contents .ticket .buy li a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		min-height: 16vw;
		padding: 3.2vw 0 3.2vw 7.2vw;
		text-decoration: none;
		border-radius: 1.6vw;
		background: #007899 url(../img/arrow_right.svg) no-repeat right 4vw center / 2.4vw;
		box-shadow: 0.4vw 0.4vw 1.6vw 0 rgba(0, 0, 0, .15);
	}

	#summerfes_contents .ticket .buy li a p {
		display: block;
		font-size: 3.466666667vw;
		line-height: 1.5;
		font-weight: 600;
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #007899;
	}

	#summerfes_contents .ticket .buy li a .day,
	#summerfes_contents .ticket .buy li a .start {
		margin: 0;
		font-weight: 600;
		font-size: 4.266666667vw;
	}

	/*=====================================
[SP] profile/extra common
=====================================*/
	#summerfes_contents .contents>section {
		padding: 16vw 3.2vw 0;
	}

	#summerfes_contents section h3.h3subtl {
		margin: 0 0 5.6vw 0;
		padding: 2.4vw 4vw;
		font-size: 5.6vw;
		line-height: 1.5;
	}

	#summerfes_contents section h3.h3subtl .h3midtxt {
		font-size: 4.8vw;
	}

	#summerfes_contents section h3.h3subtl .h3smalltxt {
		display: block;
		margin: 1.6vw 0 0 0;
		font-size: 3.73333333vw;
	}

	#summerfes_contents section h3.h3subtl .sstxt {
		margin: 0;
		font-size: 3.46666667vw;
	}

	/*------------------------------------------------------------
[SP] profile
------------------------------------------------------------ */
	#summerfes_contents .profile .grid+h3.h3subtl {
		margin-top: 8vw;
	}

	#summerfes_contents .profile .inner>p {
		font-size: 3.46666667vw;
		margin: 4vw 0;
		text-align: center;
	}

	#summerfes_contents .profile .grid {
		margin: 0 auto;
		padding: 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
	}

	#summerfes_contents .profile figure {
		display: block;
		width: 42.4vw;
		margin-bottom: 8vw;
	}

	#summerfes_contents .profile figure.wide {
		width: 80vw;
	}

	#summerfes_contents .profile figure:nth-last-child(-n+2) {
		margin-bottom: 0;
	}

	/*------------------------------------------------------------
[SP] extra
------------------------------------------------------------ */
	#summerfes_contents .extra .inside p.extrasub {
		margin-top: 8vw;
		font-weight: bold;
	}

	#summerfes_contents .extra .inside p+p {
		margin-top: 4vw;
	}

	#summerfes_contents .extra .inside p.signature {
		margin-top: 0px;
		text-align: right;
	}

	#summerfes_contents .extra figure {
		width: 80vw;
		margin: 8vw auto 4vw;
	}

	#summerfes_contents .extra figure.ph_small {
		width: 42.4vw;
	}

	/*水色外部リンクボタン*/
	#summerfes_contents .bt_extra_link a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 2.666666667vw 0 3.2vw 0;
		line-height: 1.5;
		color: #FFF;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background-color: #007899;
		border-radius: 1.6vw;
		box-shadow: 0.4vw 0.4vw 1.6vw 0 rgba(0, 0, 0, .15);
	}

	#summerfes_contents .bt_extra_link a.win {
		padding: 2.666666667vw 3.2vw 3.2vw 0;
		background-image: url(../img/icon_external_wh.svg);
		background-repeat: no-repeat;
		background-position: right 4vw center;
		background-size: 2.666666667vw;
	}

	/*	#summerfes_contents .bt_extra_link .sm_txt {
		font-size: 3.2vw;
	}*/

	/*------------------------------------------------------------
[SP] メディア掲載情報 #publication
------------------------------------------------------------ */
	#summerfes_contents .extra#publication dl {
		margin: 8vw 0 0;
	}

	#summerfes_contents .extra#publication dl:first-child {
		margin: 0;
	}

	#summerfes_contents .extra#publication dt.out_media {
		padding: 0 0 0 1em;
		position: relative;
		font-size: 4.266666667vw;
	}

	#summerfes_contents .extra#publication dt.out_media::before {
		content: "";
		display: inline-block;
		position: absolute;
		background: #222;
		top: 3.2vw;
		left: 1.6vw;
		width: 1.066666667vw;
		height: 1.066666667vw;
		border-radius: 0.533333333vw;
	}

	#summerfes_contents .extra#publication dd.out_article {
		border-bottom: 1px dotted #999;
		padding: 3.2vw 2.4vw 5.6vw;
		margin: 0;
	}

	#summerfes_contents .extra#publication dd.out_article:first-of-type {
		margin-top: 2.4vw;
		border-top: 1px dotted #999;
	}

	#summerfes_contents .extra#publication dd.out_article p.headline {
		margin: 0;
		width: 100%;
		font-weight: bold;
	}

	#summerfes_contents .extra#publication dd.out_article p.headline .sub_txt {
		display: block;
		font-weight: normal;
	}

	#summerfes_contents .extra#publication dd.out_article p.bt_extra_link {
		margin: 2.4vw auto 0;
		width: 60vw;
	}

	/*------------------------------------------------------------
[SP] theme テーマ作曲家
------------------------------------------------------------ */
	#summerfes_contents.theme h3.subevent_tl {
		margin: 5.6vw 0 0;
		font-size: 4.266666667vw;
		line-height: 1.5;
	}

	#summerfes_contents.theme .subevent_tl_eg {
		margin: 1.6vw 0 0 0;
		font-size: 3.2vw;
		line-height: 1.5;
	}

	#summerfes_contents .program .guest {
		margin: 2.4vw 0 0 3.2vw;
	}

	/*ワークショップ説明の中黒リスト*/
	#summerfes_contents .program .description_list li {
		padding: 0 0 0 3.2vw;
		position: relative;
	}

	#summerfes_contents .program .description_list li::before {
		content: "";
		display: block;
		position: absolute;
		background: #e7347b;
		top: 2.133333333vw;
		left: 0;
		width: 1.6vw;
		height: 1.6vw;
		border-radius: 0.8vw;
	}

	/*ワークショップ曲目*/
	#summerfes_contents #theme04 #clinic,
	#summerfes_contents #theme05 #clinic {
		margin: 4vw 0 0;
		padding: 0 0 0 4vw;
	}

	/*受講順の注意書き*/
	/*#summerfes_contents #clinic .note_order {
		margin-top: 3.2vw;
	}*/


	/*------------------------------------------------------------
[SP] akutagawa 芥川也寸志サントリー作曲賞
------------------------------------------------------------ */
	#summerfes_contents #award .grid {
		display: flex;
		flex-flow: column nowrap;
	}

	#summerfes_contents #award .prog_left {
		order: 1;
	}

	#summerfes_contents #award .prog_img {
		order: 2;
		margin-top: 6.4vw;
	}

	#summerfes_contents #award .prog_wide {
		order: 3;
	}

	#summerfes_contents #award #vote {
		order: 4;
	}

	#summerfes_contents #award h3.subevent_tl {
		margin: 0 0 2.4vw;
		font-size: 4.26666667vw;
		line-height: 1.5;
	}

	#summerfes_contents #award ul.number+h3.subevent_tl {
		margin-top: 9.6vw;
	}

	#summerfes_contents #award h3.subevent_tl .fwn {
		font-weight: normal;
		font-size: 3.73333333vw;
	}

	#summerfes_contents #award p.comment {
		font-size: 3.46666667vw;
		margin: 2.4vw 0 0 3.2vw;
	}

	#summerfes_contents #award p.signature {
		text-align: right;
		margin: 0;
		font-size: 3.46666667vw;
	}
	#summerfes_contents #award p.intermission {
		margin: 2em 0;
		text-align: center;
	}
	#summerfes_contents #award p.intermission::before {
		content: "";
		display: inline-block;
		top: 0.3em;
		width: 24vw;
		height: 1px;
		background: #666;
		margin-bottom: 0.3em;
		margin-right: 0.3em;
	}
	#summerfes_contents #award p.intermission::after {
		content: "";
		display: inline-block;
		width: 24vw;
		height: 1px;
		background: #666;
		margin-bottom: 0.3em;
		margin-left: 0.3em;
	}
	#summerfes_contents #award .nominee_container {
		display: block;
		margin: 4vw 0 0;
	}

	#summerfes_contents #award .nominee_container .txt {
		width: 100%;
	}

	#summerfes_contents #award figure.ph_nominee {
		width: 40vw;
		margin: 1.6vw auto 0;
	}

	#summerfes_contents #award .nominee_container .number li {
		margin-top: 0;
	}

	#summerfes_contents #award figure.ph_nominee figcaption {
		padding: 2.4vw 0 0;
	}

	#summerfes_contents #award figure.ph_nominee figcaption.withcopy {
		padding-top: 3.466666667vw;
	}

	#summerfes_contents #award h3.subevent_tl.meeting {
		margin: 6.4vw 0 0;
		color: #222;
	}

	/*akutagawa 動画--------------*/
	#summerfes_contents #award.program p.bt_msgmovie {
		display: block;
		width: 56vw;
		margin: 2.4vw auto 6.4vw;
	}

	/*	#summerfes_contents #award.program p.numnotes.signature+p.bt_msgmovie {
		margin-bottom: 0;
	}*/

	#summerfes_contents #award.program p.bt_msgmovie a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 8vw 0 4vw;
		color: #222;
		font-size: 3.733333333vw;
		font-weight: bold;
		text-decoration: none;
		line-height: 12vw;
		text-align: center;
		background: #ccf1ff url(../img/icon_external.svg) no-repeat right 3.2vw center / 2.666666667vw;
		border-radius: 1.6vw;
	}

	/*akutagawa #vote--------------*/
	#summerfes_contents #award #vote {
		width: 100%;
		margin: 8vw 0 0;
		padding: 4vw;
		border: 2px solid #D14900;
	}

	#summerfes_contents #award #vote p.vote_tl {
		color: #D14900;
		font-size: 4vw;
		text-align: center;
	}

	#summerfes_contents #award #vote h3.vote_h3 {
		color: #D14900;
		font-size: 4.8vw;
		font-weight: 600;
		text-align: center;
		margin-bottom: 1.6vw;
	}

	#summerfes_contents #award #vote figure {
		width: 40vw;
		margin: 4vw auto 0;
	}

	#summerfes_contents #award #vote p {
		font-size: 3.466666667vw;
	}

	/*akutagawa ticket--------------*/
	#summerfes_contents #award .ticket .seat li .saleday {
		display: inline-block;
		width: calc(4em + 3px);
		margin-right: 1em;
	}

	/*akutagawa profile--------------*/
	#summerfes_contents.akutagawa .profile figure.winner {
		position: relative;
		margin: 0 0 12vw;
		width: 100%;
		text-align: center;
	}

	#summerfes_contents.akutagawa .profile figure.winner a img,
	#summerfes_contents.akutagawa .profile figure.winner a figcaption {
		margin: 0 auto;
		width: 42.4vw;
	}

	#summerfes_contents.akutagawa .profile figure.nominee {
		position: relative;
	}

	#summerfes_contents.akutagawa .profile figure h4 {
		padding: 0 0 1.6vw;
		color: #D14900;
		font-size: 3.73333333vw;
		font-weight: 600;
	}

	#summerfes_contents.akutagawa .profile figure.nominee h4 {
		position: absolute;
		top: -8vw;
		left: 0;
		width: 87vw;
		text-align: center;
	}


	/*------------------------------------------------------------
[SP] #summer_top
------------------------------------------------------------ */
	#summerfes_contents #top_contents {
		padding: 0;
	}

	#summerfes_contents #top_program {
		padding: 8vw 3.2vw 12vw;
	}

	#summerfes_contents #top_infoarea {
		padding: 12vw 3.2vw;
	}

	/*#main_title-------------------------------------------- */
	#summerfes_contents #main_title {
		width: 100%;
		padding: 53.6vw 0 0;
		background: #fff url(../img/top/maintitle25_sp.svg) no-repeat center top 6.4vw / 92vw;
		position: relative;
	}

	#summerfes_contents #main_title .visiual {
		width: 100%;
		height: 46.875vw;
		background: #212150;
		overflow: hidden;
		position: relative;
	}

	#summerfes_contents #main_title .visiual::before {
		content: "";
		width: 100%;
		height: 46.875vw;
		background: url(../img/top/slide_cover_sp.webp) no-repeat center top / 100%;
		position: absolute;
		top: 0;
		z-index: 10;
	}

	#summerfes_contents #main_title .visiual .area {
		position: absolute;
		width: 100%;
		height: 46.875vw;
	}

	#summerfes_contents #main_title h1 {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0px;
		line-height: 1;
		color: #FFF;
	}

	#summerfes_contents #main_title .release_date {
		display: none;
	}

	/*	#summerfes_contents #main_title .release_date {
		display: block;
		margin: 0;
		padding: 4vw 4vw 0;
		background-color: #CCF1FF;
	}

	#summerfes_contents #main_title .release_date dt {
		display: inline-block;
		width: 28vw;
		margin: 0 2.4vw 0 0;
		padding: 2.133333333vw 0;
		font-size: 3.2vw;
		font-weight: 600;
		line-height: 1;
		text-align: center;
		background: #fff;
		border-radius: 4vw;
	}

	#summerfes_contents #main_title .release_date dd {
		display: inline-block;
		padding: 1.6vw 0;
		font-size: 3.733333333vw;
		font-weight: normal;
		font-weight: 600;
	}*/

	/*top_program-------------------------------------------- */
	#top_program .inner {
		display: block;
		padding: 0;
	}

	#top_program figure {
		width: 24vw;
		position: relative;
	}

	/*player copyright*/
	#top_program a figure figcaption.copyright {
		position: absolute;
		right: 2px;
		bottom: 0;
		line-height: 1;
		letter-spacing: 0;
		text-decoration: none;
	}

	/*公演リンクボタン*/
	#top_program .topbt {
		margin: 0;
		padding: 0 2.4vw;
	}

	#top_program .topbt a {
		padding: 3.2vw 2.4vw 3.2vw 2.4vw;
		background: #f0f0f0;
		border-radius: 1.6vw;
	}

	/*矢印*/
	#top_program .topbt a::after {
		width: 1.866666667vw;
		right: 1.6vw;
		background-size: 1.866666667vw;
	}

	#top_program .topbt .prog_day {
		font-size: 5.333333333vw;
		line-height: 1;
		font-weight: bold;
		font-family: Arial, sans-serif;
		text-align: center;
		white-space: nowrap;
	}

	#top_program .topbt li a .week {
		font-size: 3.466666667vw;
		line-height: 1;
		font-weight: bold;
		margin-left: -1.2vw;
		text-decoration: none;
	}

	/*テーマ作曲家*/
	#top_program .top_theme {
		width: 100%;
		margin: 0;
		padding: 0 0 4vw;
		border-top: 1.333333333vw solid;
		box-shadow: 0 0 2.4vw 0 #abe8ff;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 2.4vw;
	}

	#top_program .top_theme .go_pagetop {
		width: 100%;
		margin: 0 0 1.6vw;
	}

	#top_program .top_theme .go_pagetop a {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	#top_program .top_theme h2 {
		width: 60.26666667vw;
		height: 18.4vw;
		margin-left: 2.4vw;
		background-image: url(../img/top/bt_theme_h2_sp.svg);
	}

	/*player copyright*/
	#top_program .top_theme .go_pagetop figure figcaption {
		color: #fff;
		background: rgba(0, 0, 0, 0.8);
	}

	#top_program .top_theme ul.topbt {
		width: 100%;
	}

	#top_program .top_theme .topbt li+li {
		margin-top: 2.4vw;
	}

	#top_program .top_theme .prog_tl {
		width: 56vw;
		background-size: contain;
	}

	#top_program .top_theme .prog_day {
		width: calc(100% - 62.4vw);
	}

	#top_program .top_theme .bt01 .prog_tl {
		height: 9.6vw;
		background-image: url(../img/top/bt_theme01_sp.svg);
	}

	#top_program .top_theme .bt02 .prog_tl {
		height: 9.6vw;
		background-image: url(../img/top/bt_theme02_sp.svg);
	}

	#top_program .top_theme .bt03 .prog_tl {
		height: 4.8vw;
		background-image: url(../img/top/bt_theme03_sp.svg);
	}

	#top_program .top_theme .bt04 .prog_tl {
		height: 9.6vw;
		background-image: url(../img/top/bt_theme04_sp.svg);
	}

	#top_program .top_theme .bt05 .prog_tl {
		height: 14.13333333vw;
		background-image: url(../img/top/bt_theme05_sp.svg);
	}

	/*芥川作曲賞*/
	#top_program .top_akutagawa {
		margin: 6.4vw 0 0;
		width: 100%;
		border-top: 1.333333333vw solid;
		padding: 0 0 3.2vw;
	}

	#top_program .top_akutagawa .go_pagetop a {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: stretch;
	}

	#top_program .top_akutagawa h2 {
		width: 64vw;
		margin: 0 0 0 2.4vw;
		background-image: url(../img/top/bt_akutagawa_h2_sp.svg);
	}

	#top_program .top_akutagawa .topbt {
		margin-top: 2.4vw;
	}

	#top_program .top_akutagawa .topbt a {
		margin: 0 0 0 auto;
		width: fit-content;
	}

	#top_program .top_akutagawa .prog_day {
		width: 24vw;
	}

	/*top_topics-------------------------------------------- */
	#top_infoarea {
		padding-top: 12vw;
	}

	#top_infoarea h3.h3normal {
		margin: 0 0 4vw 0;
		font-size: 5.6vw;
		display: block;
		font-weight: bold;
	}

	#top_infoarea #news {
		margin-bottom: 16vw;
	}

	#top_infoarea #news .grid {
		flex-flow: row wrap;
		justify-content: center;
	}

	#top_infoarea #news .info_left {
		width: 100%;
		min-height: 56vw;
		max-height: 90vw;
		margin-bottom: 12vw;
		padding: 0 4vw 2.4vw;
	}

	#top_infoarea #news .info_left .news_list {
		width: 100%;
		margin: 4vw 0 0;
	}

	#top_infoarea #news .info_left .news_list dt {
		width: 100%;
		margin: 0 0 2.4vw;
		font-size: 3.46666667vw;
		line-height: 1.5;
	}

	#top_infoarea #news .info_left .news_list dd {
		width: 100%;
		margin: -8vw 0 6.4vw;
		padding: 6.4vw 0 0;
		font-size: 3.46666667vw;
		line-height: 1.5;
		position: relative;
	}

	#top_infoarea #news .info_left .news_list dd::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 28vw;
		height: 5.6vw;
		top: 0;
		left: 16vw;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 25.6vw;
		border-radius: 0.8vw;
	}

	#top_infoarea #news .bt_pdf {
		width: 100%;
		display: table;
	}

	#top_infoarea #news .bt_pdf a {
		width: 80vw;
		height: 20vw;
		margin: 0 auto;
		padding: 5vw 0 0 4vw;
		font-size: 3.46666667vw;
		line-height: 1.5;
		text-align: center;
		border-radius: 1vw;
		background-repeat: no-repeat;
		background-position: left 5.6vw center, right 5.6vw center;
		background-size: 10.4vw, 5.6vw;
		box-shadow: 0.4vw 0.4vw 1.6vw 0 rgba(0, 0, 0, .1);
	}

	#top_infoarea #news .bt_pdf a .smalltxt {
		font-size: 3.2vw;
	}

	#top_infoarea #schedule {
		margin-bottom: 12vw;
	}

	/*トップ　公演スケジュール*/
	section#top_infoarea #schedule {
		margin-bottom: 12vw;
	}

	section#top_infoarea #schedule .h3normal {
		margin-bottom: 3.2vw;
		font-weight: normal;
	}

	section#top_infoarea #schedule p.h3subtxt {
		display: block;
		text-indent: -0.75em;
		margin-left: 0.75em;
		line-height: 1.5;
	}

	section#top_infoarea #schedule p.forcustomers {
		margin: 4vw 0 8vw;
		font-size: 3.466666667vw;
		line-height: 1.7;
	}

	section#top_infoarea #schedule .grid {
		display: block;
	}

	section#top_infoarea #schedule .grid .block {
		width: 100%;
	}

	section#top_infoarea #schedule .grid .block h4 {
		font-size: 4.8vw;
		line-height: 1.5;
		margin: 6.4vw 0 0;
	}

	section#top_infoarea #schedule .grid .block h4 .text_sm {
		font-size: 3.73333333vw;
		margin-right: 1.6vw;
	}

	section#top_infoarea #schedule ul.schedule_list {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-content: center;
	}

	section#top_infoarea #schedule .grid .block h4.schedule_tl_akuta {
		font-size: 4vw;
	}

	section#top_infoarea #schedule .schedule_list li {
		display: table;
		width: 100%;
		margin-top: 4vw;
	}

	section#top_infoarea #schedule .schedule_list li a {
		display: table-cell;
		padding: 1.866666667vw 3.2vw;
		font-size: 3.73333333vw;
		line-height: 1.5;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		border-left: 1.333333333vw solid;
		background: #FFF;
	}

	section#top_infoarea #schedule .schedule_list li a .date {
		display: block;
		font-size: 3.73333333vw;
	}

	/*トップ　主催*/
	#top_infoarea #host {
		border-top: 1px solid #e0e0e0;
		padding: 4vw 0 0;
	}

	#top_infoarea #host p {
		font-size: 3.2vw;
		margin-bottom: 4vw;
	}

	#top_infoarea #host .grid {
		display: block;
		position: relative;
		padding: 0 0 0 9.6vw;
	}

	#top_infoarea #host .grid>p {
		margin: 0;
		position: absolute;
		left: 0;
		top: 0;
	}

	#top_infoarea #host .bunka,
	#top_infoarea #host .act {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		margin: 0 0 4vw;
	}

	#top_infoarea #host .bunka figure,
	#top_infoarea #host .act figure {
		display: block;
		text-align: center;
		width: 24.8vw;
	}

	#top_infoarea #host .bunka img {
		width: 70%;
	}

	#top_infoarea #host .bunka p,
	#top_infoarea #host .act p {
		margin: 0 0 0 3.2vw;
	}

}