@charset "UTF-8";
.post-list .list-item, .post-list .list-head {
  display: inline-block; }
  .post-list .list-item:after, .post-list .list-head:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden; }

/* Hides from IE Mac \ */
* html .post-list .list-item, .post-list * html .list-item, * html .post-list .list-head, .post-list * html .list-head {
  height: 1%; }

.post-list .list-item, .post-list .list-head {
  display: block; }

/* End Hack */
.alphaover {
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer; }
  .alphaover:hover {
    transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0.5; }

#modal-close, #index-section .intro, #index-section .inputdate .u-select, #index-section .inputdate-submit, #index-section .note, .ui-tab, #monthly-index li, .info-icon, .flow-title, .flow-week .tx1, .flow-week .balloon, .info-column, .c-cal .c-weekinfo, .c-cal .info-contents {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif; }

.m-inner {
  padding-left: 6.875vw;
  padding-right: 6.875vw; }

.body {
  line-height: 2;
  font-family: "Noto Sans Japanese"; }
  .body p + p {
    margin-top: 5.46875vw; }

.post-list .list-item {
  box-sizing: border-box;
  clear: both;
  display: block;
  position: relative;
  padding-top: 6.5625vw;
  padding-bottom: 5vw;
  border-bottom: 0.15625vw solid #CCCCCC;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .is-loading .post-list .list-item {
    transition: none; }
.post-list .list-head {
  position: relative;
  z-index: 1; }
.post-list .list-body {
  float: right;
  width: 62.5vw; }
  .post-list .list-body .yh {
    font-weight: 900; }
.post-list .list-subtitle {
  margin-bottom: 3.4375vw;
  text-transform: uppercase;
  font-size: 2.96875vw; }
  .post-list .list-subtitle .list-cat {
    display: inline-block;
    vertical-align: top; }
    .post-list .list-subtitle .list-cat + .list-cat {
      margin-left: 2.8125vw; }
      .post-list .list-subtitle .list-cat + .list-cat:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 1px;
        height: 2.34375vw;
        margin-right: 2.8125vw;
        background-color: #333;
        transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .is-loading .post-list .list-subtitle .list-cat + .list-cat:before {
          transition: none; }
    .post-list .list-subtitle .list-cat .hk {
      font-size: 3.4375vw; }
    .post-list .list-subtitle .list-cat a {
      color: #333;
      transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .is-loading .post-list .list-subtitle .list-cat a {
        transition: none; }
      .post-list .list-subtitle .list-cat a:hover {
        text-decoration: underline; }
.post-list .list-title {
  position: relative;
  line-height: 1.18;
  margin-top: -1.5625vw;
  word-break: break-all;
  font-size: 4.6875vw;
  overflow: hidden; }
  .post-list .list-title .hk {
    font-size: 6.25vw; }
.post-list .list-title-inner,
.post-list .list-performer-inner {
  height: 4.9em;
  overflow: hidden;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .is-loading .post-list .list-title-inner, .is-loading
  .post-list .list-performer-inner {
    transition: none; }
  .schedule .post-list .list-title-inner, .schedule
  .post-list .list-performer-inner {
    height: 3.4em; }
.post-list .list-title-close,
.post-list .list-performer-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
.post-list .list-title-open,
.post-list .list-performer-open {
  position: relative;
  opacity: 0; }
.post-list .list-performer {
  position: relative;
  display: none;
  margin-top: 1.5625vw;
  word-break: break-all;
  line-height: 1.6;
  font-size: 2.5vw;
  overflow: hidden; }
  .post-list .list-performer .hk {
    font-size: 2.96875vw; }
  .post-list .list-performer .list-performer-inner {
    height: 1.7em; }
  .schedule .post-list .list-performer {
    display: block; }
.post-list .list-date {
  position: absolute;
  right: 0;
  top: 0.46875vw;
  font-size: 2.8125vw;
  text-transform: uppercase; }
  .post-list .list-date .list-date-day {
    display: none;
    text-transform: uppercase; }
    .schedule .post-list .list-date .list-date-day {
      display: inline; }
.post-list .list-image {
  float: left;
  width: 20.625vw;
  height: 20.625vw;
  font-size: 0; }
  .post-list .list-image img {
    width: 100%;
    height: 100%; }
.post-list .list-close {
  display: inline-block;
  position: absolute;
  right: 2.5vw;
  top: 2.5vw;
  width: 6.09375vw;
  height: 6.09375vw;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  .post-list .list-close::before, .post-list .list-close::after {
    position: absolute;
    left: 0.625vw;
    display: inline-block;
    width: 6.71875vw;
    height: 1px;
    background-color: #fff;
    content: "";
    transition: all 0.3s; }
  .post-list .list-close::before {
    top: 0.625vw;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg) translate3d(0vw, 0vw, 0);
    -ms-transform: rotate(45deg) translate3d(0vw, 0vw, 0);
    transform: rotate(45deg) translate3d(0vw, 0vw, 0); }
  .post-list .list-close::after {
    top: 5.3125vw;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg) translate3d(0vw, 0vw, 0);
    -ms-transform: rotate(-45deg) translate3d(0vw, 0vw, 0);
    transform: rotate(-45deg) translate3d(0vw, 0vw, 0); }
  .post-list .list-close:hover {
    -webkit-transform: rotate(270deg) scale(1.2);
    -ms-transform: rotate(270deg) scale(1.2);
    transform: rotate(270deg) scale(1.2); }
.post-list .eventdate.m-sp {
  right: 3.125vw;
  top: 2.96875vw; }
.post-list .eventdate {
  display: none; }
.post-list .list-contents {
  clear: both;
  position: relative;
  color: #FFF;
  z-index: 1;
  overflow: hidden; }
  .post-list .list-contents .list-contents-inner {
    padding-top: 7.8125vw; }
.post-list .list-line {
  display: none; }
.post-list .mosaic-bg {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .is-loading .post-list .mosaic-bg {
    transition: none; }
  .post-list .mosaic-bg:before {
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .is-loading .post-list .mosaic-bg:before {
      transition: none; }
.post-list .color-src {
  height: 0;
  overflow: hidden; }
.post-list .list-item.is-hover .mosaic-bg:before {
  opacity: 0.4; }
.post-list .list-item.is-open {
  height: auto;
  padding-top: 10.15625vw;
  padding-bottom: 9.375vw;
  color: #FFF;
  cursor: default;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  @media (max-width: 799px) {
    .schedule .post-list .list-item.is-open {
      padding-top: 15.3125vw; } }
  .post-list .list-item.is-open .list-subtitle .list-cat a {
    color: #FFF; }
  .post-list .list-item.is-open .list-subtitle .list-cat + .list-cat:before {
    background-color: #fff;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  .post-list .list-item.is-open .list-title-inner,
  .post-list .list-item.is-open .list-performer-inner {
    height: auto; }
  .post-list .list-item.is-open .list-title-close,
  .post-list .list-item.is-open .list-performer-close {
    opacity: 0; }
  .post-list .list-item.is-open .list-title-open,
  .post-list .list-item.is-open .list-performer-open {
    opacity: 1; }
  .post-list .list-item.is-open .eventdate.m-sp {
    top: 11.25vw; }
  .post-list .list-item.is-open .list-close {
    opacity: 1;
    pointer-events: auto; }
  .post-list .list-item.is-open .list-contents {
    position: relative;
    display: block; }
  .post-list .list-item.is-open .mosaic-bg {
    opacity: 1;
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
    .post-list .list-item.is-open .mosaic-bg:before {
      opacity: 0.7;
      transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
.post-list .list-item.is-closing {
  height: auto;
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  .post-list .list-item.is-closing .list-subtitle .list-cat + .list-cat:before {
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  .post-list .list-item.is-closing .list-title-inner,
  .post-list .list-item.is-closing .list-performer-inner {
    height: auto; }
  .post-list .list-item.is-closing .list-title-open,
  .post-list .list-item.is-closing .list-performer-open {
    opacity: 1; }
  .post-list .list-item.is-closing .mosaic-bg {
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
    .post-list .list-item.is-closing .mosaic-bg:before {
      transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
.post-list .list-item.is-hide {
  height: 0px;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0; }

.eventdate.m-sp {
  position: absolute;
  width: 27.5vw;
  height: 8.125vw;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
  transition: top 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  .is-loading .eventdate.m-sp {
    transition: none; }
  .eventdate.m-sp .eventdate-date {
    box-sizing: border-box;
    display: inline-block;
    margin-top: 0.46875vw;
    margin-right: 1.25vw;
    letter-spacing: 0;
    font-size: 6.5625vw; }
    .eventdate.m-sp .eventdate-date:after {
      content: "";
      display: inline-block;
      width: 0.15625vw;
      height: 4.375vw;
      margin-left: 1.5625vw;
      background-color: #FFF; }
  .eventdate.m-sp .eventdate-column {
    display: inline-block;
    margin-top: 1.71875vw;
    text-align: left;
    line-height: 1.2;
    font-size: 2.1875vw; }

.btn {
  font-family: "Ciutadella-SemiBold";
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 47.5vw;
  height: 9.375vw;
  border: #333 solid 0.15625vw;
  text-align: center;
  line-height: 9.375vw;
  font-size: 3.125vw;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .btn .label {
    position: relative;
    display: inline-block;
    z-index: 1; }
  .btn .arrow {
    display: inline-block;
    position: relative;
    width: 15.9375vw;
    height: 1.40625vw;
    margin-top: 3.90625vw;
    margin-right: 2.5vw;
    background-image: url(../images/common/arrow-back.png);
    background-size: 15.9375vw 1.40625vw;
    z-index: 1; }
  .btn .r {
    content: "";
    position: absolute;
    left: 0;
    top: -5%;
    width: 100%;
    height: 110%;
    background-color: #333;
    z-index: 0; }

.is-overview {
  height: 100%;
  overflow: hidden; }
  .is-overview #wrapper {
    height: 100%;
    overflow: hidde; }

#modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }
  #modal .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

#modal-mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 500px);
  background-color: #000;
  opacity: 0.7; }

#modal-contents-wrapper {
  position: relative;
  left: 50%;
  width: 620px;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  #modal-contents-wrapper.modal-calendar {
    width: 470px; }
    #modal-contents-wrapper.modal-calendar #modal-contents {
      padding: 30px 40px; }
    #modal-contents-wrapper.modal-calendar .info-column {
      width: 100%;
      padding-left: 0; }
      #modal-contents-wrapper.modal-calendar .info-column + .info-column {
        margin-top: 20px;
        padding-top: 24px;
        background-image: url(../images/contents/line2.png);
        background-size: 30px 3px;
        background-repeat: repeat-x; }
    #modal-contents-wrapper.modal-calendar .info-column-week {
      font-weight: bold;
      font-size: 16px; }
      #modal-contents-wrapper.modal-calendar .info-column-week .info-title {
        margin-bottom: 15px; }
      #modal-contents-wrapper.modal-calendar .info-column-week .info-item:before {
        top: 2px; }
    #modal-contents-wrapper.modal-calendar .info-column-btns {
      display: none; }

#modal-contents {
  background-color: #FFF;
  border-radius: 15px;
  overflow: hidden; }
  #modal-contents .title {
    padding-top: 20px;
    padding-bottom: 18px;
    background-color: #F17930;
    color: #fff;
    text-align: center;
    font-size: 26px; }
  #modal-contents .body {
    padding: 34px 48px;
    vertical-align: top; }

#modal-close {
  display: block;
  width: 136px;
  height: 36px;
  padding-top: 5px;
  margin: 20px auto 0;
  border: 2px solid #fff;
  border-radius: 60px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  cursor: pointer; }
  #modal-close:before {
    width: 10px;
    height: 10px;
    background-image: url("../images/contents/icon-close.png");
    background-size: 10px 10px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    content: "";
    display: inline-block;
    margin-right: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  #modal-close svg {
    width: 20px;
    height: 100%;
    fill: #fff; }
  #modal-close:hover:before {
    -webkit-transform: rotate(180deg) scale(1.1);
    -ms-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1); }

@media (max-width: 799px) {
  #modal-contents-wrapper {
    width: 93.75vw;
    margin-bottom: 12.5vw; }
    #modal-contents-wrapper.modal-calendar {
      width: 93.75vw; }
      #modal-contents-wrapper.modal-calendar #modal-contents {
        padding: 4.375vw 4.6875vw 5vw;
        font-size: 4.375vw; }
      #modal-contents-wrapper.modal-calendar .info-title {
        width: 100%;
        background-size: 100% auto;
        font-size: 3.75vw; }
      #modal-contents-wrapper.modal-calendar .info-column {
        margin-top: 0;
        padding-top: 0;
        background: none;
        margin-left: 0; }
        #modal-contents-wrapper.modal-calendar .info-column + .info-column {
          margin-top: 5vw;
          padding-top: 5vw;
          background-image: url(../images/contents/sp/line.png);
          background-size: 10vw 0.9375vw; }
      #modal-contents-wrapper.modal-calendar .info-column-week {
        font-size: 4.375vw; }
        #modal-contents-wrapper.modal-calendar .info-column-week .info-title {
          margin-bottom: 2.34375vw; }
        #modal-contents-wrapper.modal-calendar .info-column-week .info-item:before {
          top: 0.3125vw; }

  #modal-contents {
    border-radius: 2.34375vw; }
    #modal-contents .title {
      padding: 4.375vw 4.6875vw;
      font-size: 6.25vw; }
    #modal-contents .body {
      padding: 4.375vw 4.6875vw;
      font-size: 4.375vw; }

  #modal-close {
    width: 43.75vw;
    height: 12.5vw;
    padding-top: 0;
    margin: 6.25vw auto 0;
    border-width: 0.625vw;
    border-radius: 12.5vw;
    line-height: 11.875vw;
    font-size: 4.375vw; }
    #modal-close:before {
      width: 3.125vw;
      height: 3.125vw;
      background-image: url("../images/contents/icon-close.png");
      background-size: 3.125vw 3.125vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      position: relative;
      top: -0.3125vw;
      margin-right: 0.625vw; } }
.ui-tab {
  z-index: 5; }

.info-icon {
  z-index: 5; }

#modal,
#modal-mask {
  z-index: 1000; }

html {
  overflow-y: scroll; }

.is-overview {
  overflow-y: scroll; }
  .is-overview body {
    position: fixed;
    width: 100%;
    overflow: hidden; }

strong {
  font-weight: bold; }

.m-sp {
  display: none; }

#cal-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 100; }

#index-section {
  display: block; }
  .is-contents #index-section {
    display: none; }

#contents-section {
  display: none; }
  .is-contents #contents-section {
    display: block; }

#dummy {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

.u-wrap {
  background-image: url(../images/index/bg01.png);
  background-size: 100px 100px; }

.u-content {
  background-image: url(../images/index/bg02.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: calc(100% - 220px) auto; }
  .-spNav .u-content {
    background-size: 100% auto; }

#index-section {
  padding-bottom: 80px;
  text-align: center; }
  #index-section .main {
    padding-top: 60px; }
    #index-section .main-img {
      width: 558px;
      height: 310px;
      background-image: url("../images/index/main.png");
      background-size: 558px 310px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    #index-section .main-txt {
      margin-top: 20px;
      line-height: 1.875;
      font-weight: bold;
      font-size: 16px; }
  #index-section .intro {
    box-sizing: border-box;
    display: inline-block;
    width: 480px;
    margin-top: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px solid #F26E20;
    border-radius: 7px; }
    #index-section .intro .intro-title {
      color: #f47a23;
      font-weight: bold;
      font-size: 16px; }
    #index-section .intro ol {
      margin-top: 10px;
      margin-bottom: 0; }
      #index-section .intro ol .number {
        color: #f47a23;
        font-weight: bold; }
    #index-section .intro .intro-img {
      width: 215px;
      height: 40px;
      background-image: url("../images/index/intro.png");
      background-size: 215px 40px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      display: block;
      margin: 6px auto 8px; }
    #index-section .intro .arrow {
      width: 16px;
      height: 14px;
      background-image: url("../images/index/intro-arrow.png");
      background-size: 16px 14px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      display: block;
      margin: 6px auto; }
  #index-section select,
  #index-section input {
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none; }
    #index-section select::-ms-expand,
    #index-section input::-ms-expand {
      display: none; }
  #index-section .inputdate {
    display: inline-block;
    margin-top: 30px;
    padding: 28px 30px 26px;
    background-color: #FFF;
    text-align: left;
    border-radius: 8px; }
    #index-section .inputdate .u-select {
      display: inline-block;
      height: 40px;
      line-height: 38px;
      font-size: 16px; }
      #index-section .inputdate .u-select-wrap {
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        height: 40px;
        margin-right: 4px;
        border: 1px solid #231816;
        border-radius: 5px;
        overflow: hidden; }
        #index-section .inputdate .u-select-wrap:before {
          width: 40px;
          height: 40px;
          background-image: url("../images/index/select-arrow.png");
          background-size: 40px 40px;
          background-repeat: no-repeat;
          display: inline-block;
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-align: left;
          content: "";
          position: absolute;
          right: -1px;
          top: -1px; }
      #index-section .inputdate .u-select select {
        position: relative;
        padding-left: 10px;
        padding-right: 68px;
        background-color: transparent;
        cursor: pointer; }
      #index-section .inputdate .u-select + .u-select {
        margin-left: 20px; }
      #index-section .inputdate .u-select-label {
        display: inline-block;
        vertical-align: top;
        line-height: 40px; }
    #index-section .inputdate #input-year select {
      padding-right: 86px; }
    #index-section .inputdate-unit {
      display: inline-block;
      vertical-align: top; }
    #index-section .inputdate-line {
      width: 3px;
      height: 76px;
      background-image: url("../images/index/line.png");
      background-size: 3px 76px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      position: relative;
      top: 2px;
      margin-left: 24px;
      margin-right: 24px; }
    #index-section .inputdate-title {
      margin-bottom: 15px;
      color: #F47A23;
      font-size: 16px; }
    #index-section .inputdate-submit {
      position: relative;
      display: inline-block;
      height: 64px;
      width: 350px;
      margin-top: 30px;
      background-color: #F17930;
      color: #FFF;
      line-height: 64px;
      border-radius: 100px;
      font-weight: bold;
      font-size: 20px;
      cursor: pointer; }
      #index-section .inputdate-submit .bg {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #F17930;
        border-radius: 100px;
        transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
      #index-section .inputdate-submit .label {
        position: relative;
        display: inline-block; }
      #index-section .inputdate-submit:before {
        width: 32px;
        height: 32px;
        background-image: url("../images/index/icon-calendar.png");
        background-size: 32px 32px;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        content: "";
        position: relative;
        top: 8px;
        margin-right: 5px;
        z-index: 1; }
      #index-section .inputdate-submit:hover .bg {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  #index-section .note {
    margin-top: 22px;
    font-size: 12px; }

.u-pageHeader {
  text-align: center; }

.header-title {
  width: 722px;
  height: 119px;
  background-image: url("../images/contents/title.png");
  background-size: 722px 119px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  position: relative;
  top: 44px;
  display: inline-block;
  width: 722px; }

#c-contents {
  padding-top: 10px;
  background-color: #FBE9D5; }

.u-breadCrumb {
  overflow: hidden; }
  .u-breadCrumb .u-breadCrumb_list {
    float: left;
    padding-right: 0; }
  .u-breadCrumb .btn-back {
    float: left;
    margin-top: 2px;
    cursor: pointer;
    font-size: 12px; }
    .u-breadCrumb .btn-back:before {
      width: 10px;
      height: 11px;
      background-image: url("../images/contents/icon-back.png");
      background-size: 10px 11px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      content: "";
      position: relative;
      top: 1px;
      margin-right: 6px; }
    .u-breadCrumb .btn-back:hover {
      text-decoration: underline; }
  .u-breadCrumb .copy-link {
    float: right;
    margin-top: 2px;
    margin-right: 50px;
    font-size: 12px;
    cursor: pointer; }
    .u-breadCrumb .copy-link:before {
      width: 14px;
      height: 14px;
      background-image: url("../images/contents/icon-link.png");
      background-size: 14px 14px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      content: "";
      position: relative;
      top: 2px;
      margin-right: 2px; }
    .u-breadCrumb .copy-link:hover {
      text-decoration: underline; }

.ui-tab {
  position: relative;
  margin-bottom: -1px;
  text-align: center;
  font-weight: bold;
  font-size: 0; }
  .ui-tab li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 0; }
    .ui-tab li a {
      display: block;
      width: 178px;
      height: 48px;
      border: #FBE9D5 1px solid;
      border-bottom-width: 0;
      text-align: center;
      line-height: 48px;
      font-size: 14px; }
    .ui-tab li.current {
      z-index: 1; }
      .ui-tab li.current a {
        background-color: #FBF5E8;
        border-color: #E1DCD0;
        cursor: default;
        pointer-events: none; }
    .ui-tab li .icon {
      position: relative;
      margin-right: 5px; }
    .ui-tab li + li {
      margin-left: -1px; }
  .ui-tab-list .icon {
    width: 20px;
    height: 17px;
    background-image: url("../images/contents/icon-list.png");
    background-size: 20px 17px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    top: 3px; }
  .ui-tab-calendar .icon {
    width: 20px;
    height: 19px;
    background-image: url("../images/contents/icon-calendar.png");
    background-size: 20px 19px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    top: 4px; }

@media (min-width: 800px) {
  .ui-tab a:hover {
    color: #EC6200; }
  .ui-tab-list a:hover .icon {
    width: 20px;
    height: 17px;
    background-image: url("../images/contents/icon-list-hover.png");
    background-size: 20px 17px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left; }
  .ui-tab-calendar a:hover .icon {
    width: 20px;
    height: 19px;
    background-image: url("../images/contents/icon-calendar-hover.png");
    background-size: 20px 19px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left; } }
#c-u-contents {
  position: relative;
  background-color: #FBF5E8;
  border-top: 1px solid #E1DCD0;
  z-index: 0; }
  #c-u-contents .current {
    position: relative;
    z-index: 6; }

#contents-list,
#contents-calendar {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  padding-bottom: 100px;
  background-color: #FBF5E8;
  z-index: 5; }

#monthly-index {
  display: none; }

.info-icon {
  position: absolute;
  right: 50px;
  top: 28px;
  font-size: 12px;
  z-index: 7; }
  .info-icon li {
    display: inline-block; }
    .info-icon li:before {
      content: "";
      position: relative;
      top: -1px;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-size: contain;
      margin-right: 2px;
      vertical-align: top; }
    .info-icon li + li {
      margin-left: 16px; }
  .info-icon-condition:before {
    background-image: url(../images/contents/icon-condition.png); }
  .info-icon-hospital:before {
    background-image: url(../images/contents/icon-hospital.png); }
  .info-icon-work:before {
    background-image: url(../images/contents/icon-work.png); }
  .info-icon-other:before {
    background-image: url(../images/contents/icon-other.png); }

.info-column-btns {
  margin-top: 20px;
  text-align: center; }

.info-column-btn {
  display: inline-block;
  max-width: 320px;
  width: 100%;
  height: 40px;
  background-color: #231816;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold; }
  .info-column-btn:before {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    width: 7px;
    height: 8px;
    margin-right: 6px;
    background-image: url(../images/contents/arrow.png);
    background-size: contain;
    background-repeat: no-repeat; }
  #month3 .info-column-btn {
    letter-spacing: -0.1em; }

#flow-contents-bg {
  position: relative;
  width: 100%;
  z-index: 0; }
  #flow-contents-bg .bg {
    position: absolute;
    width: 100%;
    background-color: #FFF;
    border-radius: 7px; }

.flow-scroll {
  width: 100px;
  height: 121px;
  background-image: url("../images/contents/scroll.png");
  background-size: 100px 121px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  position: relative;
  margin-top: 10px;
  margin-left: 40px;
  margin-bottom: 20px;
  vertical-align: top; }

.flow-line {
  position: absolute;
  left: 89px;
  top: 0;
  width: 3px;
  height: calc(100% + 100px);
  background-color: #231816; }
  .flow-line.flow-line-base {
    left: 139px;
    top: 100px;
    height: calc(100% - 170px); }
  .flow-month-last .flow-line {
    height: calc(100% - 100px); }

.flow-title {
  position: relative;
  height: 40px;
  margin-bottom: 30px;
  background-color: #F09A3E;
  border-radius: 8px;
  color: #FFF;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  font-size: 16px; }
  .flow-title .label {
    position: relative;
    display: inline-block; }
  .flow-title .icon {
    width: 51px;
    height: 71px;
    background-image: url("../images/contents/bee1.png");
    background-size: 51px 71px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    position: absolute;
    left: -60px;
    top: -23px; }
    .flow-title .icon.icon2 {
      width: 43px;
      height: 71px;
      background-image: url("../images/contents/bee2.png");
      background-size: 43px 71px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .flow-title .icon.icon3 {
      width: 53px;
      height: 71px;
      background-image: url("../images/contents/bee3.png");
      background-size: 53px 71px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .flow-title .icon.icon4 {
      width: 44px;
      height: 71px;
      background-image: url("../images/contents/bee4.png");
      background-size: 44px 71px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }

.flow-month {
  position: relative; }
  .flow-month + .flow-month {
    margin-top: 30px; }

.flow-contents,
.flow-contents-nobg {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 30px 30px 30px 40px; }

.flow-contents {
  background-color: #FFF;
  border-radius: 7px; }

.flow-contents-nobg {
  padding-top: 16px;
  padding-bottom: 16px; }
  .flow-contents-nobg .flow-column {
    background: none; }

.flow-column {
  width: 53%;
  background-image: url(../images/contents/line.png);
  background-size: 3px 30px;
  background-position: right 0;
  background-repeat: repeat-y; }
  .flow-column.flow-column-noborder {
    background: none; }

.flow-week {
  position: relative;
  display: table;
  width: 100%; }
  .flow-week + .flow-week {
    margin-top: 35px; }
  .flow-week .flow-week-column {
    display: table-cell;
    vertical-align: middle; }
    .flow-week .flow-week-column.flow-week-column-balloon {
      width: 80%; }
  .flow-week .icon-wrap {
    display: inline-block;
    position: relative; }
  .flow-week .icon {
    width: 100px;
    height: 100px;
    background-image: url("../images/contents/flow4.png");
    background-size: 100px 100px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 0;
    z-index: 1; }
  .flow-week .tx1 {
    margin-top: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 14px; }
  .flow-week .tx2 {
    margin-top: 6px;
    color: #231815;
    font-weight: bold;
    font-size: 26px; }
    .ie .flow-week .tx2 {
      margin-top: 9px; }
    .flow-week .tx2 .tx2-year {
      margin-bottom: -9px;
      font-size: 15px; }
  .flow-week .tx3 {
    display: inline-block;
    font-weight: bold;
    font-size: 30px; }
  .flow-week .tx4 {
    display: inline-block;
    font-size: 16px; }
  .flow-week .balloon-wrap {
    display: inline; }
  .flow-week .balloon {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: calc(100% - 55px);
    margin-left: 28px;
    padding: 12px 18px;
    background-color: #FFF;
    border: #231816 1px solid;
    border-radius: 12px;
    font-weight: bold;
    font-size: 16px;
    z-index: 1; }
    .flow-week .balloon .arrow {
      width: 11px;
      height: 13px;
      background-image: url("../images/contents/arrow-balloon.png");
      background-size: 11px 13px;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      position: absolute;
      left: -11px;
      top: 50%;
      margin-top: -7px; }
    .flow-week .balloon .info-item:before {
      top: 2px; }
  .flow-week .emphasis {
    width: 154px;
    height: 154px;
    background-image: url("../images/contents/flow3.png");
    background-size: 154px 154px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    position: absolute;
    left: -27px;
    top: -27px;
    z-index: 0; }
  .flow-week .bee {
    width: 51px;
    height: 63px;
    background-image: url("../images/contents/bee5.png");
    background-size: 51px 63px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    position: absolute;
    left: -29px;
    top: 38px;
    z-index: 2; }
  .flow-week .emphasis,
  .flow-week .bee {
    display: none; }
  .flow-week.flow-week-small .icon {
    width: 60px;
    height: 60px;
    background: #2F231F;
    margin-left: 20px;
    border-radius: 60px; }
  .flow-week.flow-week-small .tx1 {
    margin-top: 19px; }
  .flow-week.flow-week-small .tx2,
  .flow-week.flow-week-small .balloon {
    display: none; }
  .flow-firstphase .flow-week.flow-week-small .icon {
    background: none;
    width: 60px;
    height: 60px;
    background-image: url("../images/contents/flow2.png");
    background-size: 60px 60px;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 0; }
  .flow-week.flow-emphasis .icon {
    width: 100px;
    height: 100px;
    background-image: url("../images/contents/flow1.png");
    background-size: 100px 100px;
    background-repeat: no-repeat;
    display: inline-block; }
  .flow-week.flow-emphasis .tx2 {
    color: #F47A23; }
  .flow-week.flow-emphasis .emphasis,
  .flow-week.flow-emphasis .bee {
    display: block; }

.info-column {
  width: 47%;
  padding-left: 3%; }

.info-title {
  width: 390px;
  height: 30px;
  background-image: url("../images/contents/info-title.png");
  background-size: 390px 30px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center top;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
  border-radius: 30px; }
  .sf .info-title {
    line-height: 32px; }

.info-baby {
  margin-top: 20px;
  padding: 18px;
  border: 1px solid #F0F0F0;
  line-height: 1.66;
  overflow: hidden; }
  .info-baby-img {
    float: left;
    width: 56.9%; }
  .info-baby-body {
    float: right;
    width: 38.2%;
    letter-spacing: -0.05em;
    font-size: 12px; }
  .info-baby-title {
    margin-top: -2px;
    color: #F47A23;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 14px; }
  .info-baby-measure {
    margin-top: 5px; }
  .info-baby-description {
    clear: both;
    padding-top: 16px;
    font-size: 12px; }

.info-contents {
  margin-top: 18px; }

.info-item:before {
  content: "";
  float: left;
  position: relative;
  top: 1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  margin-right: 6px;
  vertical-align: top; }
.info-item-body {
  overflow: hidden; }
.info-item-condition:before {
  background-image: url(../images/contents/icon-condition.png); }
.info-item-hospital:before {
  background-image: url(../images/contents/icon-hospital.png); }
.info-item-work:before {
  background-image: url(../images/contents/icon-work.png); }
.info-item-other:before {
  background-image: url(../images/contents/icon-other.png); }
.info-item-hitester1:before {
  background-image: url(../images/contents/icon-hitester1.png); }
.info-item-hitester2:before {
  background-image: url(../images/contents/icon-hitester2.png); }

.weekinfo-item + .info-item,
.info-item + .info-item,
.info-item + .weekinfo-item {
  margin-top: 10px; }

.c-cal {
  position: relative;
  border-radius: 7px;
  overflow: hidden; }
  .c-cal + .c-cal {
    margin-top: 20px; }
  .c-cal .navi,
  .c-cal .todayLink {
    display: none; }
  .c-cal .caption {
    width: 960px;
    height: 130px;
    background-image: url("../images/contents/cal-header.png");
    background-size: 960px 130px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    background-position: center top;
    box-sizing: border-box;
    position: relative;
    padding-top: 10px;
    margin-bottom: -31px;
    text-align: center;
    color: #FFF;
    font-size: 50px; }
    .ie .c-cal .caption {
      padding-top: 18px; }
  .c-cal .main {
    margin-bottom: -1px; }
  .c-cal .otherMonth {
    color: #FFF; }
  .c-cal .calendar {
    position: relative; }
  .c-cal table {
    width: calc(100% + 1px);
    margin-top: -1px;
    margin-left: -1px; }
  .c-cal thead {
    border-top: 2px dotted #fff; }
  .c-cal th {
    height: 29px;
    border-right: 2px dotted #fff;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    line-height: 29px;
    font-size: 16px; }
    .c-cal th:last-child {
      border-right: none; }
  .c-cal tbody > tr td {
    border-top: none; }
  .c-cal td {
    box-sizing: border-box;
    position: relative;
    width: 14%;
    height: 121px;
    padding-left: 10px;
    padding-top: 4px;
    background-color: #FFF;
    border: 1px solid #CCC;
    vertical-align: top;
    line-height: 1.5;
    font-size: 20px; }
    .c-cal td.outday {
      color: #CCC; }
    .c-cal td.odd-week .c-weeklabel {
      border-color: #C8A01F;
      color: #C9A100;
      pointer-events: none; }
    .c-cal td.odd-week.has-info:before {
      border-color: #E7C327; }
    .c-cal td.has-info {
      cursor: pointer; }
      .c-cal td.has-info:before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 119px;
        border: 4px solid #F17930;
        z-index: 10;
        transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
      .c-cal td.has-info:hover:before {
        border-width: 9px;
        opacity: 0.7;
        transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1); }
    .c-cal td.even-week {
      background-color: #FFF5E8; }
    .c-cal td.odd-week {
      background-color: #FFFEEF; }
    .c-cal td .date {
      display: none; }
  .c-cal .c-weeklabel {
    box-sizing: border-box;
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 8px;
    width: 50px;
    height: 20px;
    border: 1px solid #F17930;
    border-radius: 20px;
    color: #f47a23;
    text-align: center;
    line-height: 18px;
    font-size: 12px; }
    .ie .c-cal .c-weeklabel {
      line-height: 22px; }
  .c-cal .c-weekinfo {
    width: 100%;
    margin-top: -2px;
    font-weight: bold;
    font-size: 12px; }
    .c-cal .c-weekinfo + .c-weekinfo {
      margin-top: 4px; }
  .c-cal .c-weekinfo + .info-contents,
  .c-cal .border + .info-contents {
    margin-top: 3px; }
  .c-cal .info-contents {
    margin-top: 0;
    font-weight: bold;
    font-size: 12px; }
  .c-cal .info-item:before {
    top: 0px; }
  .c-cal .info-item + .info-item {
    margin-top: 4px; }
  .c-cal .info-item-body {
    height: 1.5em;
    overflow: hidden; }
  .c-cal .info-column-btns {
    display: none; }
  .c-cal .transfer-txt .date {
    display: none; }
  .c-cal .transfer-different .transfer-txt {
    display: none; }
  .c-cal .weekinfo-item {
    height: 1.6em;
    overflow: hidden; }

#contents-list > .u-inner {
  position: relative; }

#contents-calendar {
  padding-top: 78px; }

@media (max-width: 799px) {
  .m-pc {
    display: none; }

  .m-sp {
    display: block; }

  body.-sp .u-wrap {
    background-image: url(../images/index/bg01.png);
    background-size: 15.625vw 15.625vw; }

  .u-wrap {
    background-size: 7.8125vw 7.8125vw; }

  .u-content {
    background-image: url(../images/index/sp/bg02.png);
    background-size: 100% auto; }

  #index-section {
    padding-bottom: 31.25vw;
    text-align: center; }
    #index-section .main {
      padding-top: 4.6875vw; }
      #index-section .main-img {
        width: 87.03125vw;
        height: 55vw;
        background-image: url("../images/index/sp/main.png");
        background-size: 87.03125vw 55vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left; }
      #index-section .main-txt {
        margin-top: 4.6875vw;
        margin-left: 7.8125vw;
        margin-right: 7.8125vw;
        line-height: 1.57;
        font-size: 4.375vw; }
    #index-section .intro {
      width: 93.75vw;
      margin-top: 4.6875vw;
      padding: 4.0625vw 4.375vw;
      border-width: 0.3125vw;
      border-radius: 1.25vw;
      font-size: 4.375vw; }
      #index-section .intro .intro-title {
        font-size: 5vw; }
      #index-section .intro ol {
        margin-top: 2.34375vw;
        text-align: left; }
      #index-section .intro .intro-img {
        width: 67.1875vw;
        height: 12.5vw;
        background-image: url("../images/index/sp/intro.png");
        background-size: 67.1875vw 12.5vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        display: block;
        margin: 1.5625vw auto 2.8125vw; }
      #index-section .intro .arrow {
        width: 5vw;
        height: 4.375vw;
        background-image: url("../images/index/sp/intro-arrow.png");
        background-size: 5vw 4.375vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        display: block;
        margin: 1.5625vw auto; }
    #index-section .inputdate {
      margin-top: 6.25vw;
      margin-left: 3.125vw;
      margin-right: 3.125vw;
      padding: 4.6875vw 4.6875vw 4.6875vw;
      border-radius: 1.25vw; }
      #index-section .inputdate .u-select {
        height: 12.5vw;
        line-height: 11.875vw;
        font-size: 4.375vw; }
        #index-section .inputdate .u-select-wrap {
          height: 12.5vw;
          margin-right: 0.78125vw;
          border-width: 0.3125vw;
          border-radius: 1.09375vw; }
          #index-section .inputdate .u-select-wrap:before {
            width: 12.5vw;
            height: 12.5vw;
            background-image: url("../images/index/select-arrow.png");
            background-size: 12.5vw 12.5vw;
            background-repeat: no-repeat;
            display: inline-block;
            text-indent: 2000px;
            white-space: nowrap;
            overflow: hidden;
            text-align: left;
            right: -0.3125vw;
            top: -0.3125vw; }
        #index-section .inputdate .u-select select {
          padding-left: 3.125vw;
          padding-right: 22.65625vw; }
        #index-section .inputdate .u-select + .u-select {
          margin-left: 3.125vw; }
        #index-section .inputdate .u-select-label {
          line-height: 12.5vw; }
      #index-section .inputdate #input-year {
        margin-bottom: 4.6875vw; }
        #index-section .inputdate #input-year select {
          padding-right: 29.0625vw; }
      #index-section .inputdate #input-month {
        margin-left: 0; }
      #index-section .inputdate-line {
        width: 84.21875vw;
        height: 0.9375vw;
        background-image: url("../images/index/sp/line.png");
        background-size: 84.21875vw 0.9375vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        display: block;
        top: 0;
        margin: 5vw auto 4.6875vw; }
      #index-section .inputdate-title {
        margin-bottom: 4.375vw;
        font-size: 4.375vw; }
      #index-section .inputdate-submit {
        height: 16.25vw;
        width: 93.75vw;
        margin-top: 6.25vw;
        line-height: 16.25vw;
        border-radius: 18.75vw;
        font-size: 5vw; }
        #index-section .inputdate-submit:before {
          width: 9.84375vw;
          height: 9.84375vw;
          background-image: url("../images/index/sp/icon-calendar.png");
          background-size: 9.84375vw 9.84375vw;
          background-repeat: no-repeat;
          display: inline-block;
          text-indent: 2000px;
          white-space: nowrap;
          overflow: hidden;
          text-align: left;
          top: 2.8125vw;
          margin-right: 0.78125vw; }
    #index-section .note {
      margin-top: 4.6875vw;
      font-size: 3.125vw; }

  body.-sp .u-pageHeader {
    height: auto; }

  .header-title {
    width: 100vw;
    height: 25vw;
    background-image: url("../images/contents/sp/title.png");
    background-size: 100vw 25vw;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 2000px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    top: 0; }

  body.-sp .u-breadCrumb.m-display-pc {
    display: block; }
    body.-sp .u-breadCrumb.m-display-pc .u-breadCrumb_list {
      display: none; }

  #c-contents {
    padding-top: 3.125vw; }

  .u-breadCrumb {
    padding-top: 1.875vw;
    padding-bottom: 1.875vw; }
    .u-breadCrumb .btn-back {
      margin-top: 0.3125vw;
      margin-left: 3.125vw;
      font-size: 4.375vw; }
      .u-breadCrumb .btn-back:before {
        width: 2.96875vw;
        height: 3.4375vw;
        background-image: url("../images/contents/icon-back.png");
        background-size: 2.96875vw 3.4375vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        content: "";
        top: -0.15625vw;
        margin-right: 1.5625vw; }
    .u-breadCrumb .copy-link {
      margin-top: 0.3125vw;
      margin-right: 3.125vw;
      font-size: 4.375vw; }
      .u-breadCrumb .copy-link:before {
        width: 4.375vw;
        height: 4.375vw;
        background-image: url("../images/contents/icon-link.png");
        background-size: 4.375vw 4.375vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        top: 0.3125vw;
        margin-right: 0.3125vw; }

  .ui-tab {
    margin-bottom: -0.3125vw; }
    .ui-tab li {
      z-index: 0; }
      .ui-tab li a {
        width: 50.15625vw;
        height: 13.4375vw;
        border-width: 0.3125vw;
        border-bottom-width: 0;
        line-height: 13.4375vw;
        font-size: 4.375vw; }
      .ui-tab li .icon {
        margin-right: 5px; }
      .ui-tab li + li {
        margin-left: -0.3125vw; }
    .ui-tab .ui-tab-list a {
      border-left-width: 0; }
    .ui-tab .ui-tab-list .icon {
      width: 6.25vw;
      height: 5.3125vw;
      background-image: url("../images/contents/icon-list.png");
      background-size: 6.25vw 5.3125vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      top: 0.9375vw; }
    .ui-tab .ui-tab-calendar a {
      border-right-width: 0; }
    .ui-tab .ui-tab-calendar .icon {
      width: 6.25vw;
      height: 5.9375vw;
      background-image: url("../images/contents/icon-calendar.png");
      background-size: 6.25vw 5.9375vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      top: 1.25vw; }

  #c-u-contents {
    position: relative;
    background-color: #FBF5E8;
    border-top: 1px solid #E1DCD0;
    z-index: 0; }
    #c-u-contents .current {
      position: relative;
      z-index: 6; }

  #contents-list,
  #contents-calendar {
    padding-bottom: 100px; }

  #monthly-index {
    display: block;
    margin: 4.6875vw 3.125vw 9.375vw;
    padding: 3.4375vw 4.375vw;
    border: 0.3125vw solid #B8B5AE;
    border-radius: 1.25vw;
    background-color: #FFF; }
    #monthly-index .title {
      font-size: 6.25vw; }
    #monthly-index a {
      color: #F62A84;
      font-weight: bold;
      font-size: 4.375vw; }

  .info-icon {
    position: relative;
    right: initial;
    top: initial;
    font-size: 3.75vw;
    z-index: 8; }
    .info-icon li {
      margin-bottom: 2.8125vw; }
      .info-icon li:before {
        top: -0.15625vw;
        margin-right: 0.3125vw; }
      .info-icon li + li {
        margin-left: 0; }
      .info-icon li:nth-child(odd) {
        width: 34.6875vw; }
    .info-icon .info-icon-condition:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-condition.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-icon .info-icon-hospital:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-hospital.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-icon .info-icon-work:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-work.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-icon .info-icon-other:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-other.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }

  .info-column-btns {
    margin-top: 4.6875vw; }

  .info-column-btn {
    max-width: initial;
    width: 73.4375vw;
    height: 12.5vw;
    border-radius: 12.5vw;
    letter-spacing: -0.1em;
    line-height: 12.5vw;
    font-size: 3.75vw; }
    .info-column-btn:before {
      top: 0;
      width: 2.1875vw;
      height: 2.5vw;
      margin-right: 0.9375vw; }

  .flow-scroll {
    width: 31.25vw;
    height: 37.8125vw;
    background-image: url("../images/contents/scroll.png");
    background-size: 31.25vw 37.8125vw;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: 2000px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    width: 20.3125vw;
    height: 24.53125vw;
    background-size: 20.3125vw 24.53125vw;
    margin-top: -25vw;
    margin-left: 3.125vw;
    margin-bottom: 7.8125vw; }

  .flow-line {
    left: 12.96875vw;
    width: 0.625vw;
    background-color: #231816; }
    #month1 .flow-line {
      height: calc(100% - 10vw);
      top: 10vw; }
    .flow-line.flow-line-base {
      left: 12.96875vw;
      top: 46.875vw;
      height: calc(100% - 46.875vw); }

  .flow-title {
    height: 9.375vw;
    margin: 0 3.125vw 6.25vw;
    border-radius: 1.09375vw;
    line-height: 9.375vw;
    font-size: 4.375vw; }
    .flow-title .icon {
      width: 9.21875vw;
      height: 15.46875vw;
      background-image: url("../images/contents/sp/bee1.png");
      background-size: 9.21875vw 15.46875vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      left: -13.125vw;
      top: -3.59375vw; }
      .flow-title .icon.icon2 {
        width: 9.375vw;
        height: 15.46875vw;
        background-image: url("../images/contents/sp/bee2.png");
        background-size: 9.375vw 15.46875vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left; }
      .flow-title .icon.icon3 {
        width: 11.5625vw;
        height: 15.46875vw;
        background-image: url("../images/contents/sp/bee3.png");
        background-size: 11.5625vw 15.46875vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left; }
      .flow-title .icon.icon4 {
        width: 9.6875vw;
        height: 15.46875vw;
        background-image: url("../images/contents/sp/bee4.png");
        background-size: 9.6875vw 15.46875vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left; }

  .flow-month + .flow-month {
    margin-top: 6.25vw; }

  .flow-contents,
  .flow-contents-nobg {
    display: block;
    padding: 6.25vw 2.34375vw 5.78125vw; }

  .flow-contents {
    border-radius: 0; }

  .flow-contents-nobg {
    padding-top: 6.25vw;
    padding-bottom: 5.46875vw; }
    .flow-contents-nobg .info-column {
      padding-top: 0;
      margin-top: 0;
      background: none; }

  .flow-column {
    width: auto;
    background: none; }

  .flow-week {
    position: relative; }
    .flow-week + .flow-week {
      margin-top: 6.25vw; }
    .flow-week .icon {
      width: 21.875vw;
      height: 21.875vw;
      background-size: 21.875vw 21.875vw; }
    .flow-week .tx1 {
      margin-top: 2.1875vw;
      font-size: 2.8125vw; }
    .flow-week .tx2 {
      margin-top: 0.78125vw;
      font-size: 5.9375vw; }
      .flow-week .tx2 .tx2-year {
        margin-bottom: -2.1875vw;
        font-size: 3.75vw; }
    .flow-week .tx3 {
      font-size: 7.1875vw; }
    .flow-week .tx4 {
      font-size: 3.75vw; }
    .flow-week .balloon {
      width: 67.1875vw;
      padding: 3.125vw;
      margin-left: 5.46875vw;
      border-width: 0.46875vw;
      border-radius: 1.875vw;
      font-size: 4.375vw; }
      .flow-week .balloon .arrow {
        width: 2.1875vw;
        height: 2.1875vw;
        background-image: url("../images/contents/sp/arrow-balloon.png");
        background-size: 2.1875vw 2.1875vw;
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: 2000px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        left: -1.875vw;
        margin-top: -1.09375vw; }
      .flow-week .balloon .info-item {
        font-size: 4.375vw; }
        .flow-week .balloon .info-item:before {
          top: 0; }
    .flow-week .emphasis, .flow-week.flow-emphasis .emphasis {
      display: none; }
    .flow-week .bee {
      width: 10.9375vw;
      height: 13.51563vw;
      left: -3.125vw;
      top: 17.1875vw;
      background-size: 10.9375vw 13.51563vw; }
    .flow-week.flow-week-small .icon {
      width: 12.5vw;
      height: 12.5vw;
      margin-left: 4.6875vw;
      border-radius: 12.5vw; }
    .flow-week.flow-week-small .tx1 {
      margin-top: 3.90625vw; }
    .flow-week.flow-emphasis .icon {
      width: 21.875vw;
      height: 21.875vw;
      background-size: 21.875vw 21.875vw; }
    .flow-afterphase .flow-week .icon {
      border-width: 0.46875vw;
      border-radius: 21.875vw; }
    .flow-afterphase .flow-week .l {
      margin-top: 5vw; }
      .flow-afterphase .flow-week .l + .l {
        margin-top: -3.4375vw; }
    .flow-afterphase .flow-week .l2 {
      margin-top: 0.15625vw; }

  .info-column {
    width: 73.4375vw;
    padding-top: 7.1875vw;
    padding-left: 0;
    margin-top: 5.15625vw;
    margin-left: 21.09375vw;
    background-image: url(../images/contents/sp/line.png);
    background-size: 10vw 0.9375vw;
    background-repeat: repeat-x; }

  .info-title {
    width: 73.4375vw;
    height: 10vw;
    background-image: url("../images/contents/sp/info-title.png");
    background-size: 73.4375vw 10vw;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 10vw;
    font-size: 3.75vw;
    border-radius: 10vw; }
    .sf .info-title {
      line-height: 10vw; }

  .info-baby {
    margin-top: 3.125vw;
    padding: 4.6875vw 4.375vw 4.0625vw;
    border-width: 0.3125vw; }
    .info-baby-img {
      float: none;
      width: 100%; }
    .info-baby-body {
      float: none;
      width: auto;
      letter-spacing: 0;
      font-size: 3.75vw; }
    .info-baby-title {
      margin-top: 1.875vw;
      font-size: 3.75vw; }
    .info-baby-measure {
      width: 40.625vw;
      margin-top: 1.5625vw; }
    .info-baby-description {
      padding-top: 0;
      margin-top: 1.5625vw;
      font-size: 3.75vw; }

  .info-contents {
    margin-top: 4.6875vw; }

  .info-item {
    font-size: 3.75vw; }
    .info-item:before {
      top: -0.15625vw;
      margin-right: 3.125vw; }
    .info-item-body {
      overflow: hidden; }
    .info-item.info-item-condition:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-condition.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-item.info-item-hospital:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-hospital.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-item.info-item-work:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-work.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-item.info-item-other:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-other.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-item.info-item-hitester1:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-hitester1.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }
    .info-item.info-item-hitester2:before {
      width: 6.25vw;
      height: 6.25vw;
      background-image: url("../images/contents/icon-hitester2.png");
      background-size: 6.25vw 6.25vw;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: 2000px;
      white-space: nowrap;
      overflow: hidden;
      text-align: left; }

  .weekinfo-item + .info-item,
  .info-item + .info-item,
  .info-item + .weekinfo-item {
    margin-top: 2.8125vw; }

  .c-cal {
    border-radius: 0; }
    .c-cal + .c-cal {
      margin-top: 6.25vw; }
    .c-cal .caption {
      width: 100vw;
      height: 28.125vw;
      background-image: url("../images/contents/sp/cal-header.png");
      background-size: 100vw 28.125vw;
      background-repeat: no-repeat;
      display: inline-block;
      padding-top: 2.8125vw;
      margin-bottom: -7.34375vw;
      font-size: 9.375vw; }
    .c-cal .main {
      margin-bottom: 0; }
    .c-cal table {
      margin-top: -0.15625vw;
      margin-left: -0.15625vw; }
    .c-cal thead {
      border-width: 0.3125vw; }
    .c-cal th {
      height: 3.75vw;
      border-width: 0.3125vw;
      line-height: 7.03125vw;
      font-size: 3.75vw; }
    .c-cal td {
      height: 18.75vw;
      padding-left: 1.5625vw;
      padding-top: 1.25vw;
      border-width: 0.3125vw;
      font-size: 3.125vw; }
      .c-cal td.has-info:before {
        min-height: 18.4375vw;
        border-width: 0.625vw; }
      .c-cal td.has-info:hover:before {
        border-width: 1.25vw; }
    .c-cal .c-weeklabel {
      top: -0.46875vw;
      margin-left: 1.25vw;
      width: 6.5625vw;
      height: 3.75vw;
      border-width: 0.3125vw;
      border-radius: 3.75vw;
      line-height: 3.75vw;
      font-size: 2.5vw; }
    .c-cal .c-weekinfo {
      margin-top: -0.3125vw;
      font-weight: bold;
      font-size: 2.8125vw; }
      .c-cal .c-weekinfo + .info-contents {
        margin-top: 0.15625vw; }
    .c-cal .info-item {
      display: inline-block;
      margin-bottom: 0.625vw; }
      .c-cal .info-item:before {
        width: 4.6875vw;
        height: 4.6875vw;
        margin-right: 0;
        background-size: 4.6875vw 4.6875vw; }
      .c-cal .info-item + .info-item {
        margin-top: -0.46875vw; }
    .c-cal .info-item-body {
      display: none; }
    .c-cal .transfer-different {
      display: none; }

  #contents-list .info-icon {
    margin-left: 32.1875vw; }
  #contents-list > .u-inner {
    position: relative; }

  #contents-calendar {
    padding-top: 6.25vw; }
    #contents-calendar .info-icon {
      margin-left: 20.3125vw;
      margin-right: 20.3125vw;
      margin-bottom: 3.4375vw; } }