@charset "utf-8";

html {
  font-size: 62.5%;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  html {
    font-size: 100%;
  }
}

a[target="_blank"]::after {
  background: url(../images/icon-a-target.png) no-repeat center center;
  background-size: contain;
  content:"　";
  display: inline-block;
  vertical-align: middle;
}

body {
  background:rgb(248,231,203) url(../images/bg-map.jpg) no-repeat center center;
  background-size: cover;
  font-size:16px;
  font-size:1.6rem;
  height: 100%;
  line-height: 1.3em;
  margin: 0;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}

header {
  height: 120px;
  overflow-x: hidden;
  overflow-y: auto;
}

#menu-btn,
#menu-label,
#performer-name-01-01,
#performer-name-01-02,
#performer-name-01-03,
#performer-name-01-04,
#performer-name-01-05,
#performer-name-01-06,
#performer-name-01-07,
#performer-name-01-08,
#performer-name-01-09,
#performer-name-01-10,
#performer-name-01-11,
#performer-name-01-12,
#performer-name-01-13,
#performer-name-01-14,
#performer-name-01-15,
#performer-name-02-01,
#performer-name-03-01,
#performer-name-03-02,
#performer-name-03-03,
#performer-name-03-04,
#performer-name-03-05,
#performer-name-03-06,
#performer-name-04-01,
#performer-name-04-02,
#performer-name-04-03,
#performer-name-04-04,
#performer-name-04-05,
#performer-name-04-06,
#performer-name-05-01,
#performer-name-05-02,
#performer-name-05-03,
#performer-name-05-04,
#performer-name-05-05,
#performer-name-05-06,
#performer-name-05-07,
#performer-name-06-01,
#performer-name-06-02,
#performer-name-06-03,
#performer-name-07-01,
#performer-name-07-02,
#performer-name-08-01,
#performer-name-08-02,
#performer-name-08-03,
#performer-name-08-04,
#performer-name-08-05,
#performer-name-09-01,
#performer-name-09-02,
#performer-name-10-01 {
  display: none;
}

header nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header nav ul li {
  background-size: contain;
  height: 110px;
  margin: 8px 0 0;
  overflow: hidden;
  width:10%;
}
nav ul li:nth-child(1) {
  background: rgba(255,255,255,0.4) url(../images/icon-home.png) no-repeat center 5px;
}
nav ul li:nth-child(2) {
  background: rgba(255,255,255,0.4) url(../images/icon-event-guide.png) no-repeat center 5px;
}
nav ul li:nth-child(3) {
  background: rgba(255,255,255,0.4) url(../images/icon-news.png) no-repeat center 5px;
}
nav ul li:nth-child(4) {
  background: rgba(255,255,255,0.4) url(../images/icon-performer.png) no-repeat center 5px;
}
nav ul li:nth-child(5) {
  background: rgba(255,255,255,0.4) url(../images/icon-time-table.png) no-repeat center 5px;
}
nav ul li:nth-child(6) {
  background: rgba(255,255,255,0.4) url(../images/icon-store.png) no-repeat center 5px;
}
nav ul li:nth-child(7) {
  background: rgba(255,255,255,0.4) url(../images/icon-map.png) no-repeat center 5px;
}
nav ul li:nth-child(8) {
  background: rgba(255,255,255,0.4) url(../images/icon-faq.png) no-repeat center 5px;
}
nav ul li:nth-child(9) {
  background: rgba(255,255,255,0.4) url(../images/icon-access.png) no-repeat center 5px;
}

.index nav ul li:nth-child(1),
.event-guide nav ul li:nth-child(2),
.news nav ul li:nth-child(3),
.performer nav ul li:nth-child(4),
.time-table nav ul li:nth-child(5),
.store nav ul li:nth-child(6),
.map nav ul li:nth-child(7),
.faq nav ul li:nth-child(8),
.access nav ul li:nth-child(9) {
  background-color:transparent;
}

nav ul li a {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: -webkit-flex;
  display: flex;
  font-size: 1vw;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  text-decoration: none;
  width: 100%;
}

nav ul li a:link {
  color: rgb(0,0,0);
  text-decoration: none;
}
nav ul li a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
}
nav ul li a:hover {
  color: rgb(0,0,0);
  text-decoration: underline;
}
nav ul li a:active {
  color: rgb(0,0,0);
  text-decoration: none;
}

nav ul li.disabled {
  background-color: transparent;
}

nav ul li.disabled a{
  background-color: rgba(255,255,255,0.4);
  color: rgba(0,0,0,0.6);
}

nav ul li.disabled a:hover {
  text-decoration: none;
  cursor: default;
}


#content-area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100% - 120px);
  overflow-x: hidden;
  overflow-y: auto;
}


.index #content-area h1{
  font-size: 2vw;
  line-height: 3vw;
  text-align: center;
}

.index #content-area h1 span {
  display: inline-block;
}

.index #content-area h1 span.logo {
  background: transparent url(../zr8k9katd67i87h5/Great-pirate_yoko1.png) no-repeat center top;
  background-size: contain;
  display: block;
  height: 21vw;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  width: 86vw;
}

.index #content-area h1 span.small-right {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  margin-right: 7vw;
  text-align: right;
}

.article-index {
  position: relative
}

.article-index p {
  text-align: center;
}

.article-index p.summary {
  font-size: 2vw;
  font-weight: bold;
  line-height: 3vw;
  margin-bottom: 0;
}

.index .sponsorship a,
.article-index p.poster a {
  background-color: rgba(255,140,0,0.63);
  border: 3px solid rgba(235,97,1,0.63);
  color: rgb(0,0,0);
  display: inline-block;
  padding: 1rem;
  text-decoration: none;
}

.index .sponsorship a:link,
.article-index p.poster a:link {
  color: rgb(0,0,0);
  text-decoration: none;
}

.index .sponsorship a:visited,
.article-index p.poster a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
}

.index .sponsorship a:hover,
.article-index p.poster a:hover {
  color: rgb(0,0,0);
  text-decoration: underline;
}

.index .sponsorship a:active,
.article-index p.poster a:active {
  color: rgb(0,0,0);
  text-decoration: none;
}

.article-index p.banner img {
  width:80vw
}

.article-index p.banner a[target="_blank"]::after {
  content: "";
}

.index .sponsorship {
  bottom: 2vw;
  display: inline-block;
  left: 2vw;
  position: absolute;
}




.article-event-guide h2 {
  font-size: 2rem;
  line-height: 2.4rem;
  text-align: center;
  text-shadow: 0 0 2px #ddd,
    0 0 4px #fff,
    0 0 7px #ff5c26,
    0 0 10px #ff9977,
    0 0 40px #ff9977;
}

.article-event-guide h2 span {
  display: inline-block;
}

.event-guide #content-area h1{
  font-size: 2vw;
  line-height: 3vw;
  text-align: center;
}

.event-guide #content-area h1 span {
  display: inline-block;
}

.event-guide #content-area h1 span.logo {
  background: transparent url(../zr8k9katd67i87h5/Great-pirate_yoko1.png) no-repeat center top;
  background-size: contain;
  display: block;
  height: 9vw;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  width: 86vw;
}

.event-guide #content-area h1 span.small-right {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  margin-right: 24vw;
  text-align: right;
}

.event-guide .article-event-guide {
  text-align: center;
}

.article-event-guide table {
  border-collapse: collapse;
  margin: 2rem 10%;
  width: 80%;
}

.article-event-guide tr:nth-child(2n) {
  background-color: rgba(255,255,255,0.6)
}

.article-event-guide tr:nth-child(2n+1) {
  background-color: rgba(255,255,255,0.3)
}

.article-event-guide th {
  border: 2px solid rgba(0,0,0,0.6);
  padding: 0.5em 1.5em;
  text-align: center;
  white-space: nowrap;
}

.article-event-guide td {
  border: 2px solid rgba(0,0,0,0.6);
  padding: 0.5em 1.5em;
  text-align: left;
}

.article-event-guide table a {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-event-guide table a:link {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-event-guide table a:visited {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-event-guide table a:hover {
  color:rgb(0,0,0);
  text-decoration: none;
}

.article-event-guide table a:active {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-event-guide table tr:nth-last-child(1) a,
.article-event-guide table tr:nth-last-child(2) a {
  text-decoration: none;
}

.article-event-guide table tr:nth-last-child(1) a:link,
.article-event-guide table tr:nth-last-child(2) a:link {
  text-decoration: none;
}

.article-event-guide table tr:nth-last-child(1) a:visited,
.article-event-guide table tr:nth-last-child(2) a:visited {
  text-decoration: none;
}

.article-event-guide table tr:nth-last-child(1) a:hover,
.article-event-guide table tr:nth-last-child(2) a:hover {
  text-decoration: underline;
}

.article-event-guide table tr:nth-last-child(1) a:active,
.article-event-guide table tr:nth-last-child(2) a:active {
  text-decoration: none;
}


.news #content-area {
  padding: 5rem 10% 0;
  text-align: center;
}

.news h1 {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

.article-news {
  background: transparent url(../images/bg-news-repeat.jpg) repeat-y center top;
  background-size: 100% auto;
  -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
  border-radius:0 0 120px 120px / 0 0 6px 6px;
  -webkit-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
  box-shadow:0 8px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.3em;
  margin-bottom: 5rem;
  width:100%;
}

.article-news::before {
  background:transparent url(../images/bg-news-top-l.png) no-repeat 30px top;
  content: url(../images/bg-news-top-r.png);
  display: block;
  padding-right: 30px;
  text-align:right;
}

.article-news::after {
  background:transparent url(../images/bg-news-bottom-l.png) no-repeat 30px top;
  content: url(../images/bg-news-bottom-r.png) ;
  display: block;
  padding-right: 30px;
  text-align: right;
}

.article-news h2 {
  border-bottom: 2px solid rgba(0,0,0,0.3);
  line-height: 1.3em;
  padding-bottom: 0.5rem;
  text-shadow: 0 0 1px #ddd,
    0 0 3px #fff,
    0 0 7px #fff;
  width: 80%;
  margin: auto
}

.article-news p {
  font-weight: bold;
  text-align: left;
  text-shadow: 0 0 1px #ddd,
    0 0 3px #fff,
    0 0 7px #fff;
  margin: 1em auto;
  width: 80%;
}

.article-news dl {
  font-weight: bold;
  text-align: left;
  text-shadow: 0 0 1px #ddd,
    0 0 3px #fff,
    0 0 7px #fff;
  margin: 1em auto;
  width: 80%;
}

.article-news dl dt {
  margin-top: 0.8em;
}


.news .sponsorship {
  font-size: 0.8em;
  text-align: center;
}

.news .sponsorship a {
  background-color: rgba(255,140,0,0.63);
  border: 3px solid rgba(235,97,1,0.63);
  color: rgb(0,0,0);
  display: inline-block;
  font-size: 1.6em;
  padding: 1rem;
  text-decoration: none;
}

.news .sponsorship a:link {
  color: rgb(0,0,0);
  text-decoration: none;
}

.news .sponsorship a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
}

.news .sponsorship a:hover {
  color: rgb(0,0,0);
  text-decoration: underline;
}

.news .sponsorship a:active {
  color: rgb(0,0,0);
  text-decoration: none;
}

#news-poster p{
  text-align: center
}

#news-poster p a[target="_blank"]::after {
  content: "";
}

.performer #content-area {
  padding-top: 5rem;
  text-align: center;
}

.performer h1 {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

.article-performer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.article-performer a,
.article-performer a:link,
.article-performer a:visited,
.article-performer a:hover,
.article-performer a:active {
  text-decoration: none;
}

.article-performer h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(62,43,19);
  font-weight: normal;
  line-height: 1.2em;
  -webkit-mask-image: url(../images/bg-wanted-word.png);
  padding-left: 2em;
  text-align: left;
  width: 100%;
}

.article-performer h3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(62,43,19);
  font-size: 1em;
  margin-top: 0;
  text-align: center;
  width: 100%;
}

.article-performer .flipped h3 span {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.1rem;
}

.flip-boards {
  position: relative;
  height: 37vw;
  margin: 0 1.5vw 3rem;
  width: 29vw;
}

.flip-boards .board {
  position: relative;
  height: 37vw;
  width: 29vw;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.flip-boards .board div {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  backface-visibility:     hidden;
}

.flip-boards .board label {
  cursor: pointer;
}

.flip-boards .board .front {
  background: transparent url(../images/bg-wanted.png) no-repeat center center;
  background-size: contain;
}

.flip-boards .board .flipped {
  background: transparent url(../images/bg-wanted_flipped.png) no-repeat center center;
  background-size: contain;
}

#performer-name-01-01:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(1) .board.left,
#performer-name-01-02:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(2) .board.left,
#performer-name-01-03:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(3) .board.left,
#performer-name-01-04:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(4) .board.left,
#performer-name-01-05:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(5) .board.left,
#performer-name-01-06:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(6) .board.left,
#performer-name-01-07:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(7) .board.left,
#performer-name-01-08:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(8) .board.left,
#performer-name-01-09:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(9) .board.left,
#performer-name-01-10:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(10) .board.left,
#performer-name-01-11:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(11) .board.left,
#performer-name-01-12:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(12) .board.left,
#performer-name-01-13:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(13) .board.left,
#performer-name-01-14:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(14) .board.left,
#performer-name-01-15:checked ~ #content-area .article-performer:nth-of-type(1) .flip-boards:nth-of-type(15) .board.left,
#performer-name-02-01:checked ~ #content-area .article-performer:nth-of-type(2) .flip-boards:nth-of-type(1) .board.left,
#performer-name-03-01:checked ~ #content-area .article-performer:nth-of-type(3) .flip-boards:nth-of-type(1) .board.left,
#performer-name-03-02:checked ~ #content-area .article-performer:nth-of-type(3) .flip-boards:nth-of-type(2) .board.left,
#performer-name-03-03:checked ~ #content-area .article-performer:nth-of-type(3) .flip-boards:nth-of-type(3) .board.left,
#performer-name-03-04:checked ~ #content-area .article-performer:nth-of-type(3) .flip-boards:nth-of-type(4) .board.left,
#performer-name-03-05:checked ~ #content-area .article-performer:nth-of-type(3) .flip-boards:nth-of-type(5) .board.left,
#performer-name-03-06:checked ~ #content-area .article-performer:nth-of-type(3) .flip-boards:nth-of-type(6) .board.left,
#performer-name-04-01:checked ~ #content-area .article-performer:nth-of-type(4) .flip-boards:nth-of-type(1) .board.left,
#performer-name-04-02:checked ~ #content-area .article-performer:nth-of-type(4) .flip-boards:nth-of-type(2) .board.left,
#performer-name-04-03:checked ~ #content-area .article-performer:nth-of-type(4) .flip-boards:nth-of-type(3) .board.left,
#performer-name-04-04:checked ~ #content-area .article-performer:nth-of-type(4) .flip-boards:nth-of-type(4) .board.left,
#performer-name-04-05:checked ~ #content-area .article-performer:nth-of-type(4) .flip-boards:nth-of-type(5) .board.left,
#performer-name-04-06:checked ~ #content-area .article-performer:nth-of-type(4) .flip-boards:nth-of-type(6) .board.left,
#performer-name-05-01:checked ~ #content-area .article-performer:nth-of-type(5) .flip-boards:nth-of-type(1) .board.left,
#performer-name-05-02:checked ~ #content-area .article-performer:nth-of-type(5) .flip-boards:nth-of-type(2) .board.left,
#performer-name-05-03:checked ~ #content-area .article-performer:nth-of-type(5) .flip-boards:nth-of-type(3) .board.left,
#performer-name-05-04:checked ~ #content-area .article-performer:nth-of-type(5) .flip-boards:nth-of-type(4) .board.left,
#performer-name-05-05:checked ~ #content-area .article-performer:nth-of-type(5) .flip-boards:nth-of-type(5) .board.left,
#performer-name-05-06:checked ~ #content-area .article-performer:nth-of-type(5) .flip-boards:nth-of-type(6) .board.left,
#performer-name-05-07:checked ~ #content-area .article-performer:nth-of-type(5) .flip-boards:nth-of-type(7) .board.left,
#performer-name-06-01:checked ~ #content-area .article-performer:nth-of-type(6) .flip-boards:nth-of-type(1) .board.left,
#performer-name-06-02:checked ~ #content-area .article-performer:nth-of-type(6) .flip-boards:nth-of-type(2) .board.left,
#performer-name-06-03:checked ~ #content-area .article-performer:nth-of-type(6) .flip-boards:nth-of-type(3) .board.left,
#performer-name-07-01:checked ~ #content-area .article-performer:nth-of-type(7) .flip-boards:nth-of-type(1) .board.left,
#performer-name-07-02:checked ~ #content-area .article-performer:nth-of-type(7) .flip-boards:nth-of-type(2) .board.left,
#performer-name-08-01:checked ~ #content-area .article-performer:nth-of-type(8) .flip-boards:nth-of-type(1) .board.left,
#performer-name-08-02:checked ~ #content-area .article-performer:nth-of-type(8) .flip-boards:nth-of-type(2) .board.left,
#performer-name-08-03:checked ~ #content-area .article-performer:nth-of-type(8) .flip-boards:nth-of-type(3) .board.left,
#performer-name-08-04:checked ~ #content-area .article-performer:nth-of-type(8) .flip-boards:nth-of-type(4) .board.left,
#performer-name-08-05:checked ~ #content-area .article-performer:nth-of-type(8) .flip-boards:nth-of-type(5) .board.left,
#performer-name-09-01:checked ~ #content-area .article-performer:nth-of-type(9) .flip-boards:nth-of-type(1) .board.left,
#performer-name-09-02:checked ~ #content-area .article-performer:nth-of-type(9) .flip-boards:nth-of-type(2) .board.left,
#performer-name-10-01:checked ~ #content-area .article-performer:nth-of-type(10) .flip-boards:nth-of-type(1) .board.left {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -ms-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
}

.flip-boards .board.left .flipped {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -ms-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
}

.article-performer p.pict {
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  background-size: contain;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 37vw;
  margin: 0;
  width: 29vw;
}

.article-performer p.pict img {
  display: block;
  margin-top: 12vw;
  max-height: 12.5vw;
  max-width: 23vw;
}

.article-performer p.pict span {
  color: rgb(62,43,19);
  display: inline-block;
  font-size: 1.8rem;
  padding:0 3px 3px;
  width: 23vw
}

.article-performer p.pict span span {
  display: inline;
  padding: 0;
}

#performer-name-label-01-01f,
#performer-name-label-01-02f,
#performer-name-label-01-03f,
#performer-name-label-01-04f,
#performer-name-label-01-05f,
#performer-name-label-01-06f,
#performer-name-label-01-07f,
#performer-name-label-01-08f,
#performer-name-label-01-09f,
#performer-name-label-01-10f,
#performer-name-label-01-11f,
#performer-name-label-01-12f,
#performer-name-label-01-13f,
#performer-name-label-01-14f,
#performer-name-label-01-15f,
#performer-name-label-02-01f,
#performer-name-label-03-01f,
#performer-name-label-03-02f,
#performer-name-label-03-03f,
#performer-name-label-03-04f,
#performer-name-label-03-05f,
#performer-name-label-03-06f,
#performer-name-label-04-01f,
#performer-name-label-04-02f,
#performer-name-label-04-03f,
#performer-name-label-04-04f,
#performer-name-label-04-05f,
#performer-name-label-04-06f,
#performer-name-label-05-01f,
#performer-name-label-05-02f,
#performer-name-label-05-03f,
#performer-name-label-05-04f,
#performer-name-label-05-05f,
#performer-name-label-05-06f,
#performer-name-label-05-07f,
#performer-name-label-06-01f,
#performer-name-label-06-02f,
#performer-name-label-06-03f,
#performer-name-label-07-01f,
#performer-name-label-07-02f,
#performer-name-label-08-01f,
#performer-name-label-08-02f,
#performer-name-label-08-03f,
#performer-name-label-08-04f,
#performer-name-label-08-05f,
#performer-name-label-09-01f,
#performer-name-label-09-02f,
#performer-name-label-10-01f {
  display: block;
  margin:3.7vw 3.05vw 0 3.5vw;
  overflow-x: hidden;
  overflow-y: auto;
  height: 24.4vw;
}

.flip-boards .board div.flipped p,
.flip-boards .board div.flipped dl {
  text-align: left;
}

.flip-boards .board div.flipped dt {
  color: rgb(139,0,3);
}

.flip-boards .board div.flipped dd {
  margin-left: 1em;
}

.flip-boards .board div.flipped a {
  color: rgb(62,43,19);
  text-decoration: underline;
  word-break: break-all;
}

.flip-boards .board div.flipped a:link {
  color: rgb(62,43,19);
  text-decoration: underline;
}

.flip-boards .board div.flipped a:visited {
  color: rgb(62,43,19);
  text-decoration: underline;
}

.flip-boards .board div.flipped a:hover {
  color: rgb(62,43,19);
  text-decoration: none;
}

.flip-boards .board div.flipped a:active {
  color: rgb(62,43,19);
  text-decoration: underline;
}

@media screen and (max-width: 959px) {
  .flip-boards {
    height: 56vw;
    margin: 0 2.3vw 3rem;
    width: 44vw;
  }

  .flip-boards .board {
    height: 56vw;
    width: 44vw;
  }
  
  .article-performer p.pict {
    height: 56vw;
    width: 44vw;
  }
  
  .article-performer p.pict img {
    margin-top: 18.2vw;
    max-height: 19.6vw;
    max-width: 34vw;
  }
  
  .article-performer p.pict span {
    width: 33vw;
  }
  
  #performer-name-label-01-01f,
  #performer-name-label-01-02f,
  #performer-name-label-01-03f,
  #performer-name-label-01-04f,
  #performer-name-label-01-05f,
  #performer-name-label-01-06f,
  #performer-name-label-01-07f,
  #performer-name-label-01-08f,
  #performer-name-label-01-09f,
  #performer-name-label-01-10f,
  #performer-name-label-01-11f,
  #performer-name-label-01-12f,
  #performer-name-label-01-13f,
  #performer-name-label-01-14f,
  #performer-name-label-01-15f,
  #performer-name-label-02-01f,
  #performer-name-label-03-01f,
  #performer-name-label-03-02f,
  #performer-name-label-03-03f,
  #performer-name-label-03-04f,
  #performer-name-label-03-05f,
  #performer-name-label-03-06f,
  #performer-name-label-04-01f,
  #performer-name-label-04-02f,
  #performer-name-label-04-03f,
  #performer-name-label-04-04f,
  #performer-name-label-04-05f,
  #performer-name-label-04-06f,
  #performer-name-label-05-01f,
  #performer-name-label-05-02f,
  #performer-name-label-05-03f,
  #performer-name-label-05-04f,
  #performer-name-label-05-05f,
  #performer-name-label-05-06f,
  #performer-name-label-05-07f,
  #performer-name-label-06-01f,
  #performer-name-label-06-02f,
  #performer-name-label-06-03f,
  #performer-name-label-07-01f,
  #performer-name-label-07-02f,
  #performer-name-label-08-01f,
  #performer-name-label-08-02f,
  #performer-name-label-08-03f,
  #performer-name-label-08-04f,
  #performer-name-label-08-05f,
  #performer-name-label-09-01f,
  #performer-name-label-09-02f,
  #performer-name-label-10-01f {
    margin:5.4vw 4.6vw 0 5.3vw;
    height: 37.5vw;
  }
}

@media screen and (max-width: 639px) {
  .flip-boards {
    height: 102vw;
    margin: 0 4.6vw 3rem;
    width: 88vw;
  }

  .flip-boards .board {
    height: 102vw;
    width: 88vw;
  }
  
  .article-performer p.pict {
    height: 102vw;
    width: 88vw;
  }
  
  .article-performer p.pict img {
    margin-top: 33vw;
    max-height: 33vw;
    max-width: 62vw;
  }
  
  .article-performer p.pict span {
    width: 61vw;
  }

  #performer-name-label-01-01f,
  #performer-name-label-01-02f,
  #performer-name-label-01-03f,
  #performer-name-label-01-04f,
  #performer-name-label-01-05f,
  #performer-name-label-01-06f,
  #performer-name-label-01-07f,
  #performer-name-label-01-08f,
  #performer-name-label-01-09f,
  #performer-name-label-01-10f,
  #performer-name-label-01-11f,
  #performer-name-label-01-12f,
  #performer-name-label-01-13f,
  #performer-name-label-01-14f,
  #performer-name-label-01-15f,
  #performer-name-label-02-01f,
  #performer-name-label-03-01f,
  #performer-name-label-03-02f,
  #performer-name-label-03-03f,
  #performer-name-label-03-04f,
  #performer-name-label-03-05f,
  #performer-name-label-03-06f,
  #performer-name-label-04-01f,
  #performer-name-label-04-02f,
  #performer-name-label-04-03f,
  #performer-name-label-04-04f,
  #performer-name-label-04-05f,
  #performer-name-label-04-06f,
  #performer-name-label-05-01f,
  #performer-name-label-05-02f,
  #performer-name-label-05-03f,
  #performer-name-label-05-04f,
  #performer-name-label-05-05f,
  #performer-name-label-05-06f,
  #performer-name-label-05-07f,
  #performer-name-label-06-01f,
  #performer-name-label-06-02f,
  #performer-name-label-06-03f,
  #performer-name-label-07-01f,
  #performer-name-label-07-02f,
  #performer-name-label-08-01f,
  #performer-name-label-08-02f,
  #performer-name-label-08-03f,
  #performer-name-label-08-04f,
  #performer-name-label-08-05f,
  #performer-name-label-09-01f,
  #performer-name-label-09-02f,
  #performer-name-label-10-01f {
    margin: 10vw 12.5vw 0 13.5vw;
    height: 68vw;
  }
  
  .flip-boards .board div.flipped h3 {
    font-size: 1.8rem;
  }
}







.time-table #content-area {
  padding-top: 5rem;
  text-align: center;
}

.time-table h1 {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

.article-time-table {
  font-size: 1.2rem;
  line-height: 1.5em;
  padding-left: 2rem;
  text-align: left;
}

.article-time-table h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(62,43,19);
  font-weight: normal;
  line-height: 1.2em;
  -webkit-mask-image: url(../images/bg-wanted-word.png);
  text-align: left;
  width: 100%;
}

.article-time-table h3::before {
  content: "■ ";
}

.article-time-table h3 {
  color: rgb(255,38,0);
  font-size: 1em;
  margin-bottom: 0;
}

.article-time-table h4 {
  color: rgb(0,0,64);
  font-size: 1em;
  margin-bottom: 0;
}

.article-time-table p {
  margin-top: 0.5em
}

.article-time-table p img {
  max-width:640px
}

.store #content-area {
  padding-top: 5rem;
  text-align: center;
}

.article-store {
  font-size: 1.2rem;
  line-height: 1.5em;
}

.article-store h1 {
  color: rgb(62,43,19);
  font-weight: bold;
  line-height: 1.3em;
}

.article-store h2 {
  color: rgb(62,43,19);
  font-weight: bold;
  line-height: 1.3em;
  padding-left: 4rem;
  text-align: left;
}

.article-store p {
  color: rgb(62,43,19);
  font-weight: bold;
  line-height: 1.3em;
  padding-left: 4rem;
  text-align: left;
}


.article-store p {
  color: rgb(0,0,0);
  font-size: 1.2em
}

.map #content-area {
  padding-top: 5rem;
  text-align: center;
}

.article-map  {
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-size: 1.2rem;
  line-height: 1.5em;
}

.article-map  h1 {
  display: none;
}

.article-map ul {
  text-align: left;
}

img.gp_map {
  max-height: 60vh;
  max-width: 90vh
}

.faq #content-area {
  padding-top: 5rem;
  text-align: center;
}

.article-faq {
  font-size: 1.2rem;
  line-height: 1.5em;
}

.article-faq dl {
  margin: 0 10%;
  text-align: left
}

.article-faq dt {
  color: rgba(26,4,0,1.00);
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
}

.article-faq dd {
  padding-bottom: 1.5em;
}

.access #content-area {
  padding-top: 5rem;
  text-align: center;
}

.article-access {
  font-size: 1.2rem;
  line-height: 1.5em;
}

.article-access ul {
  list-style-type: none;
}


.executive-committee #content-area {
  padding-top: 3rem;
  text-align: center;
}
.article-exective-committee h1 {
  line-height: 2.4rem;
  text-align: center;
}
.article-exective-committee table {
  border-collapse: collapse;
  margin: 2rem 10%;
  width: 80%;
}

.article-exective-committee tr:nth-child(2n) {
  background-color: rgba(255,255,255,0.6)
}

.article-exective-committee tr:nth-child(2n+1) {
  background-color: rgba(255,255,255,0.3)
}

.article-exective-committee th {
  border: 2px solid rgba(0,0,0,0.6);
  padding: 0.5em 1.5em;
  text-align: center;
  white-space: nowrap;
}

.article-exective-committee td {
  border: 2px solid rgba(0,0,0,0.6);
  padding: 0.5em 1.5em;
  text-align: left;
}

.article-exective-committee table a {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-exective-committee table a:link {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-exective-committee table a:visited {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-exective-committee table a:hover {
  color:rgb(0,0,0);
  text-decoration: none;
}

.article-exective-committee table a:active {
  color:rgb(0,0,0);
  text-decoration: underline;
}

.article-exective-committee table tr:nth-last-child(1) a,
.article-exective-committee table tr:nth-last-child(2) a {
  text-decoration: none;
}

.article-exective-committee table tr:nth-last-child(1) a:link,
.article-exective-committee table tr:nth-last-child(2) a:link {
  text-decoration: none;
}

.article-exective-committee table tr:nth-last-child(1) a:visited,
.article-exective-committee table tr:nth-last-child(2) a:visited {
  text-decoration: none;
}

.article-exective-committee table tr:nth-last-child(1) a:hover,
.article-exective-committee table tr:nth-last-child(2) a:hover {
  text-decoration: underline;
}

.article-exective-committee table tr:nth-last-child(1) a:active,
.article-exective-committee table tr:nth-last-child(2) a:active {
  text-decoration: none;
}


.sponsorship h1,
.sponsorship h2,
.sponsorship p{
  margin-right: 2em;
  margin-left: 2em;
}

.sponsorship h1 img {
  margin-right: 0.5em;
  vertical-align: middle;
  width: 1.8em;
}

.sponsorship h2 {
  margin-top: 4em;
  font-size: 0.8em
}

.sponsorship h2 strong {
  color: rgb(0,79 ,149);
  font-size: 1.8em;
}

.sponsorship .application {
  color: rgb(239,69,74);
  font-weight: bold;
}

.sponsorship .application a {
  background-color: rgba(255,140,0,0.63);
  border: 3px solid rgba(235,97,1,0.63);
  color: rgb(0,0,0);
  display: inline-block;
  margin-top: 0.5em;
  padding: 1rem;
  text-decoration: none;
}

.sponsorship .application a:link {
  color: rgb(0,0,0);
  text-decoration: none;
}

.sponsorship .application a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
}

.sponsorship .application a:hover {
  color: rgb(0,0,0);
  text-decoration: underline;
}

.sponsorship .application a:active {
  color: rgb(0,0,0);
  text-decoration: none;
}

.sponsorship .article-sponsorship.sample h2{
  font-size: 1.5em;
}

.sponsorship .article-sponsorship.sample p:nth-of-type(1),
.sponsorship .article-sponsorship.sample p:nth-of-type(2) {
  background: transparent url(../images/poster.png) no-repeat center center;
  background-size:contain;
  float: left;
  height: 396px;
  margin-right: 0;
  width: 260px;
}

.sponsorship .article-sponsorship.sample p:nth-of-type(3) {
  background: transparent url(../images/site.png) no-repeat center center;
  background-size: contain;
  float: left;
  height: 396px;
  margin-right: 0;
  width: 580px;
}

.sponsorship .article-sponsorship.sample p span{
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin:4px;
  height: 388px;
  width: 252px;
  word-break: break-all;
}
.sponsorship .article-sponsorship.sample p:last-child span {
  width:580px;
}


footer {
  clear: both;
}

footer p {
  font-size: 1rem;
  text-align: center;
}


@media screen and (max-width: 720px) {

  header {
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width:50px;
    z-index: 1000;
  }
  
  #menu-label {
    background-color: rgba(248,231,203,0.3);
    color: rgb(62,43,19);
    display: block;
    font-size: 44px;
    height: 50px;
    padding-top: 12px;
  }
  
  #menu-btn:checked ~ header {
    background-color: rgba(248,231,203,0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
  }
  
  header nav ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
  }
  
  header nav ul li{
    width:150px;
    margin-left: 10px;
  }
  
  .index nav ul li:nth-child(1),
  .event-guide nav ul li:nth-child(2),
  .news nav ul li:nth-child(3),
  .performer nav ul li:nth-child(4),
  .time-table nav ul li:nth-child(5),
  .store nav ul li:nth-child(6),
  .map nav ul li:nth-child(7),
  .faq nav ul li:nth-child(8),
  .access nav ul li:nth-child(9) {
    background-color: rgba(255,255,255,0.4);
  }
  
  nav ul li a {
    font-size: 2.5vw;
  }
  
  .index #content-area h1 span.logo {
    width:96vw;
  }
  
  #content-area {
    height: 100%;
    padding-top: 30px;
  }
  
  .index #content-area h1{
    font-size: 3vw;
    line-height: 4.5vw;
  }
  
  .index .sponsorship {
    bottom:auto;
    display: block;
    left: auto;
    position:static;
    text-align: center;
  }
  
  .event-guide #content-area h1 span.logo {
    height: 19vw;
    text-indent: 150%;
  }
  
  .event-guide .article-event-guide,
  .executive-committee .article-exective-committee {
    padding: 0 20px;
    text-align: left;
  }
  
  .event-guide #content-area h1 span.small-right {
    margin-right: 5vw;
  }
  
  .article-event-guide p br.br{
    display: none;
  }
  
  .article-event-guide table {
    margin: 2rem 4%;
    width: 92%;
  }
  
  .article-event-guide table th,
  .article-event-guide table td,
  .article-exective-committee table th,
  .article-exective-committee table td {
    white-space:normal;
    word-break: break-all;
  }
  
  .article-faq dl {
    margin: 2rem 4%;
  }
  
  .article-access {
    padding: 0 10%;
    text-align: left;
  }
  
  .article-access iframe {
    display: inline-block;
    max-width: 100%;
  }
  
  .article-exective-committee p br.br{
    display: none;
  }
  
}



@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
}