@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  height: 100%;
}

/*add240621*/
@media screen and (min-width: 961px) {
.anc:after{
      content: "";
    display: block;
    height: 125px; 
    margin-top: -125px; 
    visibility: hidden;
}
}
@media screen and (max-width: 960px) {
.anc:after{
      content: "";
    display: block;
    height: 60px; 
    margin-top: -60px; 
    visibility: hidden;
}
}

article, aside, dialog, figcaption, figure, footer, header, main, menu, nav, section, img, small, time, svg {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  vertical-align: middle;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

a {
  cursor: pointer;
}

strong {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

caption, th {
  font-weight: bold;
  text-align: left;
}

label {
  cursor: pointer;
}

label span {
  vertical-align: middle;
}

input, textarea, select {
  padding: 4px 8px;
  border-radius: 0;
  vertical-align: middle;
}

input:not([type="radio"]):not([type="checkbox"]), textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="radio"], input[type="checkbox"], input[type="submit"] {
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

a, area, button, input, label, select, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

article {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*add210309*/
.ic_new{color:#ffffff;background:#ff0000;padding:2px 5px;font-weight:bold;font-size:80%;border-radius:5px;}


/* Slider */
.slick-slider {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-list {
  display: block;
  position: relative;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-arrow {
  display: block;
  background: transparent no-repeat center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  margin: auto;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 961px) {
  .slick-arrow:hover {
    opacity: 0.5;
  }
}
.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 0;
  position: absolute;
  left: 0;
  bottom: -30px;
}

.slick-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 10px;
  cursor: pointer;
  position: relative;
}

.slick-dots li button {
  display: block;
  background: transparent;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  content: "";
  background-color: #626262;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  background-color: #000;
}

/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: -5000px;
  left: -5000px;
  right: -5000px;
  bottom: -5000px;
  z-index: 9999;
}

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  display: none;
  padding: 60px 20px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  background: #fff;
  width: 100%;
  max-width: 720px;
  text-align: left;
  position: relative;
  margin-bottom: 60px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.remodal.remodal-is-opening, .remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  display: block;
  background-color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -50px;
  right: 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 961px) {
  .remodal-close:hover, .remodal-close:focus {
    opacity: 0.5;
  }
}
.remodal-close-icon {
  display: block;
  position: relative;
}

.remodal-close-icon:before, .remodal-close-icon:after {
  content: "";
  background-color: #fff;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.remodal-close-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.remodal-close-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  display: inline-block;
  min-width: 110px;
  padding: 12px 0;
  font: inherit;
  overflow: visible;
  margin: 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  background: #81c784;
  color: #fff;
}

.remodal-confirm:hover, .remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  background: #e57373;
  color: #fff;
}

.remodal-cancel:hover, .remodal-cancel:focus {
  background: #ef5350;
}

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*basic*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

.clear {
  clear: both;
}

@media screen and (max-width: 960px) {
  .pc {
    display: none !important;
  }
}
@media screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
}
body, input, textarea, select {
  font-family: YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
  color: #000;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.7em;
  letter-spacing: 0.5px;
}

@media all and (-ms-high-contrast: none) {
  body, input, textarea, select {
    font-family: "メイリオ",Meiryo,YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
    font-weight: normal;
  }
}
body {
  padding-top: 183px;
}

body.preload * {
  -webkit-transition: none !important;
  transition: none !important;
}

@media screen and (max-width: 960px) {
  body {
    padding-top: 61px;
  }
}
input, textarea, select {
  background-color: #fff;
  border: 1px solid #dddddd;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
  }
}
.min {
  font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","serif";
  font-weight: normal;
}

@media all and (-ms-high-contrast: none) {
  .min {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
main {
  overflow: hidden;
  padding: 50px 0 80px;
}

@media screen and (max-width: 960px) {
  main {
    padding: 25px 20px 40px;
  }
}
a {
  color: #000;
}

@media screen and (min-width: 961px) {
  a, .submitbtn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  a:hover, .submitbtn:hover {
    opacity: 0.5;
    text-decoration: none !important;
  }

  a img {
    -webkit-transition: 0.3s;
  }

  .wrapper {
    width: 1140px;
    margin: 0 auto;
  }

  .wrapper2 {
    width: 945px;
    margin: 0 auto;
  }
}
.bold {
  font-weight: bold;
}
.under {
	color: #00a2ff;
	text-decoration: underline;
}

ruby rt {
  font-size: 10px;
  line-height: 1.2em;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.red {
  color: #f10000;
}

.orange {
  color: #ff6c00;
}

.pink{
  color:#e700b3;
}

.base {
  color: #0068d2;
}

a.access {
  color: #e60000;
}

a.ticket {
  color: #e600b3;
}

a.attraction {
  color: #7700e6;
}
/*add240428*/
a.waitetime {
  color: #f52464;
}
a.event {
  color: #006ce6;
}

a.stageshow {
  color: #00bcd2;
}

a.game {
  color: #00cb39;
}

a.shop {
  color: #ff6c00;
}

a.whats {
  color: #004b97;
}

a.qa {
  color: #666666;
}

/*add200611*/
.stline{
text-decoration: line-through;
}

@media screen and (min-width: 961px) {
  a.tel {
    pointer-events: none;
  }
}
.slick-arrow {
  background-size: cover;
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 960px) {
  .slick-arrow {
    width: 30px;
    height: 30px;
  }
}
.slick-prev {
  background-image: url("../img/slide_prev.png");
}

.slick-next {
  background-image: url("../img/slide_next.png");
}

.slick-dots {
  bottom: 10px;
}

.slick-dots li {
  width: 13px;
  height: 13px;
  margin: 0 8px;
}

.slick-dots li button:before {
  background-color: #fff;
  border: 1px solid #c4c4c4;
}

.slick-dots li.slick-active button:before {
  background-color: #ffd700;
}

@media screen and (max-width: 960px) {
  .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
}
.tempttl {
  font-size: 32px;
  line-height: 1.2em;
}

.tempttl.re {
  color: #fff;
}

@media screen and (max-width: 960px) {
  .tempttl {
    text-align: center;
    font-size: 28px;
  }
}
.tempttl2 {
  text-align: center;
  font-size: 28px;
  line-height: 1.3em;
}

@media screen and (max-width: 960px) {
  .tempttl2 {
    font-size: 24px;
  }
}
.tempttl3 {
  background-color: #0068d2;
  padding: 15px 20px;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  line-height: 1.3em;
}

.tempttl4 {
  padding: 15px 20px;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  line-height: 1.3em;
}

@media screen and (max-width: 480px) {/*210331*/
	.tempttl4 {font-size:18px!important; padding: 20px 15px;}
}

@media screen and (min-width: 481px) {/*210331*/
	.tempttl4 br {display: none;}
}

@media screen and (max-width: 960px) {
  .tempttl3 {
    padding: 10px 15px;
    font-size: 20px;
  }
  .tempttl4 {
    padding: 10px 15px;
    font-size: 20px;
  }
	
}

@media screen and (min-width: 961px) {
  .tempttlbox {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
.tempttlbox small {
  font-size: 16px;
  line-height: 1.7em;
  margin-left: 30px;
}

@media screen and (max-width: 960px) {
  .tempttlbox small {
    font-size: 14px;
    margin: 15px 0 0;
  }
}
.tab_nav {
  display: -webkit-flex;
  display: flex;
  border-left: 1px solid #ddd;
  text-align: center;
  font-size: 22px;
  line-height: 1em;
}

.tab_nav li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.tab_nav button {
  background-color: transparent;
  width: 100%;
  height: 60px;
  border: solid #ddd;
  border-width: 1px 1px 1px 0;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.tab_nav button:before {
  content: "";
  width: 0;
  height: 3px;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.tab_nav button[data-panel="#floor01"]:before {
  background-color: #006ce6;
}

.tab_nav button[data-panel="#floor02"]:before {
  background-color: #e600b3;
}

.tab_nav button[data-panel="#floor03"]:before {
  background-color: #00cb39;
}

.tab_nav button[data-panel="#limit"]:before {
  background-color: #ff7e1f;
}

.tab_nav .active button {
  border-bottom-color: transparent;
}

.tab_nav .active button:before {
  width: 100%;
}

/*240408ガイドマップ*/
@media screen and (max-width: 599px) {
  main#floor {padding:0;}
  .floormap iframe{height:390px;/*デバイスと同じ横幅にするときれいに収まる:代表的なデバイスに合わせる*/}
  #floor .pctbl{display:none;}
  .mapinf{padding:0 20px;}
	.floor_sp{margin:0 auto;}
}
@media screen and (min-width:600px) and ( max-width:959px) {#floor .spp{display:none;}}


@media screen and (max-width: 960px) {
  .tab_nav {
    font-size: 13px;
  }

  .tab_nav button {
    height: 50px;
  }
}
.tempinfo {
  background-color: #0068d2;
  padding: 0;
  color: #fff;
}

.tempinfo .wrapper {
  display: -webkit-flex;
  display: flex;
}

.tempinfo .opentime {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.tempinfo #operate{/*add0803*/
	height:45px!important;
}

.tempinfo .opentime dt {
  font-weight: bold;
  font-size: 20px;
  line-height: 1em;
  margin-right: 25px;
}

.tempinfo .opentime dt .small {
  font-size: 18px;
  line-height: 1em;
}

.tempinfo .opentime dd {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.tempinfo .opentime dd .time {
  font-weight: bold;
  font-size: 30px;
  line-height: 1em;
}

.tempinfo .opentime dd .last {
  font-size: 18px;
  line-height: 1em;
}

.tempinfo .calendar {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  /*background-color: #004b97;*/
  width: 100%;/*230px*/
  height: 60px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 23px;/*16px*/
  line-height: 1em;
  /*margin-left: auto;*/
}

.tempinfo .calendar img {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}

@media screen and (max-width: 960px) {
  .tempinfo .opentime {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 68%;
    padding-left: 15px;
  }

  .tempinfo .opentime dt {
    font-size: 13px;
    margin: 0 0 3px;
  }

  .tempinfo .opentime dt .small {
    font-size: 12px;
  }

  .tempinfo .opentime dd .time {
    font-size: 15px;
  }

  .tempinfo .opentime dd .last {
    font-size: 10px;
  }

  .tempinfo .calendar {
    /*width: 32%;*/
	width:100%;
    height: 46px;/*46px*/
    font-size: 18px;/*12px*/
    margin-left: 0;
  }

  .tempinfo .calendar img {
    width: 15px;
    height: 15px;
    margin-right: 7px;
  }
}
.tempbtn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0068d2;
  width: 470px;
  height: 50px;
  padding-left: 10px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  line-height: 1.3em;
  margin: 0 auto;
}

.tbl_btn{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #E4921B;
  width: 570px;
  height: 60px;
  padding-left: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3em;
  margin: 20px auto;
  text-decoration: none!important;
  color:#fff!important;
}

@media screen and (min-width: 961px) {
.tempinfo #operate{/*add0803*/
	height:60px!important;
}
}



@media screen and (max-width: 960px) {
  .tempbtn {
    background: #0068d2 url("../img/arrow_08.png") no-repeat right 15px center/7px auto;
    width: auto;
    height: auto;
    padding: 14px 25px;
    font-size: 18px;
  }
	.tbl_btn{
	background: #E4921B url("../img/arrow_08.png") no-repeat right 15px center/7px auto;
	width: auto;
    height: auto;
    padding: 14px 25px;
    font-size: 18px;
	
	}	
	
}
.temp_dl {
  margin-top: 40px;
  text-align: center;
}

.temp_dl dt {
  color: #f10000;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.temp_dl a {
  color: #0068d2;
  text-decoration: underline;
}

@media screen and (max-width: 960px) {
  .temp_dl {
    margin-top: 20px;
  }

  .temp_dl dd {
    text-align: left;
  }
}
.breadCrumb {
  margin: 15px auto;
  font-size: 12px;
  line-height: 1.4em;
  position: relative;
  z-index: 2;
}

.breadCrumb a {
  text-decoration: underline;
}

@media screen and (max-width: 960px) {
  .breadCrumb {
    margin: 10px 20px;
    font-size: 10px;
  }
}
/*header*/
.drawer-open {
  overflow: hidden !important;
}

#header {
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #ddd;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

#header .head {
  border-bottom: 1px solid #ddd;
}

#header .head .wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 84px;
}

#header .head .logo {
  width: 320px;
}

#header .head .logo a {
  display: block;
}

#header .head .logo img {
  width: 100%;
  height: auto;
}

#header .head .head_info {
  margin-left: 30px;
}

#header .head .head_info .lang {
  width: 110px;
  position: relative;
  margin-bottom: 8px;
}

#header .head .head_info .lang .label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background: url("../img/arrow_01.png") no-repeat right 8px center/7px auto;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  padding-left: 10px;
  font-size: 12px;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#header .head .head_info .lang select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 25px;
  opacity: 0;
  padding: 0;
  border: none;
}

#header .head .headnav {
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
}

#header .head .headnav a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #ffd700;
  width: 140px;
  height: 84px;
  text-align: center;
  font-weight: bold;
  color: #0068d2;
  font-size: 16px;
  line-height: 1em;
}

#header .head .headnav a:not(:last-child) {
  margin-right: 1px;
}

#header .head .headnav a img {
  margin-bottom: 5px;
}

@media screen and (min-width: 961px) {
  #header .drawer-nav {
    position: relative;
  }
}
#header .drawer-nav .drawer-menu {
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#header .drawer-nav .drawer-menu li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-right: 1px solid #ddd;
}

#header .drawer-nav .drawer-menu li:first-child {
  border-left: 1px solid #ddd;
}

#header .drawer-nav .drawer-menu-item {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 58px;
}

#header .drawer-nav .drawer-menu-item img {
  width: auto;
  height: 33px;
  margin-bottom: 6px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#header .drawer-nav .sns {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 84px;
  position: absolute;
  top: -85px;
  right: 300px;
  /*右にheadnavがあるとき*/
  right: 0;
  /*右にheadnavがないとき*/
}

#header .drawer-nav .sns a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 36px;
  height: 36px;
}

#header .drawer-nav .sns a:not(:last-child) {
  margin-right: 12px;
}

@media screen and (min-width: 961px) {
  #header.short .drawer-nav .drawer-menu {
    padding: 0;
  }

  #header.short .drawer-nav .drawer-menu-item {
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 40px;
  }

  #header.short .drawer-nav .drawer-menu-item img {
    height: 22px;
    margin: 0 8px 0 0;
  }
}
@media screen and (max-width: 960px) {
  #header .head {
    border-bottom: none;
  }

  #header .head .wrapper {
    height: 60px;
    padding: 0 53px 0 10px;
  }

  #header .head .logo {
    width: 164px;
    margin-right: 10px;
  }

  #header .head .head_info {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto;
  }

  #header .head .head_info .lang {
    margin-bottom: 0;
  }

  #header .drawer-hamburger {
    display: block;
    background-color: transparent;
    width: 48px;
    height: 60px;
    padding: 0 11px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 104;
    -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: pointer;
  }

  #header .drawer-hamburger-icon {
    display: block;
    position: relative;
  }

  #header .drawer-hamburger-icon, #header .drawer-hamburger-icon:before, #header .drawer-hamburger-icon:after {
    background-color: #000;
    width: 100%;
    height: 2px;
    -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }

  #header .drawer-hamburger-icon:before, #header .drawer-hamburger-icon:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
  }

  #header .drawer-hamburger-icon:after {
    top: 8px;
  }

  .drawer-open #header .drawer-hamburger-icon {
    background-color: transparent;
  }

  .drawer-open #header .drawer-hamburger-icon:before, .drawer-open #header .drawer-hamburger-icon:after {
    top: 0;
  }

  .drawer-open #header .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .drawer-open #header .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #header .drawer-nav {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 101;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .drawer-open #header .drawer-nav {
    top: 0;
  }

  #header .drawer-nav .drawer-logo {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
  }

  #header .drawer-nav .drawer-logo img {
    width: 194px;
    height: auto;
  }

  #header .drawer-nav .drawer-info iframe {
    display: block;
    width: 100%;
    height: 46px;
  }

  #header .drawer-nav .drawer-menu {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    font-size: 14px;
    line-height: 1.2em;
  }

  #header .drawer-nav .drawer-menu li {
    width: 33.333%;
  }

  #header .drawer-nav .drawer-menu li:first-child {
    border-left: none;
  }

  #header .drawer-nav .drawer-menu li:nth-child(3n) {
    border-right: none;
  }

  #header .drawer-nav .drawer-menu li:not(:nth-child(-n+3)) {
    border-top: 1px solid #ddd;
  }

  #header .drawer-nav .drawer-menu-item {
    height: 110px;
    padding-top: 0.5em;
  }

  #header .drawer-nav .drawer-menu-item .txt {
    display: block;
    height: 2.2em;
  }

  #header .drawer-nav .sns {
    -webkit-justify-content: center;
    justify-content: center;
    height: auto;
    padding: 10px 0 40px;
    position: static;
  }

  #header .drawer-nav .sns a {
    width: 40px;
    height: 40px;
  }

  #header .drawer-nav .sns a:not(:last-child) {
    margin-right: 40px;
  }

  #header .drawer-nav .sns img {
    width: auto;
    height: 30px;
  }
}
#top {
  padding: 0;
}

/*top_main*/
@-webkit-keyframes loader {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader {
  100% {
    transform: rotate(360deg);
  }
}
#top_main {
  position: relative;
}

#top_main .loader {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  width: 100%;
  height: 550px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#top_main .loader div {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #0068d2;
  border-bottom-color: transparent;
  -webkit-animation: loader 0.75s linear infinite;
  animation: loader 0.75s linear infinite;
}

#top_main .slick {
  margin-bottom: 0;
}

#top_main .slick .slick-slide {
  overflow: hidden;
}

#top_main .slick .slick-slide a {
  display: block;
}

#top_main .slick .slick-slide img {
  width: 100%;
  min-width: 1920px;
  height: auto;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#top_main .slick .slick-prev {
  left: 20px;
}

#top_main .slick .slick-next {
  right: 20px;
}

#top_main .info iframe {
  display: block;
  width: 100%;
  height: 60px;
}

@media screen and (max-width: 960px) {
  #top_main .loader {
    height: 0;
    padding-top: 48.75%;
  }

  #top_main .loader div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  #top_main .slick {
    height: 0;
    padding-top: 48.75%;
  }

  #top_main .slick .slick-list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  #top_main .slick .slick-slide {
    overflow: hidden;
  }

  #top_main .slick .slick-slide a {
    display: block;
  }

  #top_main .slick .slick-slide img {
    width: 170%;
    min-width: 0;
  }

  #top_main .info iframe {
    height: 46px;
  }

  #top_main .top_nav {
    padding-top: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em;
  }

  #top_main .top_nav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #top_main .top_nav li {
    width: 33.333%;
  }

  #top_main .top_nav li:not(:nth-child(3n)) {
    border-right: 1px solid #ddd;
  }

  #top_main .top_nav li:not(:nth-child(-n+3)) {
    border-top: 1px solid #ddd;
  }

  #top_main .top_nav a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 80px;
  }

  #top_main .top_nav a img {
    width: auto;
    height: 33px;
    margin-bottom: 6px;
  }

  #top_main .top_nav .sns {
    display: -webkit-flex;
    display: flex;
    width: 66.667%;
    border-right: none !important;
  }

  #top_main .top_nav .sns a {
    width: 25%;
  }

  #top_main .top_nav .sns a:not(:last-child) {
    border-right: 1px dotted #ddd;
  }

  #top_main .top_nav .sns img {
    height: 30px;
    margin-bottom: 0;
  }
}

/*top_extra*/
#top_extra,.top_extra {
	background: url("../img/top_extra_bg02.jpg") left top / 32px auto;
	margin-top: 30px;
	border: 4px solid #aaa;
	padding: 22px;
	text-align: center;
	line-height: 1.7em;
	overflow: hidden;
	position: relative;
}
#top_extra:before,
#top_extra:after,
.top_extra:before,
.top_extra:after{
	content: "";
	background: url("../img/top_extra_bg01.png") no-repeat left top / 100% 100%;
	width: 0;
	height: 0;
	position: absolute;
	z-index: 1;
}
#top_extra:before,
.top_extra:before{
	width: 236px;
	height: 236px;
	top: -65px;
	left: -10px;
}
#top_extra:after,
.top_extra:after{
	width: 241px;
	height: 241px;
	right: -5px;
	bottom: -65px;
}
#top_extra .ttl,
#top_extra p,
.top_extra .ttl,
.top_extra p {
	position: relative;
	z-index: 2;
}
#top_extra .ttl,
.top_extra .ttl{
	font-weight: bold;
	color: #ff7800;
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 5px;
}
@media screen and (max-width: 960px) {
	#top_extra,.top_extra {
        margin-top: 15px;
		border-width: 4px 0;
        padding: 20px 15px;
    }
    #top_extra:before,
    .top_extra:before{
        display: none;
    }
    #top_extra:after,
    .top_extra:after{
        width: 181px;
        height: 181px;
        right: -25px;
        bottom: -40px;
    }
    #top_extra .ttl,
    .top_extra .ttl{
        font-size: 18px;
        margin-bottom: 10px;
    }
}

/*top_pickup*/
#top_pickup {
  padding-top: 65px;
}

#top_pickup .slick {
  width: 1170px;
  margin-left: -15px;
}

#top_pickup .slick .slick-list {
  padding: 0 0 25px 0 ;
  /*padding: 25px 0 80px;*/
}

#top_pickup .slick .slick-slide {
  padding: 0 15px;
}

#top_pickup .slick a {
  display: block;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#top_pickup .slick figure {
  background-color: #f4f4f4;
  height: 0;
  padding-top: 56%;
  position: relative;
  overflow: hidden;
}

#top_pickup .slick figure img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#top_pickup .slick .txtbox {
  padding: 20px;
}

#top_pickup .slick .post_ttl {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 10px;
}

#top_pickup .slick .slick-arrow {
  top: 125px;
  bottom: auto;
}

@media screen and (min-width: 961px) {
  #top_pickup .slick .slick-prev {
    left: 15px;
  }

  #top_pickup .slick .slick-next {
    right: 15px;
  }
}
@media screen and (max-width: 960px) {
  #top_pickup {
    padding-top: 40px;
  }

  #top_pickup .slick {
    width: 50%;
    margin-left: 0;
  }

  #top_pickup .slick .slick-list {
    padding: 13.4% 0;
    overflow: visible;
  }

  #top_pickup .slick .slick-track {
    display: -webkit-flex;
    display: flex;
  }

  #top_pickup .slick .slick-track:after {
    display: none;
  }

  #top_pickup .slick .slick-slide {
    float: none;
    height: auto;
    padding: 0 5px;
  }

  #top_pickup .slick a {
    height: 100%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  #top_pickup .slick .txtbox {
    padding: 10px;
  }

  #top_pickup .slick .post_ttl {
    font-size: 14px;
  }

  #top_pickup .slick .detail {
    font-size: 12px;
    line-height: 1.4em;
  }

  #top_pickup .slick .slick-arrow {
    top: 0;
    margin-top: 28%;
  }

  #top_pickup .slick .slick-next {
    right: -100%;
  }
}
/*top_news*/
#top_news {
  background-color: #00a9bd;
  padding: 75px 0 80px;
}

#top_news .news_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px -28px -28px 0;
}

#top_news .news_list li {
  width: 264px;
  margin: 0 28px 28px 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#top_news .news_list a {
  display: block;
  background-color: #fff;
  height: 100%;
}

#top_news .news_list figure {
  background-color: #f4f4f4;
  height: 0;
  padding-top: 56%;
  position: relative;
  overflow: hidden;
}

#top_news .news_list figure img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#top_news .news_list .txtbox {
  padding: 20px;
}

#top_news .news_list time {
  font-size: 12px;
  line-height: 1em;
  margin-bottom: 10px;
}

#top_news .openbtn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  width: 360px;
  height: 60px;
  text-align: center;
  font-weight: bold;
  color: #00a9bd;
  font-size: 20px;
  line-height: 1em;
  margin: 40px auto 0;
  cursor: pointer;
  position: relative;
}

#top_news .openbtn:before {
  content: "閉じる";
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

#top_news .openbtn:after {
  content: "";
  background: url("../img/arrow_02.png") no-repeat left top/100% 100%;
  width: 19px;
  height: 7px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  z-index: 3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#top_news .openbtn.open:before {
  opacity: 1;
}

#top_news .openbtn.open:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#top_news .accordion {
  display: none;
}

#top_news .accordion .news_list {
  margin-top: 40px;
}

@media screen and (max-width: 960px) {
  #top_news {
    padding: 50px 0 65px;
  }

  #top_news .news_list {
    margin: 30px 20px -20px;
  }

  #top_news .news_list li {
    width: 100%;
    margin: 0 0 20px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  #top_news .news_list .txtbox {
    padding: 15px;
  }

  #top_news .news_list time {
    margin-bottom: 7px;
  }

  #top_news .openbtn {
    width: auto;
    margin: 20px 20px 0;
  }

  #top_news .accordion .news_list {
    margin-top: 20px;
  }
}
/*top_widget*/
#top_widget {
  display: -webkit-flex;
  display: flex;
  padding: 80px 0 85px;
}

#top_widget dl {
  width: 360px;
}

#top_widget dl:not(:last-child) {
  margin-right: 30px;
}

#top_widget dt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
}

#top_widget dd {
  height: 480px;
  position: relative;
}

#top_widget dd iframe {
  display: block !important;
}

#top_widget .youtube dt {
  background-color: #ec2222;
}

#top_widget .youtube dd .movie {
  height: 0;
  overflow: hidden;
  padding-top: 203px;
  position: relative;
}

#top_widget .youtube dd .movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#top_widget .youtube dd p {
  height: 277px;
  border: solid #ddd;
  border-width: 0 1px 1px;
  padding: 25px;
}

#top_widget .insta dt {
  background-color: #c04fe1;
}

#top_widget .insta dd .instawidget {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#top_widget .insta dd .instawidget li {
  width: 33.333%;
}

#top_widget .insta dd .instawidget a {
  display: block;
  top: 0;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

#top_widget .insta dd .instawidget img, #top_widget .insta dd .instawidget video {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#top_widget .twi dt {
  background-color: #48aae6;
}

#top_widget .twi dd {
  border: 1px solid #ddd;
}

@media screen and (max-width: 960px) {
  #top_widget {
    display: block;
    padding: 20px;
  }

  #top_widget dl {
    width: auto;
  }

  #top_widget dl:not(:last-child) {
    margin: 0 0 20px;
  }

  #top_widget dt {
    height: 37px;
    font-size: 15px;
  }

  #top_widget dd {
    height: auto;
  }

  #top_widget dd iframe {
    width: 100% !important;
  }

  #top_widget .youtube dd .movie {
    padding-top: 56.25%;
  }

  #top_widget .youtube dd p {
    height: auto;
    padding: 15px;
  }

  #top_widget .twi dd iframe {
    width: 750px !important;
    height: 360px !important;
  }
}
/*top_bana*/
#top_bana {
  background-color: #eeeeee;
  padding: 40px 0;
}

@media screen and (min-width: 961px) {
  #top_bana .wrapper {
    display: -webkit-flex;
    display: flex;
  }
}
#top_bana a {
  display: block;
  width: 360px;
}

#top_bana a:not(:last-child) {
  margin-right: 30px;
}

#top_bana img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #top_bana {
    padding: 35px 20px;
  }

  #top_bana a {
    width: auto;
  }

  #top_bana a:not(:last-child) {
    margin: 0 0 10px;
  }
}
/*footer*/
#footer {
  background-color: #ffd700;
  padding: 45px 0;
  overflow: hidden;
  position: relative;
  z-index: 5;
}

#footer .pagetop {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #ffd700;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: fixed;
  right: 0;
  bottom: 30px;
  z-index: 95;
}
#footer .pagetop img {
  width: 12px;
  height: 12px;
}
/*add240425*/

#footer .footerbnr {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  /*background-color: #ffd700;*/

  /*border: 1px solid rgba(255, 255, 255, 0.5);*/
  position: fixed;
  right: 0;
  bottom: 30px;
  z-index: 95;
}




@media screen and (min-width: 961px) {
	#footer .footerbnr {width: 110px;height: 110px;}
	#footer .footerbnr img {width: 100px;height: 100px;}
}

@media screen and (max-width: 960px) {
	#footer .footerbnr {width: 90px;height: 90px;}
	#footer .footerbnr img {width: 70px;height: 70px;}
}



@media screen and (min-width: 961px) {
  #footer .contwrap {
    display: -webkit-flex;
    display: flex;
  }
}
#footer .footnav {
  width: 880px;
}

#footer .footnav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.4em;
}

@media screen and (min-width: 961px) {
  #footer .footnav li:not(:last-child) {
    border-right: 1px solid #000;
  }
}
#footer .footnav a {
  display: block;
}

#footer .footnav .large {
  font-weight: bold;
  font-size: 16px;
  margin-left: -20px;
}

#footer .footnav .large a {
  padding: 0 20px;
}

#footer .footnav .small {
  font-size: 12px;
  margin-left: -15px;
}

#footer .footnav .small li {
  margin-top: 10px;
}

#footer .footnav .small a {
  padding: 0 15px;
}

#footer .logo {
  width: 204px;
  margin-left: auto;
}

#footer .logo a {
  display: block;
}

#footer .logo img {
  width: 100%;
  height: auto;
}

#footer .copy {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 30px;
}

#footer .copy a {
  display: block;
  width: 54px;
  margin-right: 10px;
}

#footer .copy a img {
  width: 100%;
  height: auto;
}

#footer .copy .txt {
  display: block;
  font-size: 10px;
  line-height: 1.4em;
}

@media screen and (max-width: 960px) {
  #footer {
    padding: 0 0 15px;
  }

  #footer .pagetop {
    bottom: 0;
  }
  #footer .footerbnr {
    bottom: 0;
  }
  #footer .footnav {
    width: auto;
  }

  #footer .footnav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-left: 0 !important;
  }

  #footer .footnav li {
    border-bottom: 1px solid #000;
  }

  #footer .footnav a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
  }

  #footer .footnav .large {
    border-top: 1px solid #000;
  }

  #footer .footnav .large li {
    width: 100%;
  }

  #footer .footnav .large a {
    padding: 0;
  }

  #footer .footnav .small li {
    width: 50%;
    margin-top: 0;
  }

  #footer .footnav .small li:nth-child(odd) {
    border-right: 1px solid #000;
  }

  #footer .footnav .small a {
    padding: 0 10px;
  }

  #footer .logo {
    margin: 30px auto 0;
  }

  #footer .copy {
    display: block;
    padding-top: 20px;
  }

  #footer .copy a {
    margin: 0 auto 10px;
  }

  #footer .copy .txt {
    text-align: center;
  }
}
/*access*/
@media screen and (max-width: 960px) {
  #access {
    padding: 25px 0 40px;
  }
}
#access .access {
  padding-bottom: 80px;
}

#access .access .txt1 {
  text-align: center;
  font-size: 16px;
  line-height: 1.7em;
  margin: 20px 0 40px;
}

#access .access .map {
  width: 100%;
  height: 522px;
}

#access .access .txt2 {
  margin-top: 5px;
}

#access .access .openbtn {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0068d2;
  height: 60px;
  padding-left: 20px;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  line-height: 1.3em;
  position: relative;
  cursor: pointer;
  margin-top: 40px;
}

#access .access .openbtn:before,#calendar .openbtn:before,#ticket .openbtn:before,#en .openbtn:before {/*add210327*/
  content: "";
  background: url("../img/arrow_03.png") no-repeat left top/100% 100%;
  width: 30px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#access .access .openbtn.open:before,#calendar .openbtn.open:before,#ticket .openbtn.open:before,#en .openbtn.open:before {/*add210327*/
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

#access .access dd {
  display: none;
  padding-top: 25px;
}

#access .access dd a {
  color: #0068d2;
  text-decoration: underline;
}

#access .access dd .ttl {
  font-weight: bold;
  color: #00a9bd;
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

#access .access dd .ttl:not(:first-of-type) {
  padding-top: 25px;
}

#access .access dd .ttl a {
  color: #00a9bd;
}

@media screen and (max-width: 960px) {
  #access .access {
    padding-bottom: 40px;
  }

  #access .access .txt1 {
    text-align: left;
    font-size: 14px;
    margin: 20px 20px 15px;
  }

  #access .access .map {
    height: 375px;
  }

  #access .access .txt2 {
    margin: 10px 20px 0;
  }

  #access .access dl {
    padding: 0 20px;
  }

  #access .access .openbtn,#calendar .openbtn ,#ticket .openbtn,#en .openbtn{/*add210327*/
    height: 50px;
    padding-left: 15px;
    font-size: 20px;
    margin-top: 30px;
  }

  #access .access .openbtn:before,#calendar .openbtn:before,#ticket .openbtn:before,#en .openbtn:before {/*add210327*/
    right: 15px;
  }

  #access .access dd {
    padding-top: 15px;
    font-size: 12px;
    line-height: 1.7em;
  }

  #access .access dd .ttl {
    font-size: 18px;
  }

  #access .access dd .ttl:not(:first-of-type) {
    padding-top: 15px;
  }
}
#access #parking .mapwrap {
  display: -webkit-flex;
  display: flex;
  padding: 60px 0 50px;
}

#access #parking .mapwrap figure {
  width: 457px;
}

#access #parking .mapwrap figure img {
  width: 100%;
  height: auto;
}

#access #parking .mapwrap .txtbox {
  width: 458px;
  margin-left: auto;
}

#access #parking .mapwrap .txtbox .txt1 {
  font-size: 16px;
  line-height: 1.4em;
}

#access #parking .mapwrap .txtbox a {
  display: block;
  margin: 15px 0;
}

#access #parking .mapwrap .txtbox a img {
  width: 100%;
  height: auto;
}

#access #parking .mapwrap .detail {
  display: -webkit-flex;
  display: flex;
  padding-top: 40px;
  font-size: 13px;
  line-height: 1.8em;
}

#access #parking .mapwrap .detail dl:last-child {
  margin-left: auto;
}

#access #parking .mapwrap .detail dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

#access #parking .ticket .ttl {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4em;
}

#access #parking .ticket .tempttl3{
	margin-bottom:20px;
}


#access #parking .ticket .service {
  display: -webkit-flex;
  display: flex;
  margin: 15px 0;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 18px;
  line-height: 1.3em;
}

#access #parking .ticket .service li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 50%;
  height: 50px;
}

#access #parking .ticket .service li:first-child {
  border-right: 1px solid #ddd;
}

#access #parking .ticket .txt1 a {
  color: #0068d2;
  text-decoration: underline;
}

#access #parking .ticket .txt1 .indent {
  display: inline-block;
}

#access #parking .ticket table {
  width: 100%;
  margin: 30px 0 15px;
}

#access #parking .ticket th, #access #parking .ticket td {
  border: 1px solid #ddd;
  padding: 15px;
}

#access #parking .ticket th {
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3em;
}

#access #parking .ticket td li {
  text-indent: -1.2em;
  padding-left: 1.2em;
}

@media screen and (max-width: 960px) {
  #access #parking {
    padding: 0 20px;
  }

  #access #parking .mapwrap {
    display: block;
    padding: 25px 0 30px;
  }

  #access #parking .mapwrap figure {
    width: auto;
  }

  #access #parking .mapwrap .txtbox {
    width: auto;
    margin: 20px 0 0;
  }

  #access #parking .mapwrap .txtbox .txt1 {
    font-size: 14px;
  }

  #access #parking .mapwrap .txtbox a {
    margin: 10px 0;
  }

  #access #parking .mapwrap .detail {
    display: block;
    padding-top: 20px;
    font-size: 12px;
  }

  #access #parking .mapwrap .detail dl:last-child {
    margin: 30px 0 0;
  }

  #access #parking .mapwrap .detail dt {
    font-size: 16px;
  }

  #access #parking .ticket .ttl {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4em;
  }

  #access #parking .ticket .service {
    display: block;
    margin: 10px 0;
    font-size: 15px;
  }

  #access #parking .ticket .service li {
    width: 100%;
  }

  #access #parking .ticket .service li:first-child {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  #access #parking .ticket .txt1 {
    font-size: 12px;
    line-height: 1.7em;
  }

  #access #parking .ticket table {
    margin: 15px 0 10px;
    border-bottom: 1px solid #ddd;
  }

  #access #parking .ticket th, #access #parking .ticket td {
    display: block;
  }

  #access #parking .ticket th {
    background-color: #f5f5f5;
    font-weight: bold;
    font-size: 16px;
  }

  #access #parking .ticket td {
    border-width: 0 1px;
    font-size: 12px;
    line-height: 1.7em;
  }

  #access #parking .ticket .txt2 {
    font-size: 12px;
    line-height: 1.7em;
  }
}
/*attraction*/
#attraction {
  padding: 0;
}

#attraction .floor {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 44px;
  height: 44px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  line-height: 1em;
}

@media screen and (max-width: 960px) {
  #attraction .floor {
    width: 40px;
    height: 40px;
  }
}
#attraction .first {
  background-color: #006ce6;
}

#attraction .second {
  background-color: #e600b3;
}

#attraction .third {
  background-color: #00cb39;
}

#attraction .slickwrap {
  position: relative;
}

#attraction .slickwrap .slick {
  width: 722px;
  margin: 0 auto;
  position: static;
}

#attraction .slickwrap .slick-list {
  overflow: visible;
}

#attraction .slickwrap .slick-slide {
  padding-right: 1px;
}

#attraction .slickwrap .slick-slide a {
  display: block;
}

#attraction .slickwrap .slick-slide figure {
  background-color: #f4f4f4;
  height: 0;
  padding-top: 56%;
  position: relative;
  overflow: hidden;
}

#attraction .slickwrap .slick-slide figure img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#attraction .slickwrap .slick-slide .txtbox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f5f5f5;
  height: 44px;
}

#attraction .slickwrap .slick-slide .txtbox .name {
  height: 2.2em;
  padding: 0 10px;
  line-height: 1.1em;
}

@media screen and (max-width: 960px) {
  #attraction .slickwrap .slick {
    width: auto;
  }

  #attraction .slickwrap .slick-slide {
    padding-right: 0;
  }

  #attraction .slickwrap .slick-slide .txtbox {
    height: 40px;
  }

  #attraction .slickwrap .slick-slide .txtbox .name {
    font-size: 12px;
  }

  #attraction .slickwrap .slick-arrow {
    bottom: 40px;
  }
}
#attraction .tempttlbox {
  margin: 50px 0 30px;
}

#attraction .tab {
  padding-bottom: 90px;
}

#attraction .floormap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fffdf6 url("../img/arrow_04.png") no-repeat right 15px center/12px auto;
  width: 556px;
  height: 50px;
  border-radius: 30px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 16px;
  line-height: 1em;
  margin: 30px auto 0;
}

@media screen and (max-width: 960px) {
  #attraction .tempttlbox {
    margin: 25px 20px 15px;
  }

  #attraction .tab {
    padding: 0 20px 40px;
  }

  #attraction .floormap {
    width: auto;
    font-size: 13px;
    margin: 20px auto 0;
  }
}
#attraction .attraction_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px -30px -30px 0;
}

#attraction .attraction_list > li {
  background-color: #fff;
  width: 360px;
  margin: 0 30px 30px 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  position: relative;
}

#attraction .attraction_list a {
  display: block;
  position: relative;
}

#attraction .attraction_list .floor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#attraction .attraction_list figure {
  background-color: #f4f4f4;
  height: 0;
  padding-top: 56%;
  position: relative;
  overflow: hidden;
}

#attraction .attraction_list figure img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#attraction .attraction_list .txtbox {
  padding: 15px 20px 20px;
}

#attraction .attraction_list .txtbox .name {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3em;
  margin-bottom: 10px;
}

#attraction .attraction_list .txtbox .detail {
  border-left: 1px solid #ddd;
  padding-left: 10px;
  margin: 10px 0 15px;
  font-size: 12px;
  line-height: 1.6em;
}

#attraction .attraction_list .txtbox .tag {
  display: -webkit-flex;
  display: flex;
  margin: 0 -1px -1px 0;
  font-size: 11px;
  line-height: 1em;
}

#attraction .attraction_list .txtbox .tag li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 20%;
  height: 23px;
  margin: 0 1px 1px 0;
}

#attraction .attraction_list .txtbox .tag .family {
  background-color: #f7f3e4;
}

#attraction .attraction_list .txtbox .tag .couple {
  background-color: #f7e4e4;
}

#attraction .attraction_list .txtbox .tag .group {
  background-color: #eae4f7;
}

#attraction .attraction_list .txtbox .tag .single {
  background-color: #e4eef7;
}

#attraction .attraction_list .txtbox .tag .friend {
  background-color: #e4f7e6;
}

#attraction .attraction_list .inner_link {
  padding: 0 20px 20px;
  text-decoration: underline;
  color: #00a2ff;
  font-size: 12px;
  line-height: 1.4em;
}

@media screen and (max-width: 960px) {
  #attraction .attraction_list {
    margin: 20px 0 -20px;
  }

  #attraction .attraction_list > li {
    width: 100%;
    margin: 0 0 20px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  #attraction .attraction_list .txtbox {
    padding: 15px;
  }

  #attraction .attraction_list .txtbox .tag {
    font-size: 9px;
  }

  #attraction .attraction_list .inner_link {
    padding: 0 15px 15px;
  }
}
#attraction .bottom_txt {
  padding-top: 15px;
}

#attraction #limit .headtxt {
  padding: 40px 0 10px;
  text-align: center;
}

#attraction #limit .headtxt .txt1 {
  font-size: 16px;
  line-height: 1.7em;
}

#attraction #limit .headtxt .txt2 {
  font-size: 12px;
  line-height: 1.7em;
}

#attraction #limit .floormap {
  background-color: #fffdf6;
  background-image: url("../img/arrow_07.png");
  border: 1px solid #ff7e1f;
  margin: 0 auto 50px;
}

#attraction #limit .limit_table table {
  width: 1140px;
  line-height: 1.3em;
}

@media screen and (min-width: 961px) {
  #attraction #limit .limit_table tr:nth-child(odd) {
    background-color: #f5f5f5;
  }
}
#attraction #limit .limit_table th, #attraction #limit .limit_table td {
  border: 1px solid #ddd;
  vertical-align: middle;
}

#attraction #limit .limit_table a {
  text-decoration: underline;
}

#attraction #limit .limit_table .mainttl {
  background-color: #f8f1eb;
  vertical-align: top;
  padding: 20px 15px;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  #attraction #limit .limit_table .mainttl {
    font-weight: normal;
  }
}
#attraction #limit .limit_table .mainttl span {
  display: block;
}

#attraction #limit .limit_table .mainttl .ttl1 {
  font-weight: bold;
  font-size: /*19px*/16px;
  line-height: 1.3em;
}

@media screen and (min-width: 961px) {
  #attraction #limit .limit_table .mainttl .ttl1 {
    white-space: nowrap;
  }
}
#attraction #limit .limit_table .mainttl .ttl2 {
  margin: 10px 0 5px;
}

#attraction #limit .limit_table .mainttl .ttl3 {
  font-size: 12px;
  line-height: 1.6em;
  margin-bottom: 10px;
}

#attraction #limit .limit_table .mainttl .ttl4 {
  background-color: #fff;
  padding: 10px;
  line-height: 1.7em;
}

#attraction #limit .limit_table th[scope="col"]:not(.mainttl) {
  background-color: #f8f1eb;
  vertical-align: top;
  width: 69px;
  font-size: 12px;
  line-height: 1.3em;
}

@media screen and (min-width: 961px) {
  #attraction #limit .limit_table th[scope="col"]:not(.mainttl) span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 235px;
    padding-top: 15px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
#attraction #limit .limit_table th[scope="row"] {
  padding: 4px 0 4px 4px;
}

#attraction #limit .limit_table th .flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#attraction #limit .limit_table th .floor {
  width: 27px;
  height: 27px;
  font-size: 12px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
}

#attraction #limit .limit_table td {
  padding: 10px 0;
  text-align: center;
}

#attraction #limit .caution {
  margin: 20px 0 40px;
}

#attraction #limit .caution li:not(:last-child) {
  text-indent: -3.3em;
  padding-left: 3.3em;
}

#attraction #limit .bottom_section {
  max-width: 945px;
}

#attraction #limit .bottom_section dt {
  margin: -130px 0 20px;
  padding-top: 130px;
}

#attraction #limit .bottom_section dt span {
  display: block;
}

#attraction #limit .bottom_section dd:not(:last-of-type) {
  margin-bottom: 35px;
}

#attraction #limit .bottom_section table {
  width: 505px;
  margin: 15px 0;
}

#attraction #limit .bottom_section th, #attraction #limit .bottom_section td {
  border: 1px solid #ddd;
  padding: 15px;
  vertical-align: middle;
}

#attraction #limit .bottom_section th {
  background-color: #f5f5f5;
  width: 240px;
}

#attraction #limit .bottom_section td {
  text-align: center;
}

#attraction #limit .bottom_section td:nth-of-type(1) {
  width: 150px;
}

#attraction #limit .bottom_section .indent {
  display: inline-block;
}

#attraction #limit .bottom_section .pdf {
  color: #00a2ff;
  text-decoration: underline;
}

#attraction #limit .bottom_section .adobe {
  display: block;
  width: 88px;
  margin: 5px 0 25px;
}

@media screen and (max-width: 960px) {
  #attraction #limit .headtxt {
    padding: 15px 0;
    text-align: left;
  }

  #attraction #limit .headtxt .txt1 {
    font-size: 14px;
  }

  #attraction #limit .floormap {
    margin: 0 0 20px;
  }

  #attraction #limit .limit_table .mainttl {
    border: 1px solid #ddd;
    padding: 20px 15px 15px;
  }

  #attraction #limit .limit_table .mainttl .ttl1 {
    font-size: 19px;
  }

  #attraction #limit .limit_table table {
    width: 100%;
    margin-top: 20px;
  }

  #attraction #limit .limit_table colgroup col:first-child {
    width: 230px;
  }

  #attraction #limit .limit_table th, #attraction #limit .limit_table td {
    border: 1px solid #ddd;
    vertical-align: middle;
  }

  #attraction #limit .limit_table th[scope="col"]:not(.mainttl) {
    background-color: #f5f5f5;
    width: auto;
    padding: 4px 0 4px 4px;
    font-size: 14px;
  }

  #attraction #limit .limit_table th .floor {
    margin-right: 7px;
  }

  #attraction #limit .limit_table th[scope="row"] {
    background-color: #f8f1eb;
    padding: 6px 0 6px 10px;
    font-size: 12px;
    line-height: 1.3em;
  }

  #attraction #limit .limit_table td {
    padding: 6px 0;
  }

  #attraction #limit .caution {
    margin: 15px 0 25px;
    font-size: 12px;
    line-height: 1.7em;
  }

  #attraction #limit .bottom_section dt {
    margin: -80px 0 15px;
    padding-top: 80px;
  }

  #attraction #limit .bottom_section dd {
    font-size: 12px;
    line-height: 1.7em;
  }

  #attraction #limit .bottom_section dd:not(:last-of-type) {
    margin-bottom: 30px;
  }

  #attraction #limit .bottom_section table {
    width: 100%;
    margin: 10px 0;
  }

  #attraction #limit .bottom_section th {
    width: 49%;
    padding: 10px;
  }

  #attraction #limit .bottom_section td {
    padding: 10px 5px;
  }

  #attraction #limit .bottom_section td:nth-of-type(1) {
    width: 33%;
  }

  #attraction #limit .bottom_section .pdf {
    color: #00a2ff;
    text-decoration: underline;
  }

  #attraction #limit .bottom_section .adobe {
    display: block;
    width: 88px;
    margin: 5px 0 25px;
  }
}
.modal_caution {
  padding: 20px 20px 0;
}

.modal_caution li:not(:last-child) {
  text-indent: -3.3em;
  padding-left: 3.3em;
}

@media screen and (max-width: 960px) {
  .modal_caution {
    font-size: 12px;
    line-height: 1.7em;
  }
}
/*attraction.single*/
#attraction.single .tempttlbox {
  color: #7700e6;
  padding-bottom: 10px;
  position: relative;
}

#attraction.single .tempttlbox:before {
  content: "";
  background: url("../img/attraction_single_ttlbg.jpg") repeat-x left top/auto 100%;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#attraction.single .tempttlbox .tempttl2 {
  font-weight: bold;
}

#attraction.single.game .tempttlbox {
  color: #00cb39;
}

#attraction.single.game .tempttlbox:before {
  background-image: url("../img/game_single_ttlbg.jpg");
}

#attraction.single.shop .tempttlbox {
  color: #ff6c00;
}

#attraction.single.shop .tempttlbox:before {
  background-image: url("../img/shop_single_ttlbg.jpg");
}

#attraction.single.whats .tempttlbox {
  color: #000;
}

#attraction.single.whats .tempttlbox:before {
  background-image: url("../img/whats_single_ttlbg.jpg");
}

@media screen and (min-width: 961px) {
  #attraction.single .maincont {
    width: 750px;
    position: relative;
  }
}
#attraction.single .single_slickwrap {
  position: relative;
}

#attraction.single .single_slickwrap .floor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#attraction.single .single_slickwrap .slick {
  margin-bottom: 0;
}

#attraction.single .single_slickwrap .slick-slide img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 961px) {
  #attraction.single .single_slickwrap .slick-arrow {
    background-size: 30px auto;
  }

  #attraction.single .single_slickwrap .slick-dots {
    bottom: 15px;
  }
}
#attraction.single .single_slickwrap .slick-prev {
  background-image: url("../img/slide_prev02.png");
}

#attraction.single .single_slickwrap .slick-next {
  background-image: url("../img/slide_next02.png");
}

#attraction.single .news {
  background-color: #f8f7f0;
  padding: 12px 15px;
}

#attraction.single .news dt {
  text-indent: -0.5em;
}

#attraction.single .news a {
  color: #00a2ff;
  text-decoration: underline;
}

#attraction.single .detail {
  width: 360px;
  position: absolute;
  top: 0;
  right: -390px;
}

#attraction.single .detail .detail_ttl {
  font-weight: bold;
  color: #0068d2;
  font-size: 18px;
  line-height: 1.6em;
}

#attraction.single .detail .description {
  margin: 15px 0 20px;
}

#attraction.single .detail .recommend {
  background-color: #0068d2;
}

#attraction.single .detail .recommend .recommend_ttl {
  padding: 15px 0 12px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  line-height: 1em;
}

#attraction.single .detail .recommend .type {
  display: -webkit-flex;
  display: flex;
  padding: 0 10px 10px;
  margin-right: -2px;
}

#attraction.single .detail .recommend .type li {
  width: 20%;
  margin-right: 2px;
}

#attraction.single .detail .recommend .type li.off {
  opacity: 0.2;
}

#attraction.single .detail .recommend .type img {
  width: 100%;
  height: auto;
}

#attraction.single .detail .starbox {
  padding: 0 2px 2px;
  font-weight: bold;
  line-height: 1.2em;
}

#attraction.single .detail .starbox li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  height: 40px;
  padding-left: 10px;
}

#attraction.single .detail .starbox li:not(:last-child) {
  margin-bottom: 1px;
}

#attraction.single .detail .starbox .icon {
  width: 23px;
  height: 23px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 8px;
}

#attraction.single .detail .starbox .star {
  display: -webkit-flex;
  display: flex;
  width: 165px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
}

#attraction.single .detail .starbox .star img {
  width: 20px;
  height: 20px;
}

@media screen and (min-width: 961px) {
  #attraction.single .detail .floormap {
    width: auto;
    margin-top: 20px;
  }
}
#attraction.single .articlewrap {
  margin: 40px 0 70px;
}

#attraction.single .movie {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 40px;
}

#attraction.single .movie iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 960px) {
  #attraction.single .tempttlbox {
    margin: 25px 0 15px;
  }

  #attraction.single .tempttlbox .tempttl2 {
    padding: 0 20px;
  }

  #attraction.single .news {
    padding: 10px;
  }

  #attraction.single .detail {
    width: auto;
    padding: 20px 20px 0;
    position: static;
  }

  #attraction.single .detail .description {
    margin: 10px 0 20px;
  }

  #attraction.single .detail .starbox .star {
    width: 150px;
  }

  #attraction.single .articlewrap {
    margin: 30px 20px 50px;
  }

  #attraction.single .movie {
    margin-bottom: 20px;
  }
}
#attraction.single .txtarea {
  margin-bottom: 30px;
}

#attraction.single .txtarea h3 {
  color: #0068d2;
  font-size: 18px;
  margin: 35px 0 10px;
}

#attraction.single .txtarea h4 {
  font-size: 15px;
  margin: 35px 0 5px;
}

#attraction.single .txtarea h5 {
  margin: 35px 0 3px;
}

#attraction.single .txtarea h3, #attraction.single .txtarea h4, #attraction.single .txtarea h5 {
  font-weight: bold;
  line-height: 1.6em;
}

@media screen and (max-width: 960px) {
  #attraction.single .txtarea h3, #attraction.single .txtarea h4, #attraction.single .txtarea h5 {
    margin-top: 20px;
  }
}
#attraction.single .txtarea .tempttl3 {
  margin: 50px 0 25px;
}

@media screen and (max-width: 960px) {
  #attraction.single .txtarea .tempttl3 {
    margin: 35px 0 15px;
  }
}
#attraction.single .txtarea .tempttl3 + h3 {
  margin: 0 0 10px;
}

#attraction.single .txtarea h3 + h4, #attraction.single .txtarea h3 + h5, #attraction.single .txtarea h4 + h5 {
  margin: 0 0 5px;
}

#attraction.single .txtarea p, #attraction.single .txtarea table, #attraction.single .txtarea dl, #attraction.single .txtarea ul, #attraction.single .txtarea ol, #attraction.single .txtarea blockquote, #attraction.single .txtarea hr {
  margin: 0 0 20px;
}

#attraction.single .txtarea a {
  display: inline-block;
  color: #00a2ff;
  text-decoration: underline;
}

#attraction.single .txtarea strong {
  font-weight: bold;
  color: #ff6c00;
}

#attraction.single .txtarea strong, #attraction.single .txtarea span {
  display: inline;
  line-height: 1.6em;
}

#attraction.single .txtarea em {
  font-style: oblique;
}

#attraction.single .txtarea del {
  text-decoration: line-through;
}

#attraction.single .txtarea img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #attraction.single .txtarea img {
    margin: 0 auto;
  }
}
@media screen and (min-width: 961px) {
  #attraction.single .txtarea .alignleft {
    float: left;
    margin-right: 30px;
    text-align: left;
  }

  #attraction.single .txtarea .alignright {
    float: right;
    margin-left: 30px;
    text-align: right;
  }
}
#attraction.single .txtarea .aligncenter {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 960px) {
  #attraction.single .txtarea .aligncenter {
    display: block;
  }
}
#attraction.single .txtarea table {
  width: 100%;
  table-layout: auto;
  line-height: 1.6em;
}

#attraction.single .txtarea th, #attraction.single .txtarea td {
  border: 1px solid #ddd;
  padding: 10px 15px;
}

#attraction.single .txtarea th {
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  #attraction.single .txtarea th {
    font-weight: normal;
  }
}
#attraction.single .txtarea dt {
  font-weight: bold;
  margin-bottom: 3px;
}

#attraction.single .txtarea dd {
  margin-bottom: 20px;
}

#attraction.single .txtarea ul, #attraction.single .txtarea ol {
  line-height: 1.4em;
  padding-left: 1.5em;
}

#attraction.single .txtarea ul {
  list-style: disc outside;
}

#attraction.single .txtarea ol {
  list-style: decimal outside;
}

#attraction.single .txtarea li:not(:last-child) {
  margin-bottom: 8px;
}

#attraction.single .txtarea ul + ul, #attraction.single .txtarea ol + ol {
  margin-top: -20px;
}

#attraction.single .txtarea ul ul, #attraction.single .txtarea ol ol {
  margin: 0.8em 0 0;
}

#attraction.single .txtarea ul ul {
  list-style: circle outside;
}

#attraction.single .txtarea ul ul ul {
  list-style: none;
}

#attraction.single .txtarea ul ul ul li {
  position: relative;
}

#attraction.single .txtarea ul ul ul li:before {
  content: ">";
  position: absolute;
  top: 0;
  left: -1.2em;
}

#attraction.single .txtarea blockquote {
  display: block;
  background-color: #f5f5f5;
  padding: 20px 20px 0;
  border: 1px solid #ddd;
  line-height: 1.6em;
}

#attraction.single .txtarea blockquote:before {
  content: "“";
  display: block;
  height: 35px;
  color: #b5b5b5;
  font-family: Georgia,"Times New Roman",Times,"serif";
  font-size: 80px;
  line-height: 0.8em;
  text-indent: -5px;
}

#attraction.single .txtarea hr {
  display: block;
  background-color: #ddd;
  height: 1px;
}

#attraction.single .txtarea .box {
  display: -webkit-flex;
  display: flex;
  border: 4px solid #0068d2;
  padding: 25px 25px 5px;
  margin-bottom: 30px;
}

#attraction.single .txtarea .box02{/*210317*/
  border: 4px solid #0068d2;
  padding: 5px 25px 5px;
  margin-bottom: 30px;
}

#attraction.single .txtarea .box02 .boxflex{/*210317*/
  display: -webkit-flex;
  display: flex;
}

#attraction.single .txtarea .box03 {/*210317*/
  display: -webkit-flex;
  display: flex;
}

#attraction.single .txtarea .box .txtmv{/*210316*/
    width: 672px; 
    }

#attraction.single .txtarea .box figure, #attraction.single .txtarea .box .movie,#attraction.single .txtarea .box02 figure {
  margin-bottom: 10px;
}

@media screen and (min-width: 961px) {
  #attraction.single .txtarea .box figure,#attraction.single .txtarea .box02 .boxflex figure {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto;
	text-align: center;
  }

	#attraction.single .txtarea .box02 .boxflex .prdbox:first-child{margin-right: 5px;}/*20230719_jpstore*/
	
  #attraction.single .txtarea .box .txtbox,#attraction.single .txtarea .box02 .txtbox {
    padding-right: 20px;
  }

  #attraction.single .txtarea .box .moviewrap {
    width: 330px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: auto;
  }

}
#attraction.single .txtarea .box h3, #attraction.single .txtarea .box h4, #attraction.single .txtarea .box h5 {
  margin-top: 0;
}

#attraction.single .txtarea .box h4 {
  color: #ff6c00;
}

#attraction.single .txtarea .box h3 + h4 {
  margin: -5px 0 10px;
}

#attraction.single .txtarea .box small {
  font-size: 12px;
  line-height: 1.6em;
  margin-top: 10px;
}

#attraction.single .txtarea .box small .indent {
  display: block;
}

@media screen and (max-width: 960px) {
  #attraction.single .txtarea .box{
    display: block;
    border-width: 3px;
    padding: 15px 15px 5px;
    margin-bottom: 20px;
  }
	
  #attraction.single .txtarea .box02{
    border-width: 3px;
    padding: 15px 15px 5px;
    margin-bottom: 20px;
	}
	
  #attraction.single .txtarea .box02 .boxflex{
	display: block;
  }
  #attraction.single .txtarea .box figure img,ttraction.single .txtarea .box02 figure img{
    width: 100%;
  }

  #attraction.single .txtarea .box .txtmv{/*210316*/
    width: 100%; 
    }
    
}
@media screen and (min-width: 961px) {
  #attraction.single .txtarea .box_list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -30px;
  }

  #attraction.single .txtarea .box_list .box {
    display: block;
    width: 360px;
    margin: 0 30px 30px 0;
  }

  #attraction.single .txtarea .box_list .box .moviewrap {
    width: auto;
  }
}
#attraction.single .listarea {
  margin-bottom: 50px;
}

#attraction.single .listarea .tempttl3 {
  font-size: 18px;
  margin-bottom: 20px;
}

#attraction.single .listarea ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -45px -40px 0;
  line-height: 1.5em;
}

#attraction.single .listarea li {
  width: 220px;
  margin: 0 45px 40px 0;
}

#attraction.single .listarea li figure {
  margin-bottom: 8px;
}

#attraction.single .listarea li figure img {
  width: 100%;
  height: auto;
}

#attraction.single .listarea li .name {
  font-weight: bold;
}

#attraction.single .listarea small {
  font-size: 12px;
  line-height: 1.6em;
  margin-top: 20px;
}

#attraction.single .listarea small .indent {
  display: block;
}

#attraction.single .listarea.border figure {
  border: 1px solid #ddd;
}

@media screen and (max-width: 960px) {
  #attraction.single .listarea {
    margin-bottom: 30px;
  }

  #attraction.single .listarea .tempttl3 {
    padding: 12px 20px;
  }

  #attraction.single .listarea ul {
    margin: 0 0 -20px;
    font-size: 12px;
  }

  #attraction.single .listarea li {
    width: 50%;
    margin: 0 0 20px;
    padding-right: 6px;
  }

  #attraction.single .listarea li:nth-child(even) {
    padding: 0 0 0 6px;
  }

  #attraction.single .listarea small {
    margin-top: 15px;
  }
}
#attraction.single .info {
  margin: 50px 0;
}

#attraction.single .info .tempttl3 {
  font-size: 18px;
  position: relative;
  z-index: 2;
  margin-bottom: -1px;
}

#attraction.single .info table {
  width: 100%;
  line-height: 1.4em;
}

#attraction.single .info th, #attraction.single .info td {
  border: 1px solid #ddd;
  padding: 15px;
}

#attraction.single .info th {
  width: 110px;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  #attraction.single .info th {
    font-weight: normal;
  }
}
#attraction.single .info a {
  color: #00a2ff;
  text-decoration: underline;
}

#attraction.single .info .new {
  display: inline-block;
  border: 1px solid #f10000;
  padding: 2px 4px;
  margin-right: 7px;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  color: #f10000;
  font-size: 12px;
  line-height: 1em;
}

@media screen and (max-width: 960px) {
  #attraction.single .info {
    margin: 30px 0;
  }

  #attraction.single .info .tempttl3 {
    padding: 12px 20px;
  }

  #attraction.single .info th, #attraction.single .info td {
    padding: 12px 10px;
  }
}
#attraction.single.whats .txtarea h3 {
  display: -webkit-flex;
  display: flex;
}

#attraction.single.whats .txtarea h3 img {
  width: 27px;
  height: 27px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 10px 0 0;
}

@media screen and (max-width: 960px) {
  #attraction.single.whats .txtarea h3 img {
    width: 23px;
    height: 23px;
    margin-top: 2px;
  }

  #attraction.single.whats .detail {
    padding: 0 20px;
  }
}
/*event*/
#event .event_list {
  padding-top: 35px;
}

#event .event_list li {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#event .event_list li:not(:last-child) {
  margin-bottom: 30px;
}

#event .event_list a {
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
}

#event .event_list figure {
  width: 360px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

#event .event_list figure img {
  width: 100%;
  height: auto;
}

#event .event_list .txtbox {
  padding: 15px 30px;
}

#event .event_list .name {
  font-weight: bold;
  color: #0068d2;
  font-size: 20px;
  line-height: 1.3em;
}

#event .event_list .description {
  margin-top: 10px;
}

#event .event_list .detail {
  margin-top: 10px;
  border-left: 1px solid #ddd;
  padding-left: 10px;
}

#event .event_list .more {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fffdf6;
    width: 300px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid #ddd;
    text-align: center;
	margin-top: 15px;
}

/*add210203*/
#event .wrapper .tempttlbox h2,#event .wrapper .tempttlbox h2+small{margin-top:50px;}


@media screen and (max-width: 960px) {
  #event .event_list {
    padding-top: 15px;
  }

  #event .event_list li {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  #event .event_list li:not(:last-child) {
    margin-bottom: 20px;
  }

  #event .event_list a {
    display: block;
  }

  #event .event_list figure {
    background-color: #f4f4f4;
    height: 0;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
  }

  #event .event_list figure img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #event .event_list figure {
    width: auto;
  }

  #event .event_list .txtbox {
    padding: 15px;
  }
	#event .event_list .more {
		width: auto;
	}
#event .wrapper .tempttlbox small{margin-top:0px;}
	
}
/*whats*/
#whats {
  padding: 0;
}

#whats .head {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: url("../img/whats_headbg.jpg") no-repeat center/cover;
  height: 600px;
}

#whats .head img {
  width: 162px;
  height: 162px;
  margin-bottom: 25px;
}

#whats .head .ttl {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 2em;
}

@media screen and (max-width: 960px) {
  #whats .head {
    background-image: url("../img/whats_headbgsp.jpg");
    height: auto;
    padding: 20px 0 45px;
  }

  #whats .head img {
    width: 138px;
    height: 138px;
    margin-bottom: 5px;
  }

  #whats .head .ttl {
    font-size: 13px;
    line-height: 1.7em;
  }
}
#whats section {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#whats section .ttl img {
  width: auto;
  height: 96px;
}

#whats section .txt1 {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6em;
  margin: 20px 0 5px;
}

#whats section .more {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0068d2;
  height: 50px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  margin-top: 20px;
}

#whats .odd {
  padding: 160px 0;
}

@media screen and (min-width: 961px) {
  #whats .odd figure {
    order: 2;
    margin-left: auto;
  }
}
#whats .odd .txtbox {
  order: 1;
  width: 510px;
  padding-left: 40px;
}

#whats .even {
  background: no-repeat center / cover;
  height: 600px;
}

#whats .even .txtbox {
  background-color: rgba(255, 255, 255, 0.8);
  width: 555px;
  margin-left: auto;
  padding: 50px 40px 40px;
}

#whats .section2 {
  background-image: url("../img/whats_02_bg.jpg");
}

#whats .section4 {
  background-image: url("../img/whats_04_bg.jpg");
}

#whats .summary {
  display: block;
  padding: 100px 0 85px;
}

#whats .summary .tempttl2 {
  text-align: left;
  margin-bottom: 20px;
}

#whats .summary table {
  width: 100%;
  line-height: 1.6em;
}

#whats .summary th, #whats .summary td {
  border: 1px solid #ddd;
}

#whats .summary th {
  background-color: #f5f5f5;
  width: 200px;
  padding: 15px;
}

#whats .summary td {
  padding: 15px 20px;
}

@media screen and (max-width: 960px) {
  #whats section {
    display: block;
  }

  #whats section .ttl img {
    height: auto;
    max-width: 100%;
    max-height: 70px;
  }

  #whats section .txt1 {
    font-size: 14px;
  }

  #whats section .txt2 {
    font-size: 12px;
    line-height: 1.7em;
  }

  #whats section .more {
    font-size: 18px;
    margin-top: 15px;
  }

  #whats .odd {
    padding: 45px 20px;
  }

  #whats .odd figure img {
    width: 75%;
    height: auto;
    margin: 0 auto;
  }

  #whats .odd .txtbox {
    width: auto;
    padding: 25px 0 0;
  }

  #whats .even {
    background-position: center top;
    background-size: 150% auto;
    height: auto;
    padding-top: 47%;
  }

  #whats .even .txtbox {
    width: auto;
    margin-left: 0;
    padding: 25px 20px 0;
  }

  #whats .summary {
    padding: 50px 20px;
  }

  #whats .summary .tempttl2 {
    margin-bottom: 15px;
  }

  #whats .summary table {
    font-size: 12px;
  }

  #whats .summary th, #whats .summary td {
    padding: 10px;
  }

  #whats .summary th {
    width: 105px;
  }
}
/*floor*/
#floor .tempttlbox {
  margin-bottom: 30px;
}

#floor .tab_panel {
  display: -webkit-flex;
  display: flex;
  padding: 50px 0;
}

#floor .tab_panel .map {
  width: 458px;
  height: 458px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 3px solid #f5f5f5;
  margin-right: 30px;
}

#floor .tab_panel .map img {
  width: 100%;
  height: auto;
}

#floor .tab_panel ul {
  line-height: 1.4em;
}

#floor .tab_panel li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#floor .tab_panel li:not(:last-child) {
  margin-bottom: 10px;
}

#floor .tab_panel li .txt {
  display: block;
  padding-left: 10px;
}

#floor .tab_panel li.rescue {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#floor .tab_panel li.rescue p {
  width: 100%;
  margin-top: 8px;
}

#floor .tab_panel .booth .icon {
  width: 20px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

#floor .tab_panel .booth .icon span {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 1em;
}

#floor .tab_panel .booth .icon img {
  width: 100%;
  height: auto;
}

#floor .tab_panel .facility {
  width: 270px;
  margin-left: auto;
}

#floor .tab_panel .facility .icon {
  width: 22px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

#floor .tab_panel .facility .icon img {
  width: 100%;
  height: auto;
}

#floor .tab_panel .facility dt {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3em;
  margin: 20px 0 5px;
}

#floor #floor01 .booth .icon .number {
  background-color: #489ecd;
}

#floor #floor01 .booth .icon .en {
  background-color: #133d8c;
}

#floor #floor02 .booth .icon .number {
  background-color: #e5779f;
}

#floor #floor02 .booth .icon .en {
  background-color: #c51e5e;
}

#floor #floor03 .booth .icon .number {
  background-color: #33a500;
}

#floor #floor03 .booth .icon .en {
  background-color: #227000;
}

#floor .baby {
  background-color: #f8f1eb;
  padding: 40px;
}

#floor .baby .ttl {
  font-size: 22px;
  line-height: 1.3em;
  margin-bottom: 20px;
}

#floor .baby .listwrap {
  display: -webkit-flex;
  display: flex;
}

#floor .floormap,#floor .floormap iframe {width:100%;}


/*add240331*/
/* .floormap{
position:relative;
width:100%;
height:0;
padding-top:100%;
}

.floormap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}*/

/*#floor .floormap{
	height: 0;
	
	padding-top: 200%;
	
}

#floor .floormap iframe {
  transform-origin: 0 0;
	margin-top: -200%;
 
	max-width:400;
	zoom:0.55
}
*/



/*@media screen and (max-width: 480px) {
.floormap iframe{transform: scale(0.6613);;
	}}*/
	
	
	


@media screen and (min-width: 961px) {
  #floor .baby ul {
    width: 50%;
  }
}
#floor .baby li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#floor .baby li:not(:last-child) {
  margin-bottom: 15px;
}

#floor .baby li figure {
  width: 40px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
}

#floor .baby li figure img {
  width: 100%;
  height: auto;
}

#floor .baby li dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3em;
}

@media screen and (max-width: 960px) {
  #floor .tempttlbox {
    margin-bottom: 20px;
  }

  #floor .tab_panel {
    display: block;
    padding: 20px 0 30px;
  }

  #floor .tab_panel .map {
    width: auto;
    height: auto;
    margin: 0 0 25px;
  }

  #floor .tab_panel .booth {
    border-top: 1px solid #ddd;
  }

  #floor .tab_panel .booth li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
  }

  #floor .tab_panel .booth li:not(:last-child) {
    margin-bottom: 0;
  }

  #floor .tab_panel .facility {
    width: auto;
    margin: 20px 0 0;
  }

  #floor .baby {
    padding: 15px;
  }

  #floor .baby .ttl {
    font-size: 18px;
    margin-bottom: 15px;
  }

  #floor .baby .listwrap {
    display: block;
  }

  #floor .baby ul:first-child {
    margin-bottom: 10px;
  }

  #floor .baby li {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  #floor .baby li:not(:last-child) {
    margin-bottom: 10px;
  }

  #floor .baby li dt {
    font-size: 16px;
    margin-bottom: 5px;
  }

  #floor .baby li dd {
    font-size: 12px;
    line-height: 1.5em;
  }
}
#floor .spaceint .txt1 {
	margin: 20px 0 30px;
}
#floor .spaceint .movie {
	width: 700px;
	margin: 0 auto 80px;
}
#floor .spaceint .movie div {
	height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}
#floor .spaceint .movie iframe {
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#floor .caution ul {
	margin: 20px 0 30px;
}
#floor .caution .children {
	width: 560px;
	margin-bottom: 80px;
	border: 1px solid #ff6c00;
	border-radius: 10px;
	padding: 20px;
}
#floor .caution .children .ttl {
	font-weight: bold;
	color: #ff6c00;
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 5px;
}
@media screen and (max-width: 960px) {
	#floor .spaceint .txt1 {
        margin: 10px 0 20px;
    }
    #floor .spaceint .movie {
        width: auto;
        margin: 0 0 40px;
    }
    #floor .caution ul {
        margin: 10px 0 20px;
    }
    #floor .caution .children {
        width: auto;
        margin-bottom: 40px;
        padding: 15px;
    }
}

/*ticket*/
#ticket .section_wrap > section {
  margin-top: 60px;
}

#ticket .section_wrap > section:first-child {
  margin-top: 40px;
}

#ticket .tempttl3 {
  margin-bottom: 30px;
}

@media screen and (max-width: 960px) {
  #ticket {
    padding: 25px 0 40px;
  }

  #ticket .tempttlbox {
    padding: 0 20px;
  }

  #ticket .section_wrap {
    padding: 0 20px;
  }

  #ticket .section_wrap > section {
    margin-top: 35px;
  }

  #ticket .section_wrap > section:first-child {
    margin-top: 15px;
  }

  #ticket .tempttl3 {
    margin-bottom: 15px;
  }
}
#ticket .ticket_info {
  display: -webkit-flex;
  display: flex;
}

#ticket .ticket_info li {
  width: 360px;
}

#ticket .ticket_info li:not(:last-child) {
 /* margin-right: 30px;*/
	margin-right: 10px;/*201228*/
}

#ticket .ticket_info a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: url("../img/arrow_04.png") no-repeat right 20px center/14px auto;
  height: 120px;
  border: 1px solid #ddd;
  padding: 0 20px;
}

#ticket .ticket_info .advance a {/*re201228*/
  background-color: /*#fff8d4*/#FCDBF4;
}

#ticket .ticket_info .group a {
  background-color: #dff9ff;
}

#ticket .ticket_info .discount a {
  background-color: #ffecf3;
}

#ticket .ticket_info .special a {/*add201228*/
  background-color: #CBEEF9;
}

#ticket .ticket_info .txt1 {
  font-size: /*18px*/15px;
  line-height: 1.2em;
  margin-bottom: 10px;
}

#ticket .ticket_info .txt2 {
  font-weight: bold;
  color: #0068d2;
  font-size: 22px;
  line-height: /*1.2em*/1.5em;
}

/*add240701*/
hr.gray{border-bottom: 1px solid #ddd;margin:10px 0;}

/*add210727*/

.optime_info table {
  padding: 40px 0 80px;
}

.optime_info table  {
  width: 100%;
  margin-top: 20px;
}

.optime_info table td hr {
border-bottom: dotted 2px #6286E9;margin:5px 0;
}

.optime_info table th, .optime_info table td {
  border: 1px solid #ddd;
}

.optime_info table th {
  
  padding: 15px 0;
  text-align: center;
  line-height: 1em;
  
}


.optime_info table td {
  padding: 10px 15px;
  font-size: 25px;
  color:#0068d2;
  font-weight:bold;
}

.optime_info table td span{font-size:70%;}

.optime_info table td a {
  color: #0068d2;
  text-decoration: underline;
}
.optime_info+p{margin-top:20px;}
.optime_info table caption{font-size:23px;color:red;margin-bottom:10px;}

@media screen and (min-width: 961px) {
	.optime_info table th{width:35%;text-align: left;padding-left:20px;font-size: 25px;color:#ffffff;background-color: #50a4fa;}

}

@media screen and (max-width: 960px) {
  .optime_info table th {color:#ffffff;background-color: #50a4fa;font-size: 23px;}
  .optime_info table {margin-top: 15px;width:100%;}

  .optime_info th, .optime_info td{
	text-align: center;
  }

  .optime_info th {
    padding: 10px 0;
	display:block;
	vertical-align: middle;
  }

  .optime_info td {
    padding: 10px;
	display:block;
  }
	
 .optime_info table tr:not(:first-child) th,.optime_info td{
    border-top:none!important;
  }	
	

  #ticket .ticket_info {
    display: block;
  }

  #ticket .ticket_info li {
    width: auto;
  }

  #ticket .ticket_info li:not(:last-child) {
    margin: 0 0 10px;
  }

  #ticket .ticket_info a {
    background-position: right 15px center;
    background-size: 12px auto;
    height: 100px;
  }

  #ticket .ticket_info .txt1 {
    font-size: 16px;
  }

  #ticket .ticket_info .txt2 {
    font-size: 20px;
  }
}
#ticket #price a {
  color: #00a2ff;
  text-decoration: underline;
}

#ticket #price .tablewrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -30px;
}

#ticket #price table {
  width: 555px;
  margin: 0 30px 30px 0;
  line-height: 1.4em;
}

#ticket #price th, #ticket #price td {
  border: 1px solid #ddd;
  vertical-align: middle;
}

#ticket #price th {
  height: 60px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
}

#ticket #price th .small {
  display: block;
  font-size: 16px;
  line-height: 1.3em;
  margin-top: 3px;
}

#ticket #price td {
  padding: 10px 0;
  text-align: center;
}

#ticket #price td .age {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 2.1em;
  font-weight: bold;
  color: #0068d2;
  font-size: 20px;
  line-height: 1em;
}

#ticket #price td .age .small {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-top: 5px;
}

#ticket #price td .price {
  font-weight: bold;
  font-size: 28px;
  line-height: 1em;
  margin-top: 5px;
}

#ticket #price td.remarks {
  background-color: #f5f5f5;
}

@media screen and (min-width: 961px) {
  #ticket #price .annual {
    width: 1140px;/*1140px*/
	  
  }
  #ticket #price .admission{
    width: 555px;
	  
  }
  #ticket #price .special{
    width: 555px;
	  
  }	
	
	
}
#ticket #price .admission th {
  background-color: #ffd700;
  color: #0068d2;
  height: 83px;
}

#ticket #price .passport th {
  background-color: #00bcd2;
  height: 83px;
}

#ticket #price .nightpass th {
  background-color: #0068d2;
  height: 83px;
}

#ticket #price .midnight th {
  background-color: #7700e6;
  height: 103px;/*base83*/
}

#ticket #price .annual th {
  background-color: #ff6c00;
  height: 103px;/*base83*/
}

#ticket #price .endyear th {
  background-color: #FD033A;
  height: 83px;
}

#ticket #price .special th {
  background-color: #e700b3;
  height: 83px;
}

#ticket #price small {
  margin-top: -10px;
}

#ticket #price #free {
  margin-top: -130px;
  padding-top: 170px;
}

#ticket #price #free .ttl {
  border-left: 10px solid #0068d2;
  padding-left: 10px;
  font-weight: bold;
  color: #0068d2;
  font-size: 22px;
  line-height: 1.2em;
}

#ticket #price #free .txt1 {
  font-size: 16px;
  line-height: 1.6em;
  margin: 10px 0 20px;
}

#ticket #price #free dl {
  border: 1px solid #ddd;
  padding: 20px 20px 30px;
}

#ticket #price #free dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

#ticket #price #free dd {
  padding-left: 15px;
}

#ticket #price #free dd:not(:last-of-type) {
  margin-bottom: 40px;
}

#ticket #price #free .txt2 {
  font-size: 16px;
  line-height: 1.6em;
  margin-top: 20px;
}

#ticket #price #free .txt2 .small {
  display: block;
  font-size: 12px;
  line-height: 1.6em;
  text-indent: -0.5em;
}

@media screen and (max-width: 960px) {
  #ticket #price .tempttl3 {
    margin-bottom: 0;
  }

  #ticket #price .tablewrap {
    margin: 0;
  }

  #ticket #price table {
    width: 100%;
    margin: 10px 0 0;
  }

  #ticket #price th {
    height: 50px;
    font-size: 16px;
  }

  #ticket #price th .small {
    font-size: 12px;
  }

  #ticket #price td .age {
    font-size: 14px;
  }

  #ticket #price td .age .small {
    font-size: 12px;
  }

  #ticket #price td .price {
    font-size: 20px;
  }

  #ticket #price td.remarks {
    padding: 10px;
    font-size: 12px;
    line-height: 1.4em;
  }

  #ticket #price td.remarks a {
    display: inline-block;
  }

  #ticket #price .nightpass th {
    height: 90px;/*base70*/
  }

  #ticket #price .midnight th {
    height: 90px;/*base70*/
  }

  #ticket #price .annual th {
    height: 90px;/*base70*/
  }

  #ticket #price .annual td.remarks a {
    margin-bottom: 10px;
  }

  #ticket #price .endyear td.remarks a {
    margin-bottom: 10px;
  }
	
  #ticket #price small {
    margin-top: 10px;
  }

  #ticket #price #free {
    margin-top: -60px;
    padding-top: 90px;
  }

  #ticket #price #free .ttl {
    border-left-width: 7px;
    font-size: 20px;
  }

  #ticket #price #free .txt1 {
    font-size: 14px;
  }

  #ticket #price #free dl {
    padding: 15px;
  }

  #ticket #price #free dt {
    font-size: 16px;
  }

  #ticket #price #free dd:not(:last-of-type) {
    margin-bottom: 35px;
  }

  #ticket #price #free .txt2 {
    font-size: 14px;
    margin-top: 15px;
  }

  #ticket #price #free .txt2 .small {
    margin-top: 3px;
  }
}
#ticket .opentime {
  color: #0068d2;
  font-size: 18px;
  margin-bottom: 15px;
}

#ticket .opentime span {
  display: inline-block;
  line-height: 1em;
  vertical-align: middle;
}

#ticket .opentime .bold {
  margin-right: 20px;
}

#ticket .opentime .time {
  font-weight: bold;
  font-size: 30px;
}

@media screen and (max-width: 960px) {
  #ticket .opentime {
    font-size: 16px;
    margin-bottom: 10px;
  }

  #ticket .opentime .bold {
    display: block;
    margin: 0 0 5px;
  }

  #ticket .opentime .time {
    font-size: 28px;
  }
}
#ticket .indent {
  display: inline-block;
}

/*calendar*/
#calendar {
  padding: 0;
}

#calendar .tempttl2 {
  padding: 50px 0 20px;
}

#calendar .txt1 {
  text-align: center;
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 30px;
}

/*#calendar iframe*/ #calendar #schedule{
  display: block;
  width: 100%;
  height: 581px;
	
}



/*#calendar #atschedule[src$=".pdf"]{
  width:100%;
  height:61vh;	
  border:none;
  
}*/


#calendar small {
  margin-top: 10px;
}

#calendar small .open {
  color: #FBD4DB;
}

#calendar small .close {
  color: #bcd4ed;
}

#calendar small .temporary {
  color: #DAF7D4;
}


#calendar small .temporary02 {
  color: #F7E7D4;
}

#calendar small .temporary03 {
  color: #c4f3fc;
}

#calendar .close_info {
  padding: 40px 0 80px;
}

#calendar .close_info table {
  width: 100%;
  margin-top: 20px;
}

#calendar .close_info td hr {
border-bottom: dotted 2px #6286E9;margin:5px 0;
}

#calendar .close_info th, #calendar .close_info td {
  border: 1px solid #ddd;
}

#calendar .close_info th {
  background-color: #f5f5f5;
  padding: 15px 0;
  text-align: center;
  font-size: 16px;
  line-height: 1em;
}

#calendar .close_info th:first-child {
  width: 375px;
}

#calendar .close_info td {
  padding: 10px 15px;
}

#calendar .close_info td a {
  color: #0068d2;
  text-decoration: underline;
}

#calendar .accordion,#ticket .accordion{display:none;}/*add210327*/

#calendar .openbtn  {/*add210327*/
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: #50a4fa;
  height: 60px;
  padding-left: 20px;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  line-height: 1.3em;
  position: relative;
  cursor: pointer;
  margin-top: 40px;
}

#ticket .openbtn,#en .openbtn {/*add20521*/
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0068d2;
  height: 60px;
  padding-left: 20px;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  line-height: 1.3em;
  position: relative;
  cursor: pointer;
  margin-top: 40px;
}


@media screen and (min-width: 961px) {
	
#calendar #atschedule[src$=".pdf"]{
  width:100%;
  min-height:1336px;	
  border:none;
  overflow: hidden;
}

#calendar #atschedule02[src$=".pdf"]{
  width:100%;
  min-height:1336px;	
  border:none;
  overflow: hidden;
}
	
}

@media screen and (max-width: 960px) {
  #calendar .tempttl2 {
    padding: 25px 0 20px;
  }

  #calendar .txt1 {
    margin: 0 20px 15px;
  }
	
	
  #calendar small {
    margin: 10px 20px 0;
  }

  #calendar .close_info {
    padding: 30px 20px 40px;
  }

  #calendar .close_info table {
    margin-top: 15px;
  }

  #calendar .close_info th, #calendar .close_info td {
    font-size: 12px;
    line-height: 1.4em;
  }

  #calendar .close_info th {
    padding: 10px 0;
  }

  #calendar .close_info th:first-child {
    width: 48%;
  }

  #calendar .close_info td {
    padding: 10px;
  }
}
@media screen and (min-width: 945px) {
  #calendar #schedule {
    width: 945px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 944px) {
  #calendar #schedule .pc {
    display: none !important;
  }
}
@media screen and (min-width: 945px) {
  #calendar #schedule .sp {
    display: none !important;
  }
}
#calendar #schedule .month {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0068d2;
  height: 60px;
  font-weight: bold;
  position: relative;
}

#calendar #schedule .month .ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  text-align: center;
  color: #fff;
  font-size: 32px;
  line-height: 1em;
}

#calendar #schedule .month .ttl .year {
  display: block;
  padding: 0 5px 2px 0;
  font-size: 16px;
  line-height: 1em;
}

/*add20240930*/
@media screen and (max-width: 599px) {
#calendar #schedule .langmonth {

  font-size:calc(100vw/18)!important;
  line-height: 1em;

}}




#calendar #schedule .month a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  color: #fff;
  font-size: 18px;
  line-height: 1em;
  position: absolute;
  top: 0;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 961px) {
  #calendar #schedule .month a:hover {
    opacity: 0.5;
  }
}
#calendar #schedule .month .prev {
  background: url("../img/arrow_05.png") no-repeat left center/14px auto;
  padding-left: 28px;
  left: 20px;
}

#calendar #schedule .month .next {
  background: url("../img/arrow_06.png") no-repeat right center/14px auto;
  padding-right: 28px;
  right: 20px;
}

#calendar #schedule table {
  width: 100%;
  font-size: 18px;
  line-height: 1em;
}

#calendar #schedule th, #calendar #schedule td {
  border: 1px solid #ddd;
  text-align: center;
}

#calendar #schedule th:nth-child(1), #calendar #schedule td:nth-child(1) {
  color: #e60000;
}

#calendar #schedule th:nth-child(7), #calendar #schedule td:nth-child(7) {
  color: #0060ff;
}

#calendar #schedule th {
  background-color: #f5f5f5;
  height: 40px;
  vertical-align: middle;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  #calendar #schedule th {
    font-weight: normal;
  }
}
#calendar #schedule td {
  height: 80px;
  padding-top: 10px;
}

#calendar #schedule td span {
  display: block;
}

/*add20211108AK*/

table.eparknight td {
  height: 70px!important;
  padding-top: 10px;
}

#calendar #schedule td hr{
	border-bottom:dotted #676767;
	margin:10px 0;
}
#calendar #schedule td .note{
	font-size:70%;
}

#calendar #schedule td .note a{
	color:red;
}

#calendar #schedule td .note+span.time{
	margin-top:0;
}

#calendar #schedule td.pdb{
	padding-bottom:10px;
}


@media screen and (min-width: 961px) {
#calendar #schedule td .middle{
	display: table;
	width:100%;
	height:100%;
}
}

@media screen and (max-width: 960px) {
#calendar #schedule td .middle{
	display: table;
	width:100%;
	height:120px;
}
}
#calendar #schedule td .middle .adjtime{
	display:table-cell;
	vertical-align:middle;
}

.com_btn{

  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #E4921B;
  padding-left: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3em;
  margin: 5px auto;
  text-decoration: none!important;
  color:#fff!important;
}

@media screen and (min-width: 961px) {
.com_btn{width: 80%; height: 60px;
}
}
@media screen and (max-width: 960px) {
.com_btn{width: 80%; height: 90px;
}
}

/*▲END▲*/

#calendar #schedule td .time {
  color: #000;
  font-size: 16px;
  line-height: 1em;
  margin-top: 18px;
}

#calendar #schedule td.no_month {
  opacity: 0.25;
}

#calendar #schedule td.holiday .day {
  color: #e60000;
}

#calendar #schedule td.open {
  background-color: #FBD4DB;
}

#calendar #schedule td.close {
  background-color: /*#bcd4ed*/#dddddd;
}

#calendar #schedule td.temporary {
  background-color: #DAF7D4;
}

#calendar #schedule td.temporary02 {
  background-color: #F7E7D4;
}

#calendar #schedule td.temporary03 {
  background-color: #c4f3fc;
}


@media screen and (max-width: 944px) {
  #calendar #schedule .month {
    height: 50px;
  }

  #calendar #schedule .month .prev {
    left: 10px;
  }

  #calendar #schedule .month .next {
    right: 10px;
  }

  #calendar #schedule table {
    font-size: 14px;
  }

  #calendar #schedule td {
    height: 76px;
    padding-top: 9px;
  }

  #calendar #schedule td .time {
    font-size: 12px;
    margin-top: 8px;
  }
}
/*profitable*/
#profitable .intro {
  padding: 60px 0;
  text-align: center;
}

#profitable .intro .txt1 {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6em;
}

#profitable .intro ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2em;
}

#profitable .intro ul li {
  width: 195px;
}

#profitable .intro ul li:not(:last-child) {
  margin-right: 10px;
}

#profitable .intro ul li a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 80px;
  border-radius: 10px;
  border: 3px solid;
}

#profitable .intro ul li .nav_advance {
  border-color: #e700b3;
  color: #e700b3;
}

#profitable .intro ul li .nav_limited {/*add200706*/
  border-color: #FF8711;
  color: #FF8711;
}

#profitable .intro ul li .nav_special {/*add201220_unuse*/
  border-color: #00bcd2;
  color: #00bcd2;
}

#profitable .intro ul li .nav_combo {/*add210602*/
  border-color: #e60000;
  color: #e60000;
}

#profitable .intro ul li .nav_discount {
  border-color: #7700e6;
  color: #7700e6;
}

#profitable .intro ul li .nav_group {
  border-color: #006ce6;
  color: #006ce6;
}

#profitable .intro ul li .nav_lunchgroup {
  border-color: #00bcd2;
  color: #00bcd2;
}

#profitable .intro ul li .nav_other {
  border-color: #00cb39;
  color: #00cb39;
}

#profitable .intro .txt2 {
  font-size: 16px;
  line-height: 1.6em;
}

/*add20230212_electrinic*/
#profitable .intro2 {
  padding: 60px 0;
  text-align: center;
}
@media screen and (max-width: 960px) {
	#profitable .intro2 {
  padding: 0px 0;
  text-align: center;
}
}
#profitable .intro2 .txt1 {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6em;
}

#profitable .intro2 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2em;
}

#profitable .intro2 ul li {
  width: 300px;
}

#profitable .intro2 ul li:not(:last-child) {
  margin-right: 10px;
}

#profitable .intro2 ul li a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 80px;
  border-radius: 10px;
  border: 3px solid;
 font-size:80%!important;
 padding:10px;
}


#profitable .intro2 ul li .nav_feb {
  border-color: #e700b3;
  color: #e700b3;
}

#profitable .intro2 ul li .nav_march {
  border-color: #FF8711;
  color: #FF8711;
}

#profitable #nav_feb .ttl {
  background-color: #e700b3;
}
#profitable #nav_march .ttl {
  background-color: #FF8711;
}


@media screen and (max-width: 960px) {
  #profitable .intro2 ul li {
    width: 40%;
  }

  #profitable .intro2 ul li:not(:last-child) {
    margin-left:10px;
  }

  #profitable .intro2 ul li a {
    height: 50px;
	
  }

	
}




@media screen and (max-width: 960px) {
  #profitable .intro {
    padding: 15px 0 30px;
  }

  #profitable .intro .txt1 {
    font-size: 18px;
  }

  #profitable .intro ul {
    display: block;
    padding: 20px 0 15px;
  }

  #profitable .intro ul li {
    width: auto;
  }

  #profitable .intro ul li:not(:last-child) {
    margin: 0 0 10px;
  }

  #profitable .intro ul li a {
    height: 50px;
  }

  #profitable .intro .txt2 {
    text-align: left;
  }
}
#profitable .sectionwrap section {
  margin-top: -140px;
  padding-top: 140px;
}

#profitable .sectionwrap section:not(:last-child) {
  margin-bottom: 80px;
}

#profitable .sectionwrap section .ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 60px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  line-height: 1em;
  margin-bottom: 50px;
}

#profitable .sectionwrap section .inner_txt {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5em;
  margin: -10px 0 35px;
}

#profitable .sectionwrap section .inner_txt.txt2 {
  margin-top: 50px;
}

#profitable .sectionwrap section ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -30px -30px 0;
  line-height: 1.7em;
}

#profitable .sectionwrap section li {
  width: 360px;
  margin: 0 30px 30px 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#profitable .sectionwrap section li a {
  display: block;
}

#profitable .sectionwrap section li figure img {
  width: 100%;
  height: auto;
}

#profitable .sectionwrap section li .txtbox {
  padding: 15px 20px 20px;
}

#profitable .sectionwrap section li .catch {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4em;
}

#profitable .sectionwrap section li .detail {
  margin-top: 5px;
}

#profitable .sectionwrap section li .time {
  font-weight: bold;
  margin-top: 5px;
}

@media screen and (max-width: 960px) {
  #profitable .sectionwrap section {
    margin-top: -70px;
    padding-top: 70px;
  }

  #profitable .sectionwrap section:not(:last-child) {
    margin-bottom: 50px;
  }

  #profitable .sectionwrap section .ttl {
    height: 50px;
    font-size: 20px;
    margin-bottom: 25px;
  }

  #profitable .sectionwrap section .inner_txt {
    font-size: 18px;
    margin: -5px 0 25px;
  }

  #profitable .sectionwrap section .inner_txt.txt2 {
    margin-top: 35px;
  }

  #profitable .sectionwrap section ul {
    margin: 0 0 -25px;
  }

  #profitable .sectionwrap section li {
    width: 100%;
    margin: 0 0 25px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  #profitable .sectionwrap section li .txtbox {
    padding: 15px;
  }
}
#profitable #nav_advance .ttl {
  background-color: #e700b3;
}
#profitable #nav_limited .ttl {/*add200706*/
  background-color: #FF8711;
}
#profitable #nav_special .ttl {/*add201220*/
  background-color: #00bcd2;
}

#profitable #nav_combo .ttl {/*add210602*/
  background-color: #e60000;
}

#profitable #nav_discount .ttl {
  background-color: #7700e6;
}

#profitable #nav_group .ttl {
  background-color: #006ce6;
}

#profitable #nav_lunchgroup .ttl {
  background-color: #00bcd2;
}

#profitable #nav_other .ttl {
  background-color: #00cb39;
}

/*ticket_single*/
#ticket_single {
  padding: 0 0 80px;
}

#ticket_single .mainttl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

#ticket_single .mainttl img {
  width: 1920px;
  height: auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
  /*電子チケット*/
#ticket_single ul.icChannel li{margin:0px 2px;}
  #ticket_single ul.icChannel img{height:auto;width:100%;border:1px solid #99B1FD;box-sizing: border-box;}
  #ticket_single ul.icChannel img:hover{opacity: 0.8;}
  ul.icChannel {display: flex;margin-top:10px;}

@media screen and (max-width: 560px) {
  #ticket_single ul.icChannel img{height:auto;width:100%;border:1px solid #99B1FD;box-sizing: border-box;margin-top:4px;}
  ul.icChannel {display: flex;margin:10px auto;flex-wrap:wrap;}
  ul.icChannel li{text-align: center;width:100%;}
}

@media screen and (min-width: 961px) {
  #ticket_single .wrapper {
    width: 750px;
  }

	
}
#ticket_single .temp_intro {
  padding: 20px 0 30px;
  text-align: center;
}

#ticket_single .temp_intro .red {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 10px;
}

#ticket_single .temp_intro .txt1 {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6em;
}

/*休館日などここから*/
.notice_info {
  padding: 20px 0 30px;

  border:1px solid #dddddd;
  margin-bottom:10px;
  margin-top:10px;
}

.notice_box/*20220524*/ {
  padding: 20px 0 30px;
  background:#eff6fe;
  border:1px solid #C4D7EB;
  margin-bottom:10px;
  margin-top:10px;
}

.notice_box h3{font-weight:bold;font-size:130%;margin:10px auto;border-bottom:double #C4D7EB 4px;/*border-top:double #C4D7EB 4px;*/padding:5px;}

.notice_info {text-align: center;}
.notice_box .center{text-align: center;}

@media screen and (min-width: 961px) {.pdl30{padding-left: 30px;}.notice_box h3{width:99%;}}
@media screen and (max-width: 960px) {.pdl30{padding:0;}.notice_box{padding:15px;}}
	
/*20210423*/
.bdred{border:double 5px #ff0000;color:#ff0000;font-weight:bold;padding:20px 10px;box-sizing: border-box;}
.bdred span{font-size:200%;}
.temp_close .wrapper,.tmp_info .wrapper{padding-top:20px;}
.temp_close h3.uline span{border-bottom:solid 1px #000000;}
.temp_close h3{font-weight:bold;font-size:115%;margin-bottom:20px;width:auto;}
.temp_close .center{text-align: center;}
.temp_close .Emp{font-weight: bold;}
.temp_close hr{border-bottom:dotted 1px #909090;margin:20px 0px;}
.temp_close .info{margin-bottom:20px;margin-top:10px;font-size:105%;}


@media (min-width: 960px) {.temp_close a[href^="tel:"]{pointer-events: none;text-decoration: none!important;color:black!important;}}
@media (max-width: 480px) {.nspp{display: none;}}

#cal_notice_info{
  padding: 20px 0 20px;
  text-align: center;
  border:1px solid #dddddd;
  margin-bottom:20px;
  margin-top:10px;

}

#cal_notice_info .txt1{
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom:10px;
}

#cal_notice_info .txt1,.notice_info .txt1,.notice_box .txt1  {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6em;
}

#cal_notice_info h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6em;
}

#cal_notice_info .btmline,.notice_info .btmline,#top_extra .btmline,.notice_box .btmline{
  background: linear-gradient(transparent 60%, #a7d6ff 60%);
}

/*休館日などEND*/

#ticket_single table {
  width: 100%;
}

#ticket_single colgroup col:first-child {
  width: 105px;
}

#ticket_single tr:nth-child(odd) {
  background-color: #f5f5f5;
}

#ticket_single th, #ticket_single td {
  border: 1px solid #ddd;
  vertical-align: middle;
}


.feb{background-color: #e700b3;margin-bottom: 30px;}
.march{background-color: #FF8711;margin-top:30px;margin-bottom: 30px;}

@media screen and (max-width: 960px) {.feb,.march{margin-bottom: 20px;font-size:120%!important;}}

 #ticket_single h2{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 60px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 28px;
  line-height: 1em;
  
}


#ticket_single th[scope="col"] {
  background-color: #0068d2;
  border-color: #0068d2;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 1.3em;
}

#ticket_single th[scope="row"] {
  line-height: 1.4em;
  padding: 15px 0 15px 15px;
}

#ticket_single td {
  padding: 15px;
}

#ticket_single td strong {
  font-size: 18px;
}

#ticket_single td .indent {
  display: inline-block;
}

#ticket_single td a:not(.tel) {
  color: #0068d2;
  text-decoration: underline;
}

#ticket_single td .photobox {
  display: -webkit-flex;
  display: flex;
  padding: 10px 0;
}

#ticket_single td .photobox img {
  width: 300px;
  height: 200px;
}

#ticket_single td .photobox img:first-child {
  margin-right: 10px;
}

#ticket_single .btnbox {
  padding-top: 30px;
}

#ticket_single .btnbox a:not(:last-child) {
  margin-bottom: 10px;
}

#ticket_single .adobe {
  display: -webkit-flex;
  display: flex;
  padding-top: 35px;
}

#ticket_single .adobe a {
  display: block;
  width: 158px;
  margin-right: 10px;
}

#ticket_single .adobe a img {
  width: 100%;
  height: auto;
}

#ticket_single .adobe p {
  font-size: 12px;
  line-height: 1.6em;
}

@media screen and (max-width: 960px) {
  #ticket_single {
    padding: 0 0 40px;
  }

  #ticket_single .mainttl img {
    width: 168%;
  }

  #ticket_single .mainttl.ver2 img {
    width: 250%;
  }

  #ticket_single .wrapper {
    padding: 0 20px;
  }

  #ticket_single .temp_intro {
    padding: 15px 0 20px;
  }

  #ticket_single .temp_intro .red {
    text-align: left;
    font-size: 14px;
  }

  #ticket_single .temp_intro .txt1 {
    font-size: 16px;
  }
	
/*for close*/
#cal_notice_info,.notice_info {
    padding: 15px 10px 20px;
    border:1px solid #dddddd;
    margin-bottom:10px;
	margin-top:10px;
  }
	
#cal_notice_info .btmline,.notice_info .btmline{
  background: linear-gradient(transparent 60%, #a7d6ff 60%);
}
 
#cal_notice_info .txt1,.notice_info .txt1 {
    font-size: 16px;
  }
    
/*for close*/	
	
  #ticket_single colgroup col:first-child {
    width: 80px;
  }

  #ticket_single th[scope="col"] {
    font-size: 20px;
  }

  #ticket_single th[scope="row"] {
    padding: 15px 0 15px 10px;
  }

  #ticket_single td {
    padding: 15px 10px;
  }

  #ticket_single td .photobox {
    display: block;
  }

  #ticket_single td .photobox img {
    width: 100%;
    height: auto;
  }

  #ticket_single td .photobox img:first-child {
    margin: 0 0 10px;
  }

  #ticket_single btnbox {
    padding-top: 25px;
  }

  #ticket_single .adobe {
    display: block;
    padding-top: 25px;
  }

  #ticket_single .adobe a {
    margin: 0 auto 15px;
  }
}
/*ticket_single.birthday*/
#ticket_single.birthday p {
  text-align: center;
}

@media screen and (max-width: 960px) {
  #ticket_single.birthday .ttl img {
    width: 100%;
    height: auto;
  }
}
#ticket_single.birthday .discount {
  padding-top: 50px;
}

#ticket_single.birthday .discount .txt1 {
  font-weight: bold;
  color: #ff6c00;
  font-size: 16px;
  line-height: 1.6em;
  margin: 10px 0 15px;
}

#ticket_single.birthday .discount .visit dt img {
  width: 256px;
  height: auto;
  margin: 0 auto;
}

#ticket_single.birthday .discount .visit dd {
  display: -webkit-flex;
  display: flex;
  padding-top: 10px;
}

#ticket_single.birthday .discount .visit dd img {
  width: 360px;
  height: auto;
}

#ticket_single.birthday .discount .visit dd img:last-child {
  margin-left: auto;
}

#ticket_single.birthday .discount .txt2 {
  font-weight: bold;
  color: #ff007e;
  font-size: 18px;
  line-height: 1.6em;
  margin: 20px 0;
}

#ticket_single.birthday .discount .caution {
  background-color: #f5f5f5;
}

#ticket_single.birthday .discount .caution dt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: url("../../ticket/img/birthday_discount_bg.jpg") left top/24px auto;
  height: 40px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  line-height: 1em;
}

#ticket_single.birthday .discount .caution dd {
  padding: 15px 20px;
}

@media screen and (max-width: 960px) {
  #ticket_single.birthday .discount {
    padding-top: 20px;
  }

  #ticket_single.birthday .discount .visit dt img {
    width: 180px;
  }

  #ticket_single.birthday .discount .visit dd {
    display: block;
  }

  #ticket_single.birthday .discount .visit dd img {
    width: 100%;
  }

  #ticket_single.birthday .discount .visit dd img:last-child {
    margin: 10px 0 0;
  }

  #ticket_single.birthday .discount .txt2 {
    font-size: 16px;
  }

  #ticket_single.birthday .discount .caution dt {
    height: 50px;
    font-size: 20px;
  }

  #ticket_single.birthday .discount .caution dd {
    padding: 15px;
  }
}
#ticket_single.birthday #show {
  margin-top: -50px;
  padding-top: 140px;
}

#ticket_single.birthday #show .sub {
  font-weight: bold;
  color: #00bcd2;
  font-size: 16px;
  line-height: 1.6em;
  margin: 15px 0 20px;
}

#ticket_single.birthday #show th[scope="col"] {
  background: url("../../ticket/img/birthday_show_bg.jpg") left top/24px auto;
  border-color: #00bcd2;
}

#ticket_single.birthday #show .bottom_box {
  padding-top: 25px;
}

#ticket_single.birthday #show .bottom_box .txt1 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6em;
}

#ticket_single.birthday #show .bottom_box .txt2 {
  margin: 10px 0 30px;
}

#ticket_single.birthday #show .bottom_box .txt2 a {
  color: #0068d2;
  text-decoration: underline;
}

#ticket_single.birthday #show .bottom_box .mailbtn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0068d2;
  width: 360px;
  height: 60px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  margin: 0 auto;
}

#ticket_single.birthday #show .bottom_box .txt3 {
  font-weight: bold;
  color: #ff6c00;
  font-size: 16px;
  line-height: 1.6em;
  margin-top: 30px;
}

@media screen and (max-width: 960px) {
  #ticket_single.birthday #show {
    margin-top: -20px;
    padding-top: 70px;
  }

  #ticket_single.birthday #show .sub {
    margin: 10px 0;
  }

  #ticket_single.birthday #show figure img {
    width: 100%;
    height: auto;
  }

  #ticket_single.birthday #show .bottom_box {
    padding-top: 15px;
  }

  #ticket_single.birthday #show .bottom_box .txt2 {
    margin: 10px 0 20px;
  }

  #ticket_single.birthday #show .bottom_box .mailbtn {
    width: auto;
    height: 70px;
    font-size: 19px;
  }

  #ticket_single.birthday #show .bottom_box .txt3 {
    margin-top: 15px;
  }
}

/*Birthday Cafe 220413*/

#ticket_single.birthday #cafe {
  margin-top: -50px;
  padding-top: 140px;
}

#ticket_single.birthday #cafe .sub {
  font-weight: bold;
  color: #fa7ea4;
  font-size: 16px;
  line-height: 1.6em;
  margin: 15px 0 20px;
}

#ticket_single.birthday #cafe th[scope="col"] {
  background: url("../../ticket/img/birthday_cafe_bg.jpg") left top/24px auto;
  border-color: #fa7ea4;
}

@media screen and (max-width: 960px) {
  #ticket_single.birthday #cafe {
    margin-top: -20px;
    padding-top: 70px;
  }

  #ticket_single.birthday #cafe .sub {
    margin: 10px 0;
  }

  #ticket_single.birthday #cafe figure img {
    width: 100%;
    height: auto;
  }

  #ticket_single.birthday #cafe .bottom_box {
    padding-top: 15px;
  }

  #ticket_single.birthday #cafe .bottom_box .txt2 {
    margin: 10px 0 20px;
  }

  #ticket_single.birthday #cafe .bottom_box .mailbtn {
    width: auto;
    height: 70px;
    font-size: 19px;
  }

  #ticket_single.birthday #cafe .bottom_box .txt3 {
    margin-top: 15px;
  }
}


/*ticket_single.kodomokai*/
#ticket_single.kodomokai .intro {
  padding: 40px 0;
  text-align: center;
}

#ticket_single.kodomokai .intro .txt1 {
  font-size: 28px;
  line-height: 1.4em;
}

#ticket_single.kodomokai .intro .txtwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 25px 0 20px;
}

@media screen and (min-width: 961px) {
  #ticket_single.kodomokai .intro .txtwrap .plan {
    width: 350px;
  }
}
#ticket_single.kodomokai .intro .txtwrap .and {
  width: 36px;
}

#ticket_single.kodomokai .intro .txtwrap img {
  width: 100%;
  height: auto;
}

#ticket_single.kodomokai .intro .txt2 {
  font-weight: bold;
  color: #ff6c00;
  font-size: 24px;
  line-height: 1.6em;
}

@media screen and (min-width: 961px) {
  #ticket_single.kodomokai .tempttl3 {
    text-align: center;
  }
}
#ticket_single.kodomokai .section_dl {
  padding-top: 15px;
}

#ticket_single.kodomokai .section_dl dt {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5px;
}

#ticket_single.kodomokai .section_dl dt .box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #ff6c00;
  height: 30px;
  border-radius: 5px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
  margin-right: 10px;
}

#ticket_single.kodomokai .section_dl dt .txt {
  font-weight: bold;
  color: #00a9bd;
  font-size: 20px;
  line-height: 1.4em;
}

#ticket_single.kodomokai .section_dl dd:not(:last-of-type) {
  margin-bottom: 20px;
}

#ticket_single.kodomokai .point .section_dl dt .box {
  width: 100px;
}

#ticket_single.kodomokai .merit {
  margin-top: 60px;
}

#ticket_single.kodomokai .merit .section_dl dt .box {
  width: 70px;
}

#ticket_single.kodomokai .map {
  margin: 20px 0 65px;
}

@media screen and (max-width: 960px) {
  #ticket_single.kodomokai .intro {
    padding: 25px 0;
  }

  #ticket_single.kodomokai .intro .txt1 {
    font-size: 24px;
  }

  #ticket_single.kodomokai .intro .txtwrap {
    display: block;
    padding: 20px 0;
  }

  #ticket_single.kodomokai .intro .txtwrap .and {
    width: 34px;
    margin: 10px auto;
  }

  #ticket_single.kodomokai .intro .txt2 {
    font-size: 18px;
  }

  #ticket_single.kodomokai .merit {
    margin-top: 35px;
  }

  #ticket_single.kodomokai .map {
    margin: 20px 0 40px;
  }

  #ticket_single.kodomokai .map img {
    width: 100%;
    height: auto;
  }
}
/*ticket_single.framecafe*/
@media screen and (min-width: 961px) {
  #ticket_single.framecafe .intro .txtwrap figure {
    width: 250px;
  }

  #ticket_single.framecafe .tempbtn {
    width: 550px;
  }
}
@media screen and (max-width: 960px) {
  #ticket_single.framecafe .intro .txtwrap figure:not(:last-child) {
    margin-bottom: 15px;
  }
}
/*ticket_single.neighborhood*/
#ticket_single.neighborhood .discount {
  display: -webkit-flex;
  display: flex;
  padding: 10px;
}

#ticket_single.neighborhood .discount figure {
  width: 160px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
}

#ticket_single.neighborhood .discount figure img {
  width: 100%;
  height: auto;
}

#ticket_single.neighborhood .discount small {
  font-size: 12px;
  line-height: 1.6em;
  margin: 5px 0;
}

@media screen and (max-width: 960px) {
  #ticket_single.neighborhood .discount {
    padding: 0;
  }

  #ticket_single.neighborhood .discount figure {
    width: 80px;
    margin: 5px 10px 0 0;
  }

  #ticket_single.neighborhood .discount strong {
    font-size: 14px;
  }
}
/*advance*/
#ticket_single.advance .wrapper {
  padding-top: 50px;
}

@media screen and (max-width: 960px) {
  #ticket_single.advance .wrapper {
    padding-top: 30px;
  }
}
/*passme*/
#ticket_single.passme .wrapper {
  padding-top: 50px;
}

#ticket_single.passme .qrbox {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 10px;
}

#ticket_single.passme .qrbox li:first-child {
  margin-right: 40px;
}

#ticket_single.passme .qrbox a {
  display: block;
}

#ticket_single.passme .qrbox img {
  width: 120px;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  #ticket_single.passme .wrapper {
    padding-top: 30px;
  }

  #ticket_single.passme .qrbox {
    display: block;
  }

  #ticket_single.passme .qrbox li:first-child {
    margin: 0 0 20px;
  }

  #ticket_single.passme .qrbox img {
    width: 80px;
  }
}
/*madamet*/
#ticket_single.madamet .about {
  margin-bottom: 20px;
}

#ticket_single.madamet .about .base {
  font-size: 16px;
}

@media screen and (max-width: 960px) {
  #ticket_single.madamet .temp_intro {
    text-align: left;
  }
}
/*substitute*/
@media screen and (max-width: 960px) {
  #ticket_single.substitute .temp_intro {
    text-align: left;
  }

  #ticket_single.substitute td figure img {
    width: 100%;
    height: auto;
  }
  #ticket_single.coupon td figure img {
    width: 100%;
    height: auto;
  }
	
}
/*school*/
#ticket_single.school th .small {
  display: inline-block;
  padding-right: 10px;
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 5px;
}

/*specialneedsschool*/
#ticket_single.specialneedsschool .price {
  margin-bottom: 15px;
}

#ticket_single.specialneedsschool .price th, #ticket_single.specialneedsschool .price td {
  text-align: center;
}

#ticket_single.specialneedsschool .price th[scope="col"] {
  font-size: 16px;
}

#ticket_single.specialneedsschool .price th[scope="col"] .small {
  display: inline-block;
  font-size: 12px;
}

#ticket_single.specialneedsschool .price th[scope="row"] {
  width: 50%;
}

#ticket_single.specialneedsschool .price.passport th[scope="col"] {
  background-color: #00bcd2;
  border-color: #00bcd2;
}

#ticket_single.specialneedsschool .price.admission th[scope="col"] {
  background-color: #ffd700;
  border-color: #ffd700;
  color: #0068d2;
}

#ticket_single.specialneedsschool small {
  margin: -5px 0 30px;
}

@media screen and (max-width: 960px) {
  #ticket_single.specialneedsschool .price th[scope="col"] {
    font-size: 14px;
  }

  #ticket_single.specialneedsschool .price th[scope="col"] .small {
    font-size: 11px;
  }
}
/*hotel*/
#ticket_single.hotel .temp_intro {
  text-align: left;
}

#ticket_single.hotel .temp_intro .txt2 {
  margin-bottom: 20px;
}

#ticket_single.hotel .temp_intro .indent {
  display: inline-block;
}

#ticket_single.hotel td {
  padding: 0;
}

#ticket_single.hotel td ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  line-height: 1.4em;
}

#ticket_single.hotel td li {
  width: 50%;
  border: solid #ddd;
  border-width: 0 1px 1px 0;
  padding: 20px 0;
}

#ticket_single.hotel td li:nth-child(even) {
  border-right-width: 0;
  border-bottom-width: 1px !important;
}

#ticket_single.hotel td li:last-child {
  border-bottom-width: 0 !important;
}

#ticket_single.hotel td li:nth-last-child(2) {
  border-bottom-width: 0;
}

#ticket_single.hotel td li figure {
  width: 160px;
  margin: 0 auto 10px;
}

#ticket_single.hotel td li figure a {
  display: block;
}

#ticket_single.hotel td li figure img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #ticket_single.hotel .temp_intro .txt2 {
    margin-bottom: 15px;
  }

  #ticket_single.hotel td li {
    padding: 15px 10px;
  }

  #ticket_single.hotel td li figure {
    width: auto;
  }
}
/*party*/
#ticket_single.party td strong {
  display: block;
  background-color: #ffd700;
  padding: 6px 15px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.4em;
}

#ticket_single.party td dl {
  border: 1px solid #00a9bd;
}

#ticket_single.party td dt {
  background-color: #00a9bd;
  padding: 6px 0 7px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  line-height: 1em;
}

#ticket_single.party td dd {
  padding: 15px 20px;
}

#ticket_single.party td figure {
  margin-top: 15px;
}

#ticket_single.party td figure img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #ticket_single.party .intro .txt3 {
    text-align: left;
  }

  #ticket_single.party th[scope="col"] {
    padding: 12px 15px;
    font-size: 18px;
  }

  #ticket_single.party td strong {
    font-size: 18px;
  }

  #ticket_single.party td dd {
    padding: 15px 10px;
  }
}
/*stageshow*/
#stageshow {
  padding: 0 0 80px;
}

#stageshow .ttlwrap {
  color: #fff;
}

@media screen and (min-width: 961px) {
  #stageshow .ttlwrap {
    background: url("../img/stageshow_ttlbg.jpg") no-repeat center;
    height: 500px;
  }

  #stageshow .ttlwrap .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    padding-left: 65px;
    position: relative;
    left: 50%;
    margin-left: -245px;
  }

  #stageshow .ttlwrap .txtwrap {
    width: 750px;
  }
}
#stageshow .ttlwrap .tempttlwrap {
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

#stageshow .ttlwrap .pickup .ttl {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 15px;
}

#stageshow .ttlwrap .pickup ul {
  display: -webkit-flex;
  display: flex;
}

#stageshow .ttlwrap .pickup li {
  width: 360px;
}

#stageshow .ttlwrap .pickup li:not(:last-child) {
  margin-right: 30px;
}

#stageshow .ttlwrap .pickup li a {
  display: block;
  color: #fff;
}

#stageshow .ttlwrap .pickup li figure img {
  width: 100%;
  height: auto;
}

#stageshow .ttlwrap .pickup li p {
  font-size: 18px;
  line-height: 1.4em;
  margin-top: 10px;
}

@media screen and (max-width: 960px) {
  #stageshow {
    padding: 0 0 40px;
  }

  #stageshow .ttlwrap .tempttlwrap {
    background: url("../img/stageshow_ttlbgsp.jpg") no-repeat left top/100% 100%;
    border-bottom: none;
    padding: 42.7% 0 0;
    margin-bottom: 0;
    position: relative;
  }

  #stageshow .ttlwrap .tempttlwrap .tempttlbox {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 5% 0 33.3%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  #stageshow .ttlwrap .tempttlwrap .tempttl2 {
    text-align: left;
  }

  #stageshow .ttlwrap .tempttlwrap small {
    margin: 10px 0 0;
  }

  #stageshow .ttlwrap .pickup {
    background: url("../img/stageshow_pickupbg.jpg") no-repeat center/cover;
    padding: 35px 0;
  }

  #stageshow .ttlwrap .pickup .ttl {
    text-align: center;
    font-size: 20px;
    line-height: 1.3em;
  }

  #stageshow .ttlwrap .pickup ul {
    display: block;
    padding: 0 20px;
  }

  #stageshow .ttlwrap .pickup li {
    width: auto;
  }

  #stageshow .ttlwrap .pickup li:not(:last-child) {
    margin: 0 0 25px;
  }
}
#stageshow .tempttl {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 960px) {
  #stageshow .tempttl {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
#stageshow .program {
  background-color: #ffffc5;
  padding: 90px 0 75px;
}

#stageshow .program .tempttl {
  color: #0068d2;
}

#stageshow .program ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -30px -30px 0;
}

#stageshow .program li {
  background-color: #fff;
  width: 360px;
  margin: 0 30px 30px 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#stageshow .program li figure img {
  width: 100%;
  height: auto;
}

#stageshow .program li .txtbox {
  padding: 20px;
}

#stageshow .program li .list_ttl img {
  width: auto;
  height: 15px;
  margin-bottom: 10px;
}

#stageshow .program li .list_ttl .txt {
  display: block;
  font-weight: bold;
  color: #0068d2;
  font-size: 20px;
  line-height: 1.4em;
}

#stageshow .program li p {
  height: 85px;
  line-height: 1.7em;
  margin-top: 5px;
}

#stageshow .program li .tempbtn {
  width: auto;
}

@media screen and (max-width: 960px) {
  #stageshow .program {
    padding: 45px 20px 50px;
  }

  #stageshow .program ul {
    margin: 0 0 -20px;
  }

  #stageshow .program li {
    width: 100%;
    margin: 0 0 20px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  #stageshow .program li .txtbox {
    padding: 18px 15px 15px;
  }

  #stageshow .program li .list_ttl img {
    height: 14px;
  }

  #stageshow .program li p {
    height: auto;
    margin: 5px 0 10px;
  }
}
#stageshow .event {
  background-color: #00a9bd;
  padding: 95px 0 110px;
}

#stageshow .event .wrapper section:not(:last-child) {
  margin-bottom: 60px;
}

#stageshow .event .ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1em;
  margin-bottom: 20px;
}

#stageshow .event .ttl img {
  width: auto;
  height: 28px;
  margin-right: 25px;
}

#stageshow .event li {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#stageshow .event li:not(:last-child) {
  margin-bottom: 15px;
}

#stageshow .event li a {
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
}

#stageshow .event li figure {
  width: 360px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

#stageshow .event li figure img {
  width: 100%;
  height: auto;
}

#stageshow .event li .txtbox {
  padding: 15px 30px;
}

#stageshow .event li .list_ttl {
  font-weight: bold;
  color: #0068d2;
  font-size: 20px;
  line-height: 1.4em;
}

#stageshow .event li .description {
  margin-top: 8px;
}

#stageshow .event li .period {
  border-left: 1px solid #ddd;
  padding-left: 10px;
  margin-top: 12px;
  line-height: 1.4em;
}

@media screen and (max-width: 960px) {
  #stageshow .event {
    padding: 45px 0 55px;
  }

  #stageshow .event .wrapper {
    padding: 0 20px;
  }

  #stageshow .event .wrapper section:not(:last-child) {
    margin-bottom: 40px;
  }

  #stageshow .event .ttl {
    display: block;
    text-align: center;
    font-size: 15px;
  }

  #stageshow .event .ttl img {
    height: 17px;
    margin: 0 auto 8px;
  }

  #stageshow .event .ttl .txt {
    display: block;
  }

  #stageshow .event li {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }

  #stageshow .event li a {
    display: block;
  }

  #stageshow .event li figure {
    width: auto;
  }

  #stageshow .event li .txtbox {
    padding: 15px;
  }
}
#stageshow .schedule {
  padding-top: 90px;
}

@media screen and (min-width: 961px) {
  #stageshow .schedule {
    width: 945px;
  }
}
#stageshow .schedule .month {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #0068d2;
  height: 60px;
  padding-top: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 32px;
  line-height: 1em;
}

#stageshow .schedule .month .small {
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
}

#stageshow .schedule table {
  width: 100%;
  font-size: 18px;
  line-height: 1em;
}

#stageshow .schedule th, #stageshow .schedule td {
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}

#stageshow .schedule th:nth-child(1), #stageshow .schedule td:nth-child(1) {
  color: #e60000;
}

#stageshow .schedule th:nth-child(7), #stageshow .schedule td:nth-child(7) {
  color: #0060ff;
}

#stageshow .schedule th {
  background-color: #f5f5f5;
  height: 40px;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  #stageshow .schedule th {
    font-weight: normal;
  }
}
#stageshow .schedule td {
  height: 60px;
}

#stageshow .schedule td a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}

#stageshow .schedule td a.stage1 {
  background-color: #ffe9e9;
}

#stageshow .schedule td a.stage2 {
  background-color: #deedfe;
}

#stageshow .schedule td a.stage3 {
  background-color: #e4f7d9;
}

#stageshow .schedule td a.stage4 {
  background-color: #F8CACC;
}

#stageshow .schedule td a.stage5 {
  background-color: #f9e2c3;
}

#stageshow .schedule td a.stage6 {
  background-color: #f0e2ff;
}

#stageshow .schedule td.stage7 {
  background-color: #F9ECA7;
}

#stageshow .schedule td.no_month {
  opacity: 0.25;
}

#stageshow .schedule td.holiday, #stageshow .schedule td.holiday a {
  color: #e60000;
}

#stageshow .schedule td .time {
  display: none;
}

#stageshow .schedule .slick-arrow {
  background: #0068d2 no-repeat;
  background-size: 14px auto;
  width: 110px;
  height: 60px;
  bottom: auto;
  margin: 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  line-height: 1em;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

#stageshow .schedule .slick-arrow:hover {
  opacity: 1;
}

#stageshow .schedule .slick-arrow.slick-disabled {
  opacity: 0;
}

#stageshow .schedule .slick-prev {
  background-image: url("../img/arrow_05.png");
  background-position: left 20px center;
  padding-left: 20px;
}

#stageshow .schedule .slick-next {
  background-image: url("../img/arrow_06.png");
  background-position: right 20px center;
  padding-right: 20px;
}

#stageshow .schedule .contents {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px -25px -5px 0;
  line-height: 1.4em;
}

#stageshow .schedule .contents li {
  margin: 0 25px 5px 0;
}

#stageshow .schedule .contents .stage1 {
  color: #ffe9e9;
}

#stageshow .schedule .contents .stage2 {
  color: #deedfe;
}

#stageshow .schedule .contents .stage3 {
  color: #e4f7d9;
}

#stageshow .schedule .contents .stage4 {
  color: #F8CACC;
}

#stageshow .schedule .contents .stage5 {
  color: #f9e2c3;
}

#stageshow .schedule .contents .stage6 {
  color: #f0e2ff;
}
#stageshow .schedule .contents .stage7 {
  color: #F9ECA7;
}

#stageshow .schedule small {
  margin-top: 30px;
}

@media screen and (max-width: 944px) {
  #stageshow .schedule {
    padding-top: 45px;
  }

  #stageshow .schedule .month {
    height: 50px;
  }

  #stageshow .schedule table {
    font-size: 14px;
  }

  #stageshow .schedule td {
    height: 50px;
  }

  #stageshow .schedule .slick-arrow {
    width: 85px;
    height: 50px;
  }

  #stageshow .schedule .slick-prev {
    background-position: left 10px center;
    padding-left: 15px;
  }

  #stageshow .schedule .slick-next {
    background-position: right 10px center;
    padding-right: 15px;
  }

  #stageshow .schedule .contents {
    margin: 15px 20px -5px;
  }

  #stageshow .schedule .contents li {
    width: 100%;
    margin: 0 0 5px;
  }

  #stageshow .schedule small {
    margin: 20px 20px 0;
  }
}
.remodal-overlay {
  background-color: #fff;
}

@media screen and (max-width: 960px) {
  .remodal-wrapper {
    padding: 40px 0 0;
  }
}
.remodal-close {
  width: 60px;
  height: 50px;
  padding-top: 13px;
  top: -40px;
  right: -80px;
}

.remodal-close .remodal-close-icon {
  width: 55%;
  margin: 0 auto;
}

.remodal-close .remodal-close-icon:before, .remodal-close .remodal-close-icon:after {
  background-color: #0068d2;
}

.remodal-close .txt {
  display: block;
  color: #0068d2;
  line-height: 1em;
  margin-top: 20px;
}

@media screen and (max-width: 960px) {
  .remodal-close.head_btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 80px;
    height: 40px;
    padding-top: 0;
    top: -40px;
    right: 10px;
  }

  .remodal-close.head_btn .remodal-close-icon {
    order: 2;
    width: 32px;
    margin: 0 0 0 auto;
  }

  .remodal-close.head_btn .txt {
    order: 1;
    margin-top: 0;
  }
}
.remodal,.modal_schedule {
  max-width: 750px;
	margin: 0 auto;
}

.modal_schedule .ttl img {
  width: 100%;
  height: auto;
}

.modal_schedule li {
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
}

.modal_schedule li {
  display: -webkit-flex;
  display: flex;
}

.modal_schedule li figure {
  width: 360px;
}

.modal_schedule li figure img {
  width: 100%;
  height: auto;
}

.modal_schedule li .txtbox {
  width: 360px;
  margin-left: auto;
}

.modal_schedule li .txtbox .list_ttl img {
  width: auto;
  height: 15px;
  margin-bottom: 5px;
}

.modal_schedule li .txtbox .list_ttl .txt {
  display: block;
  font-weight: bold;
  color: #0068d2;
  font-size: 19px;
  line-height: 1.4em;
}

.modal_schedule li .txtbox p {
  margin: 8px 0 15px;
}

.modal_schedule li .txtbox table {
  width: 100%;
	border: 1px solid #0068d2;
}

.modal_schedule li .txtbox th, .modal_schedule li .txtbox td {
  border: 1px solid #0068d2;
  text-align: center;
  line-height: 1.4em;
}

.modal_schedule li .txtbox th {
  background-color: #0068d2;
  padding: 3px 0;
  color: #fff;
  font-size: 16px;
}

.modal_schedule li .txtbox td {
  padding: 15px 0;
  font-weight: bold;
  font-size: 18px;
}

.modal_schedule li a {
  color: #0068d2;
  text-decoration: underline;
}

.modal_schedule .bottom_btn {
  position: static;
  margin: 40px auto 0;
}
@media screen and (min-width: 961px) {
	#stageshow.popup {
		margin-top: -122px;
	}
}
@media screen and (max-width: 750px) {
	#stageshow.popup {
		margin-top: -61px;
	}
  .modal_schedule ul {
    padding: 0 20px;
  }

  .modal_schedule li {
    padding: 25px 0;
  }

  .modal_schedule li {
    display: block;
  }

  .modal_schedule li figure {
    width: auto;
  }

  .modal_schedule li .txtbox {
    width: auto;
    margin: 15px 0 0;
  }

  .modal_schedule li .txtbox .list_ttl img {
    height: 14px;
  }

  .modal_schedule li .txtbox .list_ttl .txt {
    font-size: 18px;
  }

  .modal_schedule li .txtbox p {
    font-size: 13px;
    line-height: 1.6em;
  }

  .modal_schedule li .txtbox th {
    font-size: 15px;
  }

  .modal_schedule li .txtbox td {
    padding: 15px 0;
    font-size: 16px;
  }

  .modal_schedule .bottom_btn {
    margin-top: 25px;
  }
}
/*lopit*/
#lopit {
  background: url("../img/lopit_bg01.jpg");
  margin-top: -50px;
  padding: 120px 0 100px;
  position: relative;
}

#lopit .bg {
  background: url("../img/lopit_bg02.png");
  width: 2060px;
  height: 1151px;
  position: fixed;
  top: 220px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

#lopit article {
  position: relative;
  z-index: 2;
}

#lopit .intro {
  display: -webkit-flex;
  display: flex;
}

#lopit .intro .txtbox {
  padding-top: 5px;
  position: relative;
}

#lopit .intro .txtbox .ttl img {
  width: 390px;
  height: auto;
}

#lopit .intro .txtbox dt {
  font-weight: bold;
  font-size: 28px;
  line-height: 1em;
  margin: 30px 0 15px;
}

#lopit .intro .txtbox dd {
  font-size: 16px;
  line-height: 1.6em;
}

#lopit .intro .txtbox figure {
  width: 160px;
  position: absolute;
  top: -12px;
  left: 385px;
}

#lopit .intro .txtbox figure img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 961px) {
  #lopit .intro .moviebox {
    width: 555px;
    margin-left: auto;
  }
}
#lopit .intro .moviebox .movie {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

#lopit .intro .moviebox iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 960px) {
  #lopit {
    background-size: 50px auto;
    padding: 60px 0;
  }

  #lopit .intro {
    display: block;
  }

  #lopit .intro .txtbox {
    padding: 0 20px 20px;
  }

  #lopit .intro .txtbox .ttl img {
    width: 63%;
  }

  #lopit .intro .txtbox dt {
    font-size: 5.2vw;
    margin: 20px 0 10px;
  }

  #lopit .intro .txtbox dd {
    width: 61%;
    font-size: 4.1vw;
  }

  #lopit .intro .txtbox figure {
    width: 34%;
    top: 7px;
    left: auto;
    right: 20px;
  }

  #lopit .intro .moviebox {
    padding: 0 20px;
  }
}
#lopit .song {
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
  border: 2px solid #d9446d;
  margin-top: 50px;
  padding: 20px 0 20px 20px;
}

#lopit .song .info {
  display: -webkit-flex;
  display: flex;
  width: 360px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

#lopit .song .info figure {
  width: 120px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
}

#lopit .song .info figure img {
  width: 100%;
  height: auto;
}

#lopit .song .info .txtbox {
  font-size: 12px;
  line-height: 1.5em;
}

#lopit .song .info .txtbox .ttl {
  margin-bottom: 8px;
}

#lopit .song .info .txtbox .ttl span {
  display: inline-block;
}

#lopit .song .info .txtbox .ttl .big {
  font-size: 18px;
}

#lopit .song .info .txtbox th, #lopit .song .info .txtbox td {
  white-space: nowrap;
}

#lopit .song .info .txtbox th {
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  #lopit .song .info .txtbox th {
    font-weight: normal;
  }
}
#lopit .song .detail .comment {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 15px;
}

#lopit .song .detail .download {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 961px) {
  #lopit .song .detail .download li:not(:last-child) {
    margin-right: 40px;
  }
}
#lopit .song .detail .download a {
  display: block;
}

#lopit .song .detail .download img {
  width: auto;
  height: 27px;
}

@media screen and (max-width: 960px) {
  #lopit .song {
    display: block;
    margin: 20px 20px 0;
    padding: 15px 15px 20px;
  }

  #lopit .song .info {
    width: auto;
  }

  #lopit .song .info figure {
    width: 32%;
    max-width: 120px;
  }

  #lopit .song .detail .comment {
    margin: 10px 0 20px;
  }

  #lopit .song .detail .download {
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 -20px -20px 0;
  }

  #lopit .song .detail .download li {
    margin: 0 20px 20px 0;
  }
}
#lopit .lopit_section {
  margin-top: 80px;
  font-size: 16px;
  line-height: 1.6em;
}

#lopit .lopit_section .lopit_ttl {
  margin-bottom: 30px;
}

@media screen and (max-width: 960px) {
  #lopit .lopit_section {
    margin-top: 40px;
  }

  #lopit .lopit_section .lopit_ttl {
    margin-bottom: 20px;
  }

  #lopit .lopit_section .lopit_ttl img {
    width: 100%;
    height: auto;
  }

  #lopit .lopit_section .inner {
    padding: 0 20px;
  }
}
#lopit .program ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -30px -40px 0;
  padding-bottom: 50px;
}

#lopit .program li {
  display: -webkit-flex;
  display: flex;
  width: 555px;
  margin: 0 30px 40px 0;
}

#lopit .program li figure {
  width: 250px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 25px;
}

#lopit .program li figure img {
  width: 100%;
  height: auto;
}

#lopit .program li .list_ttl {
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  #lopit .program ul {
    margin: 0;
    padding-bottom: 25px;
  }

  #lopit .program li {
    width: 100%;
    margin: 0;
  }

  #lopit .program li:not(:last-child) {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  #lopit .program li figure {
    width: 100px;
    margin-right: 15px;
  }
}
#lopit .birthday figure img {
  width: 740px;
  height: auto;
  margin: 0 auto;
}

#lopit .birthday p {
  text-align: center;
  margin: 20px 0 30px;
}

@media screen and (max-width: 960px) {
  #lopit .birthday figure img {
    width: 100%;
  }

  #lopit .birthday p {
    margin: 15px 0 20px;
  }
}
/*zerolatency*/



#zerolatency {
  background-color: #000;
  padding-top: 0;
  position: relative;
}

#zerolatency, #zerolatency a {
  color: #fff;
}

#zerolatency main {
  padding: 0;
}

#zerolatency .ttl {
  font-weight: bold;
  font-size: 28px;
  line-height: 1.4em;
}



@media screen and (max-width: 960px) {
  #zerolatency .ttl {
    font-size: 18px;
    line-height: 1.5em;
  }
}
@media screen and (max-width: 960px) {
  #zerolatency main .wrapper {
    padding: 0 20px;
  }
}
#zerolatency_header {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

#zerolatency_header .logo {
  padding-top: 10px;
}

#zerolatency_header .logo img {
  width: 156px;
  height: auto;
}

#zerolatency_header .fb-like {
  padding-top: 5px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

#zerolatency_header .fb-like, #zerolatency_header .fb-like > span {
  display: block !important;
}

@media screen and (min-width: 961px) {
  #zerolatency_header .drawer-nav {
    margin-left: auto;
    padding-top: 33px;
  }

  #zerolatency_header .drawer-menu {
    display: -webkit-flex;
    display: flex;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4em;
  }

  #zerolatency_header .drawer-menu li {
    border-left: 1px solid #fff;
  }

  #zerolatency_header .drawer-menu li:last-child {
    border-right: 1px solid #fff;
  }

  #zerolatency_header .drawer-menu-item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 960px) {
  #zerolatency_header {
    padding: 0 65px 0 10px;
  }

  #zerolatency_header .logo {
    padding-top: 7px;
  }

  #zerolatency_header .logo img {
    width: 89px;
  }

  #zerolatency_header .fb-like {
    padding-top: 15px;
    position: relative;
    margin-left: auto;
  }

  #zerolatency_header .drawer-hamburger {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    padding: 10px 0 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 104;
    -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: pointer;
  }

  #zerolatency_header .drawer-hamburger .txt {
    display: block;
    padding-top: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 9px;
    line-height: 1em;
  }

  #zerolatency_header .drawer-hamburger .close {
    display: none;
  }

  .drawer-open #zerolatency_header .drawer-hamburger .menu {
    display: none;
  }

  .drawer-open #zerolatency_header .drawer-hamburger .close {
    display: block;
  }

  #zerolatency_header .drawer-hamburger-icon {
    display: block;
    width: 25px;
    margin: 0 auto;
    position: relative;
  }

  #zerolatency_header .drawer-hamburger-icon, #zerolatency_header .drawer-hamburger-icon:before, #zerolatency_header .drawer-hamburger-icon:after {
    background-color: #fff;
    height: 2px;
    -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }

  #zerolatency_header .drawer-hamburger-icon:before, #zerolatency_header .drawer-hamburger-icon:after {
    content: "";
    width: 100%;
    position: absolute;
    top: -8px;
    left: 0;
  }

  #zerolatency_header .drawer-hamburger-icon:after {
    top: 8px;
  }

  .drawer-open #zerolatency_header .drawer-hamburger-icon {
    background-color: transparent;
  }

  .drawer-open #zerolatency_header .drawer-hamburger-icon:before, .drawer-open #zerolatency_header .drawer-hamburger-icon:after {
    top: 0;
  }

  .drawer-open #zerolatency_header .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .drawer-open #zerolatency_header .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #zerolatency_header .drawer-nav {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 101;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .drawer-open #zerolatency_header .drawer-nav {
    top: 0;
  }

  #zerolatency_header .drawer-logo {
    padding: 100px 0 50px;
  }

  #zerolatency_header .drawer-logo img {
    width: 139px;
    height: auto;
    margin: 0 auto;
  }

  #zerolatency_header .drawer-menu {
    font-weight: bold;
    font-size: 18px;
    line-height: 1em;
  }

  #zerolatency_header .drawer-menu li:not(:last-child) {
    margin-bottom: 30px;
  }

  #zerolatency_header .drawer-menu-item {
    display: block;
  }

  #zerolatency_header .drawer-menu-item span {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 1px solid #41b1ff;
  }

  #zerolatency_header .home {
    padding: 50px 0;
  }

  #zerolatency_header .home .home_logo a {
    display: block;
    width: 166px;
    margin: 0 auto;
  }

  #zerolatency_header .home .home_logo a img {
    width: 100%;
    height: auto;
  }

  #zerolatency_header .home .home_txt {
    font-size: 12px;
    line-height: 1em;
    margin-top: 10px;
  }
	
/*add201206*/
#zerolatency #timeSchedule td,#zerolatency #timeSchedule th{display:block;width:100%;}
	
}
@-webkit-keyframes scroll_line {
  50%,100% {
    height: 50px;
  }
  60% {
    top: 25px;
  }
  100% {
    top: 75px;
  }
}
@keyframes scroll_line {
  50%,100% {
    height: 50px;
  }
  60% {
    top: 25px;
  }
  100% {
    top: 75px;
  }
}
@media screen and (min-width: 961px) {
  #zerolatency_main {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100vh;
    position: relative;
  }
}
#zerolatency_main video {
  display: block;
}

#zerolatency_main .scroll {
  display: block;
  width: 100px;
  height: 75px;
  font-family: Arial, Helvetica, "sans-serif";
  text-align: center;
  line-height: 1em;
  letter-spacing: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  overflow: hidden;
}

#zerolatency_main .scroll .line {
  background-color: #fff;
  width: 1px;
  height: 0;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: scroll_line 2s infinite;
  animation: scroll_line 2s infinite;
}

@media screen and (max-width: 960px) {
  #zerolatency_main .photo {
    width: 100%;
    height: auto;
  }
}
.zerolatency_about {
  display: -webkit-flex;
  display: flex;
  padding-top: 95px;
}

.zerolatency_about figure, .zerolatency_about .moviewrap {
  width: 555px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 30px;
}

.zerolatency_about figure img, .zerolatency_about .moviewrap img {
  width: 100%;
  height: auto;
}

.zerolatency_about figure p, .zerolatency_about .moviewrap p {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 10px;
}

.zerolatency_about .movie {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.zerolatency_about .movie iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.zerolatency_about .txtbox p {
  font-size: 16px;
  line-height: 1.6em;
  margin-top: 15px;
}

@media screen and (min-width: 961px) {
  .zerolatency_about.re figure, .zerolatency_about.re .moviewrap {
    order: 2;
    margin-right: 0;
  }

  .zerolatency_about.re .txtbox {
    order: 1;
    width: 555px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 30px;
  }
}
@media screen and (max-width: 960px) {
  .zerolatency_about {
    display: block;
    padding-top: 25px;
  }

  .zerolatency_about figure, .zerolatency_about .moviewrap {
    width: auto;
    margin: 0 0 15px;
  }

  .zerolatency_about figure p, .zerolatency_about .moviewrap p {
    text-align: right;
  }

  .zerolatency_about .txtbox p {
    margin-top: 10px;
  }
}
@-webkit-keyframes zerolatency_loop {
  100% {
    background-position: left -2104px center;
  }
}
@keyframes zerolatency_loop {
  100% {
    background-position: left -2104px center;
  }
}
@-webkit-keyframes zerolatency_loopsp {
  100% {
    background-position: left -1578px center;
  }
}
@keyframes zerolatency_loopsp {
  100% {
    background-position: left -1578px center;
  }
}
#zerolatency_loop {
  height: 215px;
  margin-top: 70px;
  border: solid #438fc3;
  border-width: 1px 0;
}

#zerolatency_loop .loop {
  background: url("../../attraction/img/1st_zerolatency_loop.jpg") repeat-x left center/2104px auto;
  height: 100%;
  -webkit-animation: zerolatency_loop 25s infinite linear;
  animation: zerolatency_loop 25s infinite linear;
}

@media screen and (max-width: 960px) {
  #zerolatency_loop {
    height: 161px;
    margin-top: 25px;
  }

  #zerolatency_loop .loop {
    background-size: 1578px auto;
    -webkit-animation-name: zerolatency_loopsp;
    animation-name: zerolatency_loopsp;
  }
}
#zerolatency_caution {
  padding-top: 75px;
}

#zerolatency_caution .ttl {
  text-align: center;
}

#zerolatency_caution .sub {
  text-align: center;
  margin: 15px 0 30px;
}

@media screen and (min-width: 961px) {
  #zerolatency_caution .txtwrap {
    display: -webkit-flex;
    display: flex;
  }
}
#zerolatency_caution .txtwrap dl {
  width: 555px;
  border: 1px solid #333;
}

#zerolatency_caution .txtwrap dl:last-child {
  margin-left: auto;
}

#zerolatency_caution .txtwrap dt {
  background-color: #222;
  border-bottom: 1px solid #333;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  color: #ffff00;
  font-size: 22px;
  line-height: 1.4em;
  position: relative;
}

#zerolatency_caution .txtwrap dt:before, #zerolatency_caution .txtwrap dt:after {
  content: "";
  background: url("../img/icon_caution.png") no-repeat left top/100% 100%;
  width: 20px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

#zerolatency_caution .txtwrap dt:before {
  left: 10px;
}

#zerolatency_caution .txtwrap dt:after {
  right: 10px;
}

#zerolatency_caution .txtwrap dd {
  padding: 15px;
  font-size: 16px;
  line-height: 1.6em;
}

#zerolatency_caution .txtwrap dd .indent {
  display: inline-block;
}

@media screen and (max-width: 960px) {
  #zerolatency_caution {
    padding-top: 30px;
  }

  #zerolatency_caution .ttl {
    font-size: 24px;
  }

  #zerolatency_caution .sub {
    margin: 10px 0 15px;
  }

  #zerolatency_caution .txtwrap dl {
    width: auto;
  }

  #zerolatency_caution .txtwrap dl:last-child {
    margin: 15px 0 0;
  }

  #zerolatency_caution .txtwrap dt {
    font-size: 4.8vw;
  }

  #zerolatency_caution .txtwrap dt:before, #zerolatency_caution .txtwrap dt:after {
    width: 37px;
    height: 29px;
  }

  #zerolatency_caution .txtwrap dd {
    padding: 15px 10px;
  }
}
#zerolatency_limit {
  padding-top: 55px;
}

#zerolatency_limit .yellow {
  color: #ffff00 !important;
}

#zerolatency_limit .ttl {
  text-align: center;
}

#zerolatency_limit .sub {
  text-align: center;
  margin: 15px 0 55px;
}

#zerolatency_limit .dl1 dt {
  padding-bottom: 5px;
  font-weight: bold;
  color: #41b1ff;
  font-size: 22px;
  line-height: 1.4em;
}

#zerolatency_limit .dl1 dt .redbox {
  display: inline-block;
  background-color: #97000f;
  padding: 1px 8px;
}

#zerolatency_limit .dl1 > dd {
  font-size: 16px;
  line-height: 1.6em;
}

#zerolatency_limit .dl1 > dd:not(:last-of-type) {
  margin-bottom: 40px;
}

#zerolatency_limit .dl1 > dd .indent {
  display: inline-block;
}

#zerolatency_limit .dl1 > dd table {
  width: 100%;
  margin-top: 10px;
}

#zerolatency_limit .dl1 > dd table:not(:first-child) {
  margin-top: 30px;
}

#zerolatency_limit .dl1 > dd th, #zerolatency_limit .dl1 > dd td {
  border: 1px solid #333;
  vertical-align: middle;
}

#zerolatency_limit .dl1 > dd th {
  background-color: #222;
  padding: 5px 0;
  text-align: center;
}

#zerolatency_limit .dl1 > dd th[scope="row"] {
  padding: 5px 10px;
  font-weight: 500;
}

@media all and (-ms-high-contrast: none) {
  #zerolatency_limit .dl1 > dd th[scope="row"] {
    font-weight: normal;
  }
}
#zerolatency_limit .dl1 > dd td {
  padding: 10px;
  text-align: center;
}

#zerolatency_limit .dl1 > dd small:not(:first-child) {
  margin-top: 10px;
}

#zerolatency_limit .dl1 > dd strong {
  font-size: 20px;
  line-height: 1.4em;
}

#zerolatency_limit .dl1 > dd a {
  color: #00deff;
  text-decoration: underline;
}

#zerolatency_limit .dl1 > dd p:not(:first-child) {
  margin-top: 10px;
}

#zerolatency_limit .dl1 > dd .outbreak1 {
  padding: 20px 0 10px;
}

#zerolatency_limit .dl1 > dd .outbreak1 img {
  width: 450px;
  height: auto;
  margin: 0 auto;
}

#zerolatency_limit .dl1 > dd .outbreak2 {
  margin-top: 40px;
}

#zerolatency_limit .dl1 > dd .outbreak_ttl {
  display: inline-block;
  margin-bottom: 5px;
}

#zerolatency_limit .dl2 {
  padding-top: 15px;
}

#zerolatency_limit .dl2 dt {
  color: #fff;
  font-size: 18px;
}

#zerolatency_limit .dl2 dd:not(:last-of-type) {
  margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
  #zerolatency_limit {
    padding-top: 30px;
  }

  #zerolatency_limit .ttl {
    font-size: 24px;
  }

  #zerolatency_limit .sub {
    margin: 10px 0 25px;
  }

  #zerolatency_limit .dl1 > dd:not(:last-of-type) {
    margin-bottom: 30px;
  }

  #zerolatency_limit .dl1 > dd table {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.4em;
  }

  #zerolatency_limit .dl1 > dd table:not(:first-child) {
    margin-top: 15px;
  }

  #zerolatency_limit .dl1 > dd th[scope="col"]:first-child {
    width: 100px;
  }

  #zerolatency_limit .dl1 > dd th[scope="row"] {
    width: 95px;
  }

  #zerolatency_limit .dl1 > dd th[scope="row"] .nowrap {
    text-align: left;
  }

  #zerolatency_limit .dl1 > dd td {
    text-align: left;
  }

  	/*
    #zerolatency_limit .dl1 > dd .nowrap {
      display: inline-block;
      white-space: nowrap;
    }
  	*/
  #zerolatency_limit .dl1 > dd small {
    font-size: 12px;
    line-height: 1.4em;
  }

  #zerolatency_limit .dl1 > dd strong {
    display: block;
    text-align: center;
    font-size: 18px;
  }

  #zerolatency_limit .dl1 > dd .outbreak1 {
    padding: 10px 0 15px;
  }

  #zerolatency_limit .dl1 > dd .outbreak1 img {
    width: 100%;
  }

  #zerolatency_limit .dl1 > dd .outbreak2 {
    margin-top: 15px;
  }

  #zerolatency_limit .dl1 > dd .outbreak2 img {
    width: 100%;
    height: auto;
  }

  #zerolatency_limit .dl2 {
    padding-top: 10px;
  }
}
#zerolatency_reserve {
  background-color: #144567;
  margin-top: 70px;
  border: solid #438fc3;
  border-width: 1px 0;
  padding: 35px 0 40px;
}

@media screen and (min-width: 961px) {
  #zerolatency_reserve form {
    width: 810px;
    margin: 0 auto;
  }
}
#zerolatency_reserve .agree label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#zerolatency_reserve .agree label span {
	display: block;
}
#zerolatency_reserve .agree input {
  display: none;
}
#zerolatency_reserve .agree .box {
  background: url("../img/icon_checkbox.png") no-repeat left top / 100% 100%;
  width: 30px;
	height: 30px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
#zerolatency_reserve .agree .box .check {
	background: url("../img/icon_check.png") no-repeat left top / 100% 100%;
	height: 100%;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#zerolatency_reserve .agree .txt {
	padding-left: 10px;
  font-size: 16px;
  line-height: 1.4em;
}
@media screen and (min-width: 961px) {
  #zerolatency_reserve .agree .txt {
    white-space: nowrap;
  }
}
#zerolatency_reserve small {
  color: #ffff00;
  font-size: 12px;
  line-height: 1.6em;
  margin: 10px 0 20px;
}

#zerolatency_reserve .submitbtn {
  background-color: #ffff00;
  width: 263px;
  height: 50px;
  margin: 0 auto;
  pointer-events: none;
  opacity: 0.5;
}

#zerolatency_reserve .submitbtn input {
  background-color: transparent;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  text-align: center;
  font-weight: bold;
  color: #3979ae;
  font-size: 20px;
  line-height: 1em;
  cursor: pointer;
}

#zerolatency_reserve.on .agree .box .check {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#zerolatency_reserve.on .submitbtn {
  pointer-events: auto;
  opacity: 1;
}

@media screen and (max-width: 960px) {
  #zerolatency_reserve {
    margin-top: 40px;
    padding: 25px 20px 30px;
  }

  #zerolatency_reserve small {
    font-size: 16px;
    margin: 10px 0 15px;
  }

  #zerolatency_reserve .submitbtn {
    width: auto;
  }

  #zerolatency_reserve .submitbtn input {
    font-size: 18px;
  }
}
#zerolatency_footer {
  padding: 40px 0 60px;
}

#zerolatency_footer .pagetop {
  display: block;
  width: 50px;
  position: fixed;
  right: 5px;
  bottom: 30px;
  z-index: 95;
}

#zerolatency_footer .pagetop img {
  width: 100%;
  height: auto;
}

#zerolatency_footer .logo {
  width: 168px;
  margin: 0 auto;
}

#zerolatency_footer .logo a {
  display: block;
}

#zerolatency_footer .logo img {
  width: 100%;
  height: auto;
}

#zerolatency_footer .txt1 {
  text-align: center;
  font-size: 12px;
  line-height: 1.4em;
  margin: 15px 0 10px;
}

#zerolatency_footer .copy {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

#zerolatency_footer .copy a {
  display: block;
  width: 54px;
  margin-right: 10px;
}

#zerolatency_footer .copy a img {
  width: 100%;
  height: auto;
}

#zerolatency_footer .copy .txt {
  display: block;
  font-size: 10px;
  line-height: 1em;
}

@media screen and (max-width: 960px) {
  #zerolatency_footer {
    padding: 30px 0 40px;
  }

  #zerolatency_footer .pagetop {
    right: 0;
    bottom: 10px;
  }

  #zerolatency_footer .txt1 {
    margin: 15px 20px 20px;
  }
}

/*add201201*/
#zerolatency #information{border:4px #41b1ff double;text-align: center; font-size:180%!important;line-height: 1.6;padding:20px;margin-top:200px;}
#zerolatency #information span{color:#fff000;}

@media screen and (max-width: 599px) {
    #zerolatency #information p{
        font-size: calc(100vw/22);
    }
    #zerolatency #information span{
        font-size: calc(100vw/20);
		margin:10px 0;
    }
	#zerolatency #information img{width:100%;}
    #zerolatency #information{padding:10px;line-height:1.2;margin-top:20px;}
	#zerolatency .zl_tempbtn{width:70%!important;font-size: calc(100vw/20);}
}

/*add_201204*/
#zerolatency .zl_tempbtn {
	border:1px #41b1ff solid;
	width:30%;
	margin:10px auto;
	text-align: center;
	padding:10px;
}

/*add_210924*/
@media screen and (max-width: 812px) {
#zerolatency .price th,#zerolatency .price td{display: block;width:100%!important;}
    #zerolatency #update th[scope="col"]:first-child{width:40%!important;}
}
@media screen and (min-width: 481px) {.spp{display: none;}}

/*add_210122*/
.movieplay,.movieplay02{display:none;}
.visible01{display:block;}
.nonopacity{opacity: 0;position:absolute;left:0;top:0;}


/*qa*/
@media screen and (min-width: 961px) {
  #qa .wrapper {
    width: 750px;
  }
	
/*add200401*/	
  #qa .contactbox > div {
    width: 50%;
    padding: 10px 0;
  }
}


#qa .contactbox .ttl {
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
}

#qa .contactbox .open {
  padding: 8px 0 15px;
}

#qa .contactbox a {
  display: inline-block;
  font-weight: bold;
  font-size: 0;
  line-height: 0;
}

#qa .contactbox a img, #qa .contactbox a .txt {
  display: inline-block;
  vertical-align: middle;
}

#qa .contactbox a img {
  margin-right: 10px;
}

#qa .contactbox a .txt {
  line-height: 1em;
}

#qa .contactbox p.tel a .txt {
  font-size: 24px;
}


 #qa .contactbox .result {
  display: flex;
  justify-content: center;
  align-items: center;
}
 #qa .contactbox .result .ttl {
  width: 70%;
}
 #qa .contactbox .result a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0068d2;
  height: 60px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}
	
	

#qa .sub {
  text-align: center;
  font-size: 16px;
  line-height: 1.6em;
  margin: 20px 0 35px;
}

#qa section:not(:last-child) {
  margin-bottom: 50px;
}

#qa .tempttl3 {
  margin-bottom: 15px;
  font-size: 20px;
}

#qa dt {
  background-color: #7bb6f2;
  padding: 12px 45px 12px 20px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  line-height: 1.4em;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}

#qa dt:before {
  content: "";
  background: url("../img/arrow_03.png") no-repeat left top/100% 100%;
  width: 30px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#qa dt.open:before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

#qa dd {
  display: none;
  padding-bottom: 25px;
}

#qa dd .indent {
  display: inline-block;
  text-indent: -1.6em;
  padding-left: 1.6em;
}

#qa dd a:not(.tel) {
  color: #0068d2;
  text-decoration: underline;
}

#qa .contactbox {
  display: -webkit-flex;
  display: flex;
  background-color: #f8f7f0;
  padding: 20px 0;
  text-align: center;
  line-height: 1em;
}

@media screen and (max-width: 960px) {
  #qa .sub {
    text-align: left;
    font-size: 14px;
    margin: 25px 0 15px;
  }

  #qa section:not(:last-child) {
    margin-bottom: 30px;
  }

  #qa .tempttl3 {
    margin-bottom: 10px;
  }

  #qa dt {
    padding: 10px 45px 10px 15px;
  }
	
/*add200401*/
  #qa .contactbox {
    display: block;
    padding: 25px 6% 30px;
  }

  #qa .contactbox .telbox {
    border-right: none;
    border-bottom: 1px solid #dbd9ca;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  #qa .contactbox .ttl {
    font-size: 18px;
  }

  #qa .contactbox a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #0068d2;
    height: 50px;
    color: #fff;
  }
	#qa .contactbox a:last-child{margin-top:20px;}

  #qa .contactbox a img, #qa .contactbox a .txt {
    display: block;
  }

  #qa .contactbox p.tel a img {
    width: 19px;
    height: 19px;
  }


   #qa .contactbox .result {
    display: block;
  }
   #qa .contactbox .result .ttl {
    width: auto;
  }
	
	
	
}
/*contact*/
@media screen and (min-width: 961px) {
  #contact .wrapper {
    width: 750px;
  }
}
#contact .sub {
  text-align: center;
  font-size: 16px;
  line-height: 2em;
  margin: 20px 0 25px;
}

#contact .sub a {
  color: #0068d2;
  text-decoration: underline;
}

#contact .contactbox {
  display: -webkit-flex;
  display: flex;
  background-color: #f8f7f0;
  padding: 20px 0;
  text-align: center;
  line-height: 1em;
}

@media screen and (min-width: 961px) {
  #contact .contactbox > div {
    width: 50%;
    padding: 10px 0;
  }
}
#contact .contactbox .telbox {
  border-right: 1px solid #dbd9ca;
}

#contact .contactbox .ttl {
  font-weight: bold;
  font-size: 16px;
  line-height: 1em;
}

#contact .contactbox .open {
  padding: 8px 0 15px;
}

#contact .contactbox a {
  display: inline-block;
  font-weight: bold;
  font-size: 0;
  line-height: 0;
}

#contact .contactbox a img, #contact .contactbox a .txt {
  display: inline-block;
  vertical-align: middle;
}

#contact .contactbox a img {
  margin-right: 10px;
}

#contact .contactbox a .txt {
  line-height: 1em;
}

#contact .contactbox p.tel a .txt {
  font-size: 24px;
}

#contact .contactbox .mail {
  margin-top: 35px;
}

#contact .contactbox .mail a .txt {
  font-size: 14px;
}

#contact .contactbox .fax {
  padding-top: 10px;
  line-height:1.6 ;
}
#contact .contactbox .formbox {
  /*display: flex;
  justify-content: center;
  align-items: center;*/
}
#contact .contactbox .formbox .ttl {
  width: 70%;
}
#contact .contactbox .formbox a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0068d2;
  width:80%;
  margin:0 auto;
  height: 60px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}
#contact .detail_dl {
  padding-top: 45px;
}

#contact .detail_dl .tempttl3 {
  font-size: 18px;
  margin-bottom: 15px;
}

#contact .detail_dl dd {
  line-height: 1.8em;
}

#contact .detail_dl dd:not(:last-of-type) {
  margin-bottom: 30px;
}

#contact .detail_dl dd .indent {
  display: inline-block;
}

#contact .detail_dl dd a:not(.tel) {
  color: #0068d2;
  text-decoration: underline;
}

@media screen and (max-width: 960px) {
  #contact .sub {
    text-align: left;
    margin: 15px 0;
  }

  #contact .contactbox {
    display: block;
    padding: 25px 6% 30px;
  }

  #contact .contactbox .telbox {
    border-right: none;
    border-bottom: 1px solid #dbd9ca;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #contact .contactbox .telbox2 {
    border-right: none;
  }

  #contact .contactbox .ttl {
    font-size: 18px;
  }

  #contact .contactbox a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #0068d2;
    height: 50px;
    color: #fff;
  }

  #contact .contactbox a img, #contact .contactbox a .txt {
    display: block;
  }

  #contact .contactbox p.tel a img {
    width: 19px;
    height: 19px;
  }

  #contact .contactbox .mail {
    margin-top: 15px;
  }

  #contact .contactbox .mail a img {
    width: 22px;
    height: 16px;
  }
  #contact .contactbox .formbox {
    display: block;
	
  }
  #contact .contactbox .formbox .ttl {
    width: auto;
  }

  #contact .detail_dl {
    padding-top: 30px;
  }

  #contact .detail_dl .tempttl3 {
    margin-bottom: 10px;
  }
}
/*aosct*/
#aosct .sub {
  text-align: center;
  font-size: 16px;
  line-height: 2em;
  margin: 20px 0 60px;
}

@media screen and (min-width: 961px) {
  #aosct .wrapper {
    width: 750px;
  }
}
#aosct dt {
  font-weight: bold;
  color: #00a9bd;
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 5px;
}

#aosct dd {
  line-height: 1.8em;
}

#aosct dd:not(:last-of-type) {
  margin-bottom: 30px;
}

#aosct a:not(.tel) {
  color: #0068d2;
  text-decoration: underline;
}

#aosct section:not(:last-child) {
  margin-bottom: 50px;
}

#aosct section p {
  line-height: 1.8em;
}

#aosct .tempttl3 {
  margin-bottom: 25px;
}

#aosct .intro {
  margin-bottom: 25px;
}

#aosct .end {
  text-align: right;
  margin-top: 25px;
}

#aosct .indent {
  display: inline-block;
}

@media screen and (max-width: 960px) {
  #aosct .sub {
    text-align: left;
    font-size: 14px;
    line-height: 1.7em;
    margin: 20px 0 25px;
  }

  #aosct dt {
    font-size: 18px;
  }

  #aosct dd {
    font-size: 12px;
  }

  #aosct dd:not(:last-of-type) {
    margin-bottom: 25px;
  }

  #aosct section:not(:last-child) {
    margin-bottom: 35px;
  }

  #aosct section p {
    font-size: 12px;
    line-height: 1.8em;
  }

  #aosct .tempttl3 {
    margin-bottom: 15px;
  }
}
/*privacypolicy*/
#aosct.privacypolicy .sub {
  text-align: left;
}

@media screen and (min-width: 961px) {
  #aosct.privacypolicy .sub {
    margin: 20px 0 40px;
  }
}
/*sitepolicy*/
@media screen and (min-width: 961px) {
  #aosct.sitepolicy .sub {
    margin: 20px 0 40px;
  }
}
/*customer_harassment_policy*/
#aosct.customerh .sub {
  text-align: left;
}

@media screen and (min-width: 961px) {
  #aosct.customerh .sub {
    margin: 20px 0 40px;
  }
}

/*journalist*/
@media screen and (min-width: 961px) {
  #aosct.journalist .sub {
    margin: 20px 0 30px;
  }
}
#aosct.journalist .tempttl3 {
  font-size: 18px;
}

#aosct.journalist .journalist_box {
  text-align: center;
  margin-bottom: 40px;
}

#aosct.journalist .journalist_box .box {
  background-color: #f8f7f0;
  padding: 30px 0;
}

#aosct.journalist .journalist_box .ttl {
  font-weight: bold;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 5px;
}

#aosct.journalist .journalist_box p.tel {
  margin: 15px 0 5px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1em;
}

#aosct.journalist .journalist_box p.tel img, #aosct.journalist .journalist_box p.tel span {
  display: inline-block;
  vertical-align: middle;
}

#aosct.journalist .journalist_box p.tel img {
  margin-right: 8px;
}

#aosct.journalist .journalist_box .bottom_txt {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 10px;
}

@media screen and (min-width: 961px) {
  #aosct.journalist .journalist_box .bottom_txt {
    white-space: nowrap;
  }
}
#aosct.journalist .journalist_box .bottom_txt a {
  color: #000;
  text-decoration: none;
}

@media screen and (max-width: 960px) {
  #aosct.journalist .journalist_box {
    margin-bottom: 30px;
  }

  #aosct.journalist .journalist_box .box {
    padding: 25px;
  }

  #aosct.journalist .journalist_box p.tel {
    margin: 10px 0;
  }

  #aosct.journalist .journalist_box p.tel a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #0068d2;
    height: 50px;
    color: #fff;
  }

  #aosct.journalist .journalist_box p.tel img, #aosct.journalist .journalist_box p.tel span {
    display: block;
  }

  #aosct.journalist .journalist_box p.tel img {
    width: 19px;
    height: 19px;
  }

  #aosct.journalist .journalist_box .bottom_txt {
    display: block;
    margin-top: 30px;
    text-align: left;
  }

  #aosct.journalist section p {
    font-size: 14px;
  }
}
/*schoolevent*/
@media screen and (min-width: 961px) {
  #schoolevent .wrapper {
    width: 750px;
  }
}
#schoolevent .txt1 {
  margin: 40px 0 30px;
}

#schoolevent dt {
  font-weight: bold;
  color: #0068d2;
  font-size: 18px;
  line-height: 1.4em;
}

@media screen and (min-width: 961px) {
  #schoolevent .temp_section .tempttl3 {
    font-size: 18px;
  }
}
#schoolevent .temp_section .box {
  margin: 10px 0 30px;
  border: 4px solid #0068d2;
  padding: 20px 25px 30px;
}

#schoolevent .howto .ttl {
  font-weight: bold;
  color: #0068d2;
  font-size: 18px;
  line-height: 1.4em;
}

#schoolevent .howto .txt {
  margin: 10px 0;
}

#schoolevent .howto .tempbtn {
  background: #0068d2;
  width: 280px;
  height: 50px;
  padding: 0;
  font-size: 14px;
}

#schoolevent .howto .tempbtn img {
  width: 22px;
  height: 17px;
  margin-right: 10px;
}

#schoolevent .howto .privacy dt {
  margin-bottom: 10px;
}

@media screen and (max-width: 960px) {
  #schoolevent .txt1 {
    margin: 25px 0;
  }

  #schoolevent .temp_section .box {
    margin: 10px 0 20px;
    border-width: 2px;
    padding: 15px 10px 20px;
  }

  #schoolevent .howto .txt {
    margin: 10px 0 20px;
  }

  #schoolevent .howto .tempbtn {
    width: auto;
  }
}
/*sponsor*/
@media screen and (min-width: 961px) {
  #sponsor {
    padding-bottom: 180px;
  }
}
#sponsor .sub {
  text-align: center;
  font-size: 16px;
  line-height: 1.7em;
  margin: 20px 0 70px;
}

#sponsor ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px -20px 0;
  text-align: center;
  font-weight: bold;
}

#sponsor li {
  width: 270px;/*Modify*/
  margin: 0 15px 20px 0;
}

#sponsor li a {
  display: block;
}

#sponsor li figure {
  margin-bottom: 5px;
}

#sponsor li figure img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #sponsor .sub {
    text-align: left;
    font-size: 14px;
    margin: 20px 0;
  }

  #sponsor ul {
    margin: 0 0 -20px;
    font-size: 12px;
    line-height: 1.4em;
  }

  #sponsor li {
    width: 50%;
    margin: 0 0 20px;
  }
}
/*sitemap*/
#sitemap .wrapper {
  display: -webkit-flex;
  display: flex;
  padding-top: 50px;
}

#sitemap .page_list {
  line-height: 1.4em;
}

@media screen and (min-width: 961px) {
  #sitemap .page_list:nth-child(1) {
    width: 290px;
  }

  #sitemap .page_list:nth-child(2) {
    width: 550px;
  }

  #sitemap .page_list:nth-child(3) {
    width: 260px;
  }

  #sitemap .page_list:not(:last-child) {
    margin-right: 20px;
  }
}
#sitemap .page_list a {
  display: block;
}

#sitemap .page_list > li {
  margin-bottom: 22px;
}

#sitemap .page_list > li > a {
  background: #0068d2 url("../img/arrow_06.png") no-repeat 10px 10px/6px auto;
  padding: 5px 10px 5px 22px;
  font-weight: bold;
  color: #fff;
}

#sitemap .page_list ul {
  padding: 10px 0 0 10px;
}

#sitemap .page_list ul li:not(:last-child) {
  margin-bottom: 5px;
}

#sitemap .page_list ul a {
  background: url("../img/arrow_09.png") no-repeat left 5px/6px auto;
  padding-left: 12px;
}

#sitemap .page_list ul a span {
  display: inline-block;
  text-decoration: underline;
}

#sitemap .page_list .inner_list {
  padding-top: 25px;
}

#sitemap .page_list .inner_list li:not(:last-child) {
  margin-bottom: 25px;
}

#sitemap .page_list .inner_list ul {
  padding-top: 5px;
}

#sitemap .page_list .inner_list ul li:not(:last-child) {
  margin-bottom: 5px;
}

@media screen and (max-width: 960px) {
  #sitemap .wrapper {
    display: block;
    padding-top: 25px;
  }
}
/*agree*/
@media screen and (min-width: 961px) {
  #agree .wrapper {
    width: 750px;
  }
}
#agree .tempttl2 {
  margin-bottom: 40px;
}

#agree .tempttl3 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 15px;
}

#agree .txt1 .indent {
  display: inline-block;
}

#agree .agree {
  padding: 40px 0 20px;
}
#agree .agree label {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#agree .agree label span {
	display: block;
}
#agree .agree input {
  display: none;
}
#agree .agree .box {
  background: url("../img/icon_checkbox.png") no-repeat left top / 100% 100%;
  width: 30px;
	height: 30px;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
#agree .agree .box .check {
	background: url("../img/icon_check.png") no-repeat left top / 100% 100%;
	height: 100%;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#agree .agree .txt {
	padding-left: 15px;
	font-weight: bold;
  color: #ff6c00;
  font-size: 16px;
  line-height: 1.4em;
}

#agree .submitbtn {
  background-color: #0068d2;
  width: 263px;
  height: 50px;
  margin: 0 auto;
  pointer-events: none;
}

#agree .submitbtn input {
  background-color: transparent;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  cursor: pointer;
}

#agree.on .agree .box .check {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#agree.on .submitbtn {
  pointer-events: auto;
}

@media screen and (max-width: 960px) {
  #agree .tempttl2 {
    margin-bottom: 25px;
  }

  #agree .tempttl3 {
    font-size: 16px;
  }

  #agree .agree {
    padding: 30px 0 20px;
  }

  #agree .agree .txt {
    font-size: 14px;
  }

  #agree .submitbtn {
    width: auto;
  }

  #agree .submitbtn input {
    font-size: 18px;
  }
}
/*en*/
@media screen and (max-width: 960px) {
  #en #header .drawer-nav .drawer-logo {
    border-bottom: 1px solid #0068d2;
  }

  #en #header .drawer-nav .drawer-menu {
    display: block;
    padding-top: 0;
  }

  #en #header .drawer-nav .drawer-menu li {
    width: auto;
    border: solid #ddd !important;
    border-width: 0 0 1px !important;
  }

  #en #header .drawer-nav .drawer-menu-item {
    height: 84px;
    padding-top: 0;
  }

  #en #header .drawer-nav .drawer-menu-item .txt {
    height: auto;
  }
}
#en #en_top {
  padding-top: 0;
}

@media screen and (max-width: 960px) {
  #en #en_top {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 961px) {
  #en #top_main .top_nav {
    border: solid #ddd;
    border-width: 0 1px 1px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
  }

  #en #top_main .top_nav ul {
    display: -webkit-flex;
    display: flex;
  }

  #en #top_main .top_nav li {
    width: 50%;
  }

  #en #top_main .top_nav li:first-child {
    border-right: 1px solid #ddd;
  }

  #en #top_main .top_nav a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 110px;
  }

  #en #top_main .top_nav a img {
    width: auto;
    height: 50px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 960px) {
  #en #top_main .top_nav {
    padding-top: 0;
    font-size: 13px;
  }

  #en #top_main .top_nav .sns {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
  }

  #en #top_main .top_nav .sns a {
    width: 80px;
  }

  #en #top_main .top_nav .sns a:not(:last-child) {
    border-right: none;
  }
}
@media screen and (min-width: 961px) {
  #en #footer .copy {
    order: 1;
    padding-top: 20px;
  }

  #en #footer .logo {
    order: 2;
  }
}
@media screen and (max-width: 960px) {
  #en #footer .logo {
    margin-top: 0;
    padding-top: 20px;
  }
}
/*en_top_pickup*/
#en_top_pickup {
  margin: 60px 0 10px;
  position: relative;
}

#en_top_pickup .ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #e60000;
  width: 120px;
  height: 50px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#en_top_pickup a {
  display: block;
}

#en_top_pickup a img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #en_top_pickup {
    margin: 10px 0 5px;
  }

  #en_top_pickup .ttl {
    width: 60px;
    height: 25px;
    font-size: 11px;
  }
}
/*en_top_tempsection*/
.en_top_tempsection {
  padding: 50px 0 10px;
  overflow: hidden;
}

.en_top_tempsection .ttl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 60px;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  line-height: 1em;
  margin-bottom: 30px;
}

.en_top_tempsection .ttl img {
  width: auto;
  height: 30px;
  margin-right: 10px;
}

.en_top_tempsection .slick {
  width: 1150px;
}

.en_top_tempsection .slick-list {
  overflow: visible;
}

.en_top_tempsection .slick-slide {
  padding: 0 20px 0 10px;
}

.en_top_tempsection .slick-slide a {
  display: block;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.en_top_tempsection .slick-slide img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 961px) {
  .en_top_tempsection .slick-next {
    right: 10px;
  }
}
@media screen and (max-width: 960px) {
  .en_top_tempsection {
    padding: 20px 0 5px;
  }

  .en_top_tempsection .ttl {
    height: 50px;
    font-size: 20px;
    margin: 0 10px 10px;
  }

  .en_top_tempsection .ttl img {
    height: 26px;
  }

  .en_top_tempsection .slick {
    width: 100%;
    padding: 0 5px;
  }

  .en_top_tempsection .slick-list {
    overflow: visible;
  }

  .en_top_tempsection .slick-slide {
    padding: 0 5px;
  }

  .en_top_tempsection .slick-slide a {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }
}
#en_top_attraction .ttl {
  background-color: #7700e6;
}

#en_top_game .ttl {
  background-color: #00cb39;
}

#en_top_shop .ttl {
  background-color: #ff6c00;
}

/*en_top_tempsection2*/
.en_top_tempsection2 {
  margin-top: 60px;
}

.en_top_tempsection2 .inner {
  border: solid #ddd;
  border-width: 0 2px 2px;
  padding: 40px;
}

@media screen and (max-width: 960px) {
  .en_top_tempsection2 {
    margin: 25px 10px 0;
  }

  .en_top_tempsection2 .inner {
    padding: 15px 10px;
  }

  .en_top_tempsection2 .tempttl3 {
    padding: 10px 0;
    text-align: center;
  }
}
.en_top_tempsection2 .openbtn {
  position: relative;
  cursor: pointer;
}

.en_top_tempsection2 .openbtn:before {
  content: "";
  background: url("../img/arrow_03.png") no-repeat left top/100% 100%;
  width: 30px;
  height: 18px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.en_top_tempsection2 .openbtn.open:before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.en_top_tempsection2 .accordion {
  display: none;
}

@media screen and (max-width: 960px) {
  .en_top_tempsection2 .openbtn:before {
    right: 15px;
  }
}
/*en_top_price*/
.en_top_price {
  margin-top: -130px;
  padding-top: 180px;
}

@media screen and (min-width: 961px) {
  .en_top_price .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.en_top_price table {
  width: 100%;
  margin-bottom: 30px;
  line-height: 1.4em;
}

.en_top_price th, .en_top_price td {
  border: 1px solid #ddd;
}

.en_top_price th {
  height: 60px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  vertical-align: middle;
}

.en_top_price th .small {
  display: block;
  font-size: 15px;
  line-height: 1.3em;
  margin-top: 3px;
}

.en_top_price td {
  padding: 12px 0;
  text-align: center;
}

.en_top_price td .age {
  font-weight: bold;
  color: #0068d2;
  font-size: 20px;
  line-height: 1em;
}

.en_top_price td .age .small {
  font-size: 16px;
}

.en_top_price td .price {
  font-weight: bold;
  font-size: 28px;
  line-height: 1em;
  margin-top: 5px;
}

.en_top_price .admission th {
  background-color: #ffd700;
  color: #0068d2;
}

.en_top_price .special th{
	background-color: #e700b3;
	
}

@media screen and (min-width: 961px) {
  .en_top_price .passport, .en_top_price .nightpass, .en_top_price .admission,.en_top_price .special{
    width: 513px;
  }
}
/*.en_top_price .passport*/.en_top_price .admission,.en_top_price .nightpass {
  margin-right: 30px;
}

.en_top_price .passport th {
  background-color: #00bcd2;
}

.en_top_price .nightpass th {
  background-color: #0068d2;
}

.en_top_price .midnight th {
  background-color: #7700e6;
}

.en_top_price .annual th {
  background-color: #ff6c00;
}

.en_top_price .inner > p, .en_top_price .inner > small {
  width: 100%;
}

.en_top_price .inner .txt1 {
  margin: -15px 0 30px;
}

.en_top_price .inner .txt2 {
  text-align: center;
  font-weight: bold;
  color: #0068d2;
  font-size: 22px;
  line-height: 1.4em;
  padding-bottom: 15px;
}

@media screen and (max-width: 960px) {
  .en_top_price {
    margin-top: -60px;
    padding-top: 80px;
  }

  .en_top_price table {
    margin-bottom: 15px;
    font-size: 12px;
  }

  .en_top_price th {
    height: 50px;
    font-size: 16px;
  }

  .en_top_price th .small {
    font-size: 12px;
  }

  .en_top_price td {
    padding: 10px 0;
  }

  .en_top_price td .age {
    font-size: 14px;
  }

  .en_top_price td .age .small {
    font-size: 12px;
  }

  .en_top_price td .price {
    font-size: 20px;
  }

  .en_top_price .admission th {
    background-color: #ffd700;
    height: 60px;
    color: #0068d2;
  }

  .en_top_price .passport {
    margin-right: 30px;
  }

  .en_top_price .passport th {
    background-color: #00bcd2;
  }

  .en_top_price .nightpass th {
    background-color: #0068d2;
  }

  .en_top_price .midnight th {
    background-color: #7700e6;
  }

  .en_top_price .annual th {
    background-color: #ff6c00;
  }
	
  .en_top_price .endyear th {
    background-color: #FD033A;
  }
  

  .en_top_price .inner > p, .en_top_price .inner > small {
    font-size: 12px;
    line-height: 1.6em;
  }

  .en_top_price .inner .txt1 {
    margin: -5px 0 15px;
  }

  .en_top_price .inner .txt2 {
    font-size: 19px;
    padding: 10px 0;
  }
}
/*.en_top_price.birthday */
.en_top_price.birthday .birthday_txt1 {
  margin-bottom: 20px;
}

.en_top_price.birthday th {
  background: #FD033A; url("../img/birthday_discount_bg.jpg") left top/24px auto;
}

.en_top_price.birthday td.remarks {
  background-color: #f5f5f5;
}

.en_top_price.birthday .birthday_txt2 {
  margin-top: -15px;
}

@media screen and (max-width: 960px) {
  .en_top_price.birthday .birthday_txt1 {
    margin-bottom: 10px;
  }

  .en_top_price.birthday td .price.txt {
    font-size: 15px;
  }

  .en_top_price.birthday .birthday_txt2 {
    margin-top: -5px;
  }
}
/*.en_top_price.birthday.tickets */
.en_top_price.birthday.tickets th {
  background: url("../img/birthday_discount_bg.jpg") left top/24px auto;
}

.en_top_price.birthday.tickets th a {
  color: #fff;
  text-decoration: underline;
}

.en_top_price.birthday.tickets .advance th {
  background: #fff8d4;
}

.en_top_price.birthday.tickets .advance th, .en_top_price.birthday.tickets .advance th a {
  color: #000;
}

.en_top_price.birthday.tickets .madame th {
  background: #b3071b;
}

.en_top_price.birthday.tickets .ooedo th {
  background: #ebebe3;
}

.en_top_price.birthday.tickets .ooedo th, .en_top_price.birthday.tickets .ooedo th a {
  color: #000;
}

.en_top_price.birthday.tickets .palette th {
  background: #69afcc;
}

@media screen and (max-width: 960px) {
  .en_top_price.birthday.tickets td .age .small {
    display: block;
    margin-top: 3px;
  }
}
/*en_top_travel*/
@media screen and (min-width: 961px) {
  #en_top_travel .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#en_top_travel nav {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1em;
  position: relative;
  z-index: 50;
}

#en_top_travel nav ul {
  display: -webkit-flex;
  display: flex;
}

#en_top_travel nav li {
  width: 171px;
}

@media screen and (min-width: 961px) {
  #en_top_travel nav li:not(:last-child) {
    margin-right: 6px;
  }
}
#en_top_travel nav a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ddd url("../img/arrow_10.png") no-repeat center bottom 5px/18px auto;
  height: 50px;
  border-radius: 10px;
  padding-top: 10px;
  color: #0068d2;
}

#en_top_travel section {
  width: 100%;
  margin-top: -130px;
  padding-top: 160px;
  position: relative;
}

#en_top_travel section:nth-of-type(6) {
  z-index: 1;
}

#en_top_travel section:nth-of-type(5) {
  z-index: 2;
}

#en_top_travel section:nth-of-type(4) {
  z-index: 3;
}

#en_top_travel section:nth-of-type(3) {
  z-index: 4;
}

#en_top_travel section:nth-of-type(2) {
  z-index: 5;
}

#en_top_travel section:nth-of-type(1) {
  z-index: 6;
}

#en_top_travel section .country {
  background-color: #7bb6f2;
  padding: 18px 0;
  border: 1px solid #ddd;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  line-height: 1em;
}

#en_top_travel section ul {
  display: -webkit-flex;
  display: flex;
  border: solid #ddd;
  border-width: 0 1px 1px;
  text-align: center;
  line-height: 1em;
}

#en_top_travel section li {
  -webkit-flex: 1;
  flex: 1;
}

#en_top_travel section li:not(:last-child) {
  border-right: 1px solid #ddd;
}

#en_top_travel section a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100px;
}

#en_top_travel section a figure {
  padding: 0 10px;
}

#en_top_travel section a figure img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 961px) {
  #en_top_travel #travel_korea {
    z-index: 3;
  }

  #en_top_travel #travel_china {
    z-index: 2;
	width:513px;/*add220225AK*/
  }
	
 #en_top_travel #travel_china_ch {/*add220225AK*/
    z-index: 2;
	width:385px;
  }

  #en_top_travel #travel_taiwan {
    width:513px;/*add220225AK*/
	z-index: 2;
	margin-right: 15px;/*re240115AK,left*/
  }
  #en_top_travel #travel_hongkong {
    width:513px;
	z-index: 1;
	/*margin-left:15px;*/
  }

  #en_top_travel #travel_malaysia {
    width:358px;/*add220225AK_re240115*/
	margin-left:15px;
	z-index: 1;
  }
	
  #en_top_travel #travel_sasia{
    width:/* 223px*/342px;
    margin-left: 15px;
    z-index: 1;
  }
  #en_top_travel #travel_indonesia{/*add231113AK*/
    width:232px;
    margin-left: 15px;
    z-index: 1;
  }	
	
	
 #en_top_travel #travel_vietnam, #en_top_travel #travel_thailand {/*Re220224AK*/
	width:/* 223px*/358px;
    margin-left: 15px;
    z-index: 2;
	 }
	
  #en_top_travel #travel_america {
	 width:/* 223px*/892px;/*Re220412AK*/
    margin-left: 15px;
    z-index: 3; /*2→3　thailand unclickable*/
	 }
	
}
@media screen and (max-width: 960px) {
  #en_top_travel nav {
    font-size: 16px;
  }

  #en_top_travel nav ul {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -5px;
  }

  #en_top_travel nav li {
    width: 50%;
    margin-bottom: 5px;
    padding-right: 5px;
  }

  #en_top_travel nav li:nth-child(even) {
    padding: 0 0 0 5px;
  }

  #en_top_travel nav a {
    border-radius: 5px;
  }

  #en_top_travel section {
    margin-top: -60px;
    padding-top: 80px;
  }

  #en_top_travel section .country {
    padding: 15px 0;
    font-size: 16px;
  }

  #en_top_travel section ul {
    display: block;
    text-align: left;
  }

  #en_top_travel section li:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  #en_top_travel section a {
    height: 50px;
  }

  #en_top_travel section a figure {
    width: 135px;
    padding: 0;
  }
}
/*en_top_operating*/
#en_top_operating .time {
  color: #0068d2;
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 10px;
}

#en_top_operating .time .last {
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
}

@media screen and (max-width: 960px) {
  #en_top_operating {
    font-size: 12px;
    line-height: 1.6em;
  }

  #en_top_operating .time {
    text-align: center;
    font-size: 22px;
  }

  #en_top_operating .time .last {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
  }
}
/*en_top_rules*/
@media screen and (max-width: 960px) {
  #en_top_rules {
    font-size: 12px;
    line-height: 1.6em;
  }
}
/*en_top_movie*/
@media screen and (min-width: 961px) {
  #en_top_movie .inner {
    padding: 40px 100px;
  }
}
#en_top_movie .movie {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

#en_top_movie .movie iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*en_top_access*/
#en_top_access {
  margin-top: -130px;
  padding-top: 190px;
}

#en_top_access table {
  width: 100%;
}

#en_top_access tr:nth-child(even) {
  background-color: #f5f5f5;
}

#en_top_access th, #en_top_access td {
  border: 1px solid #ddd;
}

#en_top_access th {
  width: 100px;
  padding: 15px 0 15px 20px;
}

#en_top_access td {
  padding: 15px 20px;
}

#en_top_access figure {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 30px;
}

#en_top_access figure span {
  display: block;
  width: 504px;
}

#en_top_access figure span:last-child {
  margin-left: auto;
}

#en_top_access figure img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #en_top_access {
    margin-top: -60px;
    padding-top: 85px;
  }

  #en_top_access th {
    width: 80px;
    padding: 10px 0 10px 10px;
  }

  #en_top_access td {
    padding: 10px;
  }

  #en_top_access figure {
    display: block;
    padding-top: 20px;
  }

  #en_top_access figure span {
    width: auto;
  }

  #en_top_access figure span:last-child {
    margin: 15px 0 0;
  }
}

/*============
crowds:add250103
=============*/


/*en_top_crowd*/
#en_top_crowds {
  margin-top: -130px;
  padding-top: 190px;
}

#en_top_crowds table {
  width: 100%;
}

#en_top_crowds tr:nth-child(even) {
  background-color: #f5f5f5;
}

#en_top_crowds th, #en_top_crowds td {
  border: 1px solid #ddd;
}

#en_top_crowds th {
  width: 100px;
  padding: 15px 0 15px 20px;
}

#en_top_crowds td {
  padding: 15px 20px;
}

#en_top_crowds figure {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 30px;
}

#en_top_crowds figure span {
  display: block;
  width: 504px;
}

#en_top_crowds figure span:last-child {
  margin-left: auto;
}

#en_top_crowds figure img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 960px) {
  #en_top_crowds {
    margin-top: -60px;
    padding-top: 85px;
  }

  #en_top_crowds th {
    width: 80px;
    padding: 10px 0 10px 10px;
  }

  #en_top_crowds td {
    padding: 10px;
  }

  #en_top_crowds figure {
    display: block;
    padding-top: 20px;
  }

  #en_top_crowds figure span {
    width: auto;
  }

  #en_top_crowds figure span:last-child {
    margin: 15px 0 0;
  }
}