@charset "UTF-8";
/* =====================================================
2025-01-20
===================================================== */
/* 01 *
===================================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

/* 02 body
===================================================== */
html {
  overflow-y: scroll;
  height: 100%; }
  html body {
    word-wrap: break-word;
    font-size: 15px;
    line-height: 150%;
    color: #eee;
    background-color: #000;
    /*color: #242424;
    background-color: #fff;*/
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    /*ExtraLight 200, Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800, Black 900*/
    /*font-family: Verdana, メイリオ, Meiryo, 游ゴシック, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
    /* font-family: Verdana, 游ゴシック, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
    /* font-family: 'Open Sans', sans-serif; */
    text-align: center; }
    html body#idx {
      color: #eee;
      background-color: #000; }

.mobile {
  display: none; }

/* 03 Reset-base
===================================================== */
article,
aside,
canvas,
details,
figcaption,
figure,
header,
footer,
main,
menu,
nav,
section,
summary {
  display: block; }

img,
a,
area {
  outline: none;
  border: none; }

*:focus {
  /*chromeに現れる青い線 */
  outline: none; }

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

table,
th,
td {
  font-weight: normal;
  text-align: left;
  border: none; }

em,
address {
  font-style: normal; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  text-align: left;
  font-size: 100%; }

li {
  list-style-type: none;
  list-style-position: outside; }

hr {
  margin: 10px auto 10px;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block;
  min-height: 1%;
  /* for IE 7*/ }

.red {
  color: red; }

.blue {
  color: blue; }

.yellow {
  color: yellow; }

.uline {
  text-decoration: underline; }

.small {
  font-size: 0.9em;
  line-height: 120%; }

.xsmall {
  font-size: 0.8em;
  line-height: 120%; }

.large {
  font-size: 1.1em; }

.xlarge {
  font-size: 1.2em; }

.xxlarge {
  font-size: 1.3em; }

.clear {
  clear: both; }

.center {
  text-align: center; }

.middle {
  vertical-align: middle; }

.right {
  text-align: right; }

.left {
  text-align: left; }

/* 05 Reset-image
===================================================== */
.imgR {
  float: right;
  display: inline-block;
  margin: 5px 0px 10px 25px; }

.imgL {
  float: left;
  display: inline-block;
  margin: 5px 25px 10px 0px; }

/* 06Layout-header
===================================================== */
header {
  width: 100%;
  min-width: 1070px;
  margin: 0 auto;
  position: fixed;
  height: 100px;
  border-top: 3px solid #02328d;
  top: 0;
  transition: ease .5s;
  /*header 10012, .drawer_nav 10011, toggle 10015*/
  z-index: 10012; }
  header h1 {
    position: absolute;
    margin: auto;
    top: 3px;
    right: 1px;
    line-height: 120%;
    font-size: 12px;
    color: #888888;
    transition: ease .5s; }
  header #headerLogo li {
    position: absolute;
    margin: auto;
    transition: ease .5s; }
    header #headerLogo li:nth-child(1) {
      top: 10px;
      left: 10px;
      font-size: 45px;
      line-height: 110%;
      font-weight: 500; }
    header #headerLogo li:nth-child(2) {
      line-height: 110%;
      top: 60px;
      left: 13px;
      font-size: 25px;
      font-weight: 500; }
  header #headerNav {
    width: auto;
    min-width: auto;
    margin: 30px auto;
    position: static;
    display: table;
    table-layout: fixed;
    margin-left: calc(50% - 5em);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    transition: ease .5s; }
    header #headerNav > li {
      display: table-cell;
      position: relative;
      /* サブメニューは下線なし */
      /* pull down menu with jquery */ }
      header #headerNav > li > a, header #headerNav > li > span {
        display: block;
        width: 100%;
        padding: 0.5em 0.5em;
        font-size: 1.05em;
        color: #ddd;
        text-decoration: none;
        line-height: 105%;
        transition: all .5s;
        position: relative;
        text-decoration: none;
        /* 下線のスタイル */ }
        header #headerNav > li > a::after, header #headerNav > li > span::after {
          background-color: #ddd;
          bottom: -10px;
          content: "";
          height: 1px;
          left: 0;
          opacity: 0;
          position: absolute;
          transition: all .5s;
          width: 100%; }
        header #headerNav > li > a:hover, header #headerNav > li > span:hover {
          color: #fff; }
          header #headerNav > li > a:hover::after, header #headerNav > li > span:hover::after {
            bottom: 2px;
            opacity: 1; }
      header #headerNav > li > span:hover::after {
        opacity: 0; }
      header #headerNav > li.menu-item {
        position: relative; }
        header #headerNav > li.menu-item ul.subMenu {
          position: absolute;
          display: none;
          padding: 0px 0;
          border: 1px solid transparent; }
          header #headerNav > li.menu-item ul.subMenu li {
            background-color: white;
            transition: all .5s; }
            header #headerNav > li.menu-item ul.subMenu li a {
              display: block;
              white-space: nowrap;
              padding: 3px 0.5em;
              color: #000;
              text-decoration: none;
              font-size: 0.9em; }
            header #headerNav > li.menu-item ul.subMenu li:hover {
              background-color: rgba(255, 255, 255, 0.9); }
  header #topNav {
    position: absolute;
    margin: auto;
    top: 30px;
    right: 5px;
    padding: 4px 7px 4px 7px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    transition: ease .5s; }
    header #topNav li {
      display: table-cell;
      height: 100%;
      vertical-align: middle;
      text-align: center; }
      header #topNav li a {
        display: block;
        padding: 2px 5px;
        text-align: center;
        line-height: 19px;
        height: 24px; }
        header #topNav li a img {
          opacity: 0.8;
          vertical-align: baseline;
          width: 20px; }
        header #topNav li a:hover {
          color: #ee0000; }
          header #topNav li a:hover img {
            opacity: 1.0; }
  header.scroll-kotei h1 {
    top: -20px; }
  header.scroll-kotei #headerLogo li {
    color: #000;
    -webkit-text-stroke: 2px #fff;
    text-stroke: 2px #fff;
    paint-order: stroke; }
    header.scroll-kotei #headerLogo li:nth-child(1) {
      top: 5px; }
    header.scroll-kotei #headerLogo li:nth-child(2) {
      top: 55px; }
  header.scroll-kotei #headerNav {
    margin-top: 15px;
    background-color: rgba(0, 0, 0, 0.4); }
    header.scroll-kotei #headerNav > li.menu-item ul.subMenu {
      position: absolute;
      display: none;
      border: 1px solid rgba(0, 0, 0, 0.6); }
      header.scroll-kotei #headerNav > li.menu-item ul.subMenu li:hover {
        background-color: rgba(120, 120, 120, 0.7); }
  header.scroll-kotei #topNav {
    top: 15px;
    background-color: rgba(0, 0, 0, 0.4); }

/*Current Page*/
body#idx header #topNav > li:nth-child(1) a img,
body#inquiry header #topNav > li:nth-child(3) a img {
  opacity: 1.0; }

body#news header #headerNav > li:nth-child(1) > a,
body#works-N header #headerNav > li:nth-child(2) > span,
body#profile header #headerNav > li:nth-child(3) > a,
body.archive #headerNav > li:nth-child(4) > span {
  color: #fff; }
  body#news header #headerNav > li:nth-child(1) > a:after,
  body#works-N header #headerNav > li:nth-child(2) > span:after,
  body#profile header #headerNav > li:nth-child(3) > a:after,
  body.archive #headerNav > li:nth-child(4) > span:after {
    bottom: 2px;
    opacity: 1; }

/* 06Layout-headerImg
===================================================== */
#headerImg {
  width: 100%;
  min-width: 1070px;
  margin: 0 auto;
  position: relative;
  margin-top: 0px; }
  #headerImg.slide-fade-in-element {
    opacity: 0;
    position: relative;
    top: 30px;
    /* 初期位置を30pxずらす */ }
  #headerImg img {
    max-width: 100%; }
  #headerImg ul#bxslider {
    /*bxSliderで画像が右にズレるのを防ぐ */
    margin: 0;
    padding: 0; }
    #headerImg ul#bxslider li:not(:first-child) {
      display: none; }
    #headerImg ul#bxslider li img {
      max-width: 100%; }

/*bxsloder*/
.slideshow_box {
  width: 100%; }

/* 06Layout-contents
===================================================== */
#contents {
  width: 100%;
  min-width: 1070px;
  margin: 0 0;
  position: relative;
  color: #000;
  background-color: #fff;
  padding: 0;
  /*headerImgの下余白を回避*/
  margin-top: -5px;
  /* pankuz */ }
  #contents section {
    width: 100%;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    padding: 0px 0 0px; }
  #contents #pankuz {
    width: 1070px;
    min-width: 1070px;
    margin: 5px auto;
    position: statics;
    margin-bottom: 0px;
    text-align: right;
    color: #777;
    font-size: 0.9em; }
    #contents #pankuz a {
      color: #777; }

/* 06Layout-aside
===================================================== */
/* 06Layout-footer
===================================================== */
footer {
  width: 100%;
  min-width: 1070px;
  margin: 0 0;
  position: relative;
  text-align: center;
  background-color: rgba(216, 214, 227, 0.5);
  padding: 0.5em;
  font-size: 10pt;
  color: #fefecb; }
  footer a {
    color: #fefecb;
    text-decoration: none; }

#page-top {
  /*jqueryで出現*/
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 501; }
  #page-top a {
    display: block;
    background-color: rgba(128, 128, 144, 0.7);
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    color: #fff;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s; }
    #page-top a:hover {
      background-color: rgba(128, 128, 144, 0.9); }

/* 06 drawer
===================================================== */
/* hamburger */
.drawer_toggleM {
  display: none; }

/* drawer */
.drawer_nav {
  display: none; }

.drawerBGwrapper {
  display: none; }

/* 23 Reset-A-tag
===================================================== */
#contents a {
  color: #175eba;
  text-decoration: underline;
  transition: all 0.5s; }
  #contents a:hover {
    color: #f00;
    text-decoration: underline; }

@media screen and (min-width: 768px) {
  #contents a[href^="tel:"] {
    display: inline-block;
    pointer-events: none;
    text-decoration: none;
    color: #212121; } }
/* 07 Common
===================================================== */
/* h2, p */
p,
dt,
dd,
li {
  text-align: justify;
  text-justify: inter-ideograph; }

h2 {
  clear: both;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 2.0em;
  line-height: 110%;
  font-weight: 600;
  position: relative;
  margin: 10px auto 15px;
  padding: 0.5em 0 5px;
  border-bottom: solid 2px #cfd3d6; }
  h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #6580b4;
    bottom: -2px;
    width: 30%; }
  h2 div:last-child {
    color: #666; }
  h2.narrow {
    width: 1070px;
    min-width: 1070px;
    margin: 10px auto;
    position: relative;
    margin-bottom: 15px; }

h3 {
  margin: 0px 0px 0.25em;
  font-size: 1.7em;
  line-height: 120%;
  text-align: left;
  font-weight: bold;
  color: #457ee6; }

h4 {
  margin: 0px 0px 0.25em;
  font-size: 1.3em;
  line-height: 120%;
  text-align: left;
  font-weight: 600;
  color: #457ee6; }

h5 {
  /*news*/
  margin: 20px 0px;
  font-size: 1.6em;
  line-height: 150%;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center; }

h6 {
  /*localのみ使う*/
  margin: 20px 0px;
  color: #aaa;
  font-size: 1.2em;
  line-height: 140%;
  letter-spacing: 0;
  font-weight: bold;
  text-align: center;
  border-bottom: #aaa 1px solid; }

/* 31 LOCAL
===================================================== */
/*index*/
#idx ul.member-idx > li {
  /*縦並び*/
  background-image: url(../image/_headerImg/member-t02.png);
  background-size: cover;
  padding: 20px 0 20px; }
  #idx ul.member-idx > li:nth-child(1) {
    background-image: url(../image/_headerImg/member-m02.png);
    padding: 60px 0 20px; }
  #idx ul.member-idx > li:nth-child(2) {
    background-image: url(../image/_headerImg/member-s02.png); }
  #idx ul.member-idx > li:nth-child(3) {
    background-image: url(../image/_headerImg/member-t02.png); }
  #idx ul.member-idx > li:nth-child(4) {
    background-image: url(../image/_headerImg/member-f02.png); }
  #idx ul.member-idx > li:nth-child(5) {
    background-image: url(../image/_headerImg/member-to02.png);
    padding: 20px 0 80px; }
  #idx ul.member-idx > li img {
    width: 650px;
    opacity: 1; }
  #idx ul.member-idx > li ol {
    /*横並び*/
    width: 1070px;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center; }
  #idx ul.member-idx > li:nth-child(odd) ol li:nth-child(odd) {
    padding-right: 2em; }
  #idx ul.member-idx > li:nth-child(even) ol {
    flex-direction: row-reverse; }
    #idx ul.member-idx > li:nth-child(even) ol li:nth-child(even) {
      padding-right: 2em; }

p.idxE {
  width: 1070px;
  min-width: 1070px;
  margin: 0 auto;
  position: relative;
  padding: 0px 0 30px; }

dl.idxE {
  width: 1070px;
  min-width: 1070px;
  margin: 0 auto;
  position: relative;
  padding: 0px 0 30px; }
  dl.idxE dt {
    font-weight: 600; }
  dl.idxE dd {
    margin: 0 0 0.5em 3em; }

/* news */
#news section {
  padding: 40px 0; }
  #news section:last-child {
    padding: 0px 0 60px;
    background-image: url(../image/_headerImg/member-pro03.png);
    background-size: cover; }
  #news section .newscopy {
    margin: 4em auto 5em; }
    #news section .newscopy strong {
      font-size: 1.8em;
      line-height: 110%;
      font-weight: 600;
      transform: rotate(-10deg);
      display: inline-block; }
      #news section .newscopy strong:nth-child(even) {
        transform: rotate(10deg); }
      #news section .newscopy strong.title {
        font-size: 2.2em; }
  #news section dl.news-info {
    width: 55%;
    margin: 2em auto 3em;
    text-align: left;
    font-size: 1.1em; }
    #news section dl.news-info dt,
    #news section dl.news-info dd {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 0.5em; }
    #news section dl.news-info dt {
      font-size: 1.0em;
      line-height: 110%;
      padding: 0.15em 0.25em;
      border: 1px solid #ccc;
      color: #000;
      background-color: #ddd;
      margin-right: 0.5em;
      width: 7em;
      text-align: center; }
    #news section dl.news-info dd {
      width: calc(100% - 8em); }
  #news section ul.ticket {
    width: 1070px;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    #news section ul.ticket li {
      text-align: center;
      border: 1px solid #fff; }
      #news section ul.ticket li:first-child {
        width: 100%;
        border: none;
        text-align: center;
        font-size: 1.8em;
        padding: 1em 0 0.5em;
        font-weight: 600; }
      #news section ul.ticket li:not(:first-child) {
        width: calc(100% / 3 * 2);
        padding: 1em; }
        #news section ul.ticket li:not(:first-child) img {
          margin: 10px auto; }
        #news section ul.ticket li:not(:first-child) a {
          color: #000; }
        #news section ul.ticket li:not(:first-child) strong {
          font-size: 1.3em;
          font-weight: 500;
          margin-bottom: 0.5em;
          display: block; }
      #news section ul.ticket li:nth-child(3) {
        width: calc(100% / 3); }
  #news section ul.new-flyer {
    width: 1070px;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    #news section ul.new-flyer li {
      text-align: center;
      width: 50%; }
      #news section ul.new-flyer li img {
        max-width: 100%;
        border: 2px solid #fff; }

/* works */
#works-N section {
  width: 1070px;
  min-width: 1070px;
  margin: 0 auto;
  position: relative;
  padding: 0px 0 30px;
  /*mizunoko*/ }
  #works-N section:last-child {
    padding: 0px 0 50px; }
  #works-N section ul.works-tile {
    width: 100%;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #works-N section ul.works-tile img {
      width: 650px;
      margin-right: 30px; }
      #works-N section ul.works-tile img.Ssize {
        width: 400px; }
      #works-N section ul.works-tile img.Msize {
        width: 500px; }
    #works-N section ul.works-tile.kouensetumei {
      flex-direction: row-reverse;
      align-items: stretch; }
      #works-N section ul.works-tile.kouensetumei img {
        width: 400px;
        margin-left: 30px; }
        #works-N section ul.works-tile.kouensetumei img.Lsize {
          width: 660px; }
      #works-N section ul.works-tile.kouensetumei dl dt {
        font-weight: 500;
        font-size: 1.1em; }
      #works-N section ul.works-tile.kouensetumei dl dd {
        margin: 0 0 0.25em 2em; }
    #works-N section ul.works-tile.short {
      width: 85%;
      min-width: 85%;
      margin: 0 auto;
      position: relative; }
  #works-N section .mizunoko-copy {
    margin: 4em auto 5em; }
    #works-N section .mizunoko-copy strong {
      font-size: 1.8em;
      line-height: 110%;
      font-weight: 600;
      transform: rotate(-10deg);
      display: inline-block; }
      #works-N section .mizunoko-copy strong:nth-child(even) {
        transform: rotate(10deg); }
      #works-N section .mizunoko-copy strong.title {
        font-size: 2.2em; }
  #works-N section dl.mizunoko-info {
    width: 55%;
    margin: 2em auto 3em;
    text-align: left;
    font-size: 1.1em; }
    #works-N section dl.mizunoko-info dt,
    #works-N section dl.mizunoko-info dd {
      display: inline-block;
      vertical-align: top;
      margin-bottom: 0.5em; }
    #works-N section dl.mizunoko-info dt {
      font-size: 1.0em;
      line-height: 110%;
      padding: 0.15em 0.25em;
      border: 1px solid #ccc;
      color: #000;
      background-color: #ddd;
      margin-right: 0.5em;
      width: 7em;
      text-align: center; }
    #works-N section dl.mizunoko-info dd {
      width: calc(100% - 8em); }
  #works-N section ul.mizunoko-flyer {
    width: 85%;
    min-width: 85%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    #works-N section ul.mizunoko-flyer li {
      text-align: center;
      width: 50%; }
      #works-N section ul.mizunoko-flyer li img {
        max-width: 100%;
        border: 2px solid #fff; }

/* profile */
#profile section {
  width: 1070px;
  min-width: 1070px;
  margin: 0 auto;
  position: relative;
  padding: 0px 0 30px; }
  #profile section:last-child {
    padding: 0px 0 0px; }
  #profile section ul.profile-tile {
    width: 100%;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
    #profile section ul.profile-tile > li {
      width: calc(calc(100% - 40px) / 2); }
      #profile section ul.profile-tile > li dl dd {
        margin: 0 0 0.5em 1.5em; }
      #profile section ul.profile-tile > li table.kouenkiroku th {
        white-space: nowrap;
        padding: 2px 2px;
        vertical-align: top;
        line-height: 120%; }
        #profile section ul.profile-tile > li table.kouenkiroku th:nth-child(2) {
          text-align: right;
          margin-right: 5px; }
      #profile section ul.profile-tile > li table.kouenkiroku td {
        padding: 2px 2px;
        vertical-align: top;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 120%; }
  #profile section ul.choreographer-tile {
    width: 100%;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #profile section ul.choreographer-tile > li:first-child {
      width: 27%; }
      #profile section ul.choreographer-tile > li:first-child img {
        width: 100%; }
    #profile section ul.choreographer-tile > li:last-child {
      width: 73%;
      padding-left: 60px; }

#profile section.member {
  width: 100%;
  min-width: 1070px;
  margin: 0 auto;
  position: relative; }
  #profile section.member div {
    background-size: cover;
    background-position: center center;
    padding: 20px 0; }
    #profile section.member div.member-bg01 {
      background-image: url(../image/_headerImg/member-t02.png); }
    #profile section.member div.member-bg02 {
      background-image: url(../image/_headerImg/member-pro02.png); }
    #profile section.member div.member-bg03 {
      background-image: url(../image/_headerImg/member-pro01.png); }
  #profile section.member ul.member-tile {
    width: 1070px;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
    #profile section.member ul.member-tile > li {
      width: calc(calc(100% - 40px) / 2); }
      #profile section.member ul.member-tile > li.torii {
        width: 100%; }
      #profile section.member ul.member-tile > li img {
        float: right;
        display: inline-block;
        margin: 0px 0px 0px 25px;
        width: 180px; }

/* inquiry */
#inquiry section {
  width: 1070px;
  min-width: 1070px;
  margin: 0 auto;
  position: relative;
  padding: 0px 0 30px; }
  #inquiry section ul.form-tile {
    width: 100%;
    min-width: 1070px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
    #inquiry section ul.form-tile > li {
      width: calc(calc(100% - 40px) / 2); }

dl.inquiry {
  margin: 50px 0 0; }
  dl.inquiry dt {
    padding: 0 0 5px 4.5em;
    position: relative;
    font-size: 1.1em; }
    dl.inquiry dt:after {
      margin: auto;
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: 5px;
      content: "必須項目";
      padding: 1px 6px;
      color: #fff;
      background-color: #f30;
      border-radius: 5px;
      font-size: 0.8em;
      line-height: 150%;
      font-weight: 600; }
    dl.inquiry dt.ninni:after {
      content: "任意項目";
      background-color: #06f; }
  dl.inquiry dd {
    padding-bottom: 1em;
    font-size: 1.0em; }

form.inquiry input,
form.inquiry textarea,
form.inquiry select,
form.inquiry option,
form.inquiry button {
  border: 1px solid #33f;
  border-radius: 5px;
  background-color: white;
  font-family: inherit;
  font-size: 1.1em;
  padding: 0.7em 0.5em;
  width: 100%;
  transition: all 0.6s; }
form.inquiry input {
  background-repeat: no-repeat;
  background-position: left 8px center;
  padding-left: 40px;
  background-size: 20px auto; }
  form.inquiry input.width2 {
    width: 34.5%;
    margin-bottom: 3px; }
  form.inquiry input.post {
    background-image: url(../image/_icon/f-yubin.png); }
  form.inquiry input.tel {
    background-image: url(../image/_icon/f-tel.png); }
  form.inquiry input.mail {
    background-image: url(../image/_icon/f-mail.png); }
  form.inquiry input.company {
    background-image: url(../image/_icon/f-bildg.png); }
  form.inquiry input.man {
    background-image: url(../image/_icon/f-man.png); }
  form.inquiry input::placeholder {
    color: #aaa; }
  form.inquiry input:focus {
    border: 1px solid #f00;
    /*  box-shadow: 0 0 5px 0 rgba(150,150,150,0.50) inset; */ }
form.inquiry select.width2 {
  width: 34.5%;
  margin-bottom: 3px; }
form.inquiry textarea {
  background-repeat: no-repeat;
  background-position: left 8px top 12px;
  padding-left: 40px;
  background-size: 20px auto;
  resize: vertical; }
  form.inquiry textarea.pin {
    background-image: url(../image/_icon/f-pin.png); }
  form.inquiry textarea.opinion {
    background-image: url(../image/_icon/f-opinion.png);
    height: 585px; }
  form.inquiry textarea::placeholder {
    color: #aaa; }
  form.inquiry textarea:focus {
    border: 1px solid #f00;
    /*  box-shadow: 0 0 5px 0 rgba(150,150,150,0.50) inset; */ }
form.inquiry .submitbutton {
  padding: 2.5em 0 60px;
  text-align: center; }
  form.inquiry .submitbutton input {
    padding: 7px 0px;
    font-size: 1.2em;
    font-weight: bold;
    margin: auto;
    border-radius: 5px;
    color: #fff;
    width: 48%;
    position: relative;
    line-height: 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    border: none;
    background: #1a92c2;
    transition: none; }
    form.inquiry .submitbutton input[type="submit"] {
      background-image: linear-gradient(to bottom, #49c0f0, #2cafe3); }
      form.inquiry .submitbutton input[type="submit"]:hover {
        background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2); }
      form.inquiry .submitbutton input[type="submit"]:active {
        background: #1a92c2;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
        color: #1679a1;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
    form.inquiry .submitbutton input[type="reset"] {
      background-image: linear-gradient(to bottom, #999999, #787878);
      margin-left: 10px; }
      form.inquiry .submitbutton input[type="reset"]:hover {
        background-image: linear-gradient(to bottom, #727272, #676767); }
      form.inquiry .submitbutton input[type="reset"]:active {
        background: #676767;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
        color: #333333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }

.thanx {
  margin: 50px auto 50px; }

/* sitemap */
div.sitemap-wrapper {
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin: 30px auto 60px; }
  div.sitemap-wrapper .sitemap {
    margin: 0 0 0 0;
    /* to HOME PAGE */
    padding: 0;
    list-style: none;
    color: #369;
    position: relative; }
    div.sitemap-wrapper .sitemap:first-of-type {
      float: left;
      width: 500px; }
    div.sitemap-wrapper .sitemap:last-of-type {
      float: right;
      width: 500px; }
    div.sitemap-wrapper .sitemap ul {
      margin: 0 0 0 2.5em;
      /* indentation */
      padding: 0;
      list-style: none;
      color: #369;
      position: relative;
      /* (indentation/2) */ }
      div.sitemap-wrapper .sitemap ul:before {
        content: "";
        display: block;
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-left: 1px solid; }
      div.sitemap-wrapper .sitemap ul li {
        margin: 0;
        padding: 0 0 0 3.0em;
        /* indentation + .5em */
        line-height: 2em;
        /* default list item's `line-height` */
        position: relative; }
        div.sitemap-wrapper .sitemap ul li:before {
          content: "";
          display: block;
          width: 2.5em;
          /* same with indentation/2 */
          height: 0;
          border-top: 1px solid;
          margin-top: -1px;
          /* border top width */
          position: absolute;
          top: 1em;
          /* (line-height/2) */
          left: 0; }
        div.sitemap-wrapper .sitemap ul li.tohome {
          margin: 0;
          padding: 0 0 0 0;
          /* indentation + .5em */
          line-height: 2em;
          /* default list item's `line-height` */
          position: relative; }
          div.sitemap-wrapper .sitemap ul li.tohome:before {
            /* to HOME PAGE */
            content: "";
            display: none; }
        div.sitemap-wrapper .sitemap ul li:last-child:before {
          background: white;
          /* same with body background */
          height: auto;
          top: 1em;
          /* (line-height/2) */
          bottom: 0; }
      div.sitemap-wrapper .sitemap ul a {
        background-image: url(../05images/_base2/arrow034_03B.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 18px; }

/* privacy */
.privacy {
  margin: 40px 0 60px; }
  .privacy ul {
    width: 100%;
    overflow: hidden; }
    .privacy ul li {
      margin-bottom: 1em;
      padding-left: 1em;
      text-indent: -1em; }
      .privacy ul li strong {
        color: #175eba;
        border-left: solid 5px #7db4e6;
        padding-left: 10px; }
  .privacy dl dt {
    margin-bottom: 0.25em;
    font-size: 1.5em;
    font-weight: bold;
    color: #457ee6;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .privacy dl dd {
    margin: 0;
    padding: 0 1em 1em;
    overflow: hidden; }
  .privacy div.privacytoiawase {
    padding: 0.5em 1.5em;
    border: solid 1px #ccc;
    text-indent: 0;
    margin-top: 5px; }

/*  mobile
===================================================== */
@media screen and (max-width: 768px) {
  /*  base
  ===================================================== */
  img {
    max-width: 100%;
    height: auto; }
    img .imgR,
    img .imgL {
      float: none;
      display: block;
      margin: 5px auto 10px;
      max-width: 95%; }

  .mobile {
    display: block; }

  .pc {
    display: none; }

  html {
    height: 100%; }
    html body {
      line-height: 130%;
      font-size: 90%;
      -webkit-text-size-adjust: 100%;
      /*文字の大きさが自動で調整OFF*/
      position: relative;
      left: 0;
      word-break: break-all; }

  /* drawer
  ===================================================== */
  /* hamburger */
  .drawer_toggleM {
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 15px;
    right: 3%;
    width: 30px;
    text-align-last: center;
    cursor: pointer;
    padding: 0px;
    /*header 10012, .drawer_nav 10011, toggle 10015*/
    z-index: 10015; }
    .drawer_toggleM span {
      position: relative;
      display: block;
      height: 2px;
      width: 30px;
      background-color: #d8d6e3;
      transition: ease .5s; }
      .drawer_toggleM span:nth-child(1) {
        top: 0; }
      .drawer_toggleM span:nth-child(2) {
        margin: 7px 0; }
      .drawer_toggleM span:nth-child(3) {
        top: 0; }

  /* #fffの動き */
  .drawer_toggleM span {
    background-color: #fff; }

  /* hamburgerOPEN時の動き */
  .drawer_toggleM.open span {
    width: 35px;
    background-color: #fff; }
    .drawer_toggleM.open span:nth-child(1) {
      top: 9px;
      -webkit-transform: rotate(35deg);
      transform: rotate(35deg); }
    .drawer_toggleM.open span:nth-child(2) {
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0; }
    .drawer_toggleM.open span:nth-child(3) {
      top: -9px;
      -webkit-transform: rotate(-35deg);
      transform: rotate(-35deg); }

  /* drawer */
  .drawer_nav {
    display: block;
    /*header 10012, .drawer_nav 10011, toggle 10015*/
    z-index: 10011;
    margin: auto;
    position: fixed;
    top: 0px;
    right: -301px;
    width: 300px;
    min-width: 300px;
    height: 100%;
    transition: ease .5s;
    padding-top: 55px;
    /*header height 60px*/
    background-color: rgba(81, 81, 81, 0.9); }
    .drawer_nav.open {
      top: 0px;
      right: 0px;
      box-shadow: 0 0 10px #999; }
    .drawer_nav dt {
      display: block;
      position: relative;
      cursor: pointer;
      height: 35px;
      line-height: 35px;
      color: #fff;
      font-size: 1.1em;
      padding-left: 1.0em;
      text-decoration: none;
      background-color: rgba(216, 214, 227, 0.5);
      border-top: 1px solid #aaa;
      border-bottom: 1px solid #000; }
      .drawer_nav dt::after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 10px;
        background-image: url(../image/_base/arrow02.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        transition: transform .4s;
        margin-left: 8px; }
      .drawer_nav dt.open::after {
        transform: rotateZ(180deg); }
    .drawer_nav dd a {
      display: block;
      position: relative;
      text-align: left;
      height: 30px;
      line-height: 30px;
      color: #fff;
      font-size: 1.1em;
      padding-left: 3.0em;
      text-decoration: none;
      border-bottom: 1px solid rgba(153, 153, 153, 0.6);
      background-color: #515151;
      background-image: url(../image/_base/arrow01.png);
      background-repeat: no-repeat;
      background-position: left 25px center;
      /*jqueryで付加*/ }
      .drawer_nav dd a.NOW {
        background-color: rgba(17, 17, 51, 0.4); }
      .drawer_nav dd a:hover {
        background-color: #111133; }
    .drawer_nav dd ul li:last-child a {
      border-bottom: 1px solid #000; }
    .drawer_nav dd {
      /*最初は非表示-jquery*/
      display: none;
      overflow: hidden; }

  .drawerBGwrapper {
    display: none; }
    .drawerBGwrapper.open {
      display: block;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10011;
      background-color: rgba(79, 79, 79, 0); }

  /* h2, p */
  a {
    text-decoration: underline; }

  h2 {
    margin: 0 auto 10px;
    font-size: 1.5em;
    line-height: 130%;
    flex-direction: column;
    align-items: stretch; }
    h2 div:last-child {
      font-size: 0.9em; }
    h2.narrow {
      width: 100%;
      min-width: 100%;
      margin: 0px auto;
      position: relative;
      margin-bottom: 10px; }

  h3 {
    margin: 0px 0px 5px;
    font-size: 1.5em;
    text-align: left; }

  h4 {
    margin: 0px 0 15px;
    font-size: 1.2em;
    line-height: 130%; }

  h5 {
    margin: 0px 0 15px;
    font-size: 1.5em;
    line-height: 120%;
    letter-spacing: 0;
    font-weight: normal;
    text-align: center; }

  /*  layout
  ===================================================== */
  header,
  #container,
  #contents,
  #contents section,
  footer {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    position: relative;
    height: auto;
    max-width: 100%; }

  #news #contents,
  #works #contents,
  #profile #contents,
  #inquiry #contents {
    padding: 0 3% 30px;
    /* pankuz */ }
    #news #contents #pankuz,
    #works #contents #pankuz,
    #profile #contents #pankuz,
    #inquiry #contents #pankuz {
      display: none; }

  /* header */
  header {
    /*pc100px*/
    height: 60px;
    background-color: rgba(120, 120, 120, 0.5);
    position: fixed; }
    header h1,
    header #headerNav,
    header #topNav {
      display: none; }
    header #headerLogo li:nth-child(1) {
      top: 9px;
      left: 10px;
      font-size: 21px; }
    header #headerLogo li:nth-child(2) {
      top: 34px;
      left: 12px;
      font-size: 11.5px;
      font-weight: 600; }
    header.scroll-kotei #headerLogo li {
      color: #fff;
      -webkit-text-stroke: 0 currentcolor;
      text-stroke: 0 currentcolor;
      paint-order: normal; }
      header.scroll-kotei #headerLogo li:nth-child(1) {
        top: 10px; }
      header.scroll-kotei #headerLogo li:nth-child(2) {
        top: 37px; }

  #headerImg {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    position: relative;
    /*headerH 60px*/
    margin-top: 60px; }

  #page-top a {
    display: none; }

  /* 03 index
  ===================================================== */
  #idx ul.member-idx > li {
    /*縦並び*/
    padding: 20px 0 20px; }
    #idx ul.member-idx > li:nth-child(1), #idx ul.member-idx > li:nth-child(5) {
      padding: 20px 0 20px; }
    #idx ul.member-idx > li img {
      width: 100%;
      margin-bottom: 0 0 7px 0; }
    #idx ul.member-idx > li ol {
      /*横→縦並び*/
      width: 94%;
      min-width: 94%;
      margin: 0 3%;
      position: relative;
      flex-direction: column;
      align-items: stretch; }
    #idx ul.member-idx > li:nth-child(odd) ol {
      flex-direction: column; }
      #idx ul.member-idx > li:nth-child(odd) ol li:nth-child(odd) {
        padding-right: 0; }
    #idx ul.member-idx > li:nth-child(even) ol {
      flex-direction: column; }
      #idx ul.member-idx > li:nth-child(even) ol li:nth-child(even) {
        padding-right: 0; }

  p.idxE {
    width: 94%;
    min-width: 94%;
    margin: 0 3%;
    position: relative;
    padding: 0px 0 30px; }

  dl.idxE {
    width: 94%;
    min-width: 94%;
    margin: 0 3%;
    position: relative;
    padding: 0px 0 30px; }
    dl.idxE dt {
      font-weight: 600; }
    dl.idxE dd {
      margin: 0 0 0.5em 3em; }

  /* news */
  #news section {
    padding: 0px 0 30px; }
    #news section dl.news-info {
      width: 100%;
      margin: 1em auto 2em;
      font-size: 1.0em; }
      #news section dl.news-info dt,
      #news section dl.news-info dd {
        display: block;
        width: 100%; }
      #news section dl.news-info dd {
        margin-bottom: 1em; }
    #news section ul.ticket {
      width: 94%;
      min-width: 94%;
      margin: 0 3%;
      position: relative; }
      #news section ul.ticket li:first-child, #news section ul.ticket li:not(:first-child), #news section ul.ticket li:nth-child(3) {
        width: 50%;
        padding: 0.25em;
        border: none;
        border-bottom: 1px solid #fff; }
        #news section ul.ticket li:first-child strong, #news section ul.ticket li:not(:first-child) strong, #news section ul.ticket li:nth-child(3) strong {
          font-size: 1.0em;
          font-weight: 500;
          margin-bottom: 0.5em;
          display: block; }
      #news section ul.ticket li:first-child {
        width: 100%;
        font-size: 1.3em; }
    #news section ul.new-flyer {
      width: 100%;
      min-width: 100%;
      margin: 0 auto;
      position: relative; }
      #news section ul.new-flyer li {
        width: 100%; }

  /* works-N */
  #works-N section {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0px 0 30px;
    /* mizunoko */ }
    #works-N section:last-child {
      padding: 0px 0 30px; }
    #works-N section ul.works-tile {
      /*横→縦並び*/
      width: 100%;
      min-width: 100%;
      margin: 0 auto;
      position: relative;
      flex-direction: column;
      align-items: stretch; }
      #works-N section ul.works-tile img {
        margin: 0 auto 1em;
        width: 100%; }
        #works-N section ul.works-tile img.Ssize, #works-N section ul.works-tile img.Msize {
          width: 100%; }
      #works-N section ul.works-tile.kouensetumei {
        /*横→縦並び*/
        flex-direction: column;
        align-items: stretch; }
        #works-N section ul.works-tile.kouensetumei img {
          margin: 0 auto 1em;
          width: 100%; }
          #works-N section ul.works-tile.kouensetumei img.Lsize {
            width: 100%; }
      #works-N section ul.works-tile.short {
        width: 100%;
        min-width: 100%;
        margin: 0 auto;
        position: relative; }
    #works-N section dl.mizunoko-info {
      width: 100%;
      margin: 1em auto 2em;
      font-size: 1.0em; }
      #works-N section dl.mizunoko-info dt,
      #works-N section dl.mizunoko-info dd {
        display: block;
        width: 100%; }
      #works-N section dl.mizunoko-info dd {
        margin-bottom: 1em; }
    #works-N section ul.mizunoko-flyer {
      width: 90%;
      min-width: 90%;
      margin: 0 auto;
      position: relative; }
      #works-N section ul.mizunoko-flyer li {
        width: 100%; }

  /* profile */
  #profile section {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0px 0 30px; }
    #profile section:last-child {
      padding: 0px 0 30px; }
    #profile section ul.profile-tile {
      /*横→縦並び*/
      width: 100%;
      min-width: 100%;
      margin: 0 auto;
      position: relative;
      flex-direction: column;
      align-items: stretch; }
      #profile section ul.profile-tile > li {
        width: 100%; }
        #profile section ul.profile-tile > li table.kouenkiroku {
          margin-bottom: 1em; }
        #profile section ul.profile-tile > li:last-child {
          margin-top: 2em; }
    #profile section ul.choreographer-tile {
      /*横→縦並び*/
      width: 100%;
      min-width: 100%;
      margin: 0 auto;
      position: relative;
      flex-direction: column;
      align-items: stretch; }
      #profile section ul.choreographer-tile > li:first-child {
        width: 100%;
        padding: 0 0 20px 0;
        text-align: center; }
        #profile section ul.choreographer-tile > li:first-child img {
          width: 250px; }
      #profile section ul.choreographer-tile > li:last-child {
        width: 100%; }

  #profile section.member {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    position: relative; }
    #profile section.member div {
      background-size: cover;
      background-position: center center;
      padding: 20px 0; }
      #profile section.member div.member-bg01 {
        background-image: url(../image/_headerImg/member-t02.png); }
      #profile section.member div.member-bg02 {
        background-image: url(../image/_headerImg/member-pro02.png); }
      #profile section.member div.member-bg03 {
        background-image: url(../image/_headerImg/member-pro01.png); }
    #profile section.member ul.member-tile {
      /*横→縦並び*/
      width: 93%;
      min-width: 93%;
      margin: 0 3%;
      position: relative;
      flex-direction: column;
      align-items: stretch; }
      #profile section.member ul.member-tile > li {
        width: 100%;
        padding: 10px 0; }
        #profile section.member ul.member-tile > li img {
          float: none;
          display: block;
          margin: 15px auto 5px;
          width: 180px; }

  /* inquiry */
  #inquiry section {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    position: relative; }
    #inquiry section ul.form-tile {
      width: 100%;
      min-width: 100%;
      margin: 0 auto;
      position: relative;
      /*横→縦並び*/
      flex-direction: column;
      align-items: stretch; }
      #inquiry section ul.form-tile > li {
        width: 100%; }

  dl.inquiry {
    margin: 0px 0 0; }

  form.inquiry input,
  form.inquiry textarea,
  form.inquiry select,
  form.inquiry option,
  form.inquiry button {
    padding: 0.25em 0.5em; }
  form.inquiry input {
    padding-left: 40px; }
    form.inquiry input.width2 {
      width: 45%; }
  form.inquiry textarea {
    padding-left: 40px; }
    form.inquiry textarea.opinion {
      background-image: url(../image/_icon/f-opinion.png);
      height: 10em; }

  .thanx {
    margin: 50px auto 200px; }

  /* 削除しないこと
  ===================================================== */ }
/* ------------------------------------------------
mediaQueriesの指定を入れておきます。
------------------------------------------------ */
/* ===========================================
タブレット系 480 - 768
=========================================== */
@media screen and (min-width: 480px) and (max-width: 768px) {
  /* 削除しないこと
  =========================================== */ }

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