@charset "utf-8";

/*==================================================
reset
================================================== */

#summerfes_contents a {
	box-sizing: border-box;
}

#summerfes_contents ul {
	list-style: none;
}

#summerfes_contents img {
	height: auto;
	vertical-align: bottom;
}

#summerfes_contents figure img {
	width: 100%;
}

/*==================================================
pc sp common
================================================== */
#summerfes_contents,
#summerfes_contents section {
	width: 100%;
}

#summerfes_contents figcaption a,
#summerfes_contents p a,
#summerfes_contents li a,
#summerfes_contents dd a,
#summerfes_contents td a {
	color: #006599;
	text-decoration: underline;
}

#summerfes_contents section h3.h3subtl {
	width: 100%;
	background: #d6e9f0;
	font-weight: normal;
}

/*改行させない*/
#summerfes_contents .nowraptxt {
	white-space: nowrap;
}

/*長いハイフン*/
#popup_profile .w-wide,
#summerfes_contents .w-wide {
	display: inline-block;
	transform: scale(2, 1);
	padding: 0 0.5em;
}

/*別window*/
#summerfes_contents a.win {
	position: relative;
}

#summerfes_contents a.win::after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0;
	background: url(../img/icon_external.svg) no-repeat right center;
}

/*(c)マーク*/
#summerfes_contents figure figcaption {
	line-height: 1.4;
	text-align: center;
	position: relative;
}

#summerfes_contents figure figcaption .copyright {
	display: block;
	line-height: 1;
	letter-spacing: 0;
	position: absolute;
	right: 0;
	top: 0;
	color: #222;
}

#summerfes_contents .copyright::before {
	content: "\00a9";
	vertical-align: baseline;
}

#summerfes_contents figure.withborder img {
	border: 1px solid #ccc;
}

/*------------------------------------------------------------
profile
------------------------------------------------------------ */
#summerfes_contents .profile figure a {
	display: block;
	text-decoration: none;
}

#summerfes_contents .profile figure a figcaption {
	width: 100%;
	color: #006599;
	line-height: 1.5;
	text-align: center;
	text-decoration: underline;
}

/*------------------------------------------------------------
program
------------------------------------------------------------ */
#summerfes_contents .program_container {
	background: #ccf1ff;
}

#summerfes_contents .program_container .pglink li a {
	display: block;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#summerfes_contents h2.event_title {
	font-weight: 600;
}

#summerfes_contents .program .date {
	border-bottom: 1px solid #ccc;
	width: 100%;
}

#summerfes_contents .program .date p {
	font-weight: 600;
}

#summerfes_contents .program .date .day {
	font-weight: 600;
}

#summerfes_contents .program ul.number li {
	font-weight: 600;
	position: relative;
	line-height: 1.5;
}

#summerfes_contents .program ul.number li.num_person::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: #666;
}

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

/*斜体*/
#summerfes_contents .program ul.number li i {
	font-style: italic;
}

/*訳注*/
#summerfes_contents ul li sup {
	color: #7A5F1F;
	vertical-align: super;
	line-height: 1;
}


/*------------------------------------------------------------
movie mv youtube
------------------------------------------------------------ */
#summerfes_contents section .mv {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
}

#summerfes_contents section .mv .movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	background-color: #333;
}

#summerfes_contents .movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*comming soon img*/
#summerfes_contents .movie img {
	width: 100%;
}

/*event_mv*/
section#event_mv .inner {
	background: #fff;
}

#summerfes_contents #event_mv h4 {
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}

#event_mv p.txt_eventday {
	text-align: center;
}

#event_mv p.smalltxt {
	line-height: 1.5;
	text-align: left;
}


/*------------------------------------------------------------
[COMMON] extra
------------------------------------------------------------ */
#summerfes_contents .extra .txtr {
	text-align: right;
}

/*------------------------------------------------------------
[common] .producer
------------------------------------------------------------ */
#summerfes_contents.producer .date {
	border-top: 2px solid #886330;
}

#summerfes_contents.producer h2.event_title {
	color: #886330;
	line-height: 1.2;
}

#summerfes_contents.producer li .icon_first {
	background: #886330;
}



/*------------------------------------------------------------
[common] .theme
------------------------------------------------------------ */
#summerfes_contents.theme .date {
	border-top: 2px solid #bd3714;
}

#summerfes_contents.theme h2.event_title {
	color: #bd3714;
	line-height: 1.2;
}

#summerfes_contents.theme li .icon_first {
	background: #bd3714;
}

#summerfes_contents.theme h3.event_sub-title {
	color: #bd3714;
	padding: 0;
}

#summerfes_contents.theme #workshop .call {
	border: 2px solid #bd3714;
}

#summerfes_contents.theme #workshop .call .title {
	color: #bd3714;
	font-weight: 600;
}

/*------------------------------------------------------------
[common] .akutagawa
------------------------------------------------------------ */
#summerfes_contents.akutagawa .date {
	border-top: 2px solid #842196;
}

#summerfes_contents.akutagawa h2.event_title {
	color: #842196;
	line-height: 1.2;
}

#summerfes_contents.akutagawa h3.event_sub-title {
	color: #842196;
	padding: 0;
}

#summerfes_contents.akutagawa #award ul.number li .icon_first {
	background: #842196;
}

#summerfes_contents.akutagawa #award p.numnotes {
	font-weight: normal;
	color: #7A5F1F;
}

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

.akutagawa .extra#message dl {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

.akutagawa .extra#message dt {
	margin-top: 0.5em;
	width: 4em;
}

.akutagawa .extra#message dd {
	margin-top: 0.5em;
	width: calc(100% - 4em);
}

.akutagawa .extra#message dl.guide {
	height: auto;
	margin-top: 0;
	color: #842196;
	font-weight: bold;
}

.akutagawa .extra#message dl.guide dt,
.akutagawa .extra#message dl.guide dd {
	margin-top: 0;
}

/*------------------------------------------------------------
#summer_top
------------------------------------------------------------ */

/*top_program-------------------------------------------- */
section#top_program {
	background-color: #CCF1FF;
}

#summerfes_contents #top_program figcaption .copyright {
	position: static;
	text-align: right;
}

#top_program .top_producer {
	border-top: #886330 solid;
	position: relative;
	background: #fff;
}

#top_program .top_theme {
	border-top: #bd3714 solid;
	position: relative;
	background: #fff;
}

#top_program .top_akutagawa {
	border-top: #842196 solid;
	position: relative;
	background: #fff;
}

#top_program h2 {
	display: block;
	width: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	color: #fff;
	position: relative;
}

#top_program a p {
	display: block;
}

#top_program .topbt a {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
}

/*topbt＞矢印用*/
#top_program .topbt a::after {
	content: "";
	display: block;
	position: absolute;
}

#top_program .top_producer a::after {
	background-image: url(../img/top/arrow_r_prod.svg);
}

#top_program .top_theme a::after {
	background-image: url(../img/top/arrow_r_theme.svg);
}

#top_program .top_akutagawa a::after {
	background-image: url(../img/top/arrow_r_akuta.svg);
}

/*topbt PCSP兼用 h2 日付 */
#top_program .top_producer h2 {
	background-image: url(../img/top/bt_prod_h2.png);
}
#top_program .topbt.prod01 .prog_day {
	background-image: url(../img/top/bt_prod01_day.png);
}
#top_program .topbt.prod02 .prog_day {
	background-image: url(../img/top/bt_prod02_day.png);
}
#top_program .top_theme h2 {
	background-image: url(../img/top/bt_theme_h2.png);
}
#top_program .topbt.theme01 .prog_day {
	background-image: url(../img/top/bt_theme01_day.png);
}
#top_program .topbt.theme02 .prog_day {
	background-image: url(../img/top/bt_theme02_day.png);
}
#top_program .topbt.theme03 .prog_day {
	background-image: url(../img/top/bt_theme03_day.png);
}
#top_program .top_akutagawa .prog_day {
	background-image: url(../img/top/bt_akutagawa_day.png);
}


/*#top_infoarea-------------------------------------------- */
section#top_infoarea {
	background: #f3f3f3;
}

section#top_infoarea #news .info_left {
	background: #FFF;
	overflow-x: hidden;
	overflow-y: scroll;
}

section#top_infoarea #news .info_left .news_list dd .msgred {
	color: #e00;
}

section#top_infoarea #news .info_left .news_list dd.prod::before {
	background-image: url(../img/top/icon_news_prod.svg);
	background-color: #886330;
}

section#top_infoarea #news .info_left .news_list dd.theme::before {
	background-image: url(../img/top/icon_news_theme.svg);
	background-color: #bd3714;
}

section#top_infoarea #news .info_left .news_list dd.akuta::before {
	background-image: url(../img/top/icon_news_akuta.svg);
	background-color: #842196;
}

section#top_infoarea #news .bt_pdf a {
	display: block;
	background-color: #ccc;
	text-decoration: none;
	color: #000;
	background-image: url(../img/top/icon_flyer.png), url(../img/icon_pdf.png);
}

section#top_infoarea #schedule .schedule_list.prod li a {
	border-color: #886330;
}

section#top_infoarea #schedule .schedule_list.theme li a {
	border-color: #bd3714;
}

section#top_infoarea #schedule .schedule_list.akuta li a {
	border-color: #842196;
}