#content00 {
padding: 0px;
height: auto;
position: relative;
overflow: hidden;
}

.contents-backimage {
background-image: url(../../../../img/railroad/keio-open-innovation/livestation/back01.webp);
background-position: center top;
background-size: 150% auto;
}




/* submissions */
#submissions {
}
#submissions .link-bt a {
  padding: 1em 15px;
  font-size: calc(100vw / 20);
  line-height: 1.2em;
}
#submissions .contents-txt {
}
#submissions .contents-txt strong {
font-weight: bold;
font-size: 120%;
padding-bottom: 0.5em;
display: inline-block;
}

/* poster */
#poster {
}
#poster .graphic-img {
width: 65%;
max-width: calc(642px / 2);
margin-right: auto;
margin-left: auto;
border: 1px solid rgba(199,203,209,1.00);
}

.pink-catch {
font-size: calc(100vw / 18);
line-height: 1.3em;
font-weight: bold;
color: rgba(214,0,127,1.00);
}

.catch-text {
font-size: calc(100vw / 25);
line-height: 1.6em;
font-weight: bold;
}





@media print, screen and (min-width: 375px) {
/* submissions */
#submissions .link-bt a {
  padding: 1em 15px;
  font-size: 18px;
  line-height: 1.2em;
}

.pink-catch {
font-size: 22px;
line-height: 1.3em;
}

.catch-text {
font-size: 14px;
line-height: 1.7em;
}

}


@media print, screen and (min-width: 768px) {
.contents-backimage {
background-size: 120% auto;
}

/* submissions */
#submissions .link-bt a {
  padding: 1em 15px;
  font-size: 20px;
  line-height: 1.2em;
  width: 50%;
  margin: 0px auto;
}
#submissions .contents-txt {
text-align: center;
}
#button-01 .link-bt a,
#poster .link-bt a {
  width: 50%;
  margin: 0px auto;
}
#attention .link-bt a {
  width: 50%;
}

.pink-catch {
font-size: 28px;
line-height: 1.3em;
}

.catch-text {
font-size: 16px;
line-height: 1.8em;
}

}


@media print, screen and (min-width: 960px) {
.contents-backimage {
background-size: 100% auto;
}

/* submissions */
#submissions .link-bt a {
  padding: 1.2em 15px;
  font-size: 21px;
  line-height: 1.2em;
  width: 45%;
}

#button-01 .link-bt a,
#poster .link-bt a {
  width: 45%;
  margin: 0px auto;
}
#attention .link-bt a {
  width: 45%;
}

.pink-catch {
font-size: 30px;
line-height: 1.3em;
}

.catch-text {
font-size: 17px;
line-height: 1.9em;
}

}

@media print, screen and (min-width: 1200px) {
/* submissions */
#submissions .link-bt a {
  padding: 1.2em 15px;
  font-size: 22px;
  line-height: 1.2em;
}

.pink-catch {
font-size: 32px;
line-height: 1.3em;
}

.catch-text {
font-size: 18.5px;
line-height: 1.9em;
}

}

@media print, screen and (min-width: 1400px) {
.catch-text {
font-size: 20px;
line-height: 1.9em;
}

}
















/* catch_area */
#catch_area {
padding-top: 0px;
}
#catch_area .catch-title {
width: 98%;
max-width: 720px;
margin: 0px auto 6%;
}
#catch_area .catch-text {
font-size: calc(100vw / 25);
line-height: 1.6em;
font-weight: bold;
}


@media print, screen and (min-width: 375px) {
/* catch_area */
#catch_area .catch-title {
width: 98%;
margin: 0px auto 6%;
}
#catch_area .catch-text {
font-size: 14px;
line-height: 1.6em;
}

}


@media print, screen and (min-width: 768px) {
/* catch_area */
#catch_area .catch-title {
width: 70%;
margin: 0px auto 5%;
}
#catch_area .catch-text {
font-size: 18px;
line-height: 1.8em;
text-align: center;
}

}


@media print, screen and (min-width: 960px) {
/* catch_area */
#catch_area .catch-title {
width: 60%;
margin: 0px auto 4%;
}
#catch_area .catch-text {
font-size: 18px;
line-height: 1.8em;
}

}


@media print, screen and (min-width: 1200px) {
/* catch_area */
#catch_area .catch-title {
width: 60%;
margin: 0px auto 4%;
}
#catch_area .catch-text {
font-size: 21px;
line-height: 1.8em;
}

}


@media print, screen and (min-width: 1400px) {
#catch_area .catch-text {
font-size: 23px;
line-height: 1.8em;
}

}













/* artist_area */
.en-catch-title {
padding: 0px 0px 4%;
}
#artist_area {
position: relative;
}
#artist_area::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0px;
background-color: rgba(253,244,220,1.00);
z-index: -1;
}

.photo-block {
width: 85%;
margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.photo-block > li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background-image: url(../../../../img/railroad/keio-open-innovation/livestation/photo_back01.svg);
background-repeat: no-repeat;
background-position: right top;
background-size: 120% auto;
margin-bottom: 15px;
}
.photo-block > li:last-child {
margin-bottom: 0px;
}

.art-table {
color: rgba(255,255,255,1.00);
font-size: calc(100vw / 27);
line-height: 1.5em;
}
.art-table th {
padding: 1.1em 0.9em 0.7em;
border-top: 1px solid rgba(255,255,255,1.00);
width: 17%;
vertical-align: top;
}
.art-table td {
padding: 0.7em 0.9em 0.7em 0em;
border-top: 1px solid rgba(255,255,255,1.00);
width: 83%;
vertical-align: top;
}
.w-catch {
font-size: calc(100vw / 20);
line-height: 1.3em;
font-weight: bold;
}
.art-table dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.art-table dt {
-ms-flex-preferred-size: calc(100% - 55px);
flex-basis: calc(100% - 55px);
}
.art-table dd.sns-x {
-ms-flex-preferred-size: 24px;
flex-basis: 24px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.art-table dd.sns-x .graphic-img {
width: 14px;
}
.art-table dd.sns-youtube {
-ms-flex-preferred-size: 31px;
flex-basis: 31px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.art-table dd.sns-youtube .graphic-img {
width: 21px;
}





@media print, screen and (min-width: 375px) {
/* artist_area */
.en-catch-title {
padding: 0px 0px 3%;
}

.photo-block {
width: 85%;
}
.photo-block > li {
margin-bottom: 20px;
}

.art-table {
font-size: 13px;
line-height: 1.5em;
}
.w-catch {
font-size: 17px;
line-height: 1.3em;
}

.art-table dt {
-ms-flex-preferred-size: calc(100% - 60px);
flex-basis: calc(100% - 60px);
}
.art-table dd.sns-x {
-ms-flex-preferred-size: 26px;
flex-basis: 26px;
}
.art-table dd.sns-x .graphic-img {
width: 16px;
}
.art-table dd.sns-youtube {
-ms-flex-preferred-size: 34px;
flex-basis: 34px;
}
.art-table dd.sns-youtube .graphic-img {
width: 24px;
}

}

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

/* artist_area */
.en-catch-title {
padding: 0px 0px 3%;
}

.photo-block {
width: 100%;
}
.photo-block > li {
-ms-flex-preferred-size: calc(50% - 13px);
flex-basis: calc(50% - 13px);
background-size: 100% auto;
margin-bottom: 0px;
}
.photo-block > li:last-child {
margin-bottom: 0px;
}

.art-table {
font-size: 14px;
line-height: 1.5em;
}
.art-table th {
padding: 1.1em 0.9em 0.7em;
}
.art-table th .graphic-img {
width: 27px;
}

.art-table td {
padding: 0.7em 0.9em 0.7em 0em;
width: calc(100% - 35px);
}

.w-catch {
font-size: 19px;
line-height: 1.3em;
}

.art-table dt {
-ms-flex-preferred-size: calc(100% - 64px);
flex-basis: calc(100% - 64px);
}
.art-table dd.sns-x {
-ms-flex-preferred-size: 28px;
flex-basis: 28px;
}
.art-table dd.sns-x .graphic-img {
width: 18px;
}
.art-table dd.sns-youtube {
-ms-flex-preferred-size: 36px;
flex-basis: 36px;
}
.art-table dd.sns-youtube .graphic-img {
width: 26px;
}

}


@media print, screen and (min-width: 960px) {
/* artist_area */
.en-catch-title {
padding: 0px 0px 2.5%;
}

.photo-block > li {
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
}
.art-table {
font-size: 15px;
line-height: 1.6em;
}
.art-table th {
padding: 1.4em 1.4em 1.0em;
}
.art-table th .graphic-img {
width: 32px;
}

.art-table td {
padding: 1.0em 1.4em 1.0em 0em;
width: calc(100% - 32px);
}

.w-catch {
font-size: 25px;
line-height: 1.3em;
}

.art-table dt {
-ms-flex-preferred-size: calc(100% - 80px);
flex-basis: calc(100% - 80px);
}
.art-table dd.sns-x {
-ms-flex-preferred-size: 34px;
flex-basis: 34px;
}
.art-table dd.sns-x .graphic-img {
width: 24px;
}
.art-table dd.sns-youtube {
-ms-flex-preferred-size: 46px;
flex-basis: 46px;
}
.art-table dd.sns-youtube .graphic-img {
width: 36px;
}

}

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

/* artist_area */
.en-catch-title {
padding: 0px 0px 2.5%;
}

.photo-block > li {
-ms-flex-preferred-size: calc(50% - 27px);
flex-basis: calc(50% - 27px);
}
.art-table {
font-size: 16px;
line-height: 1.7em;
}
.art-table th {
padding: 1.5em 1.2em 1.1em 1.4em;
}
.art-table th .graphic-img {
width: 32px;
}

.art-table td {
padding: 1.1em 1.4em 1.1em 0em;
width: calc(100% - 35px);
}

.w-catch {
font-size: 25px;
line-height: 1.3em;
}

.art-table dt {
-ms-flex-preferred-size: calc(100% - 94px);
flex-basis: calc(100% - 94px);
}
.art-table dd.sns-x {
-ms-flex-preferred-size: 40px;
flex-basis: 40px;
}
.art-table dd.sns-x .graphic-img {
width: 30px;
}
.art-table dd.sns-youtube {
-ms-flex-preferred-size: 54px;
flex-basis: 54px;
}
.art-table dd.sns-youtube .graphic-img {
width: 44px;
}

}



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

}





















/* dj_area */
#dj_area .photo-block > li {
background: none;
position: relative;
}
#dj_area .photo-block > li::after {
content: "";
position: absolute;
width: 100%;
height: 90%;
display: block;
top: 10%;
left: 0px;
background-color: rgba(245,245,245,1.00);
z-index: 0;
}

#dj_area .photo-block .graphic-img,
#dj_area .photo-block .body-area {
position: relative;
z-index: 1;
}

#dj_area .art-table {
color: rgba(0,0,0,1.00);
}
#dj_area .art-table td {
width: auto;
padding: 0.7em 0.9em;
}



/*
tr
#dj_area .art-table dt {
-ms-flex-preferred-size: calc(100% - 55px);
flex-basis: calc(100% - 55px);
}
.art-table dd.sns-x {
-ms-flex-preferred-size: 24px;
flex-basis: 24px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.art-table dd.sns-x .graphic-img {
width: 14px;
}
*/


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

}

@media print, screen and (min-width: 768px) {
#dj_area .art-table td {
padding: 0.7em 0.9em;
}

}


@media print, screen and (min-width: 960px) {
#dj_area .art-table td {
padding: 1.0em 1.4em;
}

}


@media print, screen and (min-width: 1200px) {
#dj_area .art-table td {
padding: 1.1em 1.4em;
}

}


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

}



























/* event-details */
#event-details,
#stamp-rally {
background-color: rgba(240,240,240,1.00);
}
#event-details .def-table th,
#stamp-rally .def-table th {
background-color: rgba(255,255,255,1.00);
border: none;
}
#ticket .def-table th {
background-color: rgba(242,242,242,1.00);
border: none;
}
.l25-text {
font-size: 125%;
line-height: 1.3em;
padding-bottom: 0.5em;
font-weight: bold;
}
.gmap iframe {
width: 100%;
height: 250px;
}

.akome_text {
margin-left: 1em;
text-indent: -1em;
}
.plane-table {
width: auto !important;
}
.plane-table th {
white-space: nowrap;
}
.plane-table th,
.plane-table td {
background: none !important;
padding: 0px;
border: none !important;
display: table-cell;
width: auto;
}


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

.gmap iframe {
height: 300px;
}

}

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

.gmap iframe {
height: 350px;
}

}

@media print, screen and (min-width: 960px) {
.gmap iframe {
height: 400px;
}
#event-details .def-table th,
#stamp-rally .def-table th,
#ticket .def-table th {
background: none;
}
#event-details .def-table th,
#stamp-rally .def-table th,
#ticket .def-table th {
border-top: 1px solid rgba(200,203,209,1.00);
}
#event-details .def-table tr:last-child th,
#stamp-rally .def-table tr:last-child th,
#ticket .def-table tr:last-child th {
border-bottom: 1px solid rgba(200,203,209,1.00);
}

}


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

}

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

}
















/*
<section class="contents-block" id="my_turn">
	<div class="contents-block-in animation">
		<table width="100%" border="0" cellspacing="0" cellpadding="0" class="plane-table">
			<tr>
				<th><div class="graphic-img"><img src="../../../assets/img/railroad/keio-open-innovation/livestation/my_turn_logo.png" alt="My turn" width="310" height="112" loading="lazy"></div></th>
				<td>このイベントは京王電鉄の社員起点オープンイノベーションプログラム「My turn」の「アーティスト支援」の一環として開催します。</td>
			</tr>
		</table>
	</div>
</section>
*/
/* catch_area */
.my-table {
display: table;
}
.my-table th {
display: block;
}
.my-table th .graphic-img {
max-width: calc(310px / 2);
width: 25%;
margin: 0px auto 5px 0px;
}
.my-table td {
display: block;
}


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

}

@media print, screen and (min-width: 768px) {
.my-table {
display: block;
}
.my-table th {
display: table-cell;
}
.my-table th .graphic-img {
width: 100%;
margin: 0px 15px 0px 0px;
padding-right: 15px;
}
.my-table td {
display: table-cell;
}

}

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

}

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

}

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

}