@charset "UTF-8";
@media only screen and (max-width: 739px)
{
    .hide-mobile
    {
        display: none;
    }

    /* ----------------------- */
    /* <header> */
    /* ----------------------- */
    .aoi-bm-wrap header h1
    {
    font-size:1.2em;
    }

    /* ----------------------- */
    /* <main class="area-login"> */
    /* ----------------------- */

    .aoi-bm-wrap .area-login section.login
    {
    margin: 0 auto;
    width: 300px;
    background:#fff;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.15);
    }
    .aoi-bm-wrap .area-detail .calendar-header .now
    {
      font-size: 1em;
      font-weight: bold;
      text-align: center;
      padding:1em 0.5em;
      background:#fff;
      width: 50%;
      box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.15);
    }

    .aoi-bm-wrap .area-detail .calendar-header .before,
    .aoi-bm-wrap .area-detail .calendar-header .next
    {
      width: 25%;
    }
    
    .aoi-bm-wrap .area-detail .calendar-header .before a::before
    {
      content: "";
      display: inline-block;
      width: 15px;
      height: 15px;
      margin: 0px 5px 1px 0;
      background-size: contain;
      vertical-align: middle;
      background: url("../img/svg/arrow_before.svg") no-repeat;
    }
    .aoi-bm-wrap .area-detail .calendar-header .next a::after
    {
      content: "";
      display: inline-block;
      width: 15px;
      height: 15px;
      margin: 0px 0px 1px 5px;
      background-size: contain;
      vertical-align: middle;
      background: url("../img/svg/arrow_next.svg") no-repeat;
    }
    .calendar-main table{margin-bottom:1em;}

    main.usersite .aoi-bm-wrap .area-detail .calendar-main table td .sortable-list .holiday,
    main.usersite .aoi-bm-wrap .area-detail .calendar-main table td .sortable-list .paid
    {
      display: block !important;
    }
}