@charset "UTF-8";

@import url("https://use.typekit.net/efd5cpb.css");




/*  .nav-menu{
    display: none;
  }

.nav-menu{
  background: #FFFFFF;
  list-style: none;
  margin: 0;
  padding: 50px 10px 10px;
  width: 100%;
	 height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
	text-align: left
}
.nav-menu a{
  display: block;
  padding: 20px 30px 0;
  color: #333;
  text-decoration: none;
	font-size: 1.5rem;
		line-height: 1;
	display: flex;
	vertical-align: middle
}

.nav-menu a img{
  width: auto;
	height: 25px;
	margin: -5px 10px 0 0;

	line-height: 1;
	
}

#global-menu.open{
  display: block;
}
.toggle-btn {
  background: transparent;
  border: none;
  padding: 0;
  position: fixed;
  top: 20px;
  left: 20px;
  display: none;
  z-index: 999;
}
.toggle-btn:hover{
  cursor: pointer;
}
.toggle-btn span{
  display: inline-block;
  background: #333;
  height: 1px;
  width: 25px;
  position: relative;
}
.toggle-btn span:before{
  content: "";
  display: inline-block;
  background: #333;
  height: 1px;
  width: 25px;
  position: absolute;
  top: 10px;
  left: 0;
}
.toggle-btn span:after{
  content: "";
  display: inline-block;
  background: #333;
  height: 1px;
  width: 25px;
  position: absolute;
  top: -10px;
  left: 0;
}
#open-btn.active span{
  background: transparent;
}
#open-btn.active span:before{
  transform: rotate(45deg);
  top: 0;
}
#open-btn.active span:after{
  transform: rotate(-45deg);
  top: 0;
}



  @media screen and (max-width:767px) {
  .nav-menu{
    display: flex!important;
  }
}
@media (min-width: 767.98px){
  .nav-menu{
    display: none;
  }
  .toggle-btn {
    display: block;
  }
}*/

.nav-menu{
  background: #FFFFFF;
  list-style: none;
  margin: 0;
  padding: 50px 10px 10px;
  width: 100%;
	 height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
	text-align: left
}
.nav-menu a{
  display: block;
  padding: 20px 30px 0;
  color: #333;
  text-decoration: none;
	font-size: 1.5rem;
		line-height: 1;
	display: flex;
	vertical-align: middle
}

.nav-menu a img{
  width: auto;
	height: 25px;
	margin: -5px 10px 0 0;

	line-height: 1;
	
}
#global-menu.open{
  display: block;
}
.toggle-btn {
  background: transparent;
  border: none;
  padding: 0;
  position: fixed;
  top: 20px;
  left: 20px;
  display: none;
  z-index: 999;
}
.toggle-btn:hover{
  cursor: pointer;
}
.toggle-btn span{
  display: inline-block;
  background: #333;
  height: 1px;
  width: 25px;
  position: relative;
}
.toggle-btn span:before{
  content: "";
  display: inline-block;
  background: #333;
  height: 1px;
  width: 25px;
  position: absolute;
  top: 10px;
  left: 0;
}
.toggle-btn span:after{
  content: "";
  display: inline-block;
  background: #333;
  height: 1px;
  width: 25px;
  position: absolute;
  top: -10px;
  left: 0;
}
#open-btn.active span{
  background: transparent;
}
#open-btn.active span:before{
  transform: rotate(45deg);
  top: 0;
}
#open-btn.active span:after{
  transform: rotate(-45deg);
  top: 0;
}


@media (min-width: 768px){
/*  .nav-menu{
    display: flex !important;
  }*/
}
  

  .nav-menu{
    display: none;
  }
  .toggle-btn {
    display: block;
  }




.map img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.btn a {
	width: 240px;
	height: 40px;
	margin: 0 0 15px;
	border-radius: 40px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	font-size: 1.5rem;
	text-decoration: none;
	border: 1px solid #2A4369;
	
}

.btn a:hover {
	width: 240px;
	height: 40px;

	border-radius: 40px;
	background: #FBCD53;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	font-size: 1.5rem;
	text-decoration: none;
	border: 1px solid #FBCD53;
	
}
.dvd .btn a {
	width: 240px;
	height: 40px;
	margin: 0 0 15px;
	border-radius: 40px;
	background: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	font-size: 1.5rem;
	text-decoration: none;
	border: 1px solid #2A4369;
	
}

.dvd .btn a:hover {
	width: 240px;
	height: 40px;

	border-radius: 40px;
	background: #2A4369;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 1.5rem;
	text-decoration: none;
	border: 1px solid #FBCD53;
	
}

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

.indent.last {
	margin: 0em 0 2em 1em;
	text-indent: -1em;
  padding-left: 0em;
}

/*font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;


font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: italic;


font-family: "futura-pt", sans-serif;
font-weight: 700;
font-style: normal;


font-family: "futura-pt", sans-serif;
font-weight: 700;
font-style: italic;


font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: normal;


font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: italic;*/

.fa-microphone {
 color: #CC0000
}
/* reserve-link */
#hamburger.fadeIn {
 display: none;
 opacity: 0
}
@media screen and (max-width:767px) {
 #hamburger {
  display: block;
 }
}
#reserve-link {
 position: fixed;
 bottom: 50px;
 left: 0;
 border: 3px solid #fff;
 border-left: 0;
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px;
 background: rgba(92, 201, 86, 0.9);
 color: #fff;
 text-align: center;
 display: inline-block;
 padding: 15px;
 text-decoration: none;
 font-weight: bold;
 z-index: 9999;
}
#tw-link {
 position: fixed;
 bottom: 100px;
 left: 0;
 border: 3px solid #fff;
 border-left: 0;
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px;
 background: rgba(92, 201, 86, 0.9);
 color: #fff;
 text-align: center;
 display: inline-block;
 padding: 15px;
 text-decoration: none;
 font-weight: bold;
 z-index: 9999;
}
#reserve-link:hover {
 opacity: 1;
 background: rgba(92, 201, 86, 1.0);
}
#reserve-link .reserve-link__text {
 font-size: 17px;
 line-height: 23px;
 margin: 0 0 5px;
}
#reserve-link .reserve-link__button {
 font-size: 16px;
 background: #FFFFFF;
 color: rgba(92, 201, 86, 1);
 line-height: 1;
 padding: 10px 15px;
 border-radius: 18px;
}
#reserve-link .reserve-link__button img {
 margin: 0 5px 0 0;
}
@media screen and (max-width: 910px) {
 #reserve-link {
  width: 100%;
  bottom: 0;
  left: 0;
  border: 0;
  border-radius: 0;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 15px;
 }
 #reserve-link .reserve-link__text {
  font-size: 3vw;
  line-height: 18.5px;
  margin: 0 10px 0 0;
  text-align: center
 }
 #reserve-link .reserve-link__button {
  font-size: 3.5vw;
  padding: 10px 20px;
 }
}
#head-wrapper {
 width: 100%;
 margin: 0 auto;
 position: relative;
 background: linear-gradient(rgba(252,251,246,0), rgba(153,212,223,1),rgba(252,251,246,0));
	background: linear-gradient(rgba(252,251,246,0),10%, rgba(251,205,83,1),rgba(252,251,246,0));
}

#main-wrapper {
 width: 100%;
 margin: 0 auto;
 position: relative;
 background: linear-gradient(rgba(252,251,246,0), rgba(153,212,223,1),rgba(252,251,246,0));

}

#flyer-main-wrapper {
 width: 100%;
 margin: 0 auto;
 padding-bottom: 0;
 position: relative;
 /*background: linear-gradient(#FFFFFF,80%, rgba(31,71,152,0.3));*/
}
#flyer-main {
 width: 1000px;
 height: 100vh;
 margin: 0 auto;
 position: relative;
 /*	background-image: url("../img_seri/bg_main.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
*/
 /*filter: drop-shadow(2px 3px 10px rgba(0,0,0,0.3));*/
}
#flyer-main img {
 width: auto;
 height: 100vh;
 margin: 0 auto;
 position: absolute;
 top: 0;
 left: 0;
 right: 0
}
#title {
 width: 960px;
 height: 100vh;
 margin: 0 auto;
 position: relative;
}
#title img {
 width: auto;
 height: 100vh;
 margin: 0 auto;
 position: absolute;
 top: 0;
 left: 0;
 right: 0
}
@media screen and (max-width:960px) {
 #head-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
		background: linear-gradient(rgba(252,251,246,0),10%, rgba(251,205,83,1),rgba(252,251,246,0));
 }
 #flyer-main-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
 }
 #flyer-main {
  width: 100%;
  height: 70vh;
  margin: 0;
  padding: 0;
  /*	background-image: url("../img_seri/bg_main.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;*/
 }
 #flyer-main img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
 }
 #title {
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
 }
 #title img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
 }
}
input[type="submit"] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 padding: 0;
 border: none;
 outline: none;
 background: transparent;
}
input[type="submit"] {
 width: 240px;
 height: 50px;
 margin: 10px 0 0;
 padding: 0;
 color: #FFFFFF;
 background: #2D4775;
 display: block;
 border-radius: 3px;
 transition: .3s;
 font-size: 1.6rem;
}
input[type="submit"]:hover {
 background: #805075;
}
html {
 font-size: 62.5%;
 overflow-x: hidden;
 background-image: url("../img_lart-reste/bg_main.jpg");
}

body {
 margin: 0;
 padding: 0;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 min-height: 100vh;
 position: relative;
}
@media screen and (max-width:767px) {
 body {
  margin: 0;
  padding: 0;
 }
}
span.soldout {
 background: #B81A35;
 color: #FFFFFF;
 display: inline-block;
 padding: 2px 5px;
 border-radius: 10px;
 margin-bottom: 3px
}
#pub {
 word-wrap: break-word;
 overflow-wrap: break-word;
}


#modal-alert {
		display: flex;

	justify-content: space-between;
}

#modal-alert .frame-wrapper__video {
	position: relative;
	width: calc(100% - 0px);
	height: 0;
	padding-bottom: 56.25%;
/*		padding-bottom: 28.125%;
		padding-bottom: 42.1875%;*/
	overflow: hidden;
	margin: 0px auto 0px;

}

.video_wrapper {
 width: 100%;
	max-width: 440px;
 margin: 20px auto 20px;
 padding: 4px;
	border: 1px solid #CCC;
}
.frame-wrapper__video {
 position: relative;
 width: calc(100% - 0px);
 height: 0;
 padding-bottom: 56.25%;
 overflow: hidden;
 margin: 0 auto;
}
#spot .video_wrapper {
 width: 100%;
	max-width: 960px;
 margin: 20px auto 20px;
 padding: 4px;
	border: 1px solid #CCC;
}
@media screen and (max-width:1000px) {
 .video_wrapper {
  width: 100%;
			max-width: 100%;
  margin: 20px auto 50px;
  padding: 4px;
 }
 .frame-wrapper__video {
  position: relative;
  width: calc(100% - 0px);
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin: 0 auto;
 }
}
.frame-wrapper__video iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
.pc {
 display: inherit
}
.sp {
 display: none
}
@media screen and (max-width:768px) {
 .pc {
  display: none
 }
 .sp {
  display: inherit
 }
}
@media screen and (min-width: 768px) {
 .br-pc {
  display: block;
 }
 .br-sp {
  display: none;
 }
}
@media screen and (max-width: 768px) {
 .br-pc {
  display: none;
 }
 .br-sp {
  display: block;
 }
}
hr {
 height: 0;
 margin: 0;
 padding: 0;
 border: 0;
 border-top: 1px solid #9F2D35;
}
/********************************************************

step

********************************************************/
#step_wrapper {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 z-index: 9999;
 background: rgba(42, 67, 105, 0.8);
 /*border-top: 1px solid #9F2D35;
	border-bottom: 1px solid #9F2D35;*/
}
.step {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: center;
}
.step li {
 width: auto;
 padding: 0 0em
}
@media screen and (max-width:960px) {
 #step_wrapper {
  display: none
 }
 .step {
  display: none
 }
}
.step a {
 display: block;
 padding: 15px 15px;
 width: 100%;
 line-height: 150%;
 font-size: 1.0rem;
 letter-spacing: 0.1rem;
 transition: all .3s
}
.step a:link {
 color: #FFFFFF;
 text-align: center;
 text-decoration: none;
 transition: all .3s
}
.step a:visited {
 color: #FFFFFF;
 text-align: center;
 text-decoration: none;
}
.step a:hover, .step a.current {
 color: #FFFFFF;
 text-decoration: none;
}
.step a span {
 font-size: 0.9rem;
 display: block;
}
.step li {}
.step li a:hover, .step a.current {
 background: rgba(31, 71, 152, 1.0);
}
.social {
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 101
}
.twitter {
 float: right;
 padding-left: 10px;
}
.container {
 margin: 0;
 padding: 0;
}
header {
 text-align: center;
 overflow: hidden;
}
.marker {
 background: linear-gradient(transparent 90%, #F4A026 0%);
}
.wave {
 text-decoration: underline wavy #F4A026
}
.dot {
 border-left: dotted 2px #9F2D35;
 border-top: dotted 2px #9F2D35;
 border-right: dotted 2px #9F2D35;
 border-bottom: dotted 2px #9F2D35;
}
header p {
 color: #FFFFFF;
 font-size: 2.4rem;
}
#numbering {
 text-align: center;
 padding: 120px 0 30px;
 font-size: 1.6rem;
}
@media screen and (max-width:1024px) {
 #numbering {
  text-align: center;
  padding: 55px 0 15px;
  font-size: 1.2rem;
  margin: 0 auto;
  position: relative
 }
 #numbering img {
  width: 50vw;
  height: auto
 }
 .container {
  width: 100%;
  margin: 0;
  padding: 0;
 }
 header {
  margin: 0;
  padding-top: 0px;
 }
 header p {
  color: #FFFFFF;
  font-size: 1.5rem;
 }
}
/********************************************************

h1~

********************************************************/
h1 {
 margin: 0 auto;
 padding: 40px 0 80px;
}
h1 img {
 max-width: 480px;
 width: 33vw;
 height: auto;
}
h1.mini {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 10px;
 left: 20px;
}
h1.mini img {
 max-width: 150px;
 width: auto;
 height: 30px;
}
h2 {
 margin: 0 auto;
 padding: 0 0 .5em;
 color: rgba(0, 0, 0, 0.8);
 line-height: 1;
 text-align: center;
 font-family: "futura-pt-bold", sans-serif;
 font-weight: 700;
 font-style: normal;
 font-size: 4.0rem;
 letter-spacing: 10px;
 position: absolute;
 left: 0;
 right: 0;
 top: 30px;
 z-index: 1
}
h2 span {
 width: 800px;
 color: rgba(0, 0, 0, 0.5);
 margin: -7px auto 0;
 padding: 15px 0 0 0;
 display: block;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 2.4rem;
 border-top: 1px solid rgba(0, 0, 0, 0.2);
	line-height: 1.5
}
h2 img {
 width: 80px;
 height: auto;
}

h3 {
 font-size: 2.0rem;
 margin: 2em 0 0;
 padding: 2px 0;
 font-weight: bold;
 color: #333333;
 line-height: 1.5;
 text-align: center;
 background: #FBCD53
}

.dvd h3 {
 font-size: 2.0rem;
 margin: 2em 0 0;
 padding: 6px 0;
 font-weight: bold;
 color: #333333;
 line-height: 1.5;
 text-align: center;
 background: #FFF
}

h4 {
 font-size: 2.0rem;
 margin: 30px 0 30px;
 padding: .3em 1em;
 text-align: left;
 display: block;
 color: #2D4775;
 border: 1px solid #2D4775;
 font-weight: normal;
	line-height: 2;
}

.dvd h4 {
 font-size: 2.0rem;
 margin: 30px 0 30px;
 padding: .3em 1em;
 text-align: left;
 display: block;
 color: #FFF;
 border: 1px solid #2D4775;
	background: #2D4775;
 font-weight: normal;
	line-height: 2;
}

h4 span {
 font-size: 1.5rem;
 margin: 0 0 .5rem 1em;
 padding: .5em 1em;
 text-align: center;
 display: inline-block;
 color: #FFFFFF;
 background: #CC0000;
 font-weight: normal;
	border-radius: 10px;
	line-height: 1
}

@media screen and (max-width:767px) {
h4 span {
 font-size: 1.0rem;
 margin: 0 0 .5rem .2em;
 padding: .2em .5em;
 text-align: center;
 display: inline-block;
 color: #FFFFFF;
 background: #CC0000;
 font-weight: normal;
	border-radius: 10px;
	line-height: 1
}
}

h5 {
 font-size: 1.8rem;
 margin: .5em 0 0;
 padding: .5em 0 .5em .5em;
 font-weight: bold;
 text-align: left;
 color: #333333;
 line-height: 1;
 display: inline-block;
 border-left: 5px solid rgba(31, 71, 152, 1.0);
}
@media screen and (max-width:1200px) {
 h1.mini {
  display: none
 }
}
@media screen and (max-width:767px) {
 h1 {
  margin: 0;
  padding: 20px 0 40px;
 }
 h1 img {
  width: 80vw;
  height: auto;
 }
 h2 img {
  width: 60px;
  height: auto;
 }

	
	h2 {
 margin: 0 auto;
 padding: 0 0 .5em;
 color: rgba(0, 0, 0, 0.8);
 line-height: 1;
 text-align: center;
 font-family: "futura-pt-bold", sans-serif;
 font-weight: 700;
 font-style: normal;
 font-size: 7.0vw;
 letter-spacing: 10px;
 position: absolute;
 left: 0;
 right: 0;
 top: 15px;
 z-index: 1
}
h2 span {
 width: 90%;
 color: rgba(0, 0, 0, 0.5);
 margin: -7px auto 0;
 padding: 15px 0 0 0;
 display: block;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 1.5rem;
 border-top: 1px solid rgba(0, 0, 0, 0.2);
}
h2 img {
 width: 80px;
 height: auto;
}
	
	
	
	
 h3 {
  font-size: 1.5rem;
  margin: 0;
  padding: 2px 0;
  text-align: center;
 }
	
	
	.dvd h3 {
 font-size: 1.5rem;
 margin: 0;
 padding: 6px 0;
}

 h4 {
  font-size: 1.5rem;
  line-height: 1.5
 }
	
	.dvd h4 {
 font-size: 1.5rem;
 margin: 30px 0 30px;
	line-height: 1.5;
}
	
	
 h5 {
  font-size: 1.4rem;
  margin: 0;
  padding: .5em;
  font-weight: bold;
  text-align: left;
  line-height: 1;
  display: inline-block
 }
}
/********************************************************

lead

********************************************************/
section#lead {
 margin: 0 auto;
 padding: 0 0 0;
 width: 1000px;
 width: 100%;
 position: relative;
 text-align: center;
 /*background: linear-gradient(#FFFFFF,80%, rgba(31,71,152,0.3));*/
}

p.catch {
 margin: 0;
 padding: 2em 0 2em;
 font-size: 3.2rem;
 font-weight: bold;
 color: #2D4775
}
p.lead {
 margin: 0;
 padding: 0 0 1em;
 font-size: 2.0rem;
 line-height: 2.0;
 letter-spacing: 0.08em;
}
p.lead span {
 font-size: 1.4rem;
}
p.lead strong {
 background: #805075;
 color: #FFFFFF;
 padding: .1em;
 font-weight: normal;
 font-size: 2.4rem;
}
p.lead em {
 color: #2D4775;
 font-style: normal;
 font-weight: bold
}
p.author {
 margin: 0;
 padding: 2em 0 3em;
 font-size: 2.0rem;
 line-height: 2.4;
 color: #2D4775
}
p.cast {
 margin: 0;
 padding: 0 0 2em;
 font-size: 2.0rem;
 line-height: 2.4;
 color: #2D4775
}
p.date {
 width: 80%;
 margin: 0 auto 3em;
 padding: 1em;
 font-size: 1.6rem;
 color: #FFFFFF;
 line-height: 1.8;
 letter-spacing: 0em;
 display: inline-block;
 border-radius: 10px;
 background: #2D4775;
}
p.date strong {
 font-size: 2.4rem;
}
@media screen and (max-width:767px) {
 section#lead {
  margin: 0 auto;
  padding: 8vh 0 25px;
  width: 100%;
  position: relative;
  text-align: center;
 }
 section#lead .inner {
  margin: 0 auto 25px;
  padding: 25px 0 0;
  width: 92%;
 }
 p.catch {
  margin: 0 auto;
  padding: 0 0 2em;
  font-size: 5vw;
  font-weight: bold;
  color: #2D4775;
  text-align: center
 }
 p.author {
  margin: 0;
  padding: 0 0 2em;
  font-size: 1.4rem;
  line-height: 2.0;
 }
 p.cast {
  margin: 0;
  padding: 0 .5em 2em;
  font-size: 1.3em;
  line-height: 2.0;
 }
 p.lead {
  margin: 0;
  padding: 0 0 2em;
  font-size: 1.5rem;
 }
 p.lead strong {
  background: #805075;
  color: #FFFFFF;
  padding: .1em;
  font-weight: normal;
  font-size: 1.6rem;
 }
 p.date {
  width: 96%;
  margin: 0 .3em 4%;
  padding: 1em .5em;
  font-size: 1.2rem;
 }
 p.date strong {
  font-size: 1.6rem;
 }
}
/********************************************************

NEWS

********************************************************/
section#news {
 margin: 0 auto;
 padding: 80px 0;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}
#news .box {
 width: calc(1000px - 0px);
 margin: 0 auto 0;
 padding: 160px 180px 80px;
 font-size: 1.6rem;
 line-height: 2.0;
 color: #333333;
 background: rgba(255, 255, 255, 0.6);
 border-radius: 10px;
}
#news dl {
 width: 100%;
	height: 400px;
	overflow: scroll;
 margin: 0 auto;
 padding: 0;
 font-size: 1.6rem;
 line-height: 200%;
 text-align: left
}

#news dl dt {
 margin: 0;
 padding: .3em 1em;
 text-align: left;
 background: #FBCD53;
 color: #333333;
}
#news dl dt a {
color: #333333;
}
#news dl dt a:visited {
 color: #333333;
}
#news dl dt a:hover {}
#news dl dd {
 margin: 0;
 padding: 0;
 text-align: left;
}


@media screen and (max-width:767px) {
 section#news {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;
  z-index: 0;
 }
 #news .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
	
	 #news dl {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 1.5rem;
  line-height: 200%;
 }

}
/*
#news iframe {
	width: 640px;
	height: 360px;

}
@media screen and (max-width:767px) {
#news iframe {
	width: 100%;
	height: 180px;
 margin: 0 auto;

}
}*/


/********************************************************

goods

********************************************************/
section#goods {
 margin: 0 auto 0;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: center;
 clear: both;
 /*background: linear-gradient(#FFFFFF, rgba(31,71,152,0.3));*/
}
#goods p {
 line-height: 2.0;
	text-align: left
}

#goods .box {
 width: calc(1000px - 0px);
 margin: 0 auto 0;
 padding: 120px 180px 80px;
 font-size: 1.6rem;
 line-height: 2.0;
 color: #333333;
 background: rgba(255, 255, 255, 0.6);
 border-radius: 10px;
}
section#goods.box p {
 color: #333333;
 font-size: 1.8rem;
 line-height: 2.0;
 text-align: justify;
 text-justify: inter-ideograph;
}
section#goods .box p strong {
 color: #FFFFFF;
 background: #805075;
 font-weight: normal
}
#goods ul {
 margin: 0 0 0 2em;
	padding: 0;
	text-align: left
}

#goods .part {
 margin: 40px 0 0;
	
}
.photo img {
	width: 100%;
	height: auto
}
.photo-half img {
	width: 60%;
	height: auto
}
@media screen and (max-width:767px) {
 section#goods {
  margin: 0 auto 0;
  padding: 40px 0 40px;
 }
 #goods p {
  line-height: 1.8
 }
 #goods .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
 section#goods .box p {
  font-size: 1.5rem;
  line-height: 2.0;
 }
 section#goods .box span.note {
  font-size: 1.0rem;
  line-height: 1.5;
  padding: 0 4%;
 }
}

/********************************************************

DVD

********************************************************/
section.dvd {
 margin: 0 auto 0;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: center;
 clear: both;
 /*background: linear-gradient(#FFFFFF, rgba(31,71,152,0.3));*/
}
.dvd p {
 line-height: 2.0
}

.dvd .box {
 width: calc(1000px - 0px);
 margin: 0 auto 0;
 padding: 120px 180px 80px;
 font-size: 1.6rem;
 line-height: 2.0;
 color: #333333;
 background: rgba(251, 205, 83, 0.6);
 border-radius: 10px;
/*	border: 10px solid #000*/
}
section.dvd .box p {
 color: #333333;
 font-size: 1.8rem;
 line-height: 2.0;
 text-align: justify;
 text-justify: inter-ideograph;
}
section.dvd .box p strong {
 color: #FFFFFF;
 background: #805075;
 font-weight: normal
}
@media screen and (max-width:767px) {
 section.dvd {
  margin: 0 auto 0;
  padding: 40px 0 40px;
 }
 .dvd p {
  line-height: 1.8
 }
 .dvd .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
 section.dvd .box p {
  font-size: 1.5rem;
  line-height: 2.0;
 }
 section.dvd .box span.note {
  font-size: 1.0rem;
  line-height: 1.5;
  padding: 0 4%;
 }
}

/********************************************************

INTRODUCTION

********************************************************/
section#intro {
 margin: 0 auto 0;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: center;
 clear: both;
 /*background: linear-gradient(#FFFFFF, rgba(31,71,152,0.3));*/
}
#intro p {
 line-height: 2.0
}

#intro .box {
 width: calc(1000px - 0px);
 margin: 0 auto 0;
 padding: 120px 180px 80px;
 font-size: 1.6rem;
 line-height: 2.0;
 color: #333333;
 background: rgba(255, 255, 255, 0.6);
 border-radius: 10px;
}
section#intro .box p {
 color: #333333;
 font-size: 1.8rem;
 line-height: 2.0;
 text-align: justify;
 text-justify: inter-ideograph;
}
section#intro .box p strong {
 color: #FFFFFF;
 background: #805075;
 font-weight: normal
}
@media screen and (max-width:767px) {
 section#intro {
  margin: 0 auto 0;
  padding: 40px 0 40px;
 }
 #intro p {
  line-height: 1.8
 }
 #intro .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
 section#intro .box p {
  font-size: 1.5rem;
  line-height: 2.0;
 }
 section#intro .box span.note {
  font-size: 1.0rem;
  line-height: 1.5;
  padding: 0 4%;
 }
 .part {
  margin: 20px 0 20px;
 }
 .part-btm {
  margin: 0 0 25px;
 }
}
/********************************************************

HIGHLIGHT

********************************************************/
section#highlight {
 margin: 0 auto 0;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: center;
 clear: both;
 /*background: linear-gradient(#FFFFFF, rgba(31,71,152,0.3));*/
}
#highlight p {
 line-height: 2.0
}

#highlight .box {
 width: calc(1000px - 0px);
 margin: 0 auto 0;
 padding: 150px 180px 80px;
 font-size: 1.6rem;
 line-height: 2.0;
 color: #333333;
 background: rgba(255, 255, 255, 0.6);
 border-radius: 10px;
 text-align: left
}
section#highlight .box p {
 color: #333333;
 font-size: 1.8rem;
 line-height: 2.0;
 text-align: justify;
 text-justify: inter-ideograph;
}
section#highlight .box p strong {
 color: #FFFFFF;
 background: #805075;
 font-weight: normal
}
@media screen and (max-width:767px) {
 section#highlight {
  margin: 0 auto 0;
  padding: 40px 0 40px;
 }
 #highlight p {
  line-height: 1.8
 }
 #highlight .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
 section#highlight .box p {
  font-size: 1.5rem;
  line-height: 2.0;
 }

}

/********************************************************

SYNOPSIS

********************************************************/
section#synopsis {
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#synopsis .box {
	width: calc(1000px - 0px);
	margin: 0 auto 0;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}

@media screen and (max-width:767px) {
 section#synopsis {
  margin: 0 auto;
  padding: 40px 0 20px;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;

 }
 #synopsis .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
}

/********************************************************

PROFILE

********************************************************/
section#profile {
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#profile .box {
	width: calc(1000px - 0px);
	margin: 0 auto 0;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}

@media screen and (max-width:767px) {
 section#profile {
  margin: 0 auto;
  padding: 40px 0 20px;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;

 }
 #profile .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
}

/********************************************************

CAST

********************************************************/
section#cast {
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: center;
 clear: both;
}
section#cast .inner {
 margin: 40px auto 0;
 padding: 0;
 position: relative;
 text-align: center;
 clear: both;
}
#cast .box {
 width: calc(1000px - 0px);
 margin: 0 auto 0;
 padding: 120px 100px 80px;
 font-size: 1.6rem;
 line-height: 2.0;
 color: #333333;
 background: rgba(255, 255, 255, 0.6);
 border-radius: 10px;
}
section#cast .box p {
 color: #333333;
 font-size: 1.5rem;
 line-height: 2.0;
 text-align: justify;
 text-justify: inter-ideograph;
}
#cast dl {
 padding-bottom: 15px;
 margin-bottom: 60px;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#cast dl dt {
 width: 300px;
 margin: 0 60px 0 0;
 padding: 0;
 position: relative;
}
#cast dl.reverse dt {
 width: 300px;
 margin: 0 0 0 60px;
 padding: 0;
 position: relative;
}
#cast dl dt img {
 width: 300px;
 height: 450px;
 object-fit: contain;
 z-index: 0
}
#cast dl dt::after {
 width: 100%;
 height: 450px;
 position: absolute;
 top: 15px;
 left: 15px;
 content: "";
 z-index: -1;
 background: #99D4DF;
}
#cast dl dd {
 width: calc(100% - 360px);
 margin: 20px 0 0;
 padding: 0;
 color: #333333;
 font-size: 1.4rem;
 line-height: 1.5;
 letter-spacing: 0.1em;
 text-align: justify;
 text-justify: inter-ideograph;
 position: relative
}
#cast dl dd .mv {
 width: 280px;
 height: 50px;
 margin: 0;
 position: absolute;
 text-align: center;
 bottom: 0;
}
#cast dl.reverse dd .mv {
 width: 280px;
 height: 50px;
 margin: 0;
 position: absolute;
 text-align: center;
 bottom: 0;
 right: 0;
}
#cast dl dd .mv i {
 margin-left: 15px;
}
#cast dl dd .mv a {
 display: block;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 line-height: 45px;
 color: #2D4775;
 font-size: 1.6rem;
 text-decoration: none;
 z-index: 2;
 border-radius: 20px;
 transition: .3s all linear;
 border: 2px solid #2D4775
}
#cast dl dd .mv a:hover {
 background: #2D4775;
 color: #FFFFFF;
}
#cast dl dd strong {
 padding: 0 .5em;
 margin-bottom: .5em;
 display: inline-block;
 color: #333333;
	background: #FBCD53;
 font-size: 1.8rem;
 font-weight: bold;
}

#cast dl dd strong.comment i {
 padding-left: .5em;
	
}

#cast dl.reverse dd strong {
 padding: 0 .5em;
 margin-bottom: .5em;
 display: inline-block;
 color: #333333;
	background: #FBCD53;
 font-weight: bold;
	font-size: 1.8rem;
 text-align: right
}

#cast dl dd strong.comment,#cast dl.reverse dd strong.comment {
 padding: .2em .5em;
	margin-top: 1em;
 margin-bottom: .5em;
 display: inline-block;
 color: #FFFFFF;
	background: #2A4369;
 font-size: 1.8rem;
 font-weight: bold;
	line-height: 1;
}
strong.comment {
 padding: .2em .5em;
	margin-top: 1em;
 margin-bottom: .5em;
 display: inline-block;
 color: #FFFFFF;
	background: #2A4369;
 font-size: 1.8rem;
 font-weight: normal;
	line-height: 1;
}
@media screen and (max-width:767px) {
 section#cast {
  margin: 0 auto;
  padding: 40px 0 0;
  width: 100%;
  position: relative;
  text-align: center;
  clear: both;
 }
 section#cast .inner {
  margin: 40px auto 0;
  padding: 0;
  width: 92%;
  position: relative;
  text-align: center;
  clear: both;
 }
	
	 #cast .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
	
 #cast dl {
  padding-bottom: 8px;
  margin-bottom: 30px;
  display: block;
 }
 #cast dl dt {
  width: 300px;
  margin: 0 auto;
  padding: 0;
  position: relative;
 }
 #cast dl.reverse dt {
  width: 300px;
  margin: 0 auto;
  padding: 0;
  position: relative;
 }
 #cast dl dt img {
  width: 300px;
  height: auto;
  object-fit: contain;
  z-index: 0;
  margin-bottom: 20px
 }
 #cast dl dt::after {
  width: 300px;
  height: 450px;
  position: absolute;
  top: 15px;
  left: 15px;
  content: "";
  z-index: -1;
 }
 #cast dl dd {
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  color: #333333;
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
 }
 #cast dl dd strong {
  padding: 0;
  margin-bottom: .5em;
  display: block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
 }
	


	
 #cast dl.reverse dd strong {
  padding: 0;
  margin-bottom: .5em;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center
 }
 #cast dl dd .mv {
  width: 90%;
  height: 50px;
  margin: 15px auto 0;
  position: relative;
  text-align: center;
  bottom: 0;
 }
 #cast dl.reverse dd .mv {
  width: 90%;
  height: 50px;
  margin: 15px auto 0;
  position: relative;
  text-align: center;
 }
 #cast dl dd .mv i {
  margin-left: 15px;
 }
 #cast dl dd .mv a {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 45px;
  color: #2D4775;
  font-size: 1.6rem;
  text-decoration: none;
  z-index: 2;
  border-radius: 20px;
  transition: .3s all linear;
  border: 2px solid #2D4775
 }
 #cast dl dd .mv a:hover {
  background: #2D4775;
  color: #FFFFFF;
 }
strong.comment {
 padding: .2em .5em;
	margin-top: 1em;
 margin-bottom: .5em;
 display: inline-block;
 color: #FFFFFF;
	background: #2A4369;
 font-size: 1.5rem;
 font-weight: normal;
	line-height: 1;
}
}
/********************************************************

staff

********************************************************/
section#staff {
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#staff .box {
	width: calc(1000px - 0px);
	margin: 0 auto 0;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}

@media screen and (max-width:767px) {
 section#staff {
  margin: 0 auto;
  padding: 40px 0 20px;
  width: 100%;
  position: relative;
  text-align: center;
  clear: both;

 }
 #staff .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
}
#staff dl {
 padding-bottom: 15px;
 margin: 50px 0 60px;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
}
#staff dl dt {
 width: 240px;
 margin: 0 60px 0 0;
 padding: 0;
 position: relative;
}
#staff dl.reverse dt {
 width: 240px;
 margin: 0 0 0 60px;
 padding: 0;
 position: relative;
}
#staff dl dt img {
 width: 240px;
 height: 320px;
 object-fit: contain;
 z-index: 0
}
#staff dl dt::after {
 width: 100%;
 height: 320px;
 position: absolute;
 top: 15px;
 left: 15px;
 content: "";
 z-index: -1;
 background: #99D4DF;
}
#staff dl dd {
 width: calc(100% - 360px);
 margin: 20px 0 0;
 padding: 0;
 color: #333333;
 font-size: 1.4rem;
 line-height: 2.0;
 letter-spacing: 0.1em;
 text-align: justify;
 text-justify: inter-ideograph;
}
section#staff .inner {
 margin: 80px auto 40px;
 padding: 0;
 width: 1000px;
 position: relative;
 text-align: center;
 clear: both;
}
section#staff p {
 color: #333333;
 font-size: 1.4rem;
 line-height: 2.0;
 letter-spacing: 0.1em;
 text-align: justify;
 text-justify: inter-ideograph;
}
#staff dl.reverse, #cast dl.reverse {
 flex-flow: row-reverse;
}
#staff dl dd strong {
  padding: 0 .5em;
 margin-bottom: .5em;
 display: inline-block;
 color: #333333;
	background: #FBCD53;
 font-size: 1.8rem;
 font-weight: bold;
}
#staff dl.reverse dd strong {
 padding: 0;
 margin-bottom: .5em;
 display: block;
 color: #2D4775;
 font-size: 1.8rem;
 font-weight: bold;
 text-align: right
}
.staff-wrapper {
 width: 600px;
 margin: 0 auto;
	
}
@media screen and (max-width:767px) {
 section#staff .inner {
  margin: 40px auto;
  padding: 0;
  width: 90%;
  position: relative;
  text-align: center;
  clear: both;
 }
 #staff dl {
  padding-bottom: 8px;
  margin: 25px 0 30px;
  display: block;
 }
 #staff dl.reverse dt {
  width: 300px;
  margin: 0 auto;
  padding: 0;
  position: relative;
 }
 #staff dl dt {
  width: 300px;
  margin: 0 auto;
  padding: 0;
  position: relative;
 }
 #staff dl dt img {
  width: 300px;
  height: auto;
  object-fit: contain;
  z-index: 0;
  margin-bottom: 20px
 }
 #staff dl dt::after {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 15px;
  left: 15px;
  content: "";
  z-index: -1;
 }
 #staff dl dd {
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 0em;
  text-align: left;
 }
 section#staff {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
 }
 .staff-wrapper {
  width: 100%;
  margin: 0 auto;
 }
 section#staff p {
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0em;
  text-align: left;
 }
 #staff dl dd strong {
  padding: 0;
  margin-bottom: .5em;
  display: block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
 }
 #staff dl.reverse dd strong {
  font-size: 1.4rem;
  text-align: center
 }
}
/********************************************************

ticket

********************************************************/
section#ticket{
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#ticket .box {
	width: calc(1000px - 0px);
	margin: 0 auto 0;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}
section#ticket p {

 font-size: 1.5rem;
 line-height: 1.8;
/* text-align: justify;
 text-justify: inter-ideograph;*/
}
#ticket dl {
 width: 100%;
 margin: 20px 0 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 font-size: 1.8rem;

}
#ticket dl dt {
 width: 13em;
 margin: 0 0 1em 0;
 padding: 0;
 line-height: 1;
 text-align: right;

}
#ticket dl dd {
 width: calc(100% - 14em);
 margin: 0 0 1em;
 padding: 0;
 line-height: 1;
 text-align: left;
	
}

#ticket dl dd strong {
 width: calc(100% - 14em);
 margin: 0 0 1em;
 padding: 0;
 line-height: 1;
 text-align: left;
	font-size: 2.4rem;

}

#ticket ul {
 margin: 15px 0 30px 1.5em;
 padding: 0;
 font-size: 1.8rem;
}
#ticket ul li {
 margin: 0 0 .4em;
 padding: 0;
 line-height: 1.8;
 color: #2D4775;
 text-align: left
}
#ticket ul li span {
 background: #805075;
 color: #FFFFFF;
 padding: .1em;
 font-weight: normal;
}

#ticket #dvd ul {
 margin: 15px 0 30px 1.5em;
 padding: 0;
 font-size: 1.5rem;
}
#ticket #dvd ul li {
 margin: 0 0 .2em;
 padding: 0;
	font-size: 1.5rem;
 line-height: 1.5;
 color: #333333;
 text-align: left
}

.map {
 margin: 30px auto;
 padding: 0;
}
.map img {
 width: 100%;
 height: auto;
 margin: 0;
}
@media screen and (max-width:767px) {
 section#ticket {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
 }
 section#ticket .inner {
  margin: 40px auto 20px;
  padding: 0;
  width: 96%;
  position: relative;
  text-align: center;
  clear: both;
 }
	
	 #ticket .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
 section#ticket p {
  color: #333333;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: left;
		text-justify: none
 }
	#ticket dl {
 width: 100%;
 margin: 20px 0 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 font-size: 1.4rem;

}
	#ticket dl dt {
 width: 13em;
 margin: 0 0 1em 0;
 padding: 0;
 line-height: 1;
 text-align: right;

}
#ticket dl dd {
 width: calc(100% - 14em);
 margin: 0 0 1em;
 padding: 0;
 line-height: 1;
 text-align: left;
	
}

#ticket dl dd strong {
 width: calc(100% - 14em);
 margin: 0 0 1em;
 padding: 0;
 line-height: 1;
 text-align: left;
	font-size: 1.8rem;

}
	
	
 #ticket ul {
  margin: 15px 0 30px 1.5em;
  padding: 0;
  font-size: 1.5rem;
 }
 .map {
  margin: 30px auto;
  padding: 0;
 }
 .map img {
  width: 100%;
  height: auto;
  margin: 0;
 }
}
/********************************************************

sch

********************************************************/
section#sch{
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#sch .box {
	width: calc(1000px - 0px);
	margin: 0 auto 0;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}
section#sch p {

 font-size: 1.6rem;
 line-height: 2.0;
 padding-bottom: 1em;
}
section#sch p.note {
 color: #333333;
 font-size: 1.5rem;
 line-height: 1.5;
 letter-spacing: 0.1em;
 padding-bottom: .5em;
 padding-left: 1em;
 text-indent: -1em;
 margin: 0;
}
#sch table.first {
 width: auto;
 margin: 20px 0 10px;
 padding: 0;
 background: #FFFFFF;
 border-radius: 10px;
 color: #333333;
}
#sch table {
 width: auto;
 margin: 0px 0 10px;
 padding: 0;
 background: #FFFFFF;
 border-radius: 10px;
 color: #333333;
}
section#sch .inner {
 margin: 30px auto 0;
 padding: 0;
 width: 900px;
 position: relative;
 text-align: left;
 clear: both;
}
#sch table img {
 margin-left: 3px;
}
#sch table th {
 margin: 0;
 padding: 10px 5px;
 font-size: 2.4rem;
 text-align: center;
 line-height: 1.3;
 border-bottom: 3px solid #2D4775
}
#sch table th span {
 display: block;
 font-size: 1.4rem;
}
#sch table td {
 width: calc(900px / 14);
 font-size: 1.3rem;
 text-align: center;
 padding: 15px 5px;
 border-bottom: 1px solid #2D4775;
 line-height: 1;
}
#sch table td.month {
 margin: 0;
 padding: 0;
 font-size: 5.0rem;
 color: #2D4775;
 vertical-align: top;
}
#sch table td.month span {
 margin-top: 0;
 font-size: 1.4rem;
}
#sch table tr.last td {
 border-bottom: none
}
#sch table tr td.last {
 border-bottom: none
}
#sch table td span i {
 padding-left: 5px
}
.sun {
 color: #9F2D35;
}
#sch span.note {
 margin: 0;
 padding: 1em 0;
 font-size: 1.4rem;
 color: #333333;
 text-align: left;
 display: block;
 line-height: 180%;
}
#sch table img {
 margin-left: 0px;
}

#sch #info h4 {
 font-size: 1.8rem;
 margin: 15px 0;
 padding: .2em .8em;
 text-align: left;
 display: block;
 color: #2D4775;
 border: 1px solid #2D4775;
 font-weight: normal;
	line-height: 2;
}

#sch ul {
 margin: 0 0 0 2em;
	padding: 0;
	text-align: left
}


@media screen and (max-width:767px) {
	
	#sch #info h4 {
 font-size: 1.5rem;
 margin: 10px 0;
 padding: .2em .8em;
 text-align: left;
 display: block;
 color: #2D4775;
 border: 1px solid #2D4775;
 font-weight: normal;
	line-height: 2;
}
	
 section#sch {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
 }
 #sch .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 170px 10px 20px;
  font-size: 1.4rem;
 }
 section#sch p {
  color: #333333;
  font-size: 1.3rem;
  line-height: 1.8;
  padding-bottom: 1em;
 }
 section#sch p.note {
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  padding-bottom: .5em;
  padding-left: 1em;
  text-indent: -1em;
  margin: 0;
 }
 #sch dl {
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
  color: #333333;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 1.3rem;
 }
 #sch dl dt {
  margin: 0 1em 1em 0;
  padding: 0;
  line-height: 1;
 }
 #sch dl dd {
  margin: 0 0 1em;
  padding: 0;
  line-height: 1
 }
 #sch ul {
  margin: 15px 0 30px 1.5em;
  padding: 0;
  color: #333333;
  font-size: 1.3rem;
 }
 #sch ul li {
  margin: 0 0 .4em;
  padding: 0;
  line-height: 1.8;
 }
 sch table.first {
  width: auto;
  margin: 20px 0 10px;
  padding: 0;
  background: #FFFFFF;
  border-radius: 10px;
  color: #333333;
 }
 #sch table {
  width: auto;
  margin: 0px 0 10px;
  padding: 0;
  background: #FFFFFF;
  border-radius: 10px;
  color: #333333;
 }
 section#sch .inner {
  margin: 30px auto 0;
  padding: 0;
  width: 92%;
  position: relative;
  text-align: left;
  clear: both;
 }
 #sch table img {
  margin-left: 0px;
 }
 #sch table th {
  margin: 0;
  padding: 10px 5px;
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.3;
  border-bottom: 3px solid #58433E
 }
 #sch table th span {
  display: block;
  font-size: 1.4rem;
 }
 #sch table td {
  width: calc(900px / 14);
  font-size: 1.3rem;
  text-align: center;
  padding: 15px 5px;
  border-bottom: 1px solid #333333;
  line-height: 1;
 }
 #sch table td.month {
  margin: 0;
  padding: 0;
  font-size: 5.0rem;
  vertical-align: top;
 }
 #sch table td.month span {
  margin-top: 0;
  font-size: 1.4rem;
 }
 #sch table tr.last td {
  border-bottom: none
 }
 #sch table tr td.last {
  border-bottom: none
 }
 #sch table td span i {
  padding-left: 5px
 }
 .sun {
  color: #9F2D35;
 }
 #sch span.note {
  margin: 0;
  padding: 1em 0;
  font-size: 1.4rem;
  color: #333333;
  text-align: left;
  display: block;
  line-height: 180%;
 }
}
.seat-wrapper {
 display: flex;
 justify-content: space-between;
 margin-top: 25px;
 padding-bottom: 50px;
}
.seat {
 width: 440px;
 margin: 0;
 padding: 10px;
 background: #FFFFFF;
 border-radius: 10px;
 cursor: pointer;
 transition: .6s
}
p.seat span {
 text-align: center;
 color: #FFFFFF;
 display: block;
 background: #333333;
 border-radius: 10px;
}
.seat img {
 width: 100%;
 height: auto;
 margin: 0;
}
.seat img:hover {
 opacity: .8
}
.popup_wrap input {
 display: none;
}
.popup_overlay {
 display: flex;
 justify-content: center;
 overflow: auto;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.8);
 opacity: 0;
 transition: opacity 0.5s, transform 0s 0.5s;
 transform: scale(0);
}
.popup_trigger {
 position: absolute;
 width: 100%;
 height: 100%;
}
.popup_content {
 position: relative;
 align-self: center;
 width: 90vw;
 /*	max-height:80vh;*/
 max-width: 90vw;
 box-sizing: border-box;
 background: #fff;
 line-height: 1.4em;
 transition: 0.5s;
 border-radius: 12px;
 box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
}
.popup_content p img {
 width: 96%;
 height: auto;
}
.popup_content2 {
 position: relative;
 align-self: center;
 width: 90vw;
 /*	max-height:80vh;*/
 max-width: 90vw;
 box-sizing: border-box;
 background: #fff;
 line-height: 1.4em;
 transition: 0.5s;
 border-radius: 12px;
 box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
 text-align: center
}
.popup_content2 p img {
 width: auto;
 height: 90vh;
 text-align: center
}
@media screen and (max-width:960px) {
 .seat-wrapper {
  display: block;
  margin-top: 25px;
  padding-bottom: 50px;
 }
 .seat {
  width: 100%;
  margin: 0 0 40px;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  cursor: pointer;
  transition: .6s
 }
 .popup_content {
  position: relative;
  align-self: center;
  width: 96vw;
  /*	max-height:80vh;*/
  max-width: 96vw;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
 }
 .popup_content p img {
  width: 90vw;
  height: auto;
 }
 .popup_content2 {
  position: relative;
  align-self: center;
  width: 96vw;
  /*	max-height:80vh;*/
  max-width: 96vw;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
  text-align: center
 }
 .popup_content2 p img {
  width: 90vw;
  height: auto;
  text-align: center
 }
}
.popup_content p {
 padding: 0;
 text-align: center;
}
.popup_content p img {
 padding: 30px 0 0 0
}
.close_btn {
 position: absolute;
 top: 14px;
 right: 16px;
 font-size: 30px;
 cursor: pointer;
 color: #666666;
 z-index: 999999
}
.popup_wrap input:checked ~ .popup_overlay {
 opacity: 1;
 transform: scale(1);
 transition: opacity 0.5s;
}
.open_btn {
 /* color: #37beb0;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    border:1px solid #37beb0;
    padding:5px 15px;
    font-weight: bold;*/
}
.open_btn:hover {
 background: #2D4775;
 color: #fff;
 transition: .3s ease;
}
@media screen and (max-width:960px) {
 section#ticket {
  margin: 0 auto;
  padding: 50px 0;
 }
 section#ticket p {
  margin: .5em 0;
  color: #333333;
  font-size: 1.3rem;
  line-height: 2.0;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
 }
}

/********************************************************

ABOUT

********************************************************/
section#about {
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#about .box {
	width: calc(1000px - 0px);
	margin: 0 auto 0;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}


#about p {

	padding: 40px 0 0;
	
}




@media screen and (max-width:767px) {
 section#about {
  margin: 0 auto;
  padding: 40px 0 20px;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;

 }
 #about .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
}

/********************************************************

CONTACT

********************************************************/
section#contact {
 margin: 0 auto;
 padding: 80px 0 0;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#contact .box {
	width: calc(1000px - 0px);
	margin: 0 auto 100px;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}


#contact p {

	padding: 40px 0 0;
	
}

#contact h3 {

	margin-bottom: 20px;
	
}




@media screen and (max-width:767px) {
 section#contact {
  margin: 0 auto;
  padding: 40px 0 20px;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;

 }
 #contact .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
}

/********************************************************

playguide

********************************************************/
section#playguide {
 margin: 0 auto;
 padding: 80px 0 100px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}
section#playguide .inner {
 margin: 40px auto;
 padding: 0;
 width: 800px;
 position: relative;
 text-align: center;
 clear: both;
}
section#playguide ul li {
 list-style-type: none;
 font-size: 1.5rem;
 line-height: 1.8;
 text-align: left;
 margin-top: 40px;
}
section#playguide .inner p {
 font-size: 1.5rem;
 text-align: left;
}
section#playguide .inner p a, section#pub .inner a, #live p a {
 font-size: 1.5rem;
 text-align: left;
 color: #FFFFFF;
 background: rgba(31, 71, 152, 0.8);
 padding: .3em 1em;
 border-radius: 10px;
 text-decoration: none;
}
section#sch ul li a {
 text-decoration: underline
}
section#sch ul li a:hover {
 text-decoration: none
}
section#playguide .inner p a:hover, section#sch ul li p a:hover, section#pub a:hover, #live p a:hover {
 text-decoration: none;
 background: rgba(31, 71, 152, 1.0);
}
@media screen and (max-width:767px) {
 section#playguide {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;
 }
 section#playguide .inner {
  margin: 40px auto;
  padding: 0;
  width: 96%;
  position: relative;
  text-align: center;
  clear: both;
 }
 section#playguide ul li {
  list-style-type: none;
  font-size: 1.3rem;
  line-height: 1.8;
  text-align: left;
  margin-top: 40px;
 }
}
/********************************************************

movie

********************************************************/
#movie .photo {
 width: 940px;
 margin: 0 auto 30px;
 display: flex;
 justify-content: space-between;
 align-items: flex-start
}
#movie .photo img {
 width: 450px;
 height: auto
}
@media screen and (max-width:1024px) {
 #movie .photo {
  width: 100%;
  margin: 0 auto 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start
 }
 #movie .photo img {
  width: 100%;
  height: auto
 }
}
/********************************************************

pub

********************************************************/
section#pub {
 margin: 0 auto;
 padding: 100px 0 150px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
 background: linear-gradient(#FFFFFF, 80%, rgba(31, 71, 152, 0.3));
}
section#pub .inner {
 margin: 40px auto 40px;
 padding: 0;
 width: 900px;
 position: relative;
 text-align: center;
 clear: both;
}
#pub p {
 margin: 0;
 padding: 0;
 color: #FFFFFF;
 font-size: 1.6rem;
 line-height: 1.5;
 letter-spacing: 0.1em;
 text-align: justify;
 text-justify: inter-ideograph;
}
#pub p a:link {
 color: #FFFFFF;
}
@media screen and (max-width:767px) {
 section#pub {
  margin: -32px auto 0;
  padding: 0 0 100px;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;
 }
 section#pub .inner {
  margin: 40px auto 40px;
  padding: 0;
  width: 96%;
  position: relative;
  text-align: center;
  clear: both;
 }
 #pub p {
  padding-bottom: 1.5em;
  color: #FFFFFF;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
 }
}




/********************************************************

footer

********************************************************/
footer {
 margin: 0 auto;
 padding: 100px 0;
 width: 100%;
 height: auto;
 position: relative;
 text-align: center;
 clear: both;
 background: #2A4369;
 z-index: 0;
}
footer p {
 list-style-type: none;
 padding: 0 0 1em;
 color: #FFFFFF;
 font-size: 1.5rem;
 letter-spacing: 0.12rem;

		
}

footer p a:link {
 color: #FFFFFF;
}
footer ul {
 display: flex;
 justify-content: center
}
footer ul li {
 list-style-type: none;
 padding: 20px 30px;
 color: #FFFFFF;
 font-size: 1.6rem;
 letter-spacing: 0.12rem;
		font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
	
}
footer ul li img {
 width: auto;
 height: 40px;
 margin-bottom: 15px;
 padding: 0 15px;
}


footer ul.logo li {

	font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: normal;
		
}
#page-top {
 position: fixed;
 bottom: 30px;
 right: 20px;
 font-size: 100%;
 z-index: 9999;
}
#page-top a {
 background: rgba(31, 71, 152, 0.6);
 text-decoration: none;
 color: #fff;
 width: 80px;
 height: 80px;
 margin: 0;
 padding: 0;
 line-height: 80px;
 text-align: center;
 display: block;
 transition: background .6s, color .6s;
 /*	border-radius: 50%;*/
}
#page-top a:hover {
 text-decoration: none;
 background: rgba(31, 71, 152, 1);
 color: #FFFFFF;
}
@media screen and (max-width: 960px) {
 .social {
  top: 0px;
  right: 0px;
  z-index: 101;
  width: 100%;
  height: 30px;
  overflow: hidden;
  display: flex;
  justify-content: flex-end
 }
 .social iframe {
  margin: 5px 0 5px 5px;
  height: 20px;
  overflow: hidden;
  float: none;
 }
 .twitter {
  float: right;
  margin-right: 10px;
 }
 footer {
  margin: 0 auto;
  padding: 50px 0 50px;
 }
 footer > img {
  width: 100%;
  height: auto
 }
 footer ul.logo {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
		

 }
 footer ul li {
  list-style-type: none;
  padding: 20px 30px;
  color: #FFFFFF;
  font-size: 1.3rem;
  letter-spacing: 0.12rem;
				
 }
 footer ul li img {
  width: 35%;
  height: auto
 }
 #page-top {
  position: fixed;
  bottom: 30px;
  right: 15px;
  font-size: 77%;
  z-index: 3;
 }
 #page-top a {
  text-decoration: none;
  color: #fff;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  line-height: 50px;
  text-align: center;
  display: block;
  transition: background .6s, color .6s;
 }
 #page-top a:hover {
  text-decoration: none;
 }
}
.clearfix:after {
 content: '';
 display: block;
 clear: both;
}
a:link {
 color: #2D4775;
 text-decoration: none;
 transition: .3s;
 font-weight: bold;
}
a:visited {
 color: #2D4775;
 text-decoration: none;
}
a:hover {
 color: #333333;
 text-decoration: underline;
}
/* clearfix */
.grid:after {
 content: '';
 display: block;
 clear: both;
}
.clearfix:after {
 content: '';
 display: block;
 clear: both;
}
.block {
 margin-top: 40px;
}
.fadeInDown {
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-duration: 1s;
 -ms-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% {
  opacity: 0;
  -webkit-transform: translateY(20px);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateY(0);
 }
}
@keyframes fadeInDown {
 0% {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
 }
}
.fadeInDown2 {
 -webkit-animation-fill-mode: both;
 -ms-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-duration: 1.5s;
 -ms-animation-duration: 1.5s;
 animation-duration: 1.5s;
 -webkit-animation-name: fadeInDown2;
 animation-name: fadeInDown2;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown2 {
 0% {
  opacity: 0;
  -webkit-transform: translateY(40px);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateY(0);
 }
}
@keyframes fadeInDown2 {
 0% {
  opacity: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
 }
 100% {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
 }
}
ul#sns {
 width: 100px;
 margin: 0 auto 30px;
 padding: 0;
 display: flex;
 justify-content: center;
}
ul#sns li {
 margin: 0 13px;
 padding: 0;
 list-style-type: none;
 color: #FFFFFF;
 font-size: 1.8rem;
}
ul#sns li a:link, ul#sns li a:visited {
 color: #FFFFFF;
 text-decoration: none;
 transition: .3s;
}
ul#sns li a:hover {
 color: #FBCD53;
}
@media screen and (max-width:960px) {
 ul#sns {
  width: 60%;
  margin: 0 auto 15px;
  padding: 0;
  display: flex;
  justify-content: center;
 }
 ul#sns li {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 1.8rem;
		
 }
 #menu {
  display: none
 }
}
.link-btn {
 color: #FFF;
}
.link-btn a {
 background: #9F2D35;
 color: #FFF;
 margin-top: 10px;
 padding: 5px 15px 5px;
 border-radius: 20px;
 display: inline-block;
 transition: .4s
}
.link-btn a:visited {
 color: #FFF;
}
.link-btn a:hover {
 text-decoration: none;
 background: #FDF12D;
 color: #000;
}
.covid19 {
 margin: 60px auto 20px;
}
.covid19 a {
 width: 760px;
 height: 100%;
 margin: 0 auto 10px;
 color: #FFFFFF;
 display: block;
 border: 1px solid rgba(31, 71, 152, 1.0);
 padding: .5em 0;
 font-size: 1.8rem;
 text-decoration: none;
 transition: .3s;
 background: rgba(31, 71, 152, 1.0);
 border-radius: 20px;
}
.covid19 a:hover {
 color: #FFFFFF;
 display: block;
 border: 1px solid #FFFFFF;
 text-decoration: none;
 background: #2D4775;
}
@media screen and (max-width:767px) {
 .covid19 a {
  width: 90vw;
  text-align: center;
  font-size: 1.4rem;
 }
}
#sch #aftertalk {
 width: 100%;
 background: #FFFFFF;
 margin: 30px auto;
 padding: 2em 2em 0;
 border: 2px solid rgba(31, 71, 152, 1.0);
}
#sch #aftertalk h3 {
 margin-bottom: 1em;
}
#sch #aftertalk h4 {
 font-size: 1.8em;
 margin: 2em 0 .5em;
 padding: 0;
 font-weight: bold;
 text-align: left;
 border: none;
 line-height: 1;
}
#sch #aftertalk p {
 margin: 0;
 padding: 0;
 color: #333333
}
#sch #aftertalk span {
 margin: 0;
 padding: 1em 0 0;
 color: #CC0000;
 font-size: 1.4rem;
 display: block
}
#sch #aftertalk dl {
 margin: 30px auto;
 display: flex;
 justify-content: space-between;
}
#sch #aftertalk dl dt img {
 width: 240px;
 height: auto
}
#sch #aftertalk dl dd {
 font-size: 1.5rem;
 line-height: 1.8;
}
#sch #aftertalk dl dd strong {
 display: block;
 margin-bottom: .5em;
}
@media screen and (max-width:767px) {
 #sch #aftertalk {
  width: 100%;
  background: #FFFFFF;
  margin: 30px auto;
  padding-top: -30px;
  padding: 10px;
 }
 #sch #aftertalk h4 {
  font-size: 1.2em;
  margin: 2em 0 1em;
  padding: 0;
  font-weight: bold;
  text-align: left;
  line-height: 1;
 }
 #sch #aftertalk dl {
  width: 100%;
  margin: 30px auto;
  padding: 0;
  display: block;
 }
 #sch #aftertalk dl dt {
  width: 100%;
  margin: 0;
  padding: 0;
 }
 #sch #aftertalk dl dt img {
  width: 100%;
  height: auto
 }
}
#sch #streaming {
 width: 100%;
 background: #FFFFFF;
 margin: 30px auto;
 padding: 2em;
 border: 2px solid rgba(31, 71, 152, 1.0);
}
#sch #streaming h3 {
 margin-bottom: 1em;
}
#sch #streaming h4 {
 font-size: 1.8em;
 margin: 2em 0 .5em;
 padding: 0;
 font-weight: bold;
 text-align: left;
 border: none;
 line-height: 1;
}
#sch #streaming h5 {
 margin: 1em 0 0;
 color: #333333;
}
#sch #streaming h5.bg {
 margin: 0em 0 0;
 padding: .3em 1em;
 color: #FFFFFF;
 background: #F4A026;
 display: inline-block;
}
#sch #streaming p {
 margin: 0;
 padding: 0;
 color: #333333
}
@media screen and (max-width:767px) {
 #sch #streaming {
  width: 100%;
  background: #FFFFFF;
  margin: 30px auto;
  padding-top: -30px;
  padding: 10px;
 }
 #sch #streaming h4 {
  font-size: 1.2em;
  margin: 2em 0 1em;
  padding: 0;
  font-weight: bold;
  text-align: left;
  color: #F4A026;
  line-height: 1;
 }
 #sch #streaming h5 {
  margin: 1em 0 0;
  color: #333333;
  font-size: 1.0em;
 }
}
/********************************************************

flyer

********************************************************/
#flyer {
 padding: 40px 0 20px;
}
#flyer ul {
 width: 100%;
 margin: 20px auto 30px;
 display: flex;
 justify-content: center;
 list-style-type: none;
}
#flyer ul li {
 height: auto;
}
#flyer ul li img {
 width: 180px;
 height: auto;
 margin: 0 15px;
 transition: .3s;
 z-index: 1;
 filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.3));
}
#flyer ul li img:hover {
 transform: scale(1.1, 1.1);
 z-index: 2;
 filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.0));
}
#flyer .btn_dl a {
 border: 1px solid #2D4775;
 padding: .5em 1em;
 display: inline-block;
 text-decoration: none;
 transition: .3s;
 color: #2D4775;
 font-size: 1.6rem;
 background: #FFFFFF;
 border-radius: 10px;
}
#flyer .btn_dl a:hover {
 background: #2D4775;
 color: #FFFFFF;
}
@media screen and (max-width:1024px) {
	#flyer {
		margin: 0;
 padding: 0;
}
 #flyer ul {
  width: 100%;
  margin: 0 auto 15px;
  display: flex;
  justify-content: center;
 }
 #flyer ul li {
  height: auto;
 }
 #flyer ul li img {
  width: 60%;
  height: auto;
 }
 #flyer .btn_dl a {
  width: 90%;
 }
}
.parallax {
 min-height: 100vh;
 padding: 60px 0 0;
 background-position: center bottom;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: contain;
 bottom: 0px
}
/*.content {
    padding: 60px;
    background-color: #fff;
}*/
.parallax.bg-01 {
 background-image: url("../img_lart-reste/bg_footer.jpg");
	
}
@media screen and (max-width:850px) {
 .parallax {
  min-height: 36vh;
  padding: 00;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: contain;
 }
}
#title img.txt01 {
 animation: fadeIn-txt 4s;
 opacity: 0;
 animation-fill-mode: forwards;
}
#title img.txt02 {
 animation: fadeIn-txt 4s;
 animation-delay: 1.0s;
 opacity: 0;
 animation-fill-mode: forwards;
}
#title img.txt03 {
 animation: fadeIn-txt 4s;
 animation-delay: 1.2s;
 opacity: 0;
 animation-fill-mode: forwards;
}
#title img.txt04 {
 animation: fadeIn-txt 4s;
 animation-delay: 3.0s;
 opacity: 0;
 animation-fill-mode: forwards;
}
#title img.txt05 {
 animation: fadeIn-txt 4s;
 animation-delay: 2.0s;
 opacity: 0;
 animation-fill-mode: forwards;
}
#title img.txt06 {
 animation: fadeIn-txt 4s;
 animation-delay: 3.0s;
 opacity: 0;
 animation-fill-mode: forwards;
}
#title img.ttl {
 animation: fadeIn-ttl 4s;
 animation-delay: 2.0s;
 opacity: 0;
 animation-fill-mode: forwards;
}

.note-word {
	width: 590px;
	margin: 1em auto 3em;
	font-size: 1.2rem;
padding-left: 1em;
  text-indent: -1em;
	text-align: left;
	line-height: 1.8;

}
@media screen and (max-width:767px) {
.note-word {
	width: 90%;
	margin: 1em auto 3em;
	font-size: 1.2rem;
padding-left: 1em;
  text-indent: -1em;
	text-align: left;
	line-height: 1.8;

}
}
@keyframes fadeIn-txt { /*animation-nameで設定した値を書く*/
 0% {
  opacity: 0
 } /*アニメーション開始時は不透明度0%*/
 100% {
  opacity: 1
 } /*アニメーション終了時は不透明度100%*/
}
@keyframes fadeIn-ttl { /*animation-nameで設定した値を書く*/
 0% {
  opacity: 0
 } /*アニメーション開始時は不透明度0%*/
 100% {
  opacity: 1
 } /*アニメーション終了時は不透明度100%*/
}

/********************************************************

pv

********************************************************/
section#pv{
 margin: 0 auto;
 padding: 80px 0 80px;
 width: 100%;
 position: relative;
 text-align: left;
 clear: both;
}


#pv .box {
	width: calc(1000px - 0px);
	margin: 0 auto 0;
	padding: 120px 180px 80px;
	font-size: 1.6rem;
	line-height: 2.0;
	color: #333333;
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
}
section#pv p {

 font-size: 1.6rem;
 line-height: 2.0;
 padding-bottom: 1em;
}

@media screen and (max-width:767px) {
 section#pv {
  margin: 0 auto;
  padding: 40px 0 20px;
  width: 100%;
  position: relative;
  text-align: left;
  clear: both;

 }
 #pv .box {
  width: calc(96% - 0px);
  margin: 0 auto 0;
  padding: 140px 10px 20px;
  font-size: 1.4rem;
 }
}