@charset "UTF-8";
/* CSS Document */
/*----------clearfix短縮型cfで指定する-------*/
.cf:before, .cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

/*



*/
/*----------clearfix短縮型cfで指定する-------*/
body {
  font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 12px;
  font-color: white;
  line-height: 1.2em;
  /*background:#221108 url(../img/dot_bg.png); */ }

#topbg {
  background: #221108 url(../img/dot_bg.png); }

@media screen and (min-width: 650px) {
  body {
    font-size: 14px;
    min-width: 1000px; }

  .header {
    width: 1000px;
    margin: 0 auto;
    position: relative; } }
@media screen and (min-width: 650px) {
  .br-pc {
    display: block; }

  .br-sp {
    display: none; } }
@media screen and (max-width: 650px) {
  .br-pc {
    display: none; }

  .br-sp {
    display: block; } }
@media screen and (min-width: 650px) {
  .br-pc {
    display: block; }

  .br-sp {
    display: none; } }
@media screen and (max-width: 650px) {
  .br-pc {
    display: none; }

  .br-sp {
    display: block; } }
/*--main------------*/
#topbg .oa {
  font-size: 120%;
  color: #e8e8e7;
  padding: 10px 0;
  width: 99%;
  margin: 0 auto;
  font-weight: bold;
  text-shadow: 0 0 10px #d7caf9; }

.oa span {
  font-size: 130%; }

.news {
  background: #d7caf9;
  color: #1b0c44;
  font-weight: bold;
  padding: 20px 10px;
  border-radius: 6px;
  width: 96%;
  opacity: 0.8; }

.news h1 {
  font-family: 'Sorts Mill Goudy', serif;
  font-size: 125%;
  color: #1b0c44;
  border-bottom: 1px solid #1b0c44;
  margin: 0 0 5px; }

#pubInfo_txt {
  font-size: 140%;
  line-height: 1.2em;
  font-weight: bold; }

#pubInfo_txt span {
  font-size: 160%;
  line-height: 1.2em; }

#pubInfo_sub {
  font-size: 120%;
  line-height: 1.2em; }

#pubMarkBox {
  background: #133a53;
  color: #1b0c44;
  padding: 7px;
  font-size: 110%;
  border-radius: 6px;
  font-weight: bold; }

.sns p {
  margin: 0 5px 0 0; }

@media screen and (max-width: 649px) {
  .main {
    width: 100%;
    margin: 0 auto; }

  .oa {
    padding: 10px 0 0;
    line-height: 1.8em; }

  #pubMarkBox {
    float: right; }

  .banner {
    margin: 5px 0 0; }

  .nav ul li a {
    width: 48%;
    float: center;
    padding: 10px 1px;
    text-align: center; } }
@media screen and (min-width: 650px) {
  .main {
    width: 1000px;
    margin: 0 auto;
    height: 850px;
    background: url(../img/top202511_01.jpg) no-repeat left;
    position: relative; }

  .main .tsub {
    position: absolute;
    top: 5px;
    left: 80px; }

  .main .logo {
    position: absolute;
    right: 50px;
    bottom: 0; }

  .main .sns {
    position: absolute;
    top: 710px;
    left: 60px; }

  .main .news {
    position: absolute;
    left: 50px;
    bottom: 30px;
    width: 320px; }

  .main .baner {
    position: absolute;
    left: 300px;
    bottom: 30px;
    width: 680px; }

  .oaarea {
    width: 570px;
    margin: 3px auto; }

  #topbg .oa {
    width: 535px; } }
/*--nav-------------*/
.nav {
  background: #5e5a28;
  width: 100%;
  font-family: 'Sorts Mill Goudy' , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝", serif;
  font-weight: bold;
  z-index: 5;
  opacity: 0.8; }

.top_nav {
  margin-top: 97px; }

.nav ul li a {
  float: left;
  width: 170px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  display: block;
  letter-spacing: 0.19em; }

.nav ul li a:hover, .nav ul li .on {
  color: #F0E222;
  display: block; }

@media screen and (min-width: 650px) {
  .nav {
    width: 100%;
    box-shadow: 10px 0 20px #3a040d; }

  .top_nav {
    margin-top: 130px; }

  .nav ul {
    width: 1000px;
    margin: 0 auto; }

  .nav ul li a {
    float: center;
    /*PRESENT無⇒*/
    padding: 0 21px;
    /*PRESENT有⇒padding:0 21px;*/
    margin: 15px 0;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.18em;
    border-right: 1px solid #fff; }

  .brnone {
    border: none; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .nav ul li a {
    /*PRESENT無⇒*/
    padding: 5px 30px;
    /*PRESENT有⇒ padding:5px 21px;*/ }

  /*Chrome用NAV*/ }
@media screen and (max-width: 649px) {
  .nav ul li a {
    border-bottom: 1px solid #360656;
    width: 49.5%;
    padding: 30px 0 15px; }

  .nav ul li a:nth-child(odd) {
    border-right: 1px solid #360656; } }
ruby rt {
  font-size: 12px; }

/*--Wrap-------------*/
.Wrap {
  width: 100%;
  margin: 15px auto 0; }

@media screen and (min-width: 650px) {
  .Wrap {
    width: 1000px;
    margin: 25px auto 0; }

  #ver2 .logo img {
    width: 360px; } }
/*--introduction-------------*/
#ver2 {
  color: #fff;
  background: #221108 url(../img/dot_bg.png); }

#ver2 .header {
  background: url(../img/cast_top.png) no-repeat;
  margin: 0 auto; }

#ver2 .oa {
  color: white;
  font-size: 120%;
  color: gold;
  text-shadow: 0 0 5px #000;
  font-weight: bold; }

#pubSummary, .sum2 {
  color: white;
  padding: 10px;
  font-size: 120%;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  background: rgba(66, 19, 55, 0.7); }

.mar {
  margin: 0 10px 10px; }

@media screen and (min-width: 650px) {
  #ver2 .header {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    height: 220px; }

  #ver2 .logo {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0; }

  #ver2 .oa {
    position: absolute;
    bottom: 20px;
    left: 200px;
    letter-spacing: 0.1em; }

  #ver2 .sns {
    position: absolute;
    bottom: 50px;
    right: 10px; }

  .mar30 {
    margin: 30px 0 0; } }
@media screen and (max-width: 649px) {
  #ver2 .header {
    width: 100%;
    background: url(../img/cast_stop.png) no-repeat;
    margin: 0 auto; }

  #ver2 .logo {
    margin: 5px 0; }

  #ver2 .sns {
    text-align: right;
    margin: 0 5px 0 0; }

  #ver2 .oa {
    text-align: center;
    letter-spacing: 0.05em; }

  .big {
    font-size: 130%; }

  .intr01 {
    font-size: 160%;
    color: gold;
    text-shadow: 0 0 4px #f0f0f0;
    line-height: 1.3em; } }
/*--cast＆staff-------------*/
.cast {
  font-size: 125%;
  line-height: 1.5em;
  letter-spacing: 0.02em;
  background: rgba(66, 19, 55, 0.7); }

.cast h3 {
  font-family: 'Sorts Mill Goudy', serif;
  font-size: 30px;
  letter-spacing: 0.1em;
  color: gold; }

.cast h5 {
  font-size: 24px;
  letter-spacing: 0.1em;
  color: white; }

.c_list {
  text-align: left; }

.c_txt h4 {
  color: gold;
  font-size: 140%;
  padding: 3px 0;
  border-bottom: #988B36 dotted 3px; }

@media screen and (min-width: 650px) {
  .cast h3 {
    margin: 0 0 30px; }

  .cast .c_txt {
    width: 750px; }

  .c_list {
    margin: 50px 0; } }
@media screen and (max-width: 649px) {
  .cast h3 {
    font-size: 25px; }

  .c_list {
    margin: 10px 0 50px; }

  .cast img {
    text-align: center; }

  .staff {
    line-height: 1.6em;
    margin: 15px 0; } }
/*--story-------------*/
.story {
  letter-spacing: 0.08em; }

a.anchor {
  display: block;
  padding-top: 130px;
  margin-top: -130px; }

.sl {
  margin: 20px 0 0;
  padding: 20px;
  background: rgba(66, 19, 55, 0.7); }

.sr {
  margin: 30px 0 0;
  border: #444 solid 1px;
  padding: 15px 10px;
  box-shadow: 0 0 3px #888;
  background: rgba(66, 19, 19, 0.7); }

.story h1 {
  font-family: 'Lora', serif;
  margin: 40px 0 15px;
  font-size: 140%;
  color: gold;
  line-height: 200%; }

.story h2 {
  font-family: 'Lora', serif;
  margin: 0 0 15px;
  font-size: 130%;
  color: gold;
  line-height: 190%; }

.date {
  color: white;
  font-size: 130%;
  margin-bottom: 20px;
  line-height: 1.2em; }

.sr {
  text-align: center;
  margin: 30px 0 0;
  border: #444 solid 1px;
  padding: 15px 10px;
  box-shadow: 0 0 3px #888;
  background: rgba(4, 12, 75, 0.7); }

.txt {
  color: white;
  margin: 10px;
  line-height: 1.5em;
  font-size: 130%; }

.copy {
  color: white;
  text-align: right; }

.bn {
  height: 230px; }

.bn li {
  font-family: 'Lora', serif;
  font-size: 150%;
  display: block;
  margin: 15px;
  float: left;
  width: 35px; }

.bn .on a {
  color: gold;
  text-decoration: none;
  display: block;
  letter-spacing: 0.05em;
  text-shadow: 0 0 7px #fff; }

.bn .on a:hover {
  color: #F1EAA9; }

.off {
  color: #999;
  display: block;
  letter-spacing: 0.05em;
  text-shadow: 0 0 7px #666; }

@media screen and (max-width: 649px) {
  .bn {
    height: 150px;
    overflow-y: scroll; } }
@media screen and (min-width: 650px) {
  .date {
    color: white;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px; } }
/*--footer-------------*/
footer {
  width: 100%;
  padding: 20px 0 15px;
  color: black; }

footer a {
  text-decoration: none;
  color: black; }

/*--pageTop-------------*/
#page-top {
  position: fixed;
  bottom: 30px;
  right: 0; }

#page-top a {
  background: gold;
  padding: 15px;
  display: block;
  border-radius: 5px; }

/*--common------------*/
.btn {
  background: #000;
  color: #fff;
  padding: 15px 0;
  text-decoration: none;
  letter-spacing: 0.1em; }

.btn:hover {
  color: #F5D83E; }

/*リンクボタン　START*/
.maru {
  display: block;
  border-radius: 6px; }

/*リンクボタン　END*/
small {
  font-size: 70%; }

.fle {
  color: white;
  float: left; }

.flr {
  float: right; }

.cr {
  clear: both; }

.alc {
  text-align: center; }

.ale {
  text-align: left; }

.alr {
  text-align: right; }

#fade {
  display: none; }

.bar {
  margin: 20px 0; }

.bslogo {
  display: none; }

@media screen and (min-width: 650px) {
  .pc_none {
    display: none; }

  .bar img {
    width: 680px; }

  .cp img {
    width: 260px; }

  .pfle {
    float: left; } }
@media screen and (max-width: 649px) {
  .sp_none {
    display: none; }

  .simg {
    width: 100%;
    height: 90%;
    margin: 0 auto; }

  .fimg {
    width: 70%;
    margin: 0 auto; } }
/* 2023.12 追加 */
.oa_info {
  width: 1000px;
  margin: 0 auto;
  line-height: 1.4em; }
  .oa_info ul {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .oa_info ul a {
      display: block;
      width: 32%;
      margin-bottom: 20px; }
      .oa_info ul a .img_box {
        margin-bottom: 10px; }
        .oa_info ul a .img_box img {
          width: 100%; }
      .oa_info ul a .txt_box {
        text-align: center; }
        .oa_info ul a .txt_box h1 {
          color: #fff;
          font-size: 2.0rem;
          margin-bottom: 10px; }
          .oa_info ul a .txt_box h1 span {
            font-size: 0.7em;
            display: inline-block;
            margin-right: 1em; }
        .oa_info ul a .txt_box p {
          color: #fff; }
    .oa_info ul::after {
      content: "";
      display: block;
      width: 32%; }
  .oa_info .copy {
    font-size: 9px; }
  .oa_info .sp {
    display: none; }
  .oa_info a {
    transition: .3s; }
  .oa_info a:hover {
    border-bottom: none;
    transform: translateY(-4px);
    transition: .3s; }

@media screen and (max-width: 649px) {
  .oa_info {
    width: 100%;
    margin: 0 auto; }
    .oa_info ul a {
      width: 48%; }
      .oa_info ul a .txt_box h1 span {
        margin-right: 0; }
    .oa_info .sp {
      display: block; } }

/*# sourceMappingURL=style2025.css.map */