body {
background-color: #5A5A5A;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
letter-spacing: -0.05em;
color:#FFFFFF;
}

a:link,
a:visited,
a:hover,
a:active {
color: #FFF;
}

.menu{
position: fixed;
width:28.57%;
height:4.76%;
margin-left:66.66%;
margin-top:4.76%;
text-align:right;
}

.menu_text {
font-size:1.5vw;
font-weight:500;
line-height: 1.7em;
margin-top: -2.5%;
}

.menu_day {
font-size:1vw;
font-weight:500;
line-height: 1.5em;
}

.credit{
position: absolute;
width:33.33%;
height:4.76%;
margin-left:50%;
margin-top:296.43%;
text-align:right;
}

.credit_text {
font-size:0.8vw;
line-height: 1.7em;
margin-top: -3%;
}

.wrap {
position: absolute;
top:0px;
left:0px;
width:100%;
-webkit- box-sizing:border-box;
box-sizing:border-box;
}

.title {
font-size:2.3vw;
font-weight:600;
line-height: 1.9em;
}

.cap {
font-size:2vw;
line-height: 1.75em;
}

.menu_title {
font-size:1.75vw;
font-weight:600;
line-height: 1.9em;
}

.menu_cap {
font-size:1.5vw;
line-height: 1.75em;
}

.menu_cap_mini {
font-size:1.2vw;
line-height: 1.75em;
}

.menu_modal {
  display: none;
  background-color:rgba(0, 0, 0, .75);
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left:0;
}

.menu_modal_box {
position: fixed;
width:60%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 20px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.modal {
  display: none;
  background-color:rgba(0, 0, 0, .75);
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  left:0;
}

.modal_box_t {
position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 2%;
  border: thin solid #fff000;
  text-align: justify;
  text-justify: inter-ideograph;
}

.modal_box_v {
position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 2%;
  border: thin solid #009744;
  text-align: justify;
  text-justify: inter-ideograph;
}

.modal_box_d {
position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 2%;
  border: thin solid #009ee7;
  text-align: justify;
  text-justify: inter-ideograph;
}

.modal_box_s {
position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 2%;
  border: thin solid #1d2087;
  text-align: justify;
  text-justify: inter-ideograph;
}

.modal_box_a {
position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 2%;
  border: thin solid #ff007f;
  text-align: justify;
  text-justify: inter-ideograph;
}

.modal_box_ex {
position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 2%;
  border: thin solid #fff;
  text-align: justify;
  text-justify: inter-ideograph;
}

.modal_box_exhibition {
position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 2%;
  border: thin solid #FF0000;
  text-align: justify;
  text-justify: inter-ideograph;
}

#intro,
#about,
#sasaki,
#t-1,
#t-2,
#t-3,
#t-4,
#v-1,
#v-2,
#v-3,
#d-1,
#d-2,
#d-3,
#d-4,
#d-5,
#d-6,
#d-7,
#ex-1,
#ex-2,
#ex-3,
#ex-ex1,
#ex-ex2,
#s-1,
#s-2,
#a-1,
#exhibition,
#c-1 {
  display: none;
}

#intro:checked + .menu_modal,
#about:checked + .menu_modal,
#sasaki:checked + .menu_modal,
#t-1:checked + .modal,
#t-2:checked + .modal,
#t-3:checked + .modal,
#t-4:checked + .modal,
#v-1:checked + .modal,
#v-2:checked + .modal,
#v-3:checked + .modal,
#d-1:checked + .modal,
#d-2:checked + .modal,
#d-3:checked + .modal,
#d-4:checked + .modal,
#d-5:checked + .modal,
#d-6:checked + .modal,
#d-7:checked + .modal,
#ex-1:checked + .modal,
#ex-2:checked + .modal,
#ex-3:checked + .modal,
#ex-ex1:checked + .modal,
#ex-ex2:checked + .modal,
#s-1:checked + .modal,
#s-2:checked + .modal,
#a-1:checked + .modal,
#exhibition:checked + .modal,
#c-1:checked + .modal {
  display: block;
}

img.sasaki{
position: absolute;
width:3.3%;
margin-left:85.19%;
margin-top:294.94%;
}

img.bunka{
position: absolute;
width:5.81%;
margin-left:89.44%;
margin-top:295.24%;
}

img {

}

img.num1 {
width:15%;
}
img.num2 {
width:9.45%;
}

img.guide{
position: absolute;
width:100%;
}

img.logo{
position:fixed;
width:33.33%;
margin-top:4.76%;
margin-left:4.76%;
}

img.line{
position: absolute;
width:92.86%;
margin-top:9.52%;
margin-left:4.76%;
}

img.t-1{
position: absolute;
width:28.57%;
margin-left:4.76%;
margin-top:19.05%;
}
img.t-1_tex {
position: absolute;
width:18.41%;
margin-left:19.05%;
margin-top:13.69%;
}

img.t-2{
position: absolute;
width:14.29%;
margin-left:57.14%;
margin-top:9.52%;
}
img.t-2_tex {
position: absolute;
width:13.69%;
margin-left:42.86%;
margin-top:10.71%;
}

img.t-3{
position: absolute;
width:42.86%;
margin-left:52.38%;
margin-top:52.38%;
}
img.t-3_tex {
position: absolute;
width:32.72%;
margin-left:52.38%;
margin-top:67.71%;
}

img.t-4{
position: absolute;
width:33.33%;
margin-left:9.52%;
margin-top:204.76%;
}
img.t-4_tex {
position: absolute;
width:28.57%;
margin-left:14.29%;
margin-top:238.69%;
}

img.v-1{
position: absolute;
width:28.57%;
margin-left:38.1%;
margin-top:33.33%;
}
img.v-1_tex {
position: absolute;
width:18.46%;
margin-left:48.21%;
margin-top:26.91%;
}
img.v-1_sq {
position: absolute;
width:9.52%;
margin-left:38.1%;
margin-top:23.81%;
}

img.v-2{
position: absolute;
width:14.29%;
margin-left:76.19%;
margin-top:14.29%;
}
img.v-2_tex {
position: absolute;
width:18.46%;
margin-left:71.43%;
margin-top:43.45%;
}
img.v-2_sq {
position: absolute;
width:9.52%;
margin-left:66.66%;
margin-top:33.33%;
}

img.v-3{
position: absolute;
width:28.57%;
margin-left:19.05%;
margin-top:57.14%;
}
img.v-3_tex {
position: absolute;
width:18.44%;
margin-left:19.05%;
margin-top:50.7%;
}
img.v-3_sq {
position: absolute;
width:9.52%;
margin-left:38.1%;
margin-top:47.62%;
}

img.d-1{
position: absolute;
width:14.29%;
margin-left:19.05%;
margin-top:104.76%;
}
img.d-1_tex {
position: absolute;
width:14.26%;
margin-left:19.05%;
margin-top:133.93%;
}
img.d-1_sq {
position: absolute;
width:9.52%;
margin-left:23.81%;
margin-top:95.24%;
}

img.d-2{
position: absolute;
width:28.57%;
margin-left:42.86%;
margin-top:123.81%;
}
img.d-2_tex {
position: absolute;
width:18.45%;
margin-left:52.98%;
margin-top:138.69%;
}
img.d-2_sq {
position: absolute;
width:9.52%;
margin-left:33.33%;
margin-top:123.81%;
}

img.d-3{
position: absolute;
width:28.57%;
margin-left:42.86%;
margin-top:76.19%;
}
img.d-3_tex {
position: absolute;
width:28.57%;
margin-left:42.86%;
margin-top:91.07%;
}
img.d-3_sq {
position: absolute;
width:9.52%;
margin-left:33.33%;
margin-top:76.19%;
}

img.d-4{
position: absolute;
width:14.29%;
margin-left:80.95%;
margin-top:80.95%;
}
img.d-4_tex {
position: absolute;
width:19.05%;
margin-left:76.19%;
margin-top:75.56%;
}
img.d-4_sq {
position: absolute;
width:9.52%;
margin-left:71.43%;
margin-top:80.95%;
}

img.d-5{
position: absolute;
width:14.29%;
margin-left:80.95%;
margin-top:119.05%;
}
img.d-5_tex {
position: absolute;
width:13.1%;
margin-left:80.95%;
margin-top:148.21%;
}
img.d-5_sq {
position: absolute;
width:9.52%;
margin-left:85.71%;
margin-top:109.52%;
}

img.d-6{
position: absolute;
width:28.57%;
margin-left:42.86%;
margin-top:100%;
}
img.d-6_tex {
position: absolute;
width:28.57%;
margin-left:42.86%;
margin-top:114.88%;
}
img.d-6_sq {
position: absolute;
width:9.52%;
margin-left:71.43%;
margin-top:100%;
}

img.d-7{
position: absolute;
width:14.29%;
margin-left:42.86%;
margin-top:147.62%;
}
img.d-7_tex {
position: absolute;
width:13.69%;
margin-left:28.57%;
margin-top:142.41%;
}
img.d-7_sq {
position: absolute;
width:9.52%;
margin-left:42.86%;
margin-top:138.1%;
}

img.ex-1{
position: absolute;
width:14.29%;
margin-left:80.95%;
margin-top:171.43%;
}
img.ex-1_tex {
position: absolute;
width:8.25%;
margin-left:85.71%;
margin-top:200.95%;
}
img.ex-1_sq {
position: absolute;
width:9.52%;
margin-left:85.71%;
margin-top:161.9%;
}

img.ex-2{
position: absolute;
width:14.29%;
margin-left:61.9%;
margin-top:161.9%;
}
img.ex-2_tex {
position: absolute;
width:8.93%;
margin-left:52.38%;
margin-top:181.57%;
}
img.ex-2_sq {
position: absolute;
width:9.52%;
margin-left:66.66%;
margin-top:152.38%;
}

img.ex-3{
position: absolute;
width:28.57%;
margin-left:57.14%;
margin-top:252.38%;
}
img.ex-3_tex {
position: absolute;
width:28.57%;
margin-left:57.14%;
margin-top:267.26%;
}
img.ex-3_sq {
position: absolute;
width:9.52%;
margin-left:85.71%;
margin-top:252.38%;
}

img.ex-ex1{
position: absolute;
width:28.57%;
margin-left:66.66%;
margin-top:233.33%;
}
img.ex-ex1_sq {
position: absolute;
width:9.52%;
margin-left:85.71%;
margin-top:223.81%;
}

img.ex-ex2{
position: absolute;
width:14.29%;
margin-left:57.14%;
margin-top:200%;
}
img.ex-ex2_tex {
position: absolute;
width:8.93%;
margin-left:72.02%;
margin-top:218.61%;
}
img.ex-ex2_sq {
position: absolute;
width:9.52%;
margin-left:61.9%;
margin-top:190.48%;
}

img.s-1{
position: absolute;
width:28.57%;
margin-left:9.52%;
margin-top:157.14%;
}
img.s-1_tex {
position: absolute;
width:18.45%;
margin-left:9.52%;
margin-top:172.02%;
}
img.s-1_sq {
position: absolute;
width:9.52%;
margin-left:9.52%;
margin-top:147.62%;
}

img.s-2{
position: absolute;
width:28.57%;
margin-left:9.52%;
margin-top:180.95%;
}
img.s-2_tex {
position: absolute;
width:28.57%;
margin-left:9.52%;
margin-top:195.83%;
}
img.s-2_sq {
position: absolute;
width:9.52%;
margin-left:28.57%;
margin-top:171.43%;
}

img.a-1{
position: absolute;
width:28.57%;
margin-left:4.76%;
margin-top:261.9%;
}
img.a-1_tex {
position: absolute;
width:18.45%;
margin-left:14.88%;
margin-top:253.45%;
}
img.a-1_sq {
position: absolute;
width:9.52%;
margin-left:4.76%;
margin-top:252.38%;
}

img.exhibition{
position: absolute;
width:9.52%;
margin-left:42.86%;
margin-top:271.43%;
}
img.exhibition_tex {
position: absolute;
width:11.31%;
margin-left:30.95%;
margin-top:280.95%;
}
img.exhibition_sq {
position: absolute;
width:9.52%;
margin-left:42.86%;
margin-top:261.9%;
}

img.c-1{
position: absolute;
width:21.43%;
margin-left:4.76%;
margin-top:285.71%;
}
img.c-1_tex {
position: absolute;
width:21.43%;
margin-left:4.76%;
margin-top:280.36%;
}
img.c-1_sq {
position: absolute;
width:9.52%;
margin-left:26.19%;
margin-top:290.47%;
}

img.ex_logo1 {
position: absolute;
width:16.66%;
margin-left:59.52%;
margin-top:276.19%;
}
.box_3331 {
position: absolute;
font-size:1.2vw;
line-height: 1.6em;
width:16.66%;
height:7.59%;
margin-left:59.52%;
margin-top:285.26%;
}

img.ex_logo2 {
position: absolute;
width:16.66%;
margin-left:78.57%;
margin-top:276.19%;
}
.box_ygion {
position: absolute;
font-size:1.2vw;
line-height: 1.6em;
width:16.66%;
height:7.59%;
margin-left:78.57%;
margin-top:285.26%;
}

.marquee {
width:33.33%;
margin-left:4.76%;
margin-top:10%;
padding:0 0;
overflow:hidden;
margin-bottom:0;
position:fixed;
font-size:1.35vw;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
margin:0;
padding-left:480px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:30s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:30s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:30s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:30s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.close {
position: fixed;
width:5%;
top: 0%;
right: 0%;
font-size:3.6vw;
font-weight: 400;
}
.close2 {
position: fixed;
width:5%;
top: 0%;
left: 0%;
font-size:3.6vw;
font-weight: 400;
}