@charset "UTF-8";

/* =========================================================
COMMON
========================================================= */
body#pageLineup {
}


/* =========================================================
PAGE HEADER
========================================================= */

#hdrWrap {
	padding-top: 90px;
	position: relative;
}

#hdrWrap::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 410px;
	background: #09325c;
	bottom: -40px;
	left: 0;
	z-index: -1;
}

#hdrWrap h1 {
	width: calc(100% - 60px);
	max-width: 1400px;
	margin: 0 auto;
	background-color: #e9eef2;
	background-image: url(../img/lineup/pageheader.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 420px;
	border: 1px solid #fff;
	position: relative;
	font-family: din-2014, sans-serif;
font-weight: 700;
	font-size: 8rem;
	color: #fff;
}

#hdrWrap h1::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3) url(../img/common/pagehead_cover.png);
	top: 0;
	left: 0;
}

#hdrWrap h1 .pageTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	height: 100%;
}

@media screen and (max-width: 768px) {
#hdrWrap {
}

#hdrWrap::after {
	height: 280px;
}

#hdrWrap h1 {
	width: calc(100% - 40px);
	height: 300px;
	font-size: 5.2rem;
}

#hdrWrap h1::before {
}

#hdrWrap h1 .pageTitle {
}
}

/* =========================================================
CONTENTS
========================================================= */
#allWrap {
}

#cntWrap {
}

#mainWrap {
	width:90% !important;
	max-width: initial;
	margin: 0 auto 80px;
	padding: 100px 0 20px !important;
}

section {
}

section:last-child {
}

@media screen and (max-width: 768px) {
#mainWrap {
	width:96% !important;
	padding: 70px 0 120px !important;
}
}

/* リード
------------------------------ */
#leadArea {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	padding: 0 40px;
	margin-bottom: 70px;
}

#leadArea p {
}

@media screen and (max-width: 768px) {
#leadArea {
	font-size: 1.6rem;
	padding: 0 20px;
	margin-bottom: 40px;
	line-height: 1.6;
}

#leadArea p {
}
}


.session {
	max-width:947px;
  margin: 0 auto 120px;
	background-color: #f7f8f8;
	box-shadow: 0px 0px 30px 0px rgba(35, 24, 21, 0.2);
	padding:70px 0 0 0;
}


#science.session{
	background-image: url(../img/talk/science.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 350px;
}

#entertainment.session{
	background-image: url(../img/talk/entertainment.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 265px;
}

#character.session{
	background-image: url(../img/talk/entertainment.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 325px;
}

#digital.session{
	background-image: url(../img/talk/digital.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 320px;
}

#music.session{
	background-image: url(../img/talk/music.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 280px;
}

#live_miyavi.session,#live_wn.session,#live_go.session,#live_nk.session{
	background-image: url(../img/talk/live1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 310px;
}

#live_fm.session{
	background-image: url(../img/talk/live1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 380px;
}

#innovation.session{
	background-image: url(../img/talk/innovation.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#newera.session{
	background-image: url(../img/talk/newera.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 280px;
}


#future.session{
	background-image: url(../img/talk/future.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 355px;
}

#origami.session{
	background-image: url(../img/talk/origami.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 310px;
}

#art.session{
	background-image: url(../img/talk/art.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 265px;
}

#university.session{
	background-image: url(../img/talk/university.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 265px;
}

#bigdata.session{
	background-image: url(../img/talk/bigdata.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 290px;
}

#aftercovid19.session{
	background-image: url(../img/talk/aftercovid19.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 275px;
}

#archive.session{
	background-image: url(../img/talk/aftercovid19.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 330px;
}

#city.session{
	background-image: url(../img/talk/city.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 325px;
}

#life.session{
	background-image: url(../img/talk/life.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 265px;
}

#jamtheworld.session{
	background-image: url(../img/talk/jamtheworld.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 290px;
}


.session h2 {
  vertical-align: middle;
  position: relative;
  margin: 0 auto 50px;
	color: #fff;
	font-size: 3.4rem;
  font-weight: 600;
	white-space: nowrap;
  text-align: center;
}

.session h2 p {
	font-size:2.4rem;
}

.session h3 {
	margin: 0 auto 20px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 2.7rem;
	letter-spacing: 1.5px;
	line-height: 1.2;
	text-align: center;
	width: 100%;
}



.session:nth-child(2) h2:after {
	right: 12px;
}

.session ul {
	margin: 15px 0 60px;
	text-align: center;
}
.session li {
	display: inline-block;
	vertical-align: top;
	margin: 0 9px;
}
.session li a{
	display: block;
}


.session li img {
	max-width: 100%;
	height: auto;
	box-shadow: 0px 0px 30px 0px rgba(35, 24, 21, 0.2);
}

.session li img.special {
	max-width: 100%;
	height: auto;
	box-shadow: 0px 0px 30px 0px rgba(35, 24, 21, 0.2);
}


}
.session dl {
	width: 210px;
	margin: 0 auto;
}
.session dt {
	color: #181818;
	padding: 12px 0 7px;
	font-size: 1.8rem;
	font-weight: bold;
}
.session dd {
	color: #181818;
	font-size: 1.2rem;
	line-height: 1.4;
}



.session .info {
	padding: 0 75px;
}

.session .info dl {
	display: table;
	border-collapse: separate;
	border-spacing: 20px 0;
	vertical-align: top;
	width: auto;
	margin: 10px 0 0 -40px;
	padding: 30px 10px 65px;
}
.session .info dt {
	padding:0;
	color: #333;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-size: 5.6rem;
	display: table-cell;
	vertical-align: top;
	letter-spacing:0;
	line-height:1;
}
.session .info dd {
	padding: 0 20px;
	color: #6e6e6e;
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	font-size: 1em;
	letter-spacing: 0px;
	background-color:#fff;
}

.session .info p {
	color: #000000;
	width: 100%;
	margin: 0;
	padding:0 0 40px 0;
	display: inline-block;
	vertical-align: top;
	font-size: 1.8rem;
	font-weight: bold;
	text-align:left;
	border-bottom: solid 2px #e5e5e5;
}


.session .col li {
	width: calc(86%/3);	
}
.session .col2 li {
	width: calc(89%/4);	
}
.session .col3 li {
	width: calc(89%/4);	
}
.session .col4 li {
	width: calc(89%/4);	
}
.session .col5 li {
	width: calc(89%/3);	
	margin: 0 0 30px;
}
.session .col6 li {
	width: calc(89%/3);	
	margin: 0 0 30px;
}


.session .col5 li {
	width: 18%;	
}
.session .col5 li dl {
	width: auto;
}
.session .col5 li img {
	width: auto;
	height: auto;
}
.session .col6 li {
	width: 15%;	
}
.session .col6 li dl {
	width: auto;
}
.session .col6 li img {
	width: auto;
	height: auto;
}



@media screen and (max-width: 768px) {
		.session {
/*
			background: url(../img/talk/top_bg.gif) repeat top left;
*/
			margin:0;
			padding-top: 80px;
			padding-left: 3%;
			padding-right: 3%;
			padding-bottom: 25px;
			text-align: center;
		}

		.session {
		    padding: 0;
		    margin: 0 auto;
		    background-color: #f7f8f8;
		    box-shadow: 0px 0px 30px 0px rgba(35, 24, 21, 0.2);
				margin-bottom:120px;
		    padding: 30px 0 0 0;
		}

		#live_miyavi.session{
			background-image: url(../img/talk/live1.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 30%;
		}

		#live_wn.session,#live_go.session,#live_nk.session{
			background-image: url(../img/talk/live1.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 28%;
		}

		#live_fm.session{
			background-image: url(../img/talk/live1.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 37%;
		}

		#science.session{
			background-image: url(../img/talk/science.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 31%;
		}

		#entertainment.session{
			background-image: url(../img/talk/entertainment.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 25%;
		}

		#character.session{
			background-image: url(../img/talk/entertainment.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 31%;
		}

		#digital.session{
			background-image: url(../img/talk/digital.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 29%;
		}

		#music.session{
			background-image: url(../img/talk/music.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 26%;
		}

		#innovation.session{
			background-image: url(../img/talk/innovation.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 31%;
		}

		#newera.session{
			background-image: url(../img/talk/newera.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 32%;
		}

		#future.session{
			background-image: url(../img/talk/future.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 29%;
		}

		#origami.session{
			background-image: url(../img/talk/origami.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 30%;
		}

		#art.session{
			background-image: url(../img/talk/art.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 31%;
		}

		#university.session{
			background-image: url(../img/talk/university.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 28%;
		}

		#bigdata.session{
			background-image: url(../img/talk/bigdata.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 26%;
		}

		#aftercovid19.session{
			background-image: url(../img/talk/aftercovid19.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 33%;
		}

		#archive.session{
			background-image: url(../img/talk/aftercovid19.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 30%;
		}

		#city.session{
			background-image: url(../img/talk/city.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 33%;
		}

		#life.session{
			background-image: url(../img/talk/life.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 26%;
		}

		#jamtheworld.session{
			background-image: url(../img/talk/jamtheworld.jpg);
			background-repeat: no-repeat;
			background-position: top;
			background-size: 100% 32%;
		}


		.session img{
		    width:100%;
		    margin: 0 auto;
		}


		.session h2 {
		  vertical-align: middle;
		  position: relative;
		  margin: 0 auto 30px;
			padding: 0 10px;
			color: #fff;
			font-size: 2.0rem;
		  font-weight: 600;
			white-space: initial;
		  text-align: center;
		}

		.session h2 p {
			font-size:1.2rem;
		}

		.session h3 {
			margin: 0px auto 20px;
			display: inline-block;
			vertical-align: middle;
			color: #fff;
			font-size: 1.8rem;
			letter-spacing: 1.5px;
			line-height: 1.2;
			text-align: center;
			width: 100%;
		}

		.session ul {
			margin: 15px 0 40px;
			text-align: center;
		}
		.session li {
			display: inline-block;
			vertical-align: top;
			margin: 0 3px;
		}

		.session .col li {
			width: calc(32%);	
		}

		.session li img {
			max-width: 100%;
			height:auto;
		}
		.session .col li img {
			max-width: 90%;
			height:auto;
		}
		.session dl {
			margin: 0 auto;
	    width: auto;
		}
		.session dt {
			color: #181818;
			font-size:1.3rem;
			margin: 2px 0 4px;
			padding:0;
			font-weight: bold;
		}
		.session dd {
			color: #181818;
			font-size:1.0rem;
			line-height: 1.4;
		}

		.session .info {
			padding: 0 10px;
		}

		.session .info dl {
			display: table;
			border-collapse: separate;
			border-spacing: 10px 0;
			vertical-align: top;
			width: auto;
			margin: 10px 0 0 -30px;
			padding: 20px 0px 30px 20px;
		}
		.session .info dt {
			padding:0;
			color: #333;
			font-family: din-2014, sans-serif;
			font-weight: 700;
			font-size: 3.6rem;
			display: table-cell;
			vertical-align: top;
			letter-spacing:0;
			line-height:1;
		}
		.session .info dd {
			padding: 0 6px;
			color: #6e6e6e;
			display: table-cell;
			font-weight: bold;
			vertical-align: middle;
			font-size: 1.4rem;
			letter-spacing: 0px;
			background-color:#fff;
		}

		.session .info p {
			color: #000000;
			width: 100%;
			margin: 0;
			padding:0 0 40px 0;
			display: inline-block;
			vertical-align: top;
			font-size: 1.4rem;
			font-weight: bold;
			text-align:left;
			border-bottom: solid 2px #e5e5e5;
		}

		.session .col2 li {
			width: calc(89%/4);	
		}
		.session .col3 li {
			width: calc(89%/4);	
		}
		.session .col4 li {
			width: calc(87%/4);	
		}
		.session .col5 li {
			width: calc(89%/3);	
			margin: 0 0 30px;
		}
		.session .col6 li {
			width: calc(89%/3);	
			margin: 0 0 30px;
		}




}

.buyticket {
	margin-top:80px;
}


/* 
------------------------------ */