@charset "utf-8";

/*------------------------------------------------------------
[PC] font&setting
[PC] for PC
[PC]#summerfes_contents
[PC] bread_crumbs
[PC] nav#gnavi
[PC] aside.sfes_footer
[PC] contents & section common
[PC] header.contents_title
[PC] program
[PC] ticket
[PC] profile
[PC] movie mv youtube
[PC] extra common
[PC] producer
[PC] theme
[PC] akutagawa
[PC] #summer_top
------------------------------------------------------------ */

@media print,
screen and (min-width: 768px) {

	/*------------------------------------------------------------
[PC] font&setting
------------------------------------------------------------ */
	#suntory_contents #summerfes_contents {
		letter-spacing: 0.05em;
		font-size: 15px;
		line-height: 1.7;
	}

	#summerfes_contents figcaption a:hover,
	#summerfes_contents p a:hover,
	#summerfes_contents li a:hover,
	#summerfes_contents dd a:hover,
	#summerfes_contents td a:hover,
	#summerfes_contents .profile figure a:hover figcaption {
		color: #00afd5;
		text-decoration: underline;
	}

	/*------------------------------------------------------------
[PC] for PC
------------------------------------------------------------ */
	.ham_position,
	.hamburger,
	.fat-nav {
		display: none;
	}

	/*------------------------------------------------------------
[PC]#summerfes_contents
------------------------------------------------------------ */
	#summerfes_contents .inner {
		width: 100%;
		max-width: 1160px;
		min-width: 940px;
		margin: 0 auto;
		position: relative;
	}

	#summerfes_contents .profile .closely {
		letter-spacing: -0.05em;
	}

	/*別window*/
	#summerfes_contents a.win {
		padding-right: 15px;
	}

	#summerfes_contents a.win::after {
		width: 15px;
		height: 1em;
		background-size: 10px;
	}

	/*(c)マーク*/
	#summerfes_contents .copyright {
		margin-top: 3px;
		font-size: 10px;
	}

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

	/*------------------------------------------------------------
[PC] summer_header
------------------------------------------------------------ */
	#summerfes_contents .summer_header {
		width: 100%;
		padding: 0 10px;
		background: #ccf1ff;
	}

	/*bread_crumbs--------------------------------------------- */
	#summerfes_contents .summer_header ul.sm_bread_crumbs {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		position: absolute;
		top: 15px;
	}

	#suntory_contents #summerfes_contents .summer_header .sm_bread_crumbs li,
	#suntory_contents #summerfes_contents .summer_header .sm_bread_crumbs li a {
		font-size: 12px;
		line-height: 1;
		margin: 0;
		letter-spacing: 0.02em;
	}

	#suntory_contents #summerfes_contents .summer_header .sm_bread_crumbs li::after {
		content: '>';
		display: inline-block;
		margin: 0 5px;
	}

	#suntory_contents #summerfes_contents .summer_header .sm_bread_crumbs li:last-child::after {
		content: none;
	}

	/*------------------------------------------------------------
[PC] nav#gnavi
------------------------------------------------------------ */
	nav#gnavi .inner {
		width: 100%;
		max-width: 1160px;
		min-width: 940px;
		padding: 15px 0 20px;
		margin: 0 auto;
		position: relative;
	}

	nav#gnavi ul.link_other {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 10px;
	}

	#summerfes_contents .sfes_footer .bt_history a,
	nav#gnavi .bt_history a {
		display: block;
		text-align: center;
		text-decoration: none;
		color: #000;
		width: 240px;
		height: 34px;
		padding: 0 20px 0 10px;
		font-size: 13px;
		line-height: 34px;
		letter-spacing: 0.02em;
		background: #fff url(../img/arrow_right_aqua.svg) no-repeat right 8px center;
		background-size: 6px;
		border-radius: 5px;
		box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
	}

	nav#gnavi .bt_lang a {
		display: block;
		text-align: center;
		text-decoration: none;
		color: #000;
		width: 100px;
		height: 34px;
		padding: 0 20px 0 10px;
		font-size: 13px;
		line-height: 34px;
		background: #fff url(../img/icon_external.svg) no-repeat right 10px center;
		background-size: 9px;
		border-radius: 5px;
		box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .1);
	}

	nav#gnavi .link_other a:hover {
		background-color: #f9f9f9;
		box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
	}

	nav#gnavi ol {
		margin: 15px 0 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	nav#gnavi ol li.tab {
		display: block;
		height: 95px;
		text-align: center;
		background: #FFF;
		border-top: 5px solid;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
		position: relative;
	}

	nav#gnavi ol li.tab#nv_producer {
		width: 35.344827586206897%;
		border-color: #ee7400;
	}

	nav#gnavi ol li.tab#nv_theme {
		width: 35.344827586206897%;
		border-color: #ae1b99;
	}

	nav#gnavi ol li.tab#nv_akutagawa {
		width: 27.586206896551724%;
		border-color: #009899;
	}

	nav#gnavi ol li.tab>a {
		width: 100%;
		height: 100%;
		padding: 7px 5px;
		line-height: 1;
		color: #000;
		text-decoration: none;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}

	nav#gnavi ol li.tab#nv_producer h2 {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.4;
	}

	nav#gnavi ol li.tab#nv_producer h2 .sm_txt {
		font-size: 14px;
		font-weight: bold;
		display: block;
	}

	nav#gnavi ol li.tab#nv_producer>a p.event {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.3;
		margin-top: 2px;
	}

	nav#gnavi ol li.tab#nv_producer>a:hover {
		background-color: #fdf1e5;
	}

	nav#gnavi ol li.tab#nv_theme>a h2 {
		font-size: 18px;
		font-weight: bold;
	}

	nav#gnavi ol li.tab#nv_theme>a h2 .sm_txt {
		font-size: 14px;
		font-weight: bold;
	}

	nav#gnavi ol li.tab#nv_theme>a p.series {
		font-size: 12px;
		font-weight: 500;
		margin-top: 5px;
	}

	nav#gnavi ol li.tab#nv_theme>a p.event {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.3;
		margin-top: 4px;
	}

	nav#gnavi ol li.tab#nv_theme>a:hover {
		background-color: #f7e8f5;
	}

	nav#gnavi ol li.tab#nv_akutagawa>a h2 {
		font-size: 16px;
		line-height: 1.4;
		font-weight: bold;
	}

	nav#gnavi ol li.tab#nv_akutagawa>a h2 .sm_txt {
		font-size: 14px;
		display: block;
		font-weight: bold;
		margin-bottom: 3px;
	}

	nav#gnavi ol li.tab#nv_akutagawa>a:hover {
		background-color: #e5f4f5;
	}

	/*サブメニュー*/
	nav#gnavi .dr_menu .sub-menu {
		opacity: 0;
		transition: opacity 0.2s ease-in;
	}

	nav#gnavi .dr_menu .sub-menu ul {
		display: none;
	}

	nav#gnavi .dr_menu:hover .sub-menu {
		display: block;
		opacity: 1;
		position: absolute;
		padding: 15px 0 0;
		top: 90px;
		z-index: 110;
	}

	nav#gnavi .dr_menu:hover .sub-menu ul {
		padding: 15px 0;
		background: rgba(76, 199, 226, .98);
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .1);
	}

	nav#gnavi .dr_menu:hover .sub-menu li {
		margin: 0 30px;
		padding: 10px 0;
	}

	nav#gnavi .dr_menu:hover .sub-menu li a {
		display: block;
		font-size: 14px;
		line-height: 1.3;
		font-weight: 500;
		color: #000;
		text-decoration: none;
		text-align:left;
	}

	nav#gnavi .dr_menu:hover .sub-menu li a:hover {
		text-decoration: underline;
	}

	nav#gnavi .dr_menu:hover .sub-menu li a.win::after {
		background-image: url(../img/icon_external_wh.svg);
	}

	nav#gnavi .dr_menu:hover .sub-menu.menu01 {
		width: 470px;
		left: 0;
		background: url(../img/icon_submenu.png) no-repeat left 197px top / 17px;
	}

	nav#gnavi .dr_menu:hover .sub-menu.menu03 {
		width: 470px;
		left: -30px;
		background: url(../img/icon_submenu.png) no-repeat center top / 17px;
	}

	nav#gnavi .dr_menu:hover .sub-menu.menu04 {
		width: 390px;
		right: 0;
		background: url(../img/icon_submenu.png) no-repeat right 152px top / 17px;
	}

	/*------------------------------------------------------------
[PC] aside.sfes_footer
------------------------------------------------------------ */
	#summerfes_contents .sfes_footer {
		background: #f3f3f3;
		padding: 50px 10px 80px;
	}

	#summerfes_contents .sfes_footer .inner {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		position: relative;
	}

	#summerfes_contents .sfes_footer .bt_history {
		position: absolute;
		right: 0;
		top: 15px;
	}


	#summerfes_contents .sfes_footer li {
		color: #888;
		text-decoration: none;
	}

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

	#summerfes_contents .sfes_footer a:hover {
		color: #00afd5;
	}

	#summerfes_contents .sfes_footer .link_home {
		width: 100%;
		margin-bottom: 20px;
	}

	#summerfes_contents .sfes_footer .link_home p {
		width: 88px;
		height: 68px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#summerfes_contents .sfes_footer .link_home a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/img_logo22.svg) no-repeat left top;
		background-size: contain;
	}

	#summerfes_contents .sfes_footer .link_box {
		position: relative;
	}

	#summerfes_contents .sfes_footer .link_box#ft01 {
		width: 34%;
	}

	#summerfes_contents .sfes_footer .link_box#ft03 {
		width: 34%;
	}

	#summerfes_contents .sfes_footer .link_box#ft04 {
		width: 29%;
	}

	#summerfes_contents .sfes_footer h4 {
		font-weight: bold;
		line-height: 1.5;
	}

	#summerfes_contents .sfes_footer h5 {
		font-size: 14px;
		font-weight: bold;
		line-height: 1;
		margin-top: 50px;
	}

	#summerfes_contents .sfes_footer h5+h5 {
		margin-top: 20px;
	}

	#summerfes_contents .sfes_footer h4 a,
	#summerfes_contents .sfes_footer h5 a {
		font-weight: bold;
	}

	#summerfes_contents .sfes_footer ul {
		margin-top: 20px;
	}

	#summerfes_contents .sfes_footer li {
		font-size: 12px;
		line-height: 1.5;
		margin-top: 15px;
	}

	#summerfes_contents .sfes_footer p.link_single {
		margin: 30px 0 0 120px;
	}

	#summerfes_contents .sfes_footer p.link_single a {
		font-size: 14px;
		line-height: 1;
		font-weight: bold;
	}

	/*------------------------------------------------------------
[PC] header.contents_title
------------------------------------------------------------ */
	#summerfes_contents .contents_title {
		padding: 0 10px;
	}

	#summerfes_contents .contents_title .layout {
		width: 100%;
		max-width: 1160px;
		min-width: 940px;
		margin: 0 auto;
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-end;
	}

	#summerfes_contents .contents_title h1 {
		display: block;
		color: #FFF;
		font-size: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position: absolute;
		width: 68.103448275862069%;
		height: 250px;
		top: 0;
		right: 0;
	}

	#summerfes_contents .contents_title .base {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-end;
	}

	#summerfes_contents .contents_title .base figure {
		width: 27.586206896551724%;
		height: auto;
	}

	#summerfes_contents .contents_title .base .lead {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(100% - 27.586206896551724%);
		min-height: 120px;
		padding: 10px 4.310344827586207%;
		margin-bottom: 20px;
	}

	#summerfes_contents.producer .contents_title .base .lead {
		background-color: #ee7400;
	}

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

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

	#summerfes_contents .contents_title .base .lead p {
		display: table-cell;
		vertical-align: middle;
		color: #FFF;
		font-size: 16px;
	}

	@media print,
	screen and (min-width:768px) and (max-width:1160px) {
		#summerfes_contents .contents_title .base .lead {
			min-height: 100px;
			padding: 10px 4.310344827586207%;
			margin-bottom: 15px;
		}

		#summerfes_contents .contents_title .base .lead p {
			font-size: 14px;
			line-height: 1.5;
		}
	}

	#summerfes_contents .contents_title .returntop {
		position: absolute;
		/*width: 105px;*/
		width: 9.051724137931034%;
		top: 20px;
		right: 0;
	}

	#summerfes_contents .contents_title .returntop a {
		display: block;
		width: 100%;
		color: #FFF;
		font-size: 0px;
	}

	#summerfes_contents .contents_title .returntop a:hover {
		opacity: 0.70;
	}

	#summerfes_contents.producer .contents_title .base figure {
		width: 30.172413793103448%;
	}

	#summerfes_contents.producer .contents_title .base .lead {
		width: calc(100% - 30.172413793103448%);
		padding: 0 50px 0 40px;
	}

	#summerfes_contents.producer .contents_title h1 {
		width: 66.379310344827586%;
	}

	/*pagetitle image*/
	#summerfes_contents.producer .contents_title h1 {
		background: url(../img/producer/bg_h1_producer.png) no-repeat left top / 100%;
	}

	#summerfes_contents.theme .contents_title h1 {
		background: url(../img/theme/bg_h1_theme.png) no-repeat left top 10px / 100%;
	}

	#summerfes_contents.akutagawa .contents_title h1 {
		background: url(../img/akutagawa/bg_h1_akutagawa.png) no-repeat left top 10px / 100%;
	}

	/*------------------------------------------------------------
[PC] contents & section common
------------------------------------------------------------ */
	#summerfes_contents .contents {
		padding: 0 0 100px;
	}

	/*------------------------------------------------------------
[PC] pglink
------------------------------------------------------------ */
	#summerfes_contents .contents .pglink .inner {
		width: 100%;
		max-width: 1160px;
		min-width: 960px;
		margin: 0 auto;
	}

	#summerfes_contents .program_container .pglink+section.program {
		padding-top: 30px;
	}

	#summerfes_contents .program_container .pglink ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
	}

	#summerfes_contents .program_container .pglink li {
		min-width: 240px;
		margin: 15px 15px 0;
		border-radius: 5px;
	}

	#summerfes_contents .program_container .pglink li a {
		width: 100%;
		height: 40px;
		padding: 0 65px 0 55px;
		font-size: 14px;
		line-height: 40px;
		background: #fff url(../img/arrow_open.png) no-repeat right 15px center / 12px;
		border-radius: 5px;
		box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .1);
	}

	#summerfes_contents .program_container .pglink li a:hover {
		background-color: #f9f9f9;
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
	}

	#summerfes_contents .program_container .pglink li.win a {
		background-image: none;
		padding: 0 55px;
	}

	/*=====================================
[PC] program 公演
=====================================*/
	#summerfes_contents .program_container {
		padding: 10px 10px 100px;
	}

	#summerfes_contents .program_container section.program {
		padding: 100px 0 0;
	}

	/*白枠*/
	#summerfes_contents .program .inner {
		width: 100%;
		max-width: 1160px;
		min-width: 940px;
		margin: 0 auto;
		position: relative;
		background: #fff;
		padding: 50px 20px;
	}

	/*中身幅*/
	#summerfes_contents .program .inside {
		max-width: 1060px;
		width: 100%;
		margin: 0 auto;
	}

	/*公演 二段組*/
	#summerfes_contents .program .grid {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#summerfes_contents .program .grid .prog_left {
		max-width: 720px;
		width: 70.754716981132075%;
		/*750/1060px*/
	}

	#summerfes_contents .program .grid .prog_img.right {
		max-width: 290px;
		width: 27.358490566037736%;
		/*290/1060px*/
	}

	/*[PC] 公演タイトル ------------------------------------------------------------ */
	#summerfes_contents .program h2.event_title {
		margin: 0;
		padding: 0 0 20px 0;
		font-size: 36px;
	}

	#summerfes_contents .program h2.event_title .md_txt {
		font-size: 32px;
		font-weight: bold;
		margin-left: 6px;
	}

	#summerfes_contents .program h2.event_title .sm_txt {
		font-size: 26px;
		font-weight: bold;
		margin-left: 6px;
	}

	#summerfes_contents .program h2.event_title .note_txt {
		font-size: 20px;
		font-weight: bold;
		margin-left: 6px;
	}

	#summerfes_contents .program .date {
		padding: 20px 0;
	}

	#summerfes_contents .program .date p {
		line-height: 1;
	}

	#summerfes_contents .program .date .day {
		font-size: 30px;
	}

	#summerfes_contents .program .date .open {
		font-weight: 500;
		margin-right: 10px;
		font-size: 14px;
	}

	/*[PC] 公演 写真------------------------------------------------------------ */
	#summerfes_contents .program .prog_img figure figcaption {
		display: block;
		padding: 18px 0 0;
		font-size: 14px;
	}

	#summerfes_contents .program .grid .prog_img.right figure {
		width: 100%;
	}

	#summerfes_contents .program .grid .prog_img.right figure+figure {
		margin-top: 30px;
	}

	/*[PC] 公演 曲目------------------------------------------------------------ */
	#summerfes_contents .program ul.number li.num_person {
		padding: 0 0 0 18px;
		margin: 30px 0 0 70px;
		text-indent: -70px;
		font-size: 20px;
		font-weight: bold;
	}

	#summerfes_contents .program ul.number li.num_person::before {
		top: 11px;
		left: -70px;
		width: 10px;
		height: 10px;
		border-radius: 5px;
	}

	#summerfes_contents .program ul.number li.num_title {
		padding: 0 0 0 18px;
		margin: 8px 0 0 70px;
		font-size: 20px;
	}

	/*曲目一行*/
	#summerfes_contents .program ul.number li.num_person.inline {
		display: inline-block;
	}

	#summerfes_contents .program ul.number li.num_person.inline+li.num_title {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	/*欧文タイトル*/
	#summerfes_contents .program ul.number li.eng_txt {
		padding: 0 0 0 18px;
		margin: 5px 0 0;
		font-size: 14px;
		font-weight: 500;
	}

	/*年*/
	#summerfes_contents .program ul.number li .year {
		margin: 0 0 0 5px;
		font-size: 14px;
		font-weight: 500;
	}

	/*補足 中サイズ*/
	#summerfes_contents .program ul.number li .txt_md {
		font-size: 16px;
		margin-left: 8px;
	}

	#summerfes_contents .program ul.number li .txt_md.ml0 {
		margin-left: 0;
	}

	/*共同委嘱*/
	#summerfes_contents .program ul.number li .commission {
		font-size: 14px;
		font-weight: 500;
	}

	/*初演*/
	#summerfes_contents .program ul.number li .icon_first {
		margin-left: 6px;
		padding: 4px 12px;
		color: #fff;
		font-size: 14px;
		line-height: 1;
		border-radius: 11px;
		white-space: nowrap;
	}

	/*訳注*/
	#summerfes_contents .program li sup {
		margin-left: 4px;
		font-size: 12px;
		font-weight: bold;
	}

	#summerfes_contents .program li sup.dia_green {
		font-size: 10px;
		color: #62b065;
		font-weight: 500;
	}

	#summerfes_contents .program li sup.dia_lilac {
		font-size: 10px;
		color: #c68ab5;
		font-weight: 500;
	}

	/*ルビ*/
	#summerfes_contents ruby rt {
		font-weight: 500;
		padding: 0 0.1em;
	}

	/*[PC] 曲目 補足情報------------------------------------------------------------ */
	#summerfes_contents .program .prog_info {
		margin: 30px 0 0 0;
		padding: 0;
	}

	#summerfes_contents .program .prog_info.attend {
		margin: 10px 0 0 0;
		padding: 0 0 0 18px;
	}

	#summerfes_contents .program .prog_info.num_title_attend {
		margin: 5px 0 15px 80px;
		padding: 0 0 0 18px;
	}

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

	#summerfes_contents .program .prog_info p.change_notes {
		font-size: 14px;
	}
	/*[PC] プログラムノート ------------------------------------------------------------ */
	#summerfes_contents .programnote_pdf {
 margin: 30px 0 0;
}
#summerfes_contents .programnote_pdf .bt_pdf_download {
 width: 280px;
 display: inline-block;
}
#summerfes_contents .programnote_pdf .bt_pdf_download a {
 padding: 0 10px 0 50px;
 line-height: 50px;
 border-radius: 5px;
 background-position: right 15px center, left 20px center;
 background-size: 10px, 18px;
}
#summerfes_contents .programnote_pdf .bt_pdf_download a .sm_txt {
 display: inline-block;
 font-size: 12px;
 margin-left: 3px;
}
#summerfes_contents .programnote_pdf .bt_pdf_download a:hover {
 opacity: 0.75;
}

	/*[PC] ticket チケット ------------------------------------------------------------ */
	#summerfes_contents .program .ticket.inner {
		padding: 0 20px 50px;
	}

	#summerfes_contents .program .ticket .inside {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-content: flex-start;
		max-width: 1060px;
		width: 100%;
		margin: 0 auto;
		padding: 30px 40px 30px 30px;
		background: #f3f3f3;
	}

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

	#summerfes_contents .program .ticket .buy {
		width: 30.303030303030303%;
		min-width: 290px;
	}

	#summerfes_contents .program .ticket .fee h3 {
		line-height: 1;
		font-weight: bold;
	}

	#summerfes_contents .program .seat {
		margin-top: 15px;
	}

	#summerfes_contents .program .seat li {
		font-weight: bold;
	}

	#summerfes_contents .program .seat li .setsmall {
		font-size: 14px;
		margin: 0 5px;
	}

	#summerfes_contents .program .ticket .fee .ticket_schedule {
		margin: 20px 0 0;
	}

	#summerfes_contents .program .ticket .fee .ticket_schedule th {
		font-size: 14px;
		text-align: right;
		padding-right: 5px;
		font-weight: 500;
	}

	#summerfes_contents .program .ticket .fee .ticket_schedule td {
		font-weight: 500;
		font-size: 14px;
	}

	#summerfes_contents .program .ticket .link_members {
		margin: 5px 0 20px;
		font-size: 13px;
	}

	#summerfes_contents .program .ticket_notes {
		font-size: 13px;
		text-indent: -1em;
		margin-left: 1em;
		font-weight: 500;
	}

	#summerfes_contents .program .ticket .buy li {
		display: block;
		width: 100%;
		height: 80px;
		margin: 30px 0 0;
	}

	#summerfes_contents .program .ticket .buy li:first-child {
		margin: 15px 0 0;
	}

	#summerfes_contents .program .ticket .buy li a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 10px 0 30px;
		font-size: 14px;
		text-decoration: none;
		color: #FFF;
		line-height: 80px;
		background: #00AFD5 url(../img/arrow_right.svg) no-repeat right 20px center / 12px;
		border-radius: 5px;
		box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .15);
	}

	#summerfes_contents .program .ticket .buy li a:hover {
		opacity: 0.85;
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15);
	}

	#summerfes_contents .program .ticket .buy li a.time {
		padding: 14px 10px 0 40px;
		line-height: 1.7;
	}

	#summerfes_contents .program .ticket .buy li a .day {
		font-weight: bold;
		font-size: 18px;
	}

	#summerfes_contents .program .ticket .setticket_all {
		margin-top: 20px;
		border: 1px solid #999;
		padding: 15px;
	}

	#summerfes_contents .program .ticket .setticket_all .set_title {
		font-weight: bold;
		font-size: 16px;
	}

	#summerfes_contents .program .ticket .setticket_all .set_detail {
		margin: 10px 0 15px;
		font-size: 14px;
	}

	/*=====================================
[PC] profile/extra
=====================================*/
	#summerfes_contents .contents>section {
		padding-top: 100px;
	}

	#summerfes_contents section h3.h3subtl {
		margin: 0 0 40px 0;
		padding: 0 30px;
		font-size: 26px;
		line-height: 60px;
	}

	#summerfes_contents section h3.h3subtl.plural {
		padding: 17px 30px 17px;
		line-height: 1.5;
	}

	#summerfes_contents section h3.h3subtl.plural .h3block {
		margin-right: 30px;
	}

	#summerfes_contents section h3.h3subtl.plural .h3midtxt {
		font-size: 22px;
		display: inline-block;
	}

	#summerfes_contents section h3.h3subtl.plural .h3smalltxt {
		font-size: 18px;
		display: inline-block;
	}

	#summerfes_contents section h3.h3subtl.plural .sstxt {
		font-size: 15px;
		margin-left: 5px;
		display: inline;
	}

	/*------------------------------------------------------------
[PC] profile
------------------------------------------------------------ */
	#summerfes_contents .profile {
		padding: 0 10px;
	}

	#summerfes_contents .profile h3.h3subtl {
		margin-bottom: 30px;
	}

	#summerfes_contents .profile .grid+h3.h3subtl {
		margin-top: 40px;
	}

	#summerfes_contents .profile .inner>p {
		margin: 0 0 30px;
	}

	#summerfes_contents .profile .grid {
		padding: 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		row-gap: 30px;
		column-gap: 2.413793103448276%;
	}

	#summerfes_contents .profile figure {
		display: block;
		width: 14.655172413793103%;
	}

	#summerfes_contents .profile figure.wide {
		width: 31.724137931034483%;
	}

	#summerfes_contents .profile figure figcaption {
		display: block;
		padding: 18px 0 0;
		font-size: 14px;
	}

	#summerfes_contents .profile figure a {
		display: block;
	}

	/*------------------------------------------------------------
[PC] extra common
------------------------------------------------------------ */
	#summerfes_contents section.extra {
		padding: 100px 10px 0;
	}

	#summerfes_contents .extra .inside {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}

	#summerfes_contents .extra .inside p.extrasub {
		margin-top: 30px;
		font-weight: bold;
	}

	#summerfes_contents .extra .inside p+p {
		margin-top: 15px;
	}

	/*水色外部リンクボタンcommon*/
	#summerfes_contents .extra .bt_extra_link a {
		width: 100%;
		height: 100%;
		display: block;
		padding: 0;
		line-height: 40px;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		background: #00AFD5;
		border-radius: 5px;
		box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .15);
	}

	#summerfes_contents .extra .bt_extra_link a:hover {
		opacity: 0.85;
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15);
	}

	#summerfes_contents .extra .bt_extra_link a.win {
		padding: 0 10px 0 0;
		background: #00AFD5 url(../img/icon_external_wh.svg) no-repeat right 15px center / 9px;
	}

	#summerfes_contents .extra .bt_extra_link .sm_txt {
		font-size: 12px;
		margin-left: 5px;
	}

	/*------------------------------------------------------------
[PC] movie mv youtube
------------------------------------------------------------ */
	#summerfes_contents section .mv h4 {
		font-weight: 500;
	}

	#summerfes_contents section .mv {
		width: 540px;
		padding: 30px;
	}

	#summerfes_contents section .mv .movie {
		margin: 20px 0 0;
	}

	#summerfes_contents section.moviearea .inner {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: flex-start;
	}

	#summerfes_contents section.moviearea .inner .mv:nth-of-type(n + 3) {
		margin-top: 30px;
	}

	/*event_mv*/
	#summerfes_contents section#event_mv .inner {
		padding: 40px 0;
	}

	section#event_mv .grid {
		margin-bottom: 30px;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}

	section#event_mv .mv .movie {
		margin: 0;
	}

	section#event_mv .mv {
		width: 350px;
		margin: 0 1%;
		padding: 20px 0;
		text-align: center;
	}

	#summerfes_contents #event_mv h4 {
		font-size: 16px;
	}

	#event_mv p.smalltxt {
		font-size: 13px;
		padding: 0 30px;
		letter-spacing: 0.04em;
	}

	/*------------------------------------------------------------
[PC] producer
------------------------------------------------------------ */
	#summerfes_contents .program#prod01 .prog_img figure {
		width: 700px;
		margin: 30px auto 0;
	}

	#summerfes_contents .program#prod04 .grid .prog_left {
		max-width: 620px;
		width: 61.320754716981132%;
		/*650/1060px*/
	}

	#summerfes_contents .program#prod04 .grid .prog_img.right {
		max-width: 390px;
		width: 36.792452830188679%;
		/*390/1060px*/
	}

	/*#prod04 ２段組 左側------------------------------------------------------------ */
	#summerfes_contents .program#prod04 .grid .prog_left ul.number li.num_person {
		margin-left: 32px;
		text-indent: -32px;
	}

	#summerfes_contents .program#prod04 .grid .prog_left ul.number li.num_person::before {
		left: -32px;
	}

	#summerfes_contents .program#prod04 .grid .prog_left ul.number li.num_title {
		margin-left: 32px;
	}

	#summerfes_contents .program#prod04 .grid .prog_left ul.number li.num_e_indent {
		margin-left: 32px;
	}

	#summerfes_contents .program#prod04 .prog_info.num_title_attend {
		margin-left: 42px;
	}

	#summerfes_contents .program#prod04 p.numnotes {
		font-size: 13px;
		margin: 15px 0 0 55px;
	}

	#summerfes_contents .program#prod04 p.numnotes+p {
		margin-top: 0;
	}

	/*extra #prod_maincast*/
	#summerfes_contents .extra#prod_maincast p.signature {
		text-align: right;
	}

	#summerfes_contents .extra#prod_maincast figure {
		width: 368px;
		float: right;
		margin: 10px 0 10px 30px;
	}

	#summerfes_contents .extra#prod_maincast figure figcaption {
		display: block;
		padding: 20px 0 0;
		font-size: 14px;
	}

	/*演奏作品作曲家年表*/
	#summerfes_contents .extra#timeline .inside {
		max-width: 100%;
	}

	#summerfes_contents .extra#timeline .pdflink {
		margin: 20px 0 0;
		text-align: center;
	}

	/*インタビュー*/
	#summerfes_contents .extra#interview_et .inside {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#summerfes_contents .extra#interview_et .left_text {
		width: 680px;
	}

	#summerfes_contents .extra#interview_et figure {
		width: 230px;
	}

	#summerfes_contents .extra#interview_et .outline_txt {
		border: 1px solid #999;
		padding: 20px;
		margin-top: 30px;
	}

	#summerfes_contents .extra#interview_et .outline_txt p+p {
		margin-top: 5px;
	}

	#summerfes_contents .extra#interview_et .outline_txt p .sm_txt {
		font-size: 13px;
		color: #006599;
	}

	#summerfes_contents .extra#interview_et .bt_extra_link {
		width: 230px;
		height: 40px;
		margin: 15px 0 0;
	}

	/*ONTOMO記事 テーマ作曲家と共通*/
	#summerfes_contents .extra#recommend .inside {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#summerfes_contents .extra#recommend .left_text {
		width: 530px;
	}

	#summerfes_contents .extra#recommend figure {
		width: 380px;
		margin: 0 0 0 30px;
	}

	#summerfes_contents .extra#recommend .outline_txt {
		border: 1px solid #999;
		padding: 20px;
		margin-top: 30px;
	}

	#summerfes_contents .extra#recommend .inside p.extrasub {
		margin-top: 0;
	}

	#summerfes_contents .extra#recommend .inside .writer {
		font-weight: normal;
	}

	#summerfes_contents .extra#recommend .bt_extra_link {
		width: 320px;
		height: 40px;
		margin: 15px auto 0;
	}

	/*メディア掲載情報*/
	#summerfes_contents .extra .inside p.out_media {
		padding: 0 0 0 1em;
	}

	#summerfes_contents .extra .inside p.out_media::before {
		content: "・";
		display: inline-block;
		width: 0.75em;
		margin-left: -0.75em;
	}

	#summerfes_contents .extra .inside dl.out_article {
		border-bottom: 1px dotted #999;
		padding: 15px 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
	}

	#summerfes_contents .extra .inside dl.out_article:first-of-type {
		margin-top: 15px;
		border-top: 1px dotted #999;
	}

	#summerfes_contents .extra .inside dl.out_article dt {
		margin: 0;
		width: 680px;
		padding: 0 0 0 1em;
		font-weight: bold;
	}

	#summerfes_contents .extra .inside dl.out_article dt .sub_txt {
		display: block;
		font-weight: normal;
	}

	#summerfes_contents .extra .inside dl.out_article dd {
		margin: 5px 0 0;
		padding-left: 2em;
	}

	#summerfes_contents .extra .inside dl.out_article .bt_extra_link {
		width: 230px;
		height: 40px;
	}


	/*------------------------------------------------------------
[PC] theme
------------------------------------------------------------ */
	#summerfes_contents.theme #workshop .lead {
		margin: 30px 0 0 0;
		padding: 0;
	}

	#summerfes_contents.theme h3.event_sub-title {
		margin: 30px 0 0 0;
		font-size: 20px;
	}

	/*募集表示*/
	#summerfes_contents.theme #workshop .call {
		width: 80%;
		padding: 15px 30px;
		margin: 30px 0 0;
	}

	#summerfes_contents.theme #workshop .call .title {
		font-size: 18px;
	}

	#summerfes_contents.theme #workshop .call p {
		font-size: 15px;
		margin: 10px 0 0;
	}

	#summerfes_contents #workshop ul.number li.num_person {
		margin: 10px 0 0 90px;
	}

	/*#theme01 ２段組 左側------------------------------------------------------------ */
	#summerfes_contents .program#theme01 .grid .prog_left ul.number li.num_e_indent {
		margin-left: 70px;
	}

	/*extra #theme_maincast*/
	#summerfes_contents .extra#theme_maincast p.signature {
		text-align: right;
	}

	#summerfes_contents .extra#theme_maincast figure {
		width: 170px;
		float: right;
		margin: 10px 0 10px 30px;
	}

	#summerfes_contents .extra#theme_maincast figure figcaption {
		display: block;
		padding: 20px 0 0;
		font-size: 14px;
	}

	#summerfes_contents .extra#theme_about figure {
		float: right;
		width: 380px;
		margin: 0 0 20px 30px;
	}

	#summerfes_contents .extra figure figcaption {
		display: block;
		padding: 10px 0 0;
		font-size: 14px;
		text-align: center;
		position: relative;
	}

	/*------------------------------------------------------------
[PC] akutagawa
------------------------------------------------------------ */
	.akutagawa #award .inner.grid .prog_wide {
		width: 100%;
	}

	#summerfes_contents .program#award .date {
		padding: 20px 0 15px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#summerfes_contents .program#award .date .online {
		display: block;
		width: 200px;
		height: 36px;
		margin-left: 30px;
	}

	#summerfes_contents .program#award .date .online a {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 20px 0 40px;
		font-size: 14px;
		color: #00AFD5;
		background: url(../img/arrow_down.png) no-repeat right 15px center / 12px;
		border-radius: 5px;
		text-decoration: none;
		border: 2px solid #00AFD5;
		position: relative;
	}

	#summerfes_contents .program#award .date .online a::before {
		content: "";
		display: block;
		position: absolute;
		width: 30px;
		height: 100%;
		left: 0;
		top: 0;
		background: #00AFD5;
	}

	#summerfes_contents .program#award .date .online a::after {
		content: "";
		display: block;
		position: absolute;
		width: 10px;
		height: 10px;
		left: 10px;
		background: linear-gradient(to bottom left, transparent 50%, #ffffff 51%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #ffffff 51%) no-repeat bottom left/100% 50%;
	}

	#summerfes_contents .program#award .date .online a:hover {
		opacity: 0.85;
	}

	#summerfes_contents.akutagawa h3.event_sub-title {
		margin: 40px 0 15px 0;
		font-size: 18px;
		line-height: 1;
	}

	#summerfes_contents.akutagawa h3.event_sub-title .fwn {
		font-weight: 500;
		font-size: 16px;
		margin-left: 6px;
	}

	.akutagawa #award .prog_wide .event_sub-title+ul.number li:first-child,
	.akutagawa #award .prog_left .event_sub-title+ul.number li:first-child {
		margin-top: 15px;
	}

	.akutagawa #award p.numnotes {
		font-size: 14px;
		margin: 10px 0 0 50px;
	}

	.akutagawa #award .prog_wide p.numnotes {
		width: 78%;
	}

	.akutagawa #award p.numnotes.signature {
		text-align: right;
		margin: 0 0 0 50px;
	}

	.akutagawa #award.program ul.meeting li {
		margin: 30px 0 0;
		font-size: 20px;
		font-weight: bold;
	}

	.akutagawa #award.program ul.meeting li .txt_s {
		font-size: 15px;
		margin-left: 6px;
		font-weight: 500;
	}

	/*akutagawa #vote--------------*/
	.akutagawa #award #vote {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		margin: 40px 0 0;
		padding: 20px 30px;
		border: 2px solid #009899;
	}

	.akutagawa #award #vote p.vote_tl {
		color: #009899;
		font-size: 18px;
	}

	.akutagawa #award #vote h3.vote_h3 {
		color: #009899;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.akutagawa #award #vote figure {
		width: 250px;
	}

	/*akutagawa online_ticket --------------*/
	#summerfes_contents .program .ticket+.inner {
		padding: 0 20px 50px;
	}

	#summerfes_contents .program .inside#online_ticket {
		display: block;
		width: 100%;
		padding: 20px 30px;
		background: url(../img/logo_dsh.svg) no-repeat right 60px top 40px / 90px;
		border: 2px solid #009899;
	}

	#summerfes_contents.akutagawa #online_ticket h3 {
		width: 100%;
		color: #009899;
		font-size: 20px;
	}

	#summerfes_contents.akutagawa #online_ticket h3 .add_txt {
		font-size: 16px;
		margin-left: 1em;
	}

	#summerfes_contents .program #online_ticket .ot_title {
		font-weight: bold;
		font-size: 16px;
		margin-top: 5px;
	}

	#summerfes_contents.akutagawa #online_ticket .ot_table {
		margin: 20px 0;
	}

	#summerfes_contents.akutagawa #online_ticket .ot_table th,
	#summerfes_contents.akutagawa #online_ticket .ot_table td {
		font-size: 14px;
		font-weight: 500;
		padding-right: 5px;
	}

	/*akutagawa profile--------------*/
	#summerfes_contents.akutagawa .profile figure.winner {
		position: relative;
		margin-top: 20px;
		margin-right: 160px;
	}

	#summerfes_contents.akutagawa .profile figure.nominee {
		position: relative;
		margin-top: 20px;
	}

	#summerfes_contents.akutagawa .profile figure h4 {
		color: #009899;
		font-size: 14px;
		font-weight: bold;
		position: absolute;
		top: -35px;
		left: 0;
	}

	#summerfes_contents.akutagawa .profile figure.winner h4 {
		width: 290px;
	}

	#summerfes_contents.akutagawa .profile figure.nominee h4 {
		width: 320px;
	}

	/*akutagawa extra--------------*/
	.akutagawa .extra#compose p.extrasub {
		margin-top: 40px;
	}

	.akutagawa .extra#compose ul.number li.numnotes {
		font-size: 14px;
		text-indent: 0;
		margin: 5px 0 0 58px;
	}

	.akutagawa .extra#compose ul.thefirst li {
		font-size: 14px;
		text-indent: -3em;
		margin: 5px 0 0 3em;
	}

	.akutagawa .extra#message dl.guide {
		min-height: 60px;
	}

	.akutagawa .extra#message dl {
		min-height: 200px;
	}

	.akutagawa .extra#message figure {
		width: 140px;
		margin: 0 0 0 30px;
		float: right;
		clear: both;
	}

	#summerfes_contents.akutagawa .extra#message .inside p+p {
		margin-top: 10px;
	}


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

	#summerfes_contents #top_program {
		padding: 50px 10px 80px;
		position: relative;
	}

	#summerfes_contents #top_infoarea {
		padding: 60px 10px 0;
		margin: 0;
	}

	/*#summerfes_contents #top_movie {
	padding: 100px 0 0;
	}*/

	/*#main_title-------------------------------------------- */
	#summerfes_contents #main_title {
		display: block;
		overflow: hidden;
		background: #212150;
		position: relative;
		width: 100%;
		min-width: 960px;
	}

	#summerfes_contents #main_title .visiual {
		width: 1460px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#summerfes_contents #main_title .visiual .area {
		width: 800px;
		height: 375px;
		position: absolute;
		right: 0;
		overflow: hidden;
	}

	#summerfes_contents #main_title .cover {
		width: 1460px;
		height: 375px;
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		background: url(../img/top/slide_cover.png) no-repeat center top / cover;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	#summerfes_contents #main_title h1 {
		display: block;
		margin-left: 10.273972602739726%;
		width: 37.671232876712329%;
		/*margin-left150px width550px*/
		right: 54%;
		background: url(../img/top/maintitle22_pc.svg) no-repeat left top / 96%, url(../img/top/logo_hall.svg) no-repeat right top 15px / 19.090909090909091%;
		/*サマーロゴ528px、ホールロゴ105px*/
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		z-index: 100;
		font-size: 0;
		color: #fff;
	}

	#summerfes_contents #main_title h1::before {
		content: "";
		display: block;
		padding-top: 48%;
	}

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

	@media print,
	screen and (min-width:768px) and (max-width:1180px) {

		/*メインタイトル、スライド76%*/
		#summerfes_contents #main_title .visiual {
			width: 1110px;
			transform: translateX(-51%);
		}

		#summerfes_contents #main_title .visiual .area {
			width: 608px;
			height: 285px;
		}

		#summerfes_contents #main_title .cover {
			width: 1110px;
			height: 285px;
			transform: translateX(-51%);
		}
	}

	/*banner_area -------------------------------------------- */
	#summerfes_contents #top_program .banner_area {
		padding: 0 0 50px;
	}

	#summerfes_contents #top_program .banner_area .event {
		display: block;
		width: 960px;
		max-width: 100%;
		min-width: 940px;
		margin: 0 auto;
		padding: 20px 140px 20px 30px;
		background: #faf9f3 url(../img/logo_dsh.svg) no-repeat right 30px top 30px / 70px;
		border-radius: 10px;
	}

	#summerfes_contents #top_program .banner_area .ev_site {
		width: 220px;
	}

	#summerfes_contents #top_program .banner_area .ev_site a {
		display: block;
		font-size: 15px;
		padding: 0;
		font-weight: bold;
		line-height: 24px;
		color: #fff;
		text-align: center;
		background: #715747;
		text-decoration: none;
	}

	#summerfes_contents #top_program .banner_area .ev_site a:hover {
		opacity: 0.8;
	}

	#summerfes_contents #top_program .banner_area .ev_title {
		margin: 15px 0 0;
		padding: 0 0 10px;
		font-size: 24px;
		line-height: 1;
		font-weight: bold;
		color: #333;
		border-bottom: 1px dotted #333;
		position: relative;
	}

	#summerfes_contents #top_program .banner_area .ev_title .subtxt {
		font-size: 18px;
		margin-left: 5px;
	}

	#summerfes_contents #top_program .banner_area dl {
		margin: 15px 0 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
	}

	#summerfes_contents #top_program .banner_area dt {
		display: block;
		margin: 0;
		padding: 0 0 0 18px;
		position: relative;
		font-weight: bold;
		font-size: 16px;
	}

	#summerfes_contents #top_program .banner_area dt::before {
		content: "";
		display: inline-block;
		position: absolute;
		background: #00AFD5;
		top: 8px;
		left: 0px;
		width: 8px;
		height: 8px;
		border-radius: 4px;
	}

	#summerfes_contents #top_program .banner_area dd.bt_extra_link {
		display: inline-block;
		width: 160px;
		height: 36px;
		margin: 0 0 0 20px;
	}

	#summerfes_contents #top_program .banner_area dd.bt_extra_link a {
		width: 100%;
		height: 100%;
		display: block;
		padding: 0 10px 0 0;
		line-height: 36px;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		background: #00AFD5;
		border-radius: 5px;
		box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 15%);
				background: #00AFD5 url(../img/icon_external_wh.svg) no-repeat right 15px center / 9px;
	}

	#summerfes_contents #top_program .banner_area dd.bt_extra_link a:hover {
		opacity: 0.85;
		box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 15%);
	}

	/*予告タイトル*/
	#summerfes_contents #top_program .banner_area .ev_title.soon {
		padding-left: 55px;
	}

	#summerfes_contents #top_program .banner_area .ev_title.soon::before {
		content: "予告";
		display: block;
		position: absolute;
		width: 45px;
		height: 22px;
		line-height: 22px;
		top: 0;
		left: 0;
		border: 2px solid #00AFD5;
		border-radius: 5px;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		color: #009bbc;
		background: #fff;
	}

	/*予告 日付*/
	#summerfes_contents #top_program .banner_area dd.soon_day {
		display: block;
		width: 130px;
		padding: 3px 10px;
		margin: 0 0 0 10px;
		font-size: 14px;
		text-align: center;
		font-weight: bold;
		color: #00AFD5;
		background: #fff;
		border-radius: 15px;
	}


	/*top_program -------------------------------------------- */
	#top_program .inner {
		display: grid;
		grid-template-columns: 49.137931034482759% 49.137931034482759%;
		grid-template-rows: 1fr auto;
		grid-column-gap: 1.724137931034483%;
		grid-row-gap: 20px;
	}

	#top_program .topbt {
		margin-top: 10px;
	}

	#top_program .topbt a {
		background: #f4f4f4;
		border-radius: 5px;
	}

	/*topbt高さ用PC*/
	#top_program .topbt a::before {
		content: "";
		display: block;
	}

	/*プロデューサー*/
	#top_program .top_producer {
		max-width: 570px;
		border-width: 6px;
		padding: 20px 15px;
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}

	#top_program .top_producer h2 {
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}

	#top_program .top_producer h2::before {
		content: "";
		display: block;
		padding-top: 10.925925925925926%;
	}

	#top_program .top_producer figure {
		width: 100%;
		margin: 15px 0 0;
	}

	#top_program .topbt a::after {
		width: 8px;
		height: 100%;
		top: 0;
		right: 10px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 8px;
	}

	#top_program .topbt.prod01 a::before,
	#top_program .topbt.prod04 a::before {
		padding-top: 14.814814814814815%;
		/*80px*/
	}

	#top_program .topbt.prod02 a::before,
	#top_program .topbt.prod03 a::before {
		padding-top: 19.259259259259259%;
		/*104px*/
	}

	#top_program .top_producer a:hover {
		background-color: #fdf1e5;
	}

	#top_program .top_producer .prog_tl {
		width: 360px;
		height: 45px;
		margin: 0 0 0 20px;
	}

	#top_program .prog_day {
		width: 50px;
		height: 37px;
		margin: 0 35px 0 auto;
	}

	#top_program .top_producer .prod02 .prog_tl,
	#top_program .top_producer .prod03 .prog_tl {
		height: 77px;
	}

	#top_program .top_theme {
		max-width: 570px;
		border-width: 6px;
		padding: 20px 15px;
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	#top_program .top_theme .grid {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}

	#top_program .top_theme .grid figure {
		width: 25.925925925925926%;
	}

	#top_program .top_theme .grid h2 {
		width: calc(100% - 25.925925925925926% - 15px);
		background-repeat: no-repeat;
		background-position: left top 45%;
		background-size: contain;
	}

	#top_program .top_theme a::after {
		width: 8px;
		height: 100%;
		top: 0;
		right: 10px;
		background: url(../img/top/arrow_r_theme.svg) no-repeat right center / 8px;
	}

	#top_program .top_theme .topbt a::before {
		padding-top: 14.814814814814815%;
		/*80px*/
	}

	#top_program .top_theme .topbt.theme_ws a::before {
		padding-top: 12.962962962962963%;
	}

	#top_program .top_theme a:hover {
		background-color: #f7e8f5;
	}

	#top_program .top_theme .prog_tl {
		width: 370px;
		height: 45px;
		margin: 0 0 0 20px;
	}

	#top_program .top_theme .theme_ws .prog_tl {
		height: 23px;
	}

	#top_program .top_akutagawa {
		max-width: 570px;
		border-width: 6px;
		padding: 20px 15px;
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		position: relative;
	}

	#top_program .top_akutagawa .grid {
		padding: 0 0 10px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}

	#top_program .top_akutagawa .grid figure {
		width: 25.925925925925926%;
	}

	#top_program .grid h2 {
		width: calc(100% - 25.925925925925926% - 15px);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
		position: relative;
	}

	#top_program .bt_akutagawa {
		position: absolute;
		width: 140px;
		height: 50px;
		right: 15px;
		bottom: 15px;
	}

	#top_program .bt_akutagawa a {
		background-size: 74px;
		border-radius: 5px;
	}

	#top_program .bt_akutagawa a::after {
		content: "";
		display: block;
		position: absolute;
		width: 8px;
		height: 100%;
		top: 0;
		right: 10px;
		background: url(../img/top/arrow_r_akuta.svg) no-repeat right center / 8px;
	}

	#top_program .bt_akutagawa a:hover {
		background-color: #e5f4f5;
	}

	/*top_movie-------------------------------------------- */
	section#top_movie .grid {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: flex-start;
	}

	section#top_movie .mv p {
		margin-top: 15px;
		line-height: 1.5;
	}

	/*top_topics-------------------------------------------- */
	section#top_infoarea h3.h3normal {
		margin: 0;
		font-size: 28px;
		line-height: 1;
		font-weight: 500;
	}

	section#top_infoarea #news {
		margin-bottom: 80px;
	}

	section#top_infoarea #news .grid {
		margin-top: 40px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-end;
	}

	section#top_infoarea #news .info_left {
		width: 60.344827586206897%;
		height: 240px;
		padding: 0 10px 10px 20px;
	}

	section#top_infoarea #news .info_left .news_list {
		width: 100%;
		margin: 15px 0 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	section#top_infoarea #news .info_left .news_list dt {
		width: 80px;
		margin: 0 0 5px;
	}

	section#top_infoarea #news .info_left .news_list dd {
		width: calc(100% - 80px);
		margin: 0 0 15px;
		padding: 0 0 0 105px;
		position: relative;
	}

	section#top_infoarea #news .info_left .news_list dd::before {
		content: "";
		display: block;
		position: absolute;
		width: 95px;
		height: 20px;
		top: 3px;
		left: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 95px;
		border-radius: 3px;
	}

	section#top_infoarea #news .info_left .news_list dd.notag {
		padding: 0;
	}

	section#top_infoarea #news .bt_pdf {
		width: 34.482758620689655%;
	}

	section#top_infoarea #news .bt_pdf a {
		width: 100%;
		height: 100px;
		padding: 30px 10px 30px 40px;
		line-height: 1.5;
		text-align: center;
		border-radius: 5px;
		background-repeat: no-repeat;
		background-position: left 40px center, right 40px center;
		background-size: 53px, 29px;
		box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .1);
	}

	section#top_infoarea #news .bt_pdf a:hover {
		opacity: 0.85;
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
	}

	section#top_infoarea #news .bt_pdf a .smalltxt {
		font-size: 14px;
	}

	section#top_infoarea #schedule {
		margin-bottom: 50px;
	}

	section#top_infoarea #schedule .h3normal {
		font-weight: 500;
		display: inline-block;
	}

	section#top_infoarea #schedule p.h3subtxt {
		display: inline-block;
		margin-left: 30px;
	}

	section#top_infoarea #schedule p.forcustomers {
		margin: 20px 0 0;
		font-size: 14px;
		line-height: 1.7;
		width: 100%;
	}

	section#top_infoarea #schedule .grid {
		margin-top: 30px;
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-content: flex-start;
	}

	section#top_infoarea #schedule .grid .block {
		max-width: 550px;
		width: 49%;
		position: relative;
	}

	section#top_infoarea #schedule .grid .block h4 {
		font-size: 22px;
		line-height: 1.5;
		margin-bottom: 10px;
		position: relative;
	}

	section#top_infoarea #schedule .grid .block h4 .text_sm {
		font-size: 16px;
		margin-right: 10px;
	}

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

	section#top_infoarea #schedule .grid .block h4.schedule_tl_akuta {
		font-size: 20px;
		margin-top: 40px;
	}

	section#top_infoarea #schedule .schedule_list li {
		width: 100%;
	}

	section#top_infoarea #schedule .schedule_list li+li {
		margin-top: 15px;
	}

	section#top_infoarea #schedule .schedule_list li a {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: flex-start;
		width: 100%;
		height: 65px;
		padding: 0 20px;
		font-size: 16px;
		line-height: 1.5;
		color: #000;
		text-decoration: none;
		border-left: 6px solid;
		background: #FFF;
	}

	section#top_infoarea #schedule .schedule_list li a:hover {
		opacity: 0.85;
	}

	#top_infoarea #schedule .schedule_list li a .date {
		display: block;
		font-size: 15px;
	}

	section#top_infoarea #host {
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		padding: 50px 0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}

	section#top_infoarea #host .leftpart {
		width: 40%;
	}

	section#top_infoarea #host .leftpart p {
		display: block;
		font-size: 14px;
		line-height: 2;
	}

	section#top_infoarea #host .bunka {
		width: 390px;
		margin: 0;
		padding: 15px;
		background: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	section#top_infoarea #host .bunka figure {
		width: 70px;
		margin: 0 20px 0 0;
	}

	section#top_infoarea #host .bunka p {
		font-size: 14px;
		line-height: 1.5;
	}

}