/* Scss Document */
#mainImg {
  margin-bottom: 30px; }

#calendar {
  width: 100%;
  position: relative;
  height: 1050px; }
  #calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1050px; }

#sp-calendar .yellowDiv {
  padding: 30px 10px;
  background: #FFF;
  border-radius: 8px; }
  #sp-calendar .yellowDiv #calendar2 {
    width: 100%;
    position: relative; }
    #sp-calendar .yellowDiv #calendar2 iframe {
      width: 100%;
      height: 300px; }

#status_main {
  font-size: 93%; }
  #status_main > div.room h4 {
    width: 100%;
    padding: 5px;
    font-size: 100%;
    background-color: #3EACD4;
    color: #fff;
    text-align: center;
    border: 1px solid #CCC; }
  #status_main > div.room .boxroom {
    display: flex;
    align-items: center;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-top: none;
    margin-bottom: 10px; }
    #status_main > div.room .boxroom .img {
      width: 212px;
      min-width: 212px;
      border-right: none; }
      #status_main > div.room .boxroom .img img {
        padding: 5px;
        max-width: 212px;
        margin: 0 auto; }
    #status_main > div.room .boxroom .tableroom {
      width: 100%; }
      #status_main > div.room .boxroom .tableroom table.table-room {
        width: 100%;
        border-collapse: collapse; }
        #status_main > div.room .boxroom .tableroom table.table-room tr th, #status_main > div.room .boxroom .tableroom table.table-room tr td {
          border-bottom: 1px solid #CCC;
          border-left: 1px solid #CCC;
          text-align: center; }
        #status_main > div.room .boxroom .tableroom table.table-room tr:last-child th, #status_main > div.room .boxroom .tableroom table.table-room tr:last-child td {
          border-bottom: none; }
        #status_main > div.room .boxroom .tableroom table.table-room tr th {
          background-color: #3EACD4;
          color: #FFF;
          padding: 5px 0;
          line-height: 1.3em; }
        #status_main > div.room .boxroom .tableroom table.table-room tr td {
          text-align: center;
          vertical-align: middle;
          padding: 5px 0; }
          #status_main > div.room .boxroom .tableroom table.table-room tr td br {
            display: none; }
            #status_main > div.room .boxroom .tableroom table.table-room tr td br.pc {
              display: block; }
        #status_main > div.room .boxroom .tableroom table.table-room tr.kinto th {
          width: 20%;
          vertical-align: middle; }

@media (max-width: 767px) {
  #mainImg {
    background: url("../images/status/h2_status_sp.jpg") no-repeat top center; }

  .yellowDiv {
    padding: 5px 0;
    background: none; }

  #calendar {
    height: 787.69692px; }
    #calendar iframe {
      background: #EEE;
      padding: 0;
      width: 133.3%;
      transform: scale(0.75);
      -o-transform: scale(0.75);
      -webkit-transform: scale(0.75);
      -moz-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform-origin: 0 0;
      -o-transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0; }

  #sp-calendar {
    margin: 0 -15px;
    border-radius: 0;
    background: url(../images/cmn/bg_wrap.jpg);
    padding: 20px 10px 30px 10px; }
    #sp-calendar .yellowDiv {
      margin: 0 auto; }
      #sp-calendar .yellowDiv #calendar2 {
        background: #FFF;
        margin: 0 auto;
        padding: 0; }
        #sp-calendar .yellowDiv #calendar2 iframe {
          width: 100%; }

  #status_main > div.room {
    padding: 15px;
    margin-bottom: 50px; }
    #status_main > div.room:nth-child(odd) {
      background-color: #F5F2E8; }
    #status_main > div.room:nth-child(even) {
      background-color: #EEE; }
    #status_main > div.room h4 {
      color: #003875;
      border: none;
      border-bottom: dashed 1px #003875;
      font-weight: bold;
      text-align: left;
      background: none;
      margin-bottom: 10px; }
    #status_main > div.room .boxroom {
      flex-direction: column;
      background: none;
      border: none; }
      #status_main > div.room .boxroom .img {
        width: 100%;
        min-width: auto;
        max-width: auto !important; }
        #status_main > div.room .boxroom .img img {
          max-width: 90%; }
      #status_main > div.room .boxroom .tableroom table.table-room tbody tr:first-child td {
        border: none !important;
        background: none; }
      #status_main > div.room .boxroom .tableroom table.table-room tr th, #status_main > div.room .boxroom .tableroom table.table-room tr td {
        border: 1px solid #CCC !important; }
      #status_main > div.room .boxroom .tableroom table.table-room tr th:first-child, #status_main > div.room .boxroom .tableroom table.table-room tr td:first-child {
        border-left: none; }
      #status_main > div.room .boxroom .tableroom table.table-room tr th {
        background-color: #3EACD4; }
      #status_main > div.room .boxroom .tableroom table.table-room tr td {
        background: #FFF; }
        #status_main > div.room .boxroom .tableroom table.table-room tr td br {
          display: block; } }
@media (min-width: 768px) {
  #mainImg {
    background: url("../images/status/h2_status.png") no-repeat center center;
    background-color: #FFF;
    height: 375px; }
    #mainImg h2 {
      display: none; }

  #calendar {
    margin-bottom: 30px; } }
@media (min-width: 991px) {
  mainImg {
    height: 375px; } }
@media (min-width: 768px) and (max-width: 991px) {
  mainImg {
    padding-top: 27.174%; } }
@media (min-width: 481px) and (max-width: 767px) {
  #mainImg {
    background-size: cover; }
    #mainImg h2 {
      padding: 10.6% 20px; } }
@media (max-width: 480px) {
  #mainImg {
    background-size: 100% 100%; }
    #mainImg h2 {
      padding: 6% 25% 12%; } }