@charset "UTF-8";
article#content {
  padding-top: 40px;
  padding-bottom: 40px; }
  article#content #overview {
    margin-bottom: 35px; }
    article#content #overview .secInner {
      width: 960px;
      margin: 0 auto; }
      article#content #overview .secInner .frame {
        position: relative;
        z-index: 1;
        background-image: url(../images/bar/bar_frame_pc_top.png);
        background-repeat: no-repeat;
        background-position: 50% top;
        background-size: 100% auto;
        padding: 110px 0 0; }
        article#content #overview .secInner .frame .frameMdl {
          background-image: url(../images/bar/bar_frame_pc_mdl.png);
          background-repeat: repeat-y;
          background-position: 50% top;
          background-size: 100% auto; }
          article#content #overview .secInner .frame .frameMdl .frameInner {
            padding: 0 50px 0 35px;
            margin: -25px 0 -25px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between; }
        article#content #overview .secInner .frame:after {
          content: "";
          display: block;
          width: 100%;
          background-image: url(../images/bar/bar_frame_pc_btm.png);
          background-repeat: no-repeat;
          background-position: 50% bottom;
          background-size: 100% auto;
          padding-bottom: 110px; }
        article#content #overview .secInner .frame .link .btn {
          display: block;
          margin: 0 auto;
          background-color: #eab461; }
          article#content #overview .secInner .frame .link .btn:hover {
            opacity: 1;
            background-color: #f2d5aa; }
    article#content #overview .img {
      width: 380px;
      margin-right: -10px;
      opacity: 0;
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      -webkit-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -o-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out; }
      article#content #overview .img.move {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px); }
    article#content #overview .ov {
      width: 500px; }
      article#content #overview .ov img {
        margin-left: 0; }
      article#content #overview .ov .txt {
        margin-top: 35px; }
      article#content #overview .ov .date {
        margin-top: 30px; }
      article#content #overview .ov .note {
        margin-top: 20px;
        padding-top: 20px;
        border-top: #fff solid 1px; }
  article#content #tenpo .secInner {
    width: 960px;
    margin: 0 auto; }
  article#content #tenpo h2 {
    padding-bottom: 15px; }
  article#content #tenpo ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    article#content #tenpo ul li {
      width: 46.93878%;
      padding-top: 50px; }
      article#content #tenpo ul li:after {
        content: "";
        display: block;
        clear: both; }
      article#content #tenpo ul li .area {
        border: #fff solid 1px;
        display: inline-block;
        padding: 0 1em;
        font-size: 12px;
        line-height: 2.16667; }
      article#content #tenpo ul li .name {
        font-size: 20px;
        line-height: 1.75;
        margin: 10px 0;
        width: 100%; }
        article#content #tenpo ul li .name .genre {
          font-size: 14px;
          line-height: 2.5; }
          article#content #tenpo ul li .name .genre:before {
            content: " ＜"; }
          article#content #tenpo ul li .name .genre:after {
            content: "＞"; }
      article#content #tenpo ul li .img {
        width: 47.82609%;
        float: left; }
      article#content #tenpo ul li .txt {
        width: 47.82609%;
        float: right; }
      article#content #tenpo ul li .location {
        margin-top: 1em;
        font-size: 12px;
        line-height: 1.83333;
        width: 100%;
        float: left; }
        article#content #tenpo ul li .location dl {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          article#content #tenpo ul li .location dl dd {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1; }

@media screen and (max-width: 768px) {
  article#content {
    padding-top: 0;
    padding-bottom: 1.5625vw; }
    article#content #overview {
      margin-bottom: 12.5vw; }
      article#content #overview .secInner {
        width: auto;
        margin: 0 auto; }
        article#content #overview .secInner .frame {
          width: auto;
          background-image: url(../images/bar/frame_sp_top.png);
          padding: 20.3125vw 0 0; }
          article#content #overview .secInner .frame .frameMdl {
            background-image: url(../images/frame_mdl_sp.png);
            background-size: 100% auto; }
            article#content #overview .secInner .frame .frameMdl .frameInner {
              padding: 0 5.625vw;
              margin: 0 auto -5.46875vw;
              display: block; }
          article#content #overview .secInner .frame:after {
            background-image: url(../images/frame_btm_sp.png);
            padding-bottom: 17.1875vw; }
      article#content #overview .img {
        width: 100%;
        margin-right: auto;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px); }
        article#content #overview .img.move {
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
          transform: translateY(0px); }
      article#content #overview .ov {
        margin-top: -9.375vw;
        width: auto; }
        article#content #overview .ov img {
          margin-left: auto; }
        article#content #overview .ov .title {
          margin-bottom: 5.46875vw; }
          article#content #overview .ov .title img {
            width: 60.46875vw; }
        article#content #overview .ov .txt {
          margin-top: 7.03125vw; }
          article#content #overview .ov .txt img {
            width: 74.21875vw; }
        article#content #overview .ov .date {
          margin: 7.03125vw auto 0;
          width: 78.75vw;
          padding-bottom: 2.34375vw;
          border-bottom: rgba(255, 255, 255, 0.5) solid 1px; }
          article#content #overview .ov .date img {
            width: 67.8125vw; }
        article#content #overview .ov .note {
          margin-top: 4.6875vw;
          padding-top: 0;
          border-top: none; }
          article#content #overview .ov .note img {
            width: 79.375vw; }
    article#content #tenpo .secInner {
      width: 87.5vw;
      margin: 0 auto; }
    article#content #tenpo h2 {
      padding-bottom: 7.03125vw; }
      article#content #tenpo h2 img {
        width: 63.75vw; }
    article#content #tenpo ul {
      display: block;
      border-bottom: #f6f7f9 solid 1px; }
      article#content #tenpo ul li {
        width: 100%;
        padding-top: 0;
        padding-bottom: 14.0625vw;
        display: block;
        text-align: center; }
        article#content #tenpo ul li .area {
          border: #fff solid 1px;
          display: inline-block;
          padding: 0 1em;
          font-size: 3.125vw;
          line-height: 2.4; }
        article#content #tenpo ul li .name {
          font-size: 5.9375vw;
          line-height: 1.55;
          margin: 1.5625vw 0;
          width: 100%;
          text-align: left; }
          article#content #tenpo ul li .name .genre {
            display: block;
            font-size: 5.9375vw;
            line-height: inherit; }
            article#content #tenpo ul li .name .genre:before {
              content: " ＜"; }
            article#content #tenpo ul li .name .genre:after {
              content: "＞"; }
        article#content #tenpo ul li .img {
          width: 100%; }
        article#content #tenpo ul li .txt {
          width: 100%;
          text-align: left;
          font-size: 4.375vw;
          margin-top: 1em; }
        article#content #tenpo ul li .location {
          margin-top: 1em;
          font-size: 3.75vw;
          line-height: 1.75;
          text-align: left; } }