@charset "UTF-8";
/*
Theme Name: Tsukiuta
Theme URI: https://github.com/WordPress/tsukiuta
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Tsukiuta is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tsukiuta
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Tsukiuta is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face{
  font-family:'Noto Serif JP';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('./fonts/NotoSerifCJKjp-SemiBold.otf')
}
@font-face{
  font-family:'Noto Serif JP';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('./fonts/NotoSerifCJKjp-Bold.otf')
}
html,body,div,span,h1,h2,h3,h4,h5,p,img,small,dl,dt,dd,ul,li,table,tr,th,td,footer,header,main,nav,section{margin:0;padding:0;vertical-align:bottom;border:0;background:transparent;}
html{font-size:10px;}
body{position:relative;line-height:1;color:#fff;font-family:'Noto Serif JP',serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering: optimizeLegibility;background:#000;-webkit-text-size-adjust:100%;}
footer,header,main,nav,section{display:block;}
ul{list-style:none;}
a{margin:0;padding:0;vertical-align:bottom;background:transparent;}
.clearfix:after{clear:both;display:block;content:'';}

/* common */
.social-button{
  display:flex;
  justify-content:space-between;
  width:200px;
  margin:0 auto;
}
.social-button li{
  width:50px;
  height:50px;
}
.social-button li a{
  display:block;
  transition:.3s;
}
.social-button li a img{
  width:100%;
  height:auto;
}
.social-button li a:hover{
  opacity:.8;
}
@media screen and (max-width:600px){
  .social-button{
    max-width:169px;
  }
  .social-button li{
    width:43px;
    height:43px;
  }
}
section h2 img{
  width:100%;
  height:auto;
}
.button{
  background:#000;
}
.button a{
  position:relative;
  display:block;
  font-size:2.2rem;
  line-height:55px;
  color:#fff;
  font-family:'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  background:rgba(193,153,107,1);
  transition:.3s;
}
.button a:after{
  position:absolute;
  top:50%;
  right:17px;
  display:block;
  width:7px;
  height:7px;
  border-top:1px solid #fff;
  border-right:1px solid #fff;
  transform:rotate(45deg) translateY(-50%);
  content:'';
}
.button a.no-links{
  pointer-events:none;
  text-decoration:underline;
}
.button a.no-links:after{
  display:none;
}
.button a:hover{
  background:rgba(193,153,107,.8);
}
.button .a_none{
  position:relative;
  display:block;
  font-size:2.2rem;
  line-height:55px;
  color:#fff;
  font-family:'Yu Gothic','游ゴシック',YuGothic,'游ゴシック体',sans-serif;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  background:rgba(193,153,107,1);
  transition:.3s;
}
.no-link{
  opacity:.5;
  pointer-events:none;
}
a[href^="tel:"] {
	text-decoration:underline;
}
a.blk {
	color:#000;
	text-decoration:none;
}
@media screen and (max-width:600px){
  .button a{
    font-size:1.8rem;
    line-height:45px;
    transition:0;
  }
  .button a:hover{
    background:rgba(193,153,107,1);
  }
}
.footnote{
  text-indent:-1em;
  padding-left:1em;
}
/* header */
#header-wrapper{
  position:relative;
  width:100%;
  padding:250px 20px 0;
  background-image:url(./../../../images/header_left_bg_pc.png),url(./../../../images/header_right_bg_pc.png);
  background-repeat:no-repeat,no-repeat;
  background-position:left 5px top 5px,right 5px top 5px;
  background-size:480px 380px,480px 380px;
  box-sizing:border-box;
}
header{
  max-width:480px;
  margin:0 auto;
}
header h1{
  width:480px;
  height:264px;
  margin:0 auto;
}
header h1 img{
  width:100%;
  height:auto;
}
header .header-information{
  position:relative;
  margin-top:60px;
  padding-top:62px;
  font-weight:600;
  text-align:center;
}
header .header-information:before{
  position:absolute;
  top:0;
  left:50%;
  display:block;
  width:118px;
  height:10px;
  background:url(./../../../images/dotted_line.png) no-repeat 0 0;
  background-size:118px 10px;
  transform:translateX(-50%);
  content:'';
}
header .header-information p:first-child{
  font-size:4.6rem;
}
header .header-information p:last-child{
  margin-top:26px;
  font-size:2.8rem;
}
#header-wrapper .social-button{
  margin-top:56px;
}
#menu_pc{
  position:fixed;
  top:10px;
  right:10px;
  width:79px;
  height:79px;
  border-radius:39px;
  background:rgba(0,0,0,.8);
  cursor:pointer;
  z-index:1000;
}
#menu_pc span{
  position:absolute;
  top:50%;
  left:24px;
  width:31px;
  height:1px;
  margin-top:-1px;
  background:#c1996b;
}
#menu_pc span:nth-of-type(1){
  opacity:1;
}
#menu_pc span:nth-of-type(2){
  margin-top:-13px;
}
#menu_pc span:nth-of-type(3){
  margin-top:11px;
}
#menu_pc.active span:nth-of-type(1){
  opacity:0;
}
#menu_pc.active span:nth-of-type(2){
  animation:active-menu-bar02-pc .3s forwards;
}
#menu_pc.active span:nth-of-type(3){
  animation:active-menu-bar03-pc .3s forwards;
}
@keyframes active-menu-bar02-pc{
  0%{
    transform:translateY(0) rotate(0);
  }
  50%{
    transform:translateY(12px) rotate(0);
  }
  100%{
    transform:translateY(12px) rotate(45deg);
  }
}
@keyframes active-menu-bar03-pc{
  0%{
    transform:translateY(0) rotate(0);
  }
  50%{
    transform:translateY(-12px) rotate(0);
  }
  100%{
    transform:translateY(-12px) rotate(-45deg);
  }
}
#menu_sp{
  position:fixed;
  top:10px;
  right:10px;
  display:none;
  width:45px;
  height:45px;
  border-radius:22px;
  background:rgba(0,0,0,.8);
  cursor:pointer;
  z-index:1000;
}
#menu_sp span{
  position:absolute;
  top:50%;
  left:12px;
  width:21px;
  height:1px;
  margin-top:-1px;
  background:#c1996b;
}
#menu_sp span:nth-of-type(1){
  opacity:1;
}
#menu_sp span:nth-of-type(2){
  margin-top:-9px;
}
#menu_sp span:nth-of-type(3){
  margin-top:7px;
}
#menu_sp.active span:nth-of-type(1){
  opacity:0;
}
#menu_sp.active span:nth-of-type(2){
  animation:active-menu-bar02-sp .3s forwards;
}
#menu_sp.active span:nth-of-type(3){
  animation:active-menu-bar03-sp .3s forwards;
}
@keyframes active-menu-bar02-sp{
  0%{
    transform:translateY(0) rotate(0);
  }
  50%{
    transform:translateY(8px) rotate(0);
  }
  100%{
    transform:translateY(8px) rotate(45deg);
  }
}
@keyframes active-menu-bar03-sp{
  0%{
    transform:translateY(0) rotate(0);
  }
  50%{
    transform:translateY(-8px) rotate(0);
  }
  100%{
    transform:translateY(-8px) rotate(-45deg);
  }
}
#navigation{
  position:fixed;
  top:0;
  left:0;
  display:none;
  width:100%;
  height:100%;
  background:#000;
  z-index:999;
}
#navigation #nav-wrapper{
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
#navigation nav{
  position:relative;
  width:100%;
  padding:120px 0;
}
#navigation nav:before{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  background:url("./../../../images/nav_bg.png") no-repeat center center;
  background-size:contain;
  z-index:-1;
  content:'';
}
@media screen and (orientation:portrait) and (max-height:650px){
  #navigation #nav-wrapper{
    align-items:flex-start;
  }
  #navigation nav{
    padding:60px 0;
  }
}
@media screen and (orientation: landscape) and (max-height:650px){
  #navigation #nav-wrapper{
    align-items:flex-start;
  }
  #navigation nav{
    padding:60px 0;
  }
}
#navigation #main-navigation li{
  text-align:center;
}
#navigation #main-navigation li+li{
  margin-top:17px;
}
#navigation #main-navigation a{
  display:inline-block;
  font-size:1.8rem;
  color:#c1996b;
  text-decoration:none;
  transition:.3s;
}
#navigation #main-navigation a:hover{
  opacity:.8;
}
#navigation #sns-navigation{
  display:flex;
  justify-content:space-between;
  width:200px;
  margin:50px auto 0;
  padding-top:60px;
  background:url("./../../../images/dotted_line.png") no-repeat center top;
  background-size:118px 10px;
}
#navigation #sns-navigation li{
  width:50px;
  height:50px;
}
#navigation #sns-navigation li a{
  display:block;
  transition:.3s;
}
#navigation #sns-navigation li a img{
  width:100%;
  height:auto;
}
#navigation #sns-navigation li a:hover{
  opacity:.8;
}
@media screen and (max-width:1199px){
  #header-wrapper{
    background-size:384px 304px,384px 304px;
  }
}
@media screen and (max-width:799px){
  #header-wrapper{
    background-size:288px 228px,288px 228px;
  }
}
@media screen and (max-width:600px){
  #header-wrapper{
    padding-top:125px;
    background-size:240px 190px,240px 190px;
  }
  header h1{
    width:295px;
    height:auto;
  }
  header .header-information{
    position:relative;
    margin-top:25px;
    padding-top:31px;
  }
  header .header-information p:first-child{
    font-size:2.6rem;
  }
  header .header-information p:last-child{
    margin-top:10px;
    font-size:1.6rem;
  }
  #header-wrapper .social-button{
    margin-top:30px;
  }
  #menu_pc{
    display:none;
  }
  #menu_sp{
    display:block;
  }
  #navigation #main-navigation li+li{
    margin-top:23px;
  }
  #navigation #main-navigation a{
    font-size:2rem;
    transition:0;
  }
  #navigation #main-navigation a:hover{
    opacity:1;
  }
  #navigation #sns-navigation{
    width:169px;
    margin-top:35px;
    padding-top:45px;
  }
  #navigation #sns-navigation li{
    width:43px;
    height:43px;
  }
  #navigation #sns-navigation li a{
    transition:0;
  }
  #navigation #sns-navigation li a:hover{
    opacity:1;
  }
}
@media screen and (max-width:499px){
  #header-wrapper{
    background-size:170px 135px,170px 135px;
  }
}

/* news */
#news-wrapper{
  padding:0 20px;
}
#news{
  max-width:680px;
  margin:130px auto 0;
  padding:70px 60px 60px;
  text-align:center;
  background-image:url(./../../../images/news_bg1.png),url(./../../../images/news_bg2.png),url(./../../../images/news_bg3.png),url(./../../../images/news_bg4.png);
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:left top,right top,left bottom,right bottom;
  background-size:85px 85px,85px 85px,85px 85px,85px 85px;
  box-sizing:border-box;
}
#news h2{
  width:161px;
  height:auto;
  margin:0 auto;
}
#news #twitter{
  height:306px;
  margin-top:60px;
  border:3px solid #c1996b;
  background:#fff;
}
#news #twitter iframe{
  vertical-align:bottom;
}
#news #movie-wrapper{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  width:100%;
  margin-top:40px;
}
#news #movie-wrapper li{
  width:calc((100% - 10px) / 2);
}
#news #movie-wrapper li:first-of-type{
  width:100%;
}
#news #movie-wrapper li:nth-of-type(n+2){
  margin-top:10px;
}

#news #movie-wrapper .movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#news #movie-wrapper .movie iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#news #movie-wrapper .movie-image img{
  width:100%;
  height:auto;
}
@media screen and (max-width:600px){
  #news{
    margin-top:60px;
    padding:50px 30px 30px;
    text-align:center;
    background-image:url(./../../../images/news_bg1_sp.png),url(./../../../images/news_bg2_sp.png),url(./../../../images/news_bg3_sp.png),url(./../../../images/news_bg4_sp.png);
    background-size:70px 70px,70px 70px,70px 70px,70px 70px;
  }
  #news h2{
    width:127px;
  }
  #news #twitter{
    margin-top:50px;
    border-width:2px;
  }
  #news #movie-wrapper{
    display:block;
    margin-top:40px;
  }
  #news #movie-wrapper li{
    width:100%;
  }
  #news #movie-wrapper li:nth-of-type(n+2){
    margin-top:40px;
  }
}

/* unit */
#unit-wrapper{
  padding:0 20px;
}
#unit{
  max-width:920px;
  margin:145px auto 0;
  padding:3px;
  color:#000;
  border:solid 4px #c1996b;
  background:#fff;
  box-sizing:border-box;
}
#unit-frame{
  width:100%;
  padding:70px 0 67px;
  border:solid 1px #c1996b;
  box-sizing:border-box;
}
#unit h2{
  width:292px;
  height:auto;
  margin:0 auto;
}
#unit .unit-container{
  display:flex;
  justify-content:space-between;
  max-width:822px;
  margin:70px auto 0px;
  padding-bottom:8px;
  background:url(./../../../images/dotted_line_h.png) repeat-y top center;
  background-size:4px 10px;
}
#unit .unit-details{
  max-width:378px;
}
#unit .unit-details h3{
  margin:0 auto;
  box-sizing:border-box;
}
#unit .unit-details.unit1 h3{
  width:90px;
  height:60px;
}
#unit .unit-details.unit1 h3 img{
  width:100%;
  height:auto;
}
#unit .unit-details.unit2 h3{
  width:140px;
  height:60px;
}
#unit .unit-details.unit2 h3 img{
  width:auto;
  height:45px;
  padding-top:7px;
}
#unit .unit-details ul{
  display:flex;
  flex-wrap:wrap;
  margin-top:30px;
}
#unit .unit-details li{
  width:126px;
}
#unit .unit-details li:nth-of-type(n+4){
  margin-top:35px;
}
#unit .unit-details dt{
  font-size:2rem;
  font-weight:600;
  text-align:center;
}
#unit .unit-details dd{
  margin-top:8px;
  font-size:1.4rem;
  text-align:center;
}
#unit .footnote{
  max-width:822px;
  margin:24px auto 0;
  padding:0 20px;
  font-size:1.2rem;
  line-height:18px;
  text-align:right;
  text-indent:0;
}
@media screen and (max-width:920px){
  #unit .unit-container{
    flex-direction:column;
    justify-content:flex-start;
    padding-bottom:0;
    background:none;
  }
  #unit .unit-details{
    max-width:478px;
    margin:0 auto;
  }
  #unit .unit-details.unit2{
    position:relative;
    margin-top:70px;
    padding-top:80px;
  }
  #unit .unit-details.unit2:before{
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:118px;
    height:10px;
    background:url(./../../../images/dotted_line.png) no-repeat 0 0;
    background-size:118px 10px;
    transform:translateX(-50%);
    content:'';
  }
  #unit .unit-details.unit2 h3{
    height:45px;
  }
  #unit .unit-details.unit2 h3 img{
    padding-top:0;
  }
  #unit .unit-details ul{
    justify-content:space-between;
  }
  #unit .footnote{
    margin-top:22px;
    padding:0;
  }
}
@media screen and (max-width:600px){
  #unit-wrapper{
    padding:0 10px;
  }
  #unit{
    margin:80px auto 0;
  }
  #unit-frame{
    padding:50px 0 52px;
  }
  #unit h2{
    width:235px;
  }
  #unit .unit-container{
    margin-top:45px;
  }
  #unit .unit-details{
    max-width:375px;
  }
  #unit .unit-details.unit2{
    position:relative;
    margin-top:45px;
    padding-top:55px;
  }
  #unit .unit-details.unit1 h3{
    width:80px;
    height:auto;
  }
  #unit .unit-details.unit2 h3{
    width:120px;
    height:auto;
  }
  #unit .unit-details.unit2 h3 img{
    width:100%;
    height:auto;
  }
  #unit .unit-details ul{
    margin-top:23px;
  }
  #unit .unit-details li{
    width:106px;
  }
  #unit .unit-details li:nth-of-type(n+4){
    margin-top:24px;
  }
  #unit .unit-details dt{
    font-size:1.8rem;
  }
  #unit .unit-details dd{
    margin-top:6px;
    font-size:1.2rem;
  }
}

/* story */
#story-wrapper{
  padding:0 20px;
}
#story{
  max-width:700px;
  margin:145px auto 98px;
}
#story h2{
  width:139px;
  height:auto;
  margin:0 auto;
}
#story .story-lead{
  padding:59px 0 80px;
  background:url(./../../../images/story_bg.png) no-repeat center 15px;
  background-size:440px 440px;
}
#story .story-lead h3{
  font-size:3.4rem;
  line-height:44px;
  text-align:center;
}
#story .story-lead h4{
  margin-top:47px;
  font-size:2.8rem;
  color:#c1996b;
  text-align:center;
}
#story .story-lead p{
  margin-top:40px;
  font-size:1.6rem;
  line-height:32px;
  text-align:center;
}
#story .story-lead .button{
  width:360px;
  margin:62px auto 0;
}
#story .notice p{
  font-size:1.6rem;
  line-height:26px;
}
#story .notice p:first-of-type{
  position:relative;
  padding-top:85px;
}
#story .notice p:first-of-type:before{
  position:absolute;
  top:0;
  left:50%;
  display:block;
  width:118px;
  height:10px;
  background:url(./../../../images/dotted_line.png) no-repeat 0 0;
  background-size:118px 10px;
  transform:translateX(-50%);
  content:'';
}
#story .notice .footnote{
  margin-top:12px;
  font-size:1.2rem;
  line-height:18px;
}
#story .notice .footnote+.footnote{
  margin-top:0;
}
@media screen and (max-width:600px){
  #story{
    margin:80px auto 98px;
  }
  #story h2{
    width:129px;
  }
  #story .story-lead{
    padding:38px 0 45px;
    background:none;
  }
  #story .story-lead h3{
    font-size:2.2rem;
    line-height:32px;
  }
  #story .story-lead h4{
    margin-top:50px;
    font-size:2rem;
  }
  #story .story-lead p{
    line-height:26px;
    text-align:left;
  }
  #story .story-lead .button{
    width:100%;
    margin:50px auto 0;
  }
  #story .notice p:first-of-type{
    padding-top:50px;
  }
  #story .notice .footnote{
    margin-top:12px;
  }
}

/* schedule */
#schedule-wrapper{
  padding:0 20px;
  background:#1e1e1e;
}
#schedule{
  max-width:960px;
  margin:0 auto;
  padding:100px 0;
}
#schedule h2{
  width:215px;
  height:auto;
  margin:0 auto;
}
#schedule .schedule-frame{
  max-width:652px;
  margin:80px auto 0;
  padding:71px 0 72px;
  text-align:center;
  background-image:url(./../../../images/schedule_frame_bg1.jpg),url(./../../../images/schedule_frame_bg3.jpg),url(./../../../images/schedule_frame_bg6.jpg),url(./../../../images/schedule_frame_bg8.jpg),url(./../../../images/schedule_frame_bg2.jpg),url(./../../../images/schedule_frame_bg4.jpg),url(./../../../images/schedule_frame_bg5.jpg),url(./../../../images/schedule_frame_bg7.jpg);
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-y,repeat-y,repeat-x;
  background-position:left top,right top,left bottom,right bottom,left top,left top,right top,left bottom;
}
#schedule .schedule-frame dt{
  font-size:2.2rem;
}
#schedule .schedule-frame .date{
  margin-top:13px;
  font-size:2.8rem;
  font-weight:600;
}
#schedule .schedule-frame .date+dt{
  margin-top:60px;
}
#schedule .schedule-frame .date span{
  font-size:4.4rem;
}
#schedule .schedule-frame .venue1{
  margin-top:18px;
  font-size:3rem;
  font-weight:600;
}
#schedule .schedule-frame .venue2{
  margin-top:31px;
  font-size:1.6rem;
	line-height:1.3em;
}
#schedule .schedule-frame .venue2 span{
  font-size:1.4rem;
	line-height:1.3em;
}
#schedule .schedule-frame .venuemap{
	text-align:center;
}
#schedule .schedule-frame .venuemap img{
	width:80%;
}
#schedule .schedule-frame .button{
  width:440px;
  margin:35px auto 0;
}
#schedule ul{
  display:flex;
  justify-content:space-between;
  margin:93px auto 0;
}
#schedule li{
  width:225px;
}
#schedule dt{
  font-size:1.6rem;
  font-weight:600;
  text-align:center;
}
#schedule dt span{
  font-size:4rem;
}
#schedule dd{
  margin-top:15px;
}
#schedule dd+dd{
  margin-top:10px;
}
#schedule dd img{
  width:100%;
  height:auto;
}
#schedule .footnote{
  margin-top:9px;
  font-size:1.2rem;
  line-height:18px;
}
#schedule .button{
  width:400px;
  height:auto;
  margin:53px auto 0;
}
@media screen and (max-width:999px){
  #schedule ul{
    flex-wrap:wrap;
    max-width:490px;
  }
  #schedule li:nth-of-type(n+3){
    margin-top:73px;
  }
  #schedule .footnote{
    text-align:center;
  }
}
@media screen and (max-width:600px){
  #schedule-wrapper{
    padding:0 10px;
  }
  #schedule{
    padding:80px 0;
  }
  #schedule h2{
    width:169px;
  }
  #schedule .schedule-frame{
    margin:50px auto 0;
    padding:59px 30px;
    background-image:url(./../../../images/schedule_frame_bg1_sp.jpg),url(./../../../images/schedule_frame_bg3_sp.jpg),url(./../../../images/schedule_frame_bg6_sp.jpg),url(./../../../images/schedule_frame_bg8_sp.jpg),url(./../../../images/schedule_frame_bg2_sp.jpg),url(./../../../images/schedule_frame_bg4_sp.jpg),url(./../../../images/schedule_frame_bg5_sp.jpg),url(./../../../images/schedule_frame_bg7_sp.jpg);
  }
  #schedule .schedule-frame dt{
    font-size:1.6rem;
  }
  #schedule .schedule-frame .date{
    margin-top:9px;
    font-size:1.6rem;
  }
  #schedule .schedule-frame .date+dt{
    margin-top:50px;
  }
  #schedule .schedule-frame .date span{
    font-size:2.6rem;
  }
  #schedule .schedule-frame .venue1{
    margin-top:15px;
    font-size:2rem;
  }
  #schedule .schedule-frame .venue2{
    margin-top:19px;
    font-size:1.4rem;
	line-height:1.3em;
  }
  #schedule .schedule-frame .venuemap{
	  width:100%;
  }
  #schedule .schedule-frame .button{
    width:100%;
    margin:31px auto 0;
  }
  #schedule ul{
    flex-direction:column;
    justify-content:flex-start;
    max-width:560px;
    margin-top:63px;
    padding:0 10px
  }
  #schedule li{
    width:100%;
  }
  #schedule li:nth-of-type(n+3){
    margin-top:0;
  }
  #schedule li:nth-of-type(n+2){
    margin-top:48px;
  }
  #schedule li dl{
    display:flex;
    flex-wrap:wrap;
  }
  #schedule li dt{
    width:100%;
    margin-bottom:20px;
  }
  #schedule li dd{
    width:50%;
    margin-top:0;
  }
  #schedule li dd+dd{
    margin-top:0;
  }
  #schedule .schedule-note{
    padding:0 10px;
  }
  #schedule .footnote{
    text-align:left;
  }
  #schedule .button{
    width:100%;
  }
}

/* ticket */
#ticket-wrapper{
  padding:0 20px;
  color:#000;
  background:#fff;
}
#ticket{
  max-width:640px;
  margin:0 auto;
  padding:100px 0;
}
#ticket h2{
  width:164px;
  height:auto;
  margin:0 auto;
}
#ticket .ticket1{
  margin-top:80px;
}
#ticket .ticket2{
  margin-top:77px;
}
#ticket .ticket3{
  margin-top:70px;
}
#ticket h3{
  padding:8px 15px 10px;
  font-size:1.8rem;
  color:#fff;
  background:#000;
}
#ticket h4{
  position:relative;
  padding-bottom:7px;
  font-size:1.8rem;
  border-bottom:1px solid #000;
}
#ticket h4:before{
  position:absolute;
  bottom:1px;
  left:0;
  display:block;
  width:100%;
  height:2px;
  background:#000;
  content:'';
}
.ticket1 h4{
  margin-top:44px;
}
.ticket1 h4+p{
  margin-top:16px;
  font-size:1.6rem;
  line-height:24px;
}
.ticket2 h3+h4{
  margin-top:29px;
}
.ticket2 .button+h4{
  margin-top:49px;
}
.ticket2 dl+h4{
  margin-top:45px;
}
.ticket2 h5{
  position:relative;
  padding-left:12px;
  font-size:1.6rem;
  line-height:24px;
  border-bottom:1px solid #000;
}
.ticket2 h5:before{
  position:absolute;
  top:8px;
  left:0;
  display:block;
  width:8px;
  height:8px;
  background:#000;
  content:'';
}
.ticket2 dl+h5{
  margin-top:22px;
}
.ticket2 .button+h5{
  margin-top:46px;
}
#ticket .ticket2 h5+.button{
  margin-top:20px;
}
#ticket .ticket3 h4{
  padding:0 0 0 12px;
  font-size:1.6rem;
  line-height:24px;
}
#ticket .ticket3 h4:before{
  top:8px;
  bottom:0;
  width:8px;
  height:8px;
}
.ticket3 p+h4{
  margin-top:22px;
}
.ticket3 .button+h4{
  margin-top:46px;
}
#ticket .ticket3 h4+.button{
  margin-top:20px;
}
.ticket3 p{
  margin-top:16px;
  font-size:1.6rem;
  line-height:24px;
}
.ticket1 dt,
.ticket1 dd{
  padding:28px 0 4px;
  font-size:1.8rem;
}
.ticket1 dt{
  float:left;
}
.ticket1 dd{
  text-align:right;
  border-bottom:1px dotted #000;
}
.ticket2 dt,
.ticket2 dd{
  font-size:1.6rem;
  line-height:24px;
}
.ticket2 dt{
  margin-top:16px;
  font-weight:600;
}
.ticket2 dd+dt{
  margin-top:12px;
}
.ticket2 dd>span{
  text-decoration: line-through;
  margin-right:10px;
}
#ticket .footnote{
  font-size:1.2rem;
  line-height:18px;
}
.ticket1 .footnote{
  margin-top:3px;
}
.ticket1 .footnote+.footnote{
  margin-top:0;
}
.ticket1 dl+.footnote{
  margin-top:8px;
}
.ticket2 .footnote{
  margin-top:4px;
}
.ticket3 .footnote{
  margin-top:8px;
}
.ticket3 .footnote+.footnote{
  margin-top:0;
}
#ticket .button{
  width:400px;
  margin:26px auto 0;
}
#ticket .ticket2 h5+.button{
  margin-top:20px;
}
@media screen and (max-width:600px){
  #ticket{
    padding:80px 0;
  }
  #ticket h2{
    width:129px;
  }
  #ticket .ticket1{
    margin-top:55px;
  }
  #ticket .ticket2{
    margin-top:67px;
  }
  #ticket h3{
    padding:8px 12px;
    font-size:1.6rem;
  }
  #ticket h4{
    padding-bottom:6px;
    font-size:1.6rem;
  }
  .ticket1 h4{
    margin-top:50px;
  }
  .ticket1 h4+p{
    margin-top:14px;
  }
  .ticket2 h3+h4{
    margin-top:26px;
  }
  .ticket2 .button+h4{
    margin-top:55px;
  }
  .ticket2 dl+h4{
    margin-top:52px;
  }
  .ticket2 .button+h5{
    margin-top:51px;
  }
  #ticket .ticket2 h5+.button{
    margin-top:15px;
  }
  .ticket3 .button+h4{
    margin-top:51px;
  }
  #ticket .ticket3 h4+.button{
    margin-top:15px;
  }
  .ticket1 dt,
  .ticket1 dd{
    padding:25px 0 4px;
    font-size:1.6rem;
  }
  .ticket2 dd{
    font-size:1.4rem;
    line-height:22px;
  }
  .ticket2 dd>span{
	display:block;
    margin-right:0;
  }
  .ticket2 dt{
    margin-top:14px;
  }
  .ticket2 dd+dt{
    margin-top:13px;
  }
  .ticket2 .footnote{
    margin-top:5px;
  }
  #ticket .button{
    width:100%;
    margin-top:21px
  }
}

/* other */
#other-wrapper{
  background:#1e1e1e;
}
#other{
  display:flex;
  max-width:960px;
  margin:0 auto;
  padding:25px 0;
}
#other section{
  position:relative;
  width:320px;
  padding:50px 20px 55px;
  text-align:center;
  border-left:1px solid #353535;
  box-sizing:border-box;
}
#other section:last-of-type{
  border-right:1px solid #353535;
}
#other h2{
  height:auto;
  margin:0 auto;
}
#goods h2{
  width:150px;
}
#goods h2+p{
  margin-top:56px;
}
#goods h2+.button{
  margin-top:43px;
}
#goods-list img.icon_new {
	position:absolute;
	top:5px;
	left:5px;
	height:auto;
}
#event h2{
  width:135px;
}
#event h2+p{
  margin-top:78px;
}
#event h2+.button{
  margin-top:65px;
}
#attention h2{
  width:227px;
}
#attention h2+p{
  margin-top:78px;
}
#attention h2+.button{
  margin-top:65px;
}
#other p{
  font-size:2.6rem;
  font-weight:600;
}
@media screen and (max-width:999px){
  #other{
    flex-direction:column;
    max-width:1000px;
    padding:0;
  }
  #other section{
    width:100%;
    padding:80px 0;
    border-left:none;
  }
  #other section:last-of-type{
    border-right:none;
  }
  #other section+section{
    border-top:1px solid #353535;
  }
  #other .button{
    width:400px;
    margin:0 auto;
  }
  #goods h2+p{
    margin-top:57px;
  }
  #goods h2+.button{
    margin-top:60px;
  }
  #event h2+p{
    margin-top:76px;
  }
  #event h2+.button{
    margin-top:79px;
  }
  #attention h2+p{
    margin-top:76px;
  }
  #attention h2+.button{
    margin-top:80px;
  }
}
@media screen and (max-width:600px){
  #other-wrapper{
    padding:0 20px;
  }
  #other section{
    width:100%;
    padding:80px 0;
    border-left:none;
  }
  #other .button{
    width:100%;
  }
  #goods h2{
    width:118px;
  }
  #goods h2+p{
    margin-top:38px;
  }
  #goods h2+.button{
    margin-top:40px;
  }
  #event h2{
    width:107px;
  }
  #event h2+p{
    margin-top:53px;
  }
  #event h2+.button{
    margin-top:55px;
  }
  #attention h2{
    width:179px;
  }
  #attention h2+p{
    margin-top:53px;
  }
  #attention h2+.button{
    margin-top:55px;
  }
  #other p{
    font-size:2.4rem;
  }
}

/* contact */
#contact-wrapper{
  padding:0 20px;
  color:#000;
  background:#fff;
}
#contact{
  max-width:640px;
  margin:0 auto;
  padding:100px 0 97px;
}
#contact h2{
  width:178px;
  height:auto;
  margin:0 auto;
}
#contact section{
  margin-top:80px;
}
#contact section+section{
  margin-top:80px;
}
#contact h3{
  padding:8px 15px 10px;
  font-size:1.8rem;
  color:#fff;
  background:#000;
}
#contact h4{
  position:relative;
  margin-top:28px;
  padding-bottom:7px;
  font-size:1.8rem;
  border-bottom:1px solid #000;
}
#contact h4:before{
  position:absolute;
  bottom:1px;
  left:0;
  display:block;
  width:100%;
  height:2px;
  background:#000;
  content:'';
}
#contact p{
  margin-top:16px;
  font-size:1.6rem;
  line-height:24px;
}
#contact p a{
  color:#000;
  text-decoration:none;
}
#contact p a:hover{
  text-decoration:underline;
}
#contact .footnote{
  margin-top:4px;
  font-size:1.2rem;
  line-height:18px;
}
@media screen and (max-width:600px){
  #contact{
    padding:80px 0 67px;
  }
  #contact h2{
    width:140px;
  }
  #contact section{
    margin-top:55px;
  }
  #contact section+section{
    margin-top:66px;
  }
  #contact h3{
    padding:8px 12px;
    font-size:1.6rem;
  }
  #contact h4{
    margin-top:21px;
    padding-bottom:2px;
    font-size:1.6rem;
    line-height:24px;
  }
  #contact h4 span{
    display:inline-block;
  }
  #contact p span{
    font-size:1.4rem;
  }
  #contact p a:hover{
    text-decoration:none;
  }
}

/* footer-wrapper */
#footer-wrapper{
  position:relative;
  width:100%;
  padding:70px 20px 26px;
  text-align:center;
  background-image:url(./../../../images/footer_left_bg_pc.png),url(./../../../images/footer_right_bg_pc.png);
  background-repeat:no-repeat,no-repeat;
  background-position:left 5px bottom 5px,right 5px bottom 5px;
  background-size:480px 380px,480px 380px;
  box-sizing:border-box;
}
#footer-wrapper .footer-logo{
  max-width:300px;
  height:auto;
  margin:0 auto;
}
#footer-wrapper .footer-logo img{
  width:100%;
  height:auto;
}
#footer-wrapper .staff{
  display:inline-block;
  margin-top:41px;
}
#footer-wrapper .staff li+li{
  margin-top:4px;
}
#footer-wrapper .staff dl{
  display:flex;
  justify-content:flex-start;
}
#footer-wrapper .staff dt,
#footer-wrapper .staff dd{
  font-size:1.4rem;
  line-height:20px;
  color:#c1996b;
  text-align:left;
}
#footer-wrapper .staff dt{
  width:12em;
}
#footer-wrapper .social-button{
  position:relative;
  margin-top:43px;
  padding-top:55px;
}
#footer-wrapper .social-button:before{
  position:absolute;
  top:0;
  left:50%;
  display:block;
  width:118px;
  height:10px;
  background:url(./../../../images/dotted_line.png) no-repeat 0 0;
  background-size:118px 10px;
  transform:translateX(-50%);
  content:'';
}
#footer-wrapper .banner{
  display:flex;
  justify-content:space-between;
  width:450px;
  margin:45px auto 0;
}
footer{
  margin-top:105px;
}
footer p{
  font-size:1.2rem;
  line-height:15px;
  font-family:-apple-system,BlinkMacSystemFont,'Trebuchet MS',sans-serif;
  text-align:center;
}
@media screen and (max-width:1199px){
  #footer-wrapper{
    padding:75px 0 66px;
    background-size:384px 304px,384px 304px;
  }
}
@media screen and (max-width:999px){
  #footer-wrapper{
    background-size:288px 228px,288px 228px;
  }
}
@media screen and (max-width:767px){
  #footer-wrapper{
    background-size:240px 190px,240px 190px;
  }
}
@media screen and (max-width:600px){
  #footer-wrapper{
    background-size:192px 152px,192px 152px;
  }
  #footer-wrapper .footer-logo{
    max-width:215px;
  }
  #footer-wrapper .staff{
    margin-top:26px;
  }
  #footer-wrapper .staff li+li{
    margin-top:6px;
  }
  #footer-wrapper .staff dl{
    flex-direction:column;
  }
  #footer-wrapper .staff dt{
    width:auto;
  }
  #footer-wrapper .social-button{
    margin-top:28px;
    padding-top:40px;
  }
  #footer-wrapper .banner{
    flex-direction:column;
    justify-content:flex-start;
    width:215px;
    margin-top:50px;
  }
  #footer-wrapper .banner li+li{
    margin-top:10px;
  }
  footer{
    margin-top:46px;
  }
}
@media screen and (max-width:499px){
  #footer-wrapper{
    background-size:170px 135px,170px 135px;
  }
}

/* fadein */
#fadein_area {
  width: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
  background:url(./../../../images/movie_pc.jpg) top center no-repeat;
  background-size:cover;
  z-index:30000;
  background-color:#000;
}
#fadein_area ul {
  position: relative;
  width: 100%;
  height: 100vh;
}
#fadein_area ul li {
  width: 100%;
  height: 100vh;
  text-align:center;
  position:absolute;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}
#fadein_area ul li img {
  width: 100%;
  max-width:777px;
  height: auto;
}

#fadein_area ul li picture {
  width: 100%;
  max-width:100%;
}
@media screen and (max-width:600px){
  #fadein_area {
    background:url(./../../../images/movie_sp.jpg) center center no-repeat;
  }
}

/* contents */
.contents{
  padding:240px 20px 300px;
  background-image:url(./../../../images/content_top_left_bg_pc.png),url(./../../../images/content_top_right_bg_pc.png),url(./../../../images/content_bottom_left_bg_pc.png),url(./../../../images/content_bottom_right_bg_pc.png);
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:left 10px top 10px,right 10px top 10px,left 10px bottom 10px,right 10px bottom 10px;
  background-size:312px 300px,312px 300px,312px 300px,312px 300px;
}
#content-footer{
  position:absolute;
  bottom:26px;
  left:0;
  width:100%;
  margin:0;
}
@media screen and (max-width:999px){
  .contents{
    padding-top:200px;
    background-size:250px 240px,250px 240px,250px 240px,250px 240px;
  }
}
@media screen and (max-width:767px){
  .contents{
    padding-bottom:240px;
    background-size:188px 180px,188px 180px,188px 180px,188px 180px;
  }
}
@media screen and (max-width:600px){
  #content-footer{
    bottom:66px;
  }
}
@media screen and (max-width:499px){
  .contents{
    padding-top:160px;
    padding-bottom:180px;
    background-size:124px 120px,124px 120px,124px 120px,124px 120px;
  }
}

/* faq */
#faq>section{
  max-width:800px;
  margin:0 auto;
}
#faq h2{
  width:227px;
  height:85px;
  margin:0 auto 68px;
}
.question+.question{
  margin-top:65px;
  padding-top:69px;
  border-top:1px solid #262626;
}
.question h3{
  position:relative;
  padding-left:32px;
  font-size:1.6rem;
  line-height:26px;
  font-weight:400;
}
.question h3:before{
  position:absolute;
  top:-4px;
  left:0;
  font-size:2.4rem;
  line-height:26px;
  content:'Q.';
}
.question h4{
  margin-bottom:10px;
  font-weight:400;
}
.question .answer{
  position:relative;
  margin-top:28px;
  padding-left:32px;
  font-size:1.6rem;
  line-height:26px;
}
.question .answer:before{
  position:absolute;
  top:-4px;
  left:0;
  font-size:2.4rem;
  line-height:26px;
  content:'A.';
}
.question .answer+.answer{
  margin-top:45px;
  padding-top:47px;
}
.question .answer+.answer:before{
  top:0;
  left:32px;
  width:calc(100% - 33px);
  border-top:1px dotted #313131;
  content:'';
}
.question li{
  position:relative;
  padding-left:1em;
}
.question li:before{
  position:absolute;
  top:10px;
  left:4px;
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  content:'';
}
.question .footnote{
  margin-top:4px;
  font-size:1.2rem;
  line-height:18px;
}
.question .footnote+.footnote{
  margin-top:0;
}
.question ul.footnote li{
  position:relative;
  padding-left:2em;
}
.question ul.footnote li:before{
  position:absolute;
  top:7px;
  left:4px;
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  content:'';
}
.question a{
  color:#fff;
  text-decoration:none;
}
.question a:hover{
  text-decoration:underline;
}
.question a[href^="tel:"] {
	color:#c1996b;
}
#content-footer{
  position:absolute;
  bottom:26px;
  left:0;
  width:100%;
  margin:0;
  text-align:center;
}
.fs {
	max-width: 920px;
    margin: 25px auto 0;
    padding: 3px;
    color: #000;
    border: solid 4px #c1996b;
    box-sizing: border-box;
}
.fs_frame {
	width: 100%;
    padding: 30px 30px 40px;
    border: solid 1px #c1996b;
	color:#c1996b;
    box-sizing: border-box;
}
.fs h4 {
	text-align:center;
	font-size: 1.8rem;
    line-height: 26px;
    font-weight: 400;
	margin-bottom: 20px;
}
.fs dl {
	padding:0 25px;
}
.fs dd {
	font-size: 1.4rem;
	margin-left:32px;
	margin-bottom:20px;
}
.fs dd strong{
	font-size: 1.6rem;
	font-weight:600;
}
.fs .note {
	text-indent:-1em;
	margin-left:1em;
}
.fs .foot_note {
	font-size:1.3rem;
	text-indent:-1em;
	margin-left:1em;
	padding:0 25px 8px;
	line-height:1.4em;
}
.fs .foot_note:nth-of-type(1) {
	padding-top:15px;
}
.fs .please {
	text-align:center;
	padding:30px 0 0;
}
@media screen and (max-width:600px){
  #faq h2{
    width:179px;
    height:74px;
    margin-bottom:64px;
  }
.fs_frame {
	width: 100%;
    padding: 10px 10px 20px;
    border: solid 1px #c1996b;
	color:#c1996b;
    box-sizing: border-box;
}
.fs h4 {
	text-align:center;
	font-size: 1.6rem;
    line-height: 26px;
    font-weight: 400;
	margin-bottom: 20px;
}
.fs dl {
	font-size: 1.5rem;
 	padding:0 10px;
}
.fs dd {
	font-size: 1.3rem;
	margin-left:22px;
	margin-bottom:15px;
}
.fs dd strong{
	font-size: 1.5rem;
	font-weight:600;
}
.fs .note {
	text-indent:-1em;
	margin-left:1em;
}
.fs .foot_note {
	font-size:1.3rem;
	text-indent:-1em;
	margin-left:1em;
	padding:0 25px 8px;
	line-height:1.4em;
}
.fs .foot_note:nth-of-type(1) {
	padding-top:15px;
}
.fs .please {
	text-align:center;
	padding:30px 0 0;
}
}

/* summary */
#summary>section{
  max-width:800px;
  margin:0 auto;
}
#summary h2{
  width:541px;
  height:22px;
  margin:0 auto 62px;
}
#summary p{
  font-size:1.6rem;
  line-height:32px;
}
#summary p+p{
  margin-top:44px;
}
@media screen and (max-width:600px){
  #summary h2{
    width:273px;
    height:74px;
    margin-bottom:44px;
  }
  #summary p{
    line-height:28px;
  }
  #summary p+p{
    margin-top:38px;
  }
}

/* music */
#music>section{
  max-width:800px;
  margin:0 auto;
}
#music h2{
  width:289px;
  height:32px;
  margin:0 auto 65px;
}
#music li{
  font-size:1.8rem;
  line-height:22px;
  text-align:center;
}
#music li+li{
  margin-top:24px;
}
#music li span{
  display:inline-block;
}
#music p{
  margin-top:56px;
  padding-top:60px;
  font-size:1.6rem;
  line-height:26px;
  background:url(./css/images/dotted_line.png) no-repeat center top;
  background-size:114px 10px;
}
#music p:empty{
	display:none;
}
#music .footnote{
  margin-top:12px;
  padding-top:0;
  font-size:1.2rem;
  line-height:18px;
  background:none;
}
#music .footnote+.footnote{
  margin-top:0;
}
@media screen and (max-width:600px){
  #music h2{
    width:168px;
    height:25px;
    margin-bottom:45px;
  }
  #summary p{
    line-height:28px;
  }
  #summary p+p{
    margin-top:38px;
  }
}

/* event */
#event-contents{
  min-height:100vh;
  color:#000;
  background-color:#fff;
  box-sizing:border-box;
}
#event-contents img{
  display:block;
  margin:0 auto;
}
#event-contents>section{
  max-width:800px;
  margin:0 auto;
}
#event-contents section:after{
  clear:both;
  display:block;
  content:'';
}
#event-contents section+section{
  margin-top:60px;
}
#event-contents section+section a{
  text-decoration:none;
}
#event-contents h2{
  width:214px;
  height:85px;
  margin:0 auto 80px;
}
#event-contents h3{
  display:inline-block;
  padding:8px 25px;
  font-size:1.6rem;
  color:#fff;
  background:#000;
}
#event-contents p{
  font-size:1.6rem;
  line-height:26px;
}
#event-contents h3+p{
  margin-top:15px;
}
#event-contents .photo{
  width:100%;
  margin-top:20px;
}
#event-contents .photo:empty{
  display:none;
}
#event-contents .caption{
  margin-top:5px;
  font-size:1.4rem;
  line-height:18px;
  color:#333;
}
#event-contents .notice{
  padding-left:1em;
  font-size:1.2rem;
  line-height:18px;
  text-indent:-1em;
}
#event-contents strong{
  display:inline-block;
  text-decoration:underline;
  margin-top:20px;
}
.page-id-63 #content-footer{
  color:#000;
}
#event-contents .event_txt{
  margin-top:20px;
}
#event-contents .event_txt strong{
  margin-top:0;
  text-decoration:none;
  font-weight:600;
  font-size:1.1em;
  color:rgba(193,153,107,1);
}
#event-contents table {
  width:100%;
  border-collapse: collapse;
  font-size:1.2em;
}
#event-contents table thead {
  background-color:rgba(193,153,107,1);
}
#event-contents table thead tr td {
  text-align:center !important;
}
#event-contents table td {
  border:1px solid #333;
  padding:4px 6px ;
  vertical-align:middle;
  text-align:center;
}
#event-contents table td.time {
  text-align:right;
}
#event-contents table td.txt {
  text-align:left;
}
#event-contents .txt_new {
  color:#c33;
}
#event-contents table.cd_dvd tr td:nth-of-type(3) {
	text-align:left;
}
#event-contents table.cd_dvd tr td:nth-of-type(4) {
	text-align:left;
}
#event-contents table.cd_dvd tr td:nth-of-type(5) {
	text-align:right;
}
#event-contents img.can {
  margin:15px 5px;
}
#event-contents ul.items, #event-contents ul.items_com, #event-contents ul.items_co, #event-contents ul.items_ba {
	  font-size:1.6rem;
	line-height:30px;
}
#event-contents ul.items li:first-child, #event-contents ul.items_co li:first-child, #event-contents ul.items_com li:first-child, #event-contents ul.items_ba li:first-child {
	text-indent:0;
}
#event-contents ul.items li {
	text-indent:8em;
}
#event-contents ul.items li.price {
	text-indent:10em;
}
#event-contents ul.items li.man {
	text-indent:9em;
}
#event-contents ul.items li.cafe {
	text-indent:8em;
}
#event-contents ul.items_co li {
	text-indent:7em;
}
#event-contents ul.items_co li.price {
	text-indent:8em;
}
#event-contents ul.items_ba li {
	text-indent:8em;
}
#event-contents ul.items_ba li.price {
	text-indent:9em;
}
#event-contents ul.items_com li {
	text-indent:6em;
}
#event-contents ul.items_com li.price {
	text-indent:7em;
}
#event-contents blockquote {
	margin:1px 0 0 15px;
}
@media screen and (max-width:600px){
  #event-contents h2{
    width:185px;
    height:74px;
    margin-bottom:70px;
  }
  #event-contents section+section{
    margin-top:70px;
  }
  #event-contents .photo img{
    width:100%;
    height:auto;
  }
  #event-contents ul.items li,#event-contents ul.items_co li,#event-contents ul.items_com li,#event-contents ul.items li.man {
	text-indent:0;
  }
  #event-contents ul.items li.price,#event-contents ul.items_co li.price,#event-contents ul.items_com li.price {
	text-indent:0;
  }
  #event-contents .list {
	font-size:1.3rem;
  }
}
/* goods */
#goods-contents{
  min-height:100vh;
  color:#000;
  background-color:#fff;
  box-sizing:border-box;
}
#goods-contents>section{
  max-width:800px;
  margin:0 auto;
}
#goods-contents h2{
  width:214px;
  height:85px;
  margin:0 auto 80px;
}

#goods-contents .natsumatsuri_txt{
  font-size:1.4em;
  margin:10px 0;
  letter-spacing:-.03em;
}
#goods-contents .natsumatsuri_txt a{
  text-decoration:none;
}
#goods-contents .eventinfo {
  padding-bottom:40px;
}
#goods-contents .eventinfo .event_txt{
  padding-top:20px;
}
#goods-contents .eventinfo .event_txt strong{
  margin-top:0;
  text-decoration:none;
  font-weight:600;
  font-size:1.1em;
  color:rgba(193,153,107,1);
}
#goods-contents .eventinfo table {
  width:100%;
  border-collapse: collapse;
  font-size:1.2em;
}
#goods-contents .eventinfo table thead {
  background-color:rgba(193,153,107,1);
}
#goods-contents .eventinfo table td {
  border:1px solid #333;
  padding:4px 6px ;
  vertical-align:middle;
  text-align:center;
}
#goods-contents .eventinfo table td.time {
  text-align:right;
}
#goods-contents .eventinfo table td.txt {
  text-align:left;
}
#goods-contents .eventinfo h3{
  display:inline-block;
  padding:8px 25px;
  font-size:1.6rem;
  color:#fff;
  background:#000;
}
#goods-contents .eventinfo p{
  font-size:1.6rem;
  line-height:26px;
}
#goods-contents .eventinfo .notice{
  padding-left:1em;
  font-size:1.2rem;
  line-height:18px;
  text-indent:-1em;
}
#goods-list{
  display:flex;
  flex-wrap:wrap;
}
#goods-list li{
  width:calc((100% - 40px) / 3);
  padding:14px;
  border:1px solid #000;
  box-sizing:border-box;
	position:relative;
}
#goods-list li:not(:nth-of-type(3n+1)){
  margin-left:20px;
}
#goods-list li:nth-of-type(n+4){
  margin-top:20px;
}
#goods-list li dt img{
  width:100%;
  height:auto;
}
#goods-list li dd h3{
  margin-top:12px;
  font-size:1.4rem;
  line-height:1.4;
}
#goods-list li dd p{
  margin-top:8px;
  font-size:1.2rem;
  line-height:1.4;
}
#goods-contents .footnote{
  margin-top:16px;
  font-size:1.2rem;
  line-height:1.6;
}
#goods-contents .footnote a{
  text-decoration:none;
}
#goods-contents .footnote+.footnote{
  margin-top:0;
}
.goods-box{
  margin-top:97px;
  border:3px solid #000;
}
.goods-box+.goods-box{
  margin-top:40px;
}
.goods-box h3{
  padding:8px 0 13px;
  font-size:1.8rem;
  color:#fff;
  font-weight:600;
  text-align:center;
  background:#000;
}
.goods-box h3 br{
  display:none;
}
.goods-wrapper{
  padding:24px 20px 30px;
}
#special-gift .goods-wrapper div{
	margin-top:25px;
}
#special-gift div img{
	width:100%;
	height:auto;
}
.special-gift-text{
  margin-top:-5px;
  padding-bottom:5px;
  font-size:2rem;
  line-height:1.5;
  font-weight:600;
  text-align:center;
  border-bottom:1px dotted #000;
}
.pre-ordering{
  padding-bottom:10px;
  font-size:1.8rem;
  color:#000;
  font-weight:600;
  text-align:center;
  border-bottom:1px dotted #000;
}
.pre-ordering span{
  text-decoration:line-through;
}
.pre-order-text{
  padding-top:15px;
  font-size:1.4rem;
  line-height:1.6;
}
#goods-contents .goods-wrapper .footnote{
  margin-top:0;
}
.goods-wrapper .button{
  width:360px;
  margin:22px auto 0;
}
.goods-notice{
  margin-top:100px;
  padding:40px 30px 42px;
  background:#f4f4f4;
}
.goods-notice h3{
  font-size:1.6rem;
  font-weight:600;
}
.goods-notice ul+h3{
  margin-top:37px;
}
.goods-notice p{
  font-size:1.4rem;
  line-height:1.6;
  word-break:break-all;
}
.goods-notice ul{
  margin-top:5px;
}
.goods-notice li{
  position:relative;
  padding-left:12px;
  font-size:1.4rem;
  line-height:1.6;
}
.goods-notice li:before{
  position:absolute;
  top:10px;
  left:4px;
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#000;
  content:'';
}
#goods-contents .goods-notice .footnote{
  margin-top:0;
}
#goods-contents .color_red{
	color:#cc0000;
}
.page-id-108 #content-footer{
  color:#000;
}
@media screen and (max-width:899px){
  #goods-list li{
    width:calc((100% - 20px) / 2);
  }
  #goods-list li:not(:nth-of-type(3n+1)){
    margin-left:0;
  }
  #goods-list li:nth-of-type(n+4){
    margin-top:0;
  }
  #goods-list li:not(:nth-of-type(odd)){
    margin-left:20px;
  }
  #goods-list li:nth-of-type(n+3){
    margin-top:20px;
  }
}
@media screen and (max-width:767px){
	.special-gift-text{
    font-size:1.6rem;
  }
	.pre-ordering{
    font-size:1.6rem;
  }
}
@media screen and (max-width:600px){
  #goods-list li{
    width:100%;
  }
  #goods-list li:not(:nth-of-type(odd)){
    margin-left:0;
  }
  #goods-list li:nth-of-type(n+3){
    margin-top:0;
  }
  #goods-list li:nth-of-type(n+2){
    margin-top:20px;
  }
  .goods-wrapper{
    padding-top:21px;
  }
  .goods-box h3{
    padding:6px 0 11px;
    line-height:1.25;
  }
  .goods-box h3 br{
    display:inline;
  }
  .special-gift-text{
    margin-top:0;
    padding-bottom:6px;
  }
  .pre-ordering{
    padding-bottom:6px;
    line-height:1.5;
  }
  .goods-wrapper .button{
    width:100%;
  }
  a.goods_scale {
  pointer-events: none;
}
}
#ticket .ticket3 .ticket-sales{
  position:relative;
  width:100%;
  padding-left:12px;
  border-bottom:1px solid #000;
  box-sizing:border-box;
}
#ticket .ticket3 .ticket-sales:after{
  clear:both;
  display:block;
  content:'';
}
#ticket .ticket3 .ticket-sales:before{
  position:absolute;
  top:8px;
  left:0;
  display:block;
  width:8px;
  height:8px;
  background:#000;
  content:'';
}
#ticket .ticket3 .ticket-sales h4{
  float:left;
  width:180px;
  padding:0;
  font-size:1.6rem;
  line-height:24px;
  border:none;
}
#ticket .ticket3 .ticket-sales h4:before{
  content:none;
}
#ticket .ticket3 .ticket-sales .ticket-sales-link{
  margin-left:180px;
}
#ticket .ticket3 .ticket-sales a{
  position:relative;
  display:inline-block;
  padding-left:20px;
  font-size:1.6rem;
  line-height:24px;
  color:#c1996b;
  text-decoration:none;
}
#ticket .ticket3 .ticket-sales a:before{
  position:absolute;
  top:4px;
  left:0;
  display:block;
  width:16px;
  height:16px;
  background:url(./../../../svg/link.svg) no-repeat 0 0;
  content:'';
}
#ticket .ticket3 .ticket-sales.end a{
  color:#aaa;
  pointer-events:none;
}
#ticket .ticket3 .ticket-sales.end a:before{
  background:url(./../../../svg/link2.svg) no-repeat 0 0;
}
.ticket3 p+.ticket-sales{
  margin-top:22px;
}
@media screen and (max-width:600px){
  #ticket .ticket3 .ticket-sales h4{
    float:none;
  }
  #ticket .ticket3 .ticket-sales .ticket-sales-link{
    margin-left:0;
  }
}

/* 0722 */
#schedule #viewing{
padding-top:96px;
}
#schedule #viewing h3{
font-size:3rem;
text-align:center;
}
#schedule #viewing h3 br{
display:none;
}
#schedule #viewing p{
margin-top:46px;
font-size:2.2rem;
line-height:32px;
text-align:center;
}
#schedule #viewing p br{
display:none;
}
#schedule #viewing ul{
justify-content:center;
max-width:790px;
margin:36px auto 0;
}
#schedule #viewing li{
width:160px;
margin:0;
padding:0 15px;
background:none;
}
@media screen and (max-width:879px){
#schedule #viewing p br{
display:block;
}
#schedule #viewing ul{
max-width:380px;
}
#schedule #viewing li:nth-of-type(n+3){
padding-top:30px;
}
}
@media screen and (max-width:600px){
#schedule #viewing{
padding-top:53px;
}
#schedule #viewing h3{
font-size:2.2rem;
line-height:32px;
}
#schedule #viewing h3 br{
display:block;
}
#schedule #viewing p{
margin-top:15px;
font-size:1.6rem;
line-height:26px;
}
#schedule #viewing ul{
flex-direction:row;
margin:35px auto 0;
}
#schedule #viewing li{
width:140px;
padding:0 10px;
}
#schedule #viewing li:nth-of-type(n+3){
padding-top:20px;
}
}
@media screen and (max-width:374px){
#schedule #viewing li{
width:120px;
padding:0 10px;
}
}
/* 0731 */

#ticket ul{
  padding-top:16px;
}
#ticket li{
  font-size:1.6rem;
  line-height:24px;
  text-indent:-1em;
  padding-left:1em;
}
#ticket li a{
  color:rgba(193,153,107,1);
}
#ticket li.h3s{
  padding:2px 10px 4px 10px;
  font-size:1.62rem;
  color:#fff;
  background:#000;
  text-indent:0;
  margin-left:1em;
  display:inline-block;
}
#ticket li.indent{
  text-indent:1em;
  padding-left:0;
}
#ticket div.about_change {
  margin:10px 20px;
  padding:5px;
  border:1px solid rgba(193,153,107,1);
}
#ticket div.about_change div {
  padding:10px;
  border:1px solid rgba(193,153,107,1);
}
#ticket div.about_change p strong{
  font-size:1.5rem;
  color:rgba(193,153,107,1);
}

#ticket div.about_change ul{
  padding:8px 0 0;
  margin:0;
}

#ticket div.about_change ul li{
  font-size:1.33rem;
  line-height:20px;
  text-indent:-1.2em;
  padding-left:1.2em;
  color:rgba(193,153,107,1);
}
#ticket .ticket4{
  margin-top:70px;
}
.ticket4 p{
  margin-top:16px;
  font-size:1.6rem;
  line-height:24px;
}
.ticket4 p strong{
  margin-top:16px;
  font-size:1.6rem;
  line-height:24px;
  color:#e00;
  font-weight:400;
}
.ticket4 p+p{
  margin-top:5px;
}
.ticket4 .footnote{
  margin-top:8px;
}
.ticket4 .footnote+.footnote{
  margin-top:0;
}
@media screen and (max-width:600px){
#ticket div.about_change {
  margin:10px 5px;
}
#ticket li{
  padding-left:.5em;
}
#ticket li.h3s{
  margin-left:0;
}
}
/* 20190809追加 */
header .header-information2{
  margin-top:29px;
  font-weight:600;
	font-size:2.4rem;
  text-align:center;
}
@media screen and (max-width:600px){
	header .header-information2{
		margin-top:20px;
		font-size:1.6rem;
	}
}
.social-button2{
  display:flex;
  justify-content:space-between;
  width:200px;
  margin:80px auto 0;
}
.social-button2 li{
  width:50px;
  height:50px;
}
.social-button2 li a{
  display:block;
  transition:.3s;
}
.social-button2 li a img{
  width:100%;
  height:auto;
}
.social-button2 li a:hover{
  opacity:.8;
}
@media screen and (max-width:600px){
  .social-button2{
    max-width:169px;
		margin-top:40px;
  }
  .social-button2 li{
    width:43px;
    height:43px;
  }
}


#blu-ray{
	max-width:760px;
	margin:12px auto 0;
	padding:0 20px;
}
#blu-ray h2{
	max-width:600px;
	margin:0 auto;
}
#blu-ray h2 img{
	width:100%;
	height:auto;
}
#blu-ray_contents{
	padding:53px 0 41px;
}
#blu-ray_contents h3{
	margin-top:50px;
	font-size:3.4rem;
	line-height:44px;
	text-align:center;
}
#blu-ray_contents h3 br{
	display:none;
}
#blu-ray_contents .lead{
	margin-top:40px;
	font-size:1.6rem;
	line-height:26px;
}
#blu-ray_contents .lead+.lead{
	margin-top:30px;
}
#blu-ray_contents #data{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-top:70px;
}
#blu-ray_contents #data dt{
	width:calc(100% - 420px);
	padding:5px 40px 0 0;
}
#blu-ray_contents #data dt img{
	width:100%;
	height:auto;
}
#blu-ray_contents #data dd{
	width:420px;
}
#blu-ray_contents #data h4{
	font-size:2.2rem;
	line-height:30px;
}
#blu-ray_contents #data h4 span{
	display:block;
	margin-top:-1px;
	font-size:1.6rem;
}
#blu-ray_contents #data table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-top:9px;
}
#blu-ray_contents #data th,
#blu-ray_contents #data td{
	padding:9px 0;
	font-size:1.6rem;
	line-height:22px;
	font-weight:400;
	text-align:left;
	border-bottom:1px solid #fff;
}
#blu-ray_contents #data th{
	width:calc(5em + 40px);
}
#blu-ray_contents #benefits{
	margin-top:40px;
	padding:20px 25px 21px;
	border:1px solid #fff;
}
#blu-ray_contents #benefits h4{
	font-size:1.8rem;
	line-height:26px;
}
#blu-ray_contents #benefits ul{
	margin-top:7px;
}
#blu-ray_contents #benefits li{
	position:relative;
	font-size:1.6rem;
	line-height:24px;
	text-indent:16px;
}
#blu-ray_contents #benefits li:before{
	position:absolute;
	top:7px;
	left:2px;
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#fff;
	content:'';
}
#blu-ray_contents #benefits li+li{
	margin-top:7px;
}
#blu-ray_contents #performers{
	margin-top:50px;
}
#blu-ray_contents #performers h4{
	width:106px;
	padding-bottom:2px;
	font-size:1.8rem;
	line-height:28px;
	color:#fff;
	font-weight:600;
	text-align:center;
	background:#c1996b;
}
#blu-ray_contents #performers p{
	margin-top:14px;
	font-size:2rem;
	line-height:30px;
}
#blu-ray_contents #performers p:first-of-type{
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom:1px dotted #fff;
}
#blu-ray_contents #purchase-benefits{
	margin-top:75px;
}
#blu-ray_contents #purchase-benefits h4{
	padding:5px 15px 7px;
	font-size:1.8rem;
	line-height:24px;
	background:#1e1e1e;
}
#blu-ray_contents #purchase-benefits p{
	margin-top:16px;
	font-size:1.6rem;
	line-height:24px;
}
#blu-ray_contents #purchase-benefits p br{
	display:none;
}
#blu-ray_contents #purchase-benefits ul{
	margin:3px 0 38px;
}
#blu-ray_contents #purchase-benefits li{
	padding-left:1em;
	font-size:1.2rem;
	line-height:18px;
	text-indent:-1em;
}
#blu-ray_button{
	margin-top:15px;
	text-align:center;
}
#blu-ray_button p{
	position:relative;
	display:inline-block;
	padding-left:20px;
	font-size:1.6rem;
	cursor:pointer;
}
#blu-ray_button p:before{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:16px;
	height:16px;
	background:url(./../../../images/blu-ray_icon.png) no-repeat;
	background-size:cover;
	content:'';
}
@media screen and (max-width:767px){
	#blu-ray_contents h3 br{
		display:block;
	}
	#blu-ray_contents #data dt{
		width:calc(100% - 440px);
		padding-right:20px;
	}
	#blu-ray_contents #data dd{
		width:440px;
	}
}
@media screen and (max-width:699px){
	#blu-ray_contents #data{
		flex-direction:column;
		justify-content:flex-start;
	}
	#blu-ray_contents #data dt{
		width:100%;
		max-width:400px;
		margin:0 auto;
		padding:5px 20px 0;
		box-sizing:border-box;
	}
	#blu-ray_contents #data dd{
		width:100%;
		margin-top:26px;
	}
	#blu-ray_contents #data h4{
		text-align:center;
	}
	#blu-ray_contents #data table{
		margin-top:14px;
	}
}
@media screen and (max-width:600px){
	#blu-ray{
		margin:7px auto 0;
		padding:0 10px;
	}
	#blu-ray h2{
		max-width:335px;
	}
#blu-ray_contents{
	padding:44px 0 19px;
}
	#blu-ray_contents h3{
		font-size:2.2rem;
		line-height:32px;
	}
	#blu-ray_contents .lead{
		margin-top:21px;
	}
	#blu-ray_contents .lead+.lead{
		margin-top:21px;
	}
	#blu-ray_contents #data h4 span{
		margin-top:-2px;
		font-size:1.3rem;
	}
	#blu-ray_contents #data table{
		margin-top:13px;
	}
	#blu-ray_contents #data th{
		width:calc(5em + 30px);
	}
	#blu-ray_contents #benefits{
		margin-top:20px;
		padding:10px 15px 16px;
	}
	#blu-ray_contents #benefits h4{
		font-size:1.6rem;
	}
	#blu-ray_contents #benefits ul{
		margin-top:4px;
	}
	#blu-ray_contents #benefits li{
		font-size:1.4rem;
		text-indent:14px;
	}
	#blu-ray_contents #benefits li:before{
		top:8px;
		width:8px;
		height:8px;
	}
	#blu-ray_contents #benefits li+li{
		margin-top:5px;
	}
	#blu-ray_contents #performers{
		margin-top:35px;
	}
	#blu-ray_contents #performers h4{
		width:92px;
		padding:2px 0;
		font-size:1.6rem;
		line-height:24px;
	}
	#blu-ray_contents #performers p{
		margin-top:16px;
		font-size:1.6rem;
		line-height:24px;
	}
	#blu-ray_contents #performers p:first-of-type{
		margin-bottom:20px;
		padding-bottom:16px;
	}
	#blu-ray_contents #performers p span{
		display:inline-block;
	}
	#blu-ray_contents #purchase-benefits{
		margin-top:46px;
	}
	#blu-ray_contents #purchase-benefits h4{
		padding:4px 15px;
		font-size:1.6rem;
	}
	#blu-ray_contents #purchase-benefits h4 span{
		display:inline-block;
	}
	#blu-ray_contents #purchase-benefits p br{
		display:block;
	}
	#blu-ray_button{
		margin-top:12px;
	}
}
/* 20200121追加 */
#blu-ray_contents .movie-wrapper{
	max-width:560px;
	margin:0 auto;
}
#blu-ray_contents .movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
#blu-ray_contents .movie iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:699px){
	#blu-ray_contents #data h4{
		width:100%;
	}
}