@charset "UTF-8";
body {
	background: none;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	width: 1024px;
	/* border: #000 1px solid; */
	color: #000;
	text-align: left;
	border-top: 0;
	border-bottom: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	overflow: hidden;
}
.wrapper.jp .en{
	display:none !important;
}
.wrapper.en .jp{
	display:none !important;
}
.wrapper a {
	text-decoration: none;
	color: #000;
}
.wrapper img {
	height: auto;
}
.wrapper .anm{
	opacity:0;
}
.wrapper .font2{
	font-family:Verdana, geogia, sans-serif;
}
/*============================
#header
============================*/

#header {
	height: 64px;
	border: #918c8a 1px solid;
	border-top: 0;
	position: fixed;
	background: #fff;
	width: 100%;
	max-width: 1024px;
	box-sizing: border-box;
	z-index: 10;
}
#header .language {
	text-align: right;
	padding: 1.3em 1.1em;
	font-size: 1.52em;
	letter-spacing: 0.06em;
	font-family: Arial;
	width: 100%;
	box-sizing: border-box;
}
#header .language li {
	display: inline-block;
}
#header .language li a {
	opacity: 0.35;
	transition: opacity .24s;
}
#header .language li.current a {
	opacity: 1;
	transition: opacity .24s;
	pointer-events: none;
}
#header .language li + li:before {
	content: "";
	display: inline-block;
	position: relative;
	width: 1px;
	height: 14px;
	background: #000;
	margin: 0 0.5em;
}
#header .openbtn {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	cursor: pointer;
	transition: opacity .24s;
}
#header .menu {
	overflow: hidden;
	height: 0;
	background: #fff;
	position: absolute;
	top: 0;
	width: 100%;
	left: -1px;
	box-sizing: content-box;
	border-top: 0;
	text-align: center;
	transition: height .5s cubic-bezier(0.5, -0, 0, 1);
	border-left: #918c8a 1px solid;
	border-right: #918c8a 1px solid;
}
#header.open .menu {
	height: 452px;
	border-bottom: #918c8a 1px solid;
}
#header .menu ul {
	width: 250px;
	margin: 11% auto 3.5%;
	border-top: #000 1px solid;
	display: block;
}
#header .menu li {
	border-bottom: #000 1px solid;
	display: block;
}
#header .menu li img {
	vertical-align: bottom;
	padding-bottom: 1px;
}
#header .menu a {
	transition: opacity .24s;
}
#header .menu .closebtn {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	transition: opacity .24s;
}
#header .menu .tl {
	width: 100%;
	font-size: 1.6em;
	font-family: arial;
	padding: 2.5em 0 1em;
	letter-spacing: 0.03em;
}

/*============================
#mainVisual
============================*/
#mainVisual{
	margin-top: 63px;
	opacity: 0.01;
}
#mainVisual img {
	vertical-align: bottom;
}
#mainVisual .visual {
	display: inline-block;
	vertical-align: top;
}
#mainVisual .date {
	display: block;
}
#mainVisual .info {
	float: left;
	clear: both;
}
#mainVisual .partner {
	float: right;
}
#mainVisual .text {
	display: inline-block;
}
/*============================
#ctsAbout
============================*/

#ctsAbout {
	background: #000;
	color: #fff;
}
#ctsAbout h2 {
	padding: 7.4em 0 0em;
}
#ctsAbout .bottom {
	margin-top: -2.4em;
}
/*============================
.cts
============================*/

.cts {
	position: relative;
}
.cts .ctsInner {
	width: 88.7%;
	margin: 0 auto;
}
.cts h2 {
	position: relative;
}
.cts p {
	font-size: 1.29em;
	line-height: 2.45;
	margin: 0.38em 0 0;
	position: relative;
	text-align: justify;
}
.cts .split {
	width: 56.8%;
}
.cts .right {
	float: right;
}
.cts .split.left {
	float: left;
}
.cts .img {
	width: 42%;
}
.cts .img li {
	width: 41.1%;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.8% 4% 0;
}
.cts .img li img {
	width: 86.9%;
}
.cts .img p {
	margin: 0 0 0;
	line-height: 1.2;
	font-size: 0.8em;
	text-align: left;
}
.cts .bottom {
	vertical-align: bottom;
	width: 100%;
	margin-bottom: -0.2%;
}
/*============================
#ctsFather
============================*/

#ctsFather {
	background: #f9b70e;
}
#ctsFather .ctsInner{
	height: 29.2em;
}
#ctsFather h2 {
	padding: 3.6em 0 0em;
}
#ctsFather p {
	width: 52.3%;
}
#ctsFather .coubertin {
	position: absolute;
	right: 0;
	z-index: 1;
	top: -13.2em;
}
#ctsFather .bottom {
	margin-top: 6em;
}
/*============================
#ctsArtist
============================*/

#ctsArtist {
	background: #009944;
	color: #fff;
}
#ctsArtist h2 {
	padding-top: 7.2em;
}
#ctsArtist .right p {
	width: 101.9%;
}
#ctsArtist .img {
	padding: 4.7% 0 0 3.4%;
}
#ctsArtist .img li:nth-child(1) img {
	width: 64.6%;
}
#ctsArtist .img li:nth-child(2) img {
	width: 62.7%;
}
#ctsArtist .img li:nth-child(3) img {
	width: 81.5%;
	margin: 0 0 0 -7.2%;
}
#ctsArtist .img li:nth-child(4) img {
	width: 65.9%;
	margin: 8.5% 0 -9% 0%;
}
#ctsArtist .bottom {
	margin-top: 1.15%;
}
/*============================
#ctsPoster
============================*/

#ctsPoster {
	background: #0079c5;
	color: #fff;
}
#ctsPoster h2 {
	padding-top: 11%;
}
#ctsPoster .img {
	margin: 3.6% -6% 0 0;
}
#ctsPoster .img li {
	margin-right: 1.5%;
	margin-bottom: 5.7%;
}
#ctsPoster .img li:nth-child(1) img {
	width: 67.7%;
}
#ctsPoster .img li:nth-child(2) img {
	width: 67.3%;
}
#ctsPoster .img li:nth-child(3) img {
	width: 68.5%;
	margin-left: -0.3%;
}
#ctsPoster .img li:nth-child(4) img {
	width: 62.7%;
}
#ctsPoster .bottom {
	margin-top: -3.4%;
}
/*============================
#ctsTokyo1964
============================*/

#ctsTokyo1964 {
	background: #e72741;
	color: #fff;
}
#ctsTokyo1964 h2 {
	padding-top: 10.8%;
}
#ctsTokyo1964 .split {
	width: 63.6%;
}
#ctsTokyo1964 .img {
	width: 37.9%;
	padding: 7.2% 0 0 2.5%;
}
#ctsTokyo1964 .img li {
	width: 40.2%;
}
#ctsTokyo1964 .img li:nth-child(2) img {
	width: 66%;
}
#ctsTokyo1964 .bottom {
	margin-top: -2.2%;
}
/*============================
#ctsOpening
============================*/

#ctsOpening h2 {
	padding: 17.8% 0 0 0;
}
#ctsOpening p {
	width: 113.8%;
}
#ctsOpening .note {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.95em;
	margin: 0 5.3% 8% 0;
	display: inline-block;
	width: auto;
}
.en #ctsOpening .note{
	letter-spacing:0.1em;
	margin-right: 6.8%;
}
#ctsOpening .img {
	text-align:center;
	margin: 5.2% -9% 0 0;
}
#ctsOpening .img li {
	text-align:left;
	width: 35.2%;
}
#ctsOpening .img li:nth-child(1) img {
	width: 65.2%;
}
#ctsOpening .img li:nth-child(2) img {
	width: 65.5%;
	margin-left: -15.5%;
}
#ctsOpening .img li:nth-child(3) img {
	width: 65.5%;
	margin-left: -0.3%;
}
#ctsOpening .img li:nth-child(4) img {
	width: 49.4%;
	margin-left: 1.4%;
}
#ctsOpening  .bottom {
	margin-top: 1.1%;
}
/*============================
#ctsInfomation
============================*/
#ctsInfomation {
	background: #d9d9da;
}
#ctsInfomation .anchor {
	position:relative;
	top:-50px;
}
#ctsInfomation h3 {
	position: relative;
	top: -0.8em;
	font-size: 1.35em;
	font-weight: normal;
	letter-spacing: 0.07em;
	clear: both;
}
.en #ctsInfomation h3 {
	letter-spacing: 0em;
	top: -0.4em;
	font-size: 1.22em;
}
#ctsInfomation .access h3 {
	top: 0;
	margin-top: 1.2em;
	margin-bottom: 0.7em;
	text-indent: -0.5em;
}
.en #ctsInfomation .access h3{
	margin-top: 2.4em;
	margin-bottom: 0.4em;
	text-indent: 0;
}
#ctsInfomation ul {
	font-size: 1.35em;
	line-height: 2.25;
	margin: -0.2em -1px 0 -0.5em;
	letter-spacing: 0.07em;
}
.en #ctsInfomation ul{
	margin:0;
	font-size: 1.2em;
	letter-spacing: 0;
}
#ctsInfomation li {
	text-indent: -0.7em;
	padding-left: 0.7em;
}
.en #ctsInfomation li {
	text-indent: 0;
	padding-left: 0;
}
.en #ctsInfomation .access li {
	text-indent: -0.5em;
	padding-left: 0.7em;
}
#ctsInfomation p {
	margin-top: 2.2em;
	letter-spacing: 0.07em;
}
.en #ctsInfomation p {
	margin-top: 1.8em;
	letter-spacing: 0em;
}
#ctsInfomation p a{
	text-decoration:underline;
}
#ctsInfomation .access {
	position: relative;
}
#ctsInfomation .access ul {
	margin-left: -0.3em;
	letter-spacing: 0;
}
#ctsInfomation .map {
	position: absolute;
	top: 5%;
	right: -0.6%;
	width: 38.866%;
}
#ctsInfomation .sns {
	text-align: center;
	padding: 3.6em 0 2.8em;
}
#ctsInfomation .sns a {
	margin: 0 0.25em;
	transition: opacity .24s;
}
/*============================
#footer
============================*/
#footer{
	position:relative;
}
#footer p {
	letter-spacing: 0.02em;
	text-align: center;
	padding: 0.9em;
	font-size: 1.15em;
	letter-spacing: 0.04em;
}
#footer .gotop{
	margin:0 auto;
	width:1024px;
	position:fixed;
	bottom: 0.5em;
	transition:opacity 0.4s;
	z-index: 10;
	pointer-events: none;
}
#footer .gotop a{
	display:block;
	position:absolute;
	right: 13px;
	top: -55px;
	background: rgba(255, 255, 255, 0.5);
	transition:background .3s;
	pointer-events: all;
}
#footer .gotop.hide{
	opacity:0;
}
#footer .gotop.hide a{
	pointer-events:none;
}
#footer .gotop.end{
	position:absolute;
	top: -35px;
}
#footer .gotop a img{
	vertical-align:bottom;
}
@media (min-width: 769px) {
	#header .menu a:hover {
		opacity: 0.6;
	}
	#header .language li:not(.current):hover a {
		opacity: 0.8 !important;
	}
	#header .openbtn:hover,
	#header .closebtn:hover {
		opacity: 0.6;
	}
	#ctsInfomation p a:hover{
		text-decoration:none;
	}
	#ctsInfomation .sns a:hover {
		opacity:0.6;
	}
	#footer .gotop a:hover{
		background: rgba(255, 255, 255, 0.9);
	}
	.en .cts p{
   	    margin: 0.25em 0 0;
   	    font-size: 1.2em;
	    line-height: 2.25;
    }
	.en .cts .img p {
		margin: 0 0 0;
		line-height: 1.2;
		font-size: 0.7em;
		text-align: left;
	}
	.en #ctsAbout h2{
    	padding-top: 7.8em;
    }
	.en #ctsFather h2{
    	padding-top: 5.1em;
    }
    .en #ctsArtist h2{
    	padding-top: 7.4em;
    	margin-bottom: 0.7em;
    }
    .en #ctsPoster h2{
    	padding-top: 4.9em;
    }
    .en #ctsTokyo1964 h2 {
	    padding-top: 11.6%;
	}
	.en #ctsOpening h2{
		padding-top: 13.4%;
		margin-bottom: 0.9em;
	}
	.en #ctsOpening .bottom{
		margin-top: -1%;
	}
	.forsp{
		display:none !important;
	}
}
@media (max-width: 768px) {
	.mq{opacity:0;}
	.forpc{
		display:none !important;
	}
	body {
		font-size: 2.73vw;
	}
	.wrapper {
		width: 100%;
	}
	/*============================
	#header
	============================*/

	#header {
		height: 10.7vw;
		border: none;
		border-bottom: #918c8a 0.05em solid;
	}
	#header .language {
		padding: 0.95em 1.3em 1.3em 0;
		font-size: 1.28em;
		letter-spacing: 0.06em;
	}
	#header .language li a {
		opacity: 0.35;
	}
	#header .language li.current a {
		opacity: 1;
	}
	#header .language li + li:before {
		width: 1px;
		height: 0.8em;
		margin: 0 0.5em;
	}
	#header .openbtn{
		width: 12.8%;
	}
	#header.open .menu {
		height: 101.5vw;
		border-bottom: #918c8a 0.05em  solid;
	}
	#header .menu .closebtn{
		width: 12.8%;
	}
	#header .menu ul {
		width: 57%;
		margin: 25.6% auto 3.5%;
	}
	#header .menu .tl {
		font-size: 1.55em;
		padding: 2.55em 0 1em;
		letter-spacing: 0.06em;
	}
	#header .menu img{
		width:100%;
	}
	#header .menu li img{
		padding-bottom:0.07em;
	}
	#header .menu .sns a{
		display: inline-block;
		width: 10.3%;
		margin-top: 5.2%;
	}

	/*============================
	#mainVisual
	============================*/
	#mainVisual{
		margin-top: 3.8em;
	}
	#mainVisual .visual {
		width:100%;
	}
	#mainVisual .visual img{
		width:100%;
	}
	#mainVisual .date {
		width: 51.4%;
		display: inline-block;
	}
	#mainVisual .place{
		width: 48.6%;
		display: inline-block;
	}
	#mainVisual .info {
		width:100%;
	}
	#mainVisual .partner {
		width:100%;
	}
	#mainVisual .text,
	#mainVisual h1 img{
		width:100%;
	}
	/*============================
	#ctsAbout
	============================*/
	#ctsAbout h2 {
		padding: 5.05em 0 0em;
		width: 91%;
	}
	.en #ctsAbout h2{
    	padding-top: 5.8em;
    	width: 100%;
    }
	#ctsAbout .bottom {
		margin-top: 1.1em;
	}
	/*============================
	.cts
	============================*/
    .cts .ctsInner {
		width: 86.667%;
	}
	.cts p {
		font-size: 1.24em;
		line-height: 1.73;
		margin: 0.5em 0 0;
		width: 103%;
	}
	.en .cts p {
		font-size: 1.2em;
		line-height: 1.56;
		margin: 0.6em 0 0;
		width: 100%;
	}
	.cts .split {
		width: 100%;
	}
	.cts .right {
		float: none;
	}
	.cts .split.left {
		float: none;
	}
	.cts h2 img{
		width:100%;
	}
	.cts .img {
		width: 105%;
	}
	.cts .img li {
		width: 47.2%;
		margin: 0 2.8% 6.4% 0;
	}
	.cts .img li:nth-child(2n) {
		margin-right:0;
	}
	.cts .img li img {
		width: 84.9%;
	}
	.cts .img p {
		margin: 1.2% 0 0;
		line-height: 1.3;
		font-size: 0.92em;
	}
	/*============================
	#ctsFather
	============================*/
    #ctsFather .ctsInner{
    	height:auto;
    }
	#ctsFather h2 {
		padding: 2.9em 0 0em;
		width: 48.3%;
	}
	.en #ctsFather h2{
    	padding-top: 3.5em;
    	width: 81.6%;
    	margin-left: -0.7%;
    }
	#ctsFather p {
		width: 100%;
		height: auto;
	}
	#ctsFather .coubertin {
		top: 0;
		width: 100%;
		margin-top: 2.5%;
		position: relative;
		margin-bottom: -5%;
	}
	#ctsFather .bottom {
		display: none;
	}
	/*============================
	#ctsArtist
	============================*/
	#ctsArtist h2 {
		padding-top: 5.3em;
		width: 77.8%;
		margin-left: -0.3%;
		margin-bottom: 3.3%;
	}
	.en #ctsArtist h2 {
		padding-top: 5.3em;
		width: 77.8%;
		margin-left: -0.3%;
		margin-bottom: 3.3%;
	}
	#ctsArtist .right p {
		width: 101.9%;
	}
	#ctsArtist .img {
		padding: 8.8%0 0 5.4%;
	}
	#ctsArtist .img li:nth-child(1) img {
		width: 75.8%;
	}
	#ctsArtist .img li:nth-child(2) img {
		width: 73.6%;
	}
	#ctsArtist .img li:nth-child(3) img {
		width: 95.9%;
		margin: 0 0 0 -15.1%;
	}
	#ctsArtist .img li:nth-child(3) p {
		width: 113.9%;
		margin: 2.5% 0 0 -9.1%;
	}
	#ctsArtist .img li:nth-child(4) img {
		width: 77.3%;
		margin: -0.1% 0 0.1% -0.9%;
	}
	#ctsArtist .img li:nth-child(4) p {
		width: 80%;
		margin: 1% 0 0 -1.1%;
	}
	#ctsArtist .bottom {
		margin-top: 3.95%;
	}
	/*============================
	#ctsPoster
	============================*/

	#ctsPoster h2 {
		padding-top: 13.3%;
		width: 76%;
	}
	.en #ctsPoster h2 {
		padding-top: 5em;
		width: 75.6%;
		margin-left: -0.3%;
		margin-bottom: -0.5%;
	}
	#ctsPoster .img {
		margin: 7.4% -6% -1px 8.5%;
	}
	#ctsPoster .img li {
		margin-right: 1.5%;
		margin-bottom: 6%;
	}
	#ctsPoster .img li:nth-child(1) img {
		width: 71%;
	}
	#ctsPoster .img li:nth-child(2) img {
		width: 70.8%;
	}
	#ctsPoster .img li:nth-child(3) img {
		width: 72.6%;
		margin-left: 0%;
	}
	#ctsPoster .img li:nth-child(4) img {
		width: 65.9%;
		margin-left: 1.7%;
	}
	#ctsPoster .bottom {
		margin-top: 0.6%;
	}
	/*============================
	#ctsTokyo1964
	============================*/

	#ctsTokyo1964 h2 {
		padding-top: 12.7%;
		width: 64.8%;
	}
	.en #ctsTokyo1964 h2 {
		padding-top: 4.6em;
		width: 93.9%;
		margin-left: -0.7%;
		margin-bottom: -0.2%;
	}
	#ctsTokyo1964 .split {
		width: 100%;
	}
	#ctsTokyo1964 .img {
		width: 123.4%;
		padding: 5.1% 0 0 7.8%;
	}
	#ctsTokyo1964 .img li {
		width: 40.2%;
	}
	#ctsTokyo1964 .img li:nth-child(2) img {
		width: 64.3%;
	}
	#ctsTokyo1964 .bottom {
		margin-top: -3.8%;
	}
	/*============================
	#ctsOpening
	============================*/

	#ctsOpening h2 {
		padding: 16.6% 0 0 0;
		width: 73.6%;
	}
	.en #ctsOpening h2 {
		padding-top: 4.6em;
		width: 75.6%;
		margin-left: -0.7%;
		margin-bottom: 4%;
	}
	#ctsOpening p {
		width: 100%;
	}
	#ctsOpening .note {
		font-size: 0.8em;
		margin: 0 5.6% 16.3% 0;
	}
	#ctsOpening .img {
		margin: 7.4% 0 4.3% 7.2%;
	}
	#ctsOpening .img li {
		width: 49.6%;
		margin-right: -1%;
		margin-bottom: 1.5%;
	}
	#ctsOpening .img li:nth-child(1) img {
		width: 66.8%;
	}
	#ctsOpening .img li:nth-child(2) img {
		width: 66.8%;
		margin-left: -15.4%;
	}
	#ctsOpening .img li:nth-child(3) img {
		width: 66.7%;
		margin-left: -3.6%;
	}
	#ctsOpening .img li:nth-child(4) img {
		width: 49.9%;
		margin-left: -0.2%;
	}
	#ctsOpening .bottom {
		margin-top: 11.6%;
	}
	/*============================
	#ctsInfomation
	============================*/
	#ctsInfomation .anchor {
		top:-2em;
	}
	#ctsInfomation h3 {
		top: 2em;
		font-size: 1.02em;
		letter-spacing: 0.07em;
	}
	.en #ctsInfomation h3{
		padding-top: 2.4em;
		font-size: 1em;
	}
	#ctsInfomation .access h3 {
		margin-top: 2em;
		margin-bottom: 0.4em;
		text-indent: -0.5em;
	}
	.en #ctsInfomation .access h3 {
		margin-top: 1.5em;
		margin-bottom: 0.1em;
		padding-top: 0;
	}
	#ctsInfomation ul {
		font-size: 1.02em;
		line-height: 1.7;
		margin: 2.1em -1px 0 -0.5em;
		letter-spacing: 0.07em;
	}
	.en #ctsInfomation ul {
		font-size: 0.88em;
		line-height: 1.8;
		margin: -0.4em -1px 0 0;
		letter-spacing: 0;
	}
	#ctsInfomation li {
		text-indent: -1em;
		padding-left: 1em;
		width: 103%;
	}
	.en #ctsInfomation li {
		width: 100%;
	}
	#ctsInfomation span.cut {
		margin: 0 -0.2em;
		white-space: nowrap;
	}
	#ctsInfomation p {
		margin-top: 1.8em;
		font-size: 1em;
		letter-spacing: 0.07em;
	}
	.en #ctsInfomation p {
		margin-top: 1.7em;
	}
	#ctsInfomation .access ul {
		margin-left: -0.3em;
		letter-spacing: 0;
		margin-top:0;
	}
	#ctsInfomation .map {
		position: relative;
		top: 0;
		right: 0;
		margin: 14.5% 0 0 0%;
		width: 100%;
	}
	.en #ctsInfomation .map {
		margin: 10.6% 0 0 0%;
	}
	#ctsInfomation .sns {
		padding: 2.3em 0 0.6em;
	}
	#ctsInfomation .sns a {
		margin: 0 0.15em;
		display:inline-block;
		width: 8.8%;
	}
	#ctsInfomation .sns a:nth-child(1) {
		width: 9.9%;
	}
	#ctsInfomation .sns a img{
		width: 100%;
	}
	/*============================
	#footer
	============================*/

	#footer p {
		letter-spacing: 0.02em;
		padding: 0.3em 0 0.5em;
		font-size: 0.95em;
		letter-spacing: 0.04em;
		margin-top: 0;
	}
	#footer .gotop{
		width:100%;
		bottom: 0.5em;
	}
	#footer .gotop a{
		right: 1.1em;
		top: -4.1em;
		width: 3.6em;
	}
	#footer .gotop a img{
		width:100%;
	}
	#footer .gotop.end{
		top: -0.5em;
	}
}