@charset  "UTF-8";

html {
    font-size: 62.5%;
    font-family: "Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
    color: #333;
    /*overflow: scroll;*/
}

/*アコーディオン*/
#acMenu dt {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  border-bottom: #dbf0c1 1px solid;
  cursor: pointer;
  padding-left: 15px;  
  display: table;
  box-sizing: border-box;
}
#acMenu dd .indent{
  display: table;
  box-sizing: border-box;
  width: 100%;
}
#acMenu dt.none{
background: none !important;
}
#acMenu dt input,
#acMenu dd input,
#acMenu dt .button_toggle,
#acMenu dd .button_toggle{
  display: table-cell;
  position: relative;
}
#acMenu dt input{
}
#acMenu dt .button_toggle{
  width: 100%;
  box-sizing: border-box;
  line-height: 1.6;
  /*padding: 10px 50px 10px 0;*/
}
#acMenu dt .button_toggle label{
  padding: 0 50px 0 0;
  display: block;
}

#acMenu dd span .button_toggle {
	width: 100%;
}

#acMenu dd .button_toggle label{
  padding: 0 5px 0 0;
display: block;
}

#acMenu dt  .toggle_icon{
  position: absolute;
  width: 40px;
  height: 34px;
  margin: auto;
  top:2px;
  right: 1px;
  background: #88cc33;

  color: #fff;
  font-size: 22px;
  line-height: 34px;
  text-align: center;
}
#acMenu dt:first-of-type  .toggle_icon{
    border-radius: 0 3px 0 0;
}
#acMenu dt:last-of-type  .toggle_icon{
    border-radius: 0 0 3px 0;
}
#acMenu dd {
  background: #fff;
  width: 100%;
  line-height: 25px;
  max-height: 0;
  height: auto;
  overflow: hidden;
  transition: all .3s ease-in-out;
}
#acMenu dt.active+dd{
    max-height: 9999px;
}


.content_box .btn_box a.btn_left,
.sp_cover_btn a.btn_left{
  display: block;
  position: relative;
  text-align: center;
  font-size:16px;
  font-family:Arial;
  font-weight:normal;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-sizing: content-box;
  padding: 5px 10px 5px 25px;
  line-height: 20px;
  text-decoration:none;
  display:inline-block;
  color:#ffffff;
  background: #c7c7c7;
  -webkit-box-shadow: 1px 3px 0px 0px #bdbdbd;
  -moz-box-shadow: 1px 3px 0px 0px #bdbdbd;
  box-shadow: 1px 3px 0px 0px #bdbdbd;
  pointer-events: none;
  }

.content_box .btn_box a.btn_left.active,
.sp_cover_btn a.btn_left.active{
  background:-moz-linear-gradient( center top, #87cf30 5%, #7fc22d 100% );
  background:-ms-linear-gradient( top, #87cf30 5%, #7fc22d 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cf30', endColorstr='#7fc22d');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #87cf30), color-stop(100%, #7fc22d) );
  background-color:#87cf30;
  text-shadow:2px 2px 0px #73ab29;
  -webkit-box-shadow: 1px 3px 0px 0px #70a62a;
  -moz-box-shadow: 1px 3px 0px 0px #70a62a;
  box-shadow: 1px 3px 0px 0px #70a62a;
    pointer-events: auto;
}

.content_box .btn_box a.btn_left span{
  font-size: 14px;
}
.content_box .btn_box a.btn_left.active:hover {
  background:-moz-linear-gradient( center top, #7fc22d 5%, #87cf30 100% );
  background:-ms-linear-gradient( top, #7fc22d 5%, #87cf30 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fc22d', endColorstr='#87cf30');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7fc22d), color-stop(100%, #87cf30) );
  background-color:#7fc22d;
}




.content_box .btn_box a.btn_right,
.sp_cover_btn a.btn_right{
  display: block;
  position: relative;
  text-align: center;
  padding: 10px;
  font-size:16px;
  font-family:Arial;
  font-weight:normal;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding: 5px 16px;
  line-height: 20px;
  text-decoration:none;
  display:inline-block;
  color:#ffffff;
  background: #c7c7c7;
  -webkit-box-shadow: 1px 3px 0px 0px #bdbdbd;
  -moz-box-shadow: 1px 3px 0px 0px #bdbdbd;
  box-shadow: 1px 3px 0px 0px #bdbdbd;
  pointer-events: none;
}
.content_box .btn_box a.btn_right.active,
.sp_cover_btn a.btn_right.active{
  background:-moz-linear-gradient( center top, #ff9500 5%, #ff6600 100% );
  background:-ms-linear-gradient( top, #ff9500 5%, #ff6600 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9500', endColorstr='#ff6600');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9500), color-stop(100%, #ff6600) );
  background-color:#ff9500;
  text-shadow:2px 2px 0px #ff3300;
  -webkit-box-shadow: 1px 3px 0px 0px #ff3300;
  -moz-box-shadow: 1px 3px 0px 0px #ff3300;
  box-shadow: 1px 3px 0px 0px #ff3300;
  pointer-events: auto;
}

.content_box .btn_box a.btn_right span{
  font-size: 14px;
}
.content_box .btn_box a.btn_right:hover {
  background:-moz-linear-gradient( center top, #ff6600 5%, #ff9500 100% );
  background:-ms-linear-gradient( top, #ff6600 5%, #ff9500 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff9500');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff6600), color-stop(100%, #ff9500) );
  background-color:#ff6600;
}

span.holiday {
    font-size: 1.0rem;
	color: #FF0000;
}
span.sun {
    font-size: 1.0rem;
	color: #FF0000;
}
span.sat {
    font-size: 1.0rem;
	color: #0000FF;
}
span.mon, .tue, .wed, .thu, .fri {
    font-size: 1.0rem;
    color: #000000;
}

.sidenavi_bg {
    background-color: #eee;
}
.result_search_count {
    color: #fe6f0e;
}

/**************************************************
PC Layout
***************************************************/
@media screen and (min-width: 768px) {

    .slide_area {
        margin: 0px auto;
        background-color: #F1F1F1;
        overflow: hidden;
        padding: 0 0 20px 0;
    }

    .slide_area a {
        height: 100%;
        display: block;
        color: #333 !important;
        text-decoration: none;
    }

    .slide_area .tit {
        width: 446px;
        margin: 20px auto 10px;
    }

    .slide_area .slide_img {
        width: 100%;
        overflow: hidden;
        top: 5px;
        z-index: 0;
    }

    .slide_area .slide_img img {
        width: 100%;
        vertical-align: middle;
    }
    .slider .box {
        width: 330px;
        margin: 0 15px;
        box-sizing: content-box;
        background-color: #fff;
        border: 5px solid #fff;
        overflow: hidden;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }

    .slider .box * {
      min-height: 0%;
    }

    .slider .box:after {
      z-index: 100;
    }

    .slider .box .min_tit {
        font-size: 2rem;
        padding: 5px 10px;
        overflow: hidden;
        position: relative;
        z-index: 100;
    }

    .slider .box .day {
        font-size: 1.8rem;
        padding-left: 10px;
        position: relative;
        z-index: 100;
        color: #000000;
    }
    .slider .box .day .day_tit {
        color: #ea0437;
        margin-right: 5px;
    }

    .slider .box .day .day_title {
        background: #000;
        font-size: 1.2rem;
        padding: 3px 8px;
        color: #fff;
        margin: 0 5px 0 0;
        position: relative;
        top: -2px;
        left: 0px;
    }

    .slider .box .mess {
        font-size: 1.2rem;
        padding: 5px 10px;
        position: relative;
        z-index: 100;
    }

    #contant {
        width: 1240px;
        margin: 20px auto 60px;
        overflow: hidden;
    }

    .attention {
        font-size: 1.4rem;
        display: flex;
        display: -webkit-flex;
        margin: 0 0 10px;
    }

    .attention p {
        margin: 0 5px;
        font-weight: 700;
    }

    .attention p img {
        margin: 0 3px 0px 0;
    }

    #contant .left {
        width: 300px;
        float: left;
    }

    #contant .right {
        width: 620px;
        float: right;
    }

  /**********************
    cal_area
  **********************/
    #cal_area {
        width: 400px;
        float: left;
        padding: 0 0px;
        color: #fff;
        overflow: hidden;
    }

    #cal_area .tit {
        width: 100%;
        font-size: 2.2rem;
        padding: 5px 10px;
        color: #fff;
        background: #5D5D5D;
        box-sizing: border-box;
    }

    .cal_box {
        background: #fcf4de;
        width: 100%;
        margin: 20px 0 0;
        padding: 20px 0;
        color: #fff;
    }

  /**********************
    event_area
    **********************/
    #event_area {
        width: 535px;
        float: right;
    }

    #event_area .tit {
        width: 100%;
        font-size: 2.2rem;
        padding: 5px 10px;
        color: #fff;
        background: #5D5D5D;
        box-sizing: border-box;
    }

    .event_box {
        width: 100%;
        margin: 10px 0 0;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }

    .event_box .event {
        margin: 7px 0 0;
    }

    .left .min_tit {
        background: #505050;
        color: #fff;
        padding: 5px 20px;
        font-size: 14px;
        margin: 20px 0 0 0;
    }

    .min_catch {
        font-size: 1.3rem;
    }

	.cal_icon {
        margin: 10px 0;
    }
    .cal_txt {
        margin: 10px 10px 0 0;
        font-size: 1.2rem;
    }

    .cal_txt img {
        border: 0;
        vertical-align: middle;
        margin: 0 3px 0 0;
    }
  /**********************
    catgory_area
  **********************/
    #catgory_area {
        width: 100%;
        margin: 0;
        float: left;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        overflow: hidden;
    }

    #catgory_area .box {
        width: 312px;
        margin: 15px 0 0;
        border-top: 5px solid #5D5D5D;
    }

    #catgory_area .box .photo {
        width: 260px;
        /*height: 165px;*/
        margin: 20px auto 0;
        background: #d8d8d8;
    }

    #catgory_area .box .txt {
        width: 260px;
        margin: 10px auto 0;
        font-size: 1.4rem;
        text-decoration: underline;
    }

  /**********************
    schedule_area
  **********************/
    #schedule_area {
        width: 100%;
        margin: 50px 0 0;
        overflow: hidden;
        float: left;
    }

    #schedule_area .illast {
        width: 930px;
        margin: 0 auto;
    }

    #schedule_area .have {
        width: 930px;
        border: 3px solid #f60;
        margin: 10px auto 0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        overflow: hidden;
    }

    #schedule_area .have .tit {
        width: 100%;
        background: #f60;
        padding: 5px;
        font-size: 1.8rem;
        color: #fff;
    }

    #schedule_area .have .list {
        width: 90%;
        margin: 15px;
    }

    #schedule_area .have .list li {
        font-size: 1.2rem;
        margin: 5px;
    }

    #schedule_area .have .list li img {
        margin-top: -3px;
        margin-right: 3px;
        vertical-align: middle !important;
    }

  /**********************
    search_now
  **********************/
    #search_now, #search_now2 {
    }

    #search_now .tit, #search_now2 .tit {
        width: 100%;
        font-size: 2rem;
        padding: 5px 10px;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        box-sizing: border-box;
        background-color: #505050;
        
    }

    #search_now .day, #search_now2.day {
        width: 90%;
        margin: 10px auto 0;
        padding: 0 0 10px;
        font-size: 1.5rem;
    }

    #search_now .field, #search_now2 .field {
        width: 90%;
        margin: 10px auto 0;
        padding: 0 0 5px;
        font-size: 1.5rem;
    }

  /**********************
    search_now
  **********************/
    .content_area {
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .content_box {
        padding: 10px;
        overflow: hidden;
        background: #eee;
        margin: 0 0 20px 0;
}

    .content_box .btn_box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        margin: 10px 0 15px 0;
    }

    .content_box .btn_box a.btn_left {
        width: 100px;
    }

    .content_box .btn_box a.btn_right{
        width: 100px;
    }

    .content_box .btn_ico {
        position: absolute;
        top: 19px;
        left: 8px;
    }
  /* This css button was generated by css-button-generator.com */

/*パンくず*/
    .pankuzu {
        width: 100%;
        font-size: 12px;
        margin: 0 0 20px 0;
    }

    .pankuzu a {
        color: #333 !important;
    }

    .pankuzu .home_ico {
        margin: 0 5px 0 0;
    }

    .date_box {
        display: none;
    }

    .list {
        width: 100%;
        background: #fff;
        overflow: hidden;
        display: block;
        font-size: 1.6rem;
        border-radius: 5px;
    }

    .list input.check_box {
        margin-right: 5px;
        width: 20px;
        height: 20px;
        position: relative;
        top: 6px;
    }

    .indent {
        padding-left: 25px;
    }
    
    .check {
        padding: 5px 15px;
        border-bottom: 1px solid #dbf0c1;
        vertical-align: middle;
    }

    .check img {
        margin: 5px 5px 0;
    }

    .check_box {
    }

    input.btn_submit {
        cursor: pointer;
        display: block;
        width: 126px;
        height: 29px;
        border: none;
        margin: 15px auto 5px;
        text-indent: -9999px;
        background: url(../img/submit_btn.png) no-repeat 0 0;
    }

  /* --- ボックス --- */
    form.search div {
        width: 260px;
  /* ボックスの幅 */
        background-color: #fff;
  /* ボックスの背景色 */
        margin: 10px auto;
    }

  /* --- テキストボックス --- */
    form.search input.textBox {
        width: 195px;
        padding: 8px;
        background-color: #fff;
  /* テキストボックスの背景色 */
        border: none;
  /* テキストボックスの境界線（なし） */
        color: #000;
        font-size: 1.3rem;
    }

    form.search input.textBox:focus {
        outline: none;
  /* テキストボックスの境界線（なし） */
    }

  /* --- ボタン --- */
    form.search input.btn {
        width: 49px;
  /* ボタンの幅 */
        height: 33px;
        background-image: url(../img/roop.png);
  /* ボタンの背景 */
        background-repeat: no-repeat;
        border: 1px #f60;
  /* ボタンの境界線 */
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: .3em;
  /* 文字間のスペース */
        float: right;
    }

    .work_container {
        width: 100%;
        margin: 10px 0 60px;
    }

    .category_icon {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .category_icon p {
        width: auto;
        font-size: 1.3rem;
        padding: 3px 10px;
        color: #fff;
        margin: 2px;
        background-color: #C0C0C0;
    }

     .sns_box {
        width: 100%;
        float: left;
        position: relative;
        box-sizing: border-box;
    }
    
    .work_box {
        width: 100%;
        padding: 15px 10px 15px;
        margin: 10px 0 0;
        float: left;
        position: relative;
        box-sizing: border-box;
        border-top: 5px solid #505050;
    }

    .work_box .photo {
        float: left;
        width: 300px;
    }

    .work_right {
        float: right;
        width: 285px;
    }

    .event_name {
        width: 100%;
        overflow: hidden;
        padding: 0 0 10px;
        display: flex;
        display: -webkit-flex;
        border-bottom: 1px dotted #333;
    }

    .event_name .icon {
        background: #e7c58b;
        width: 70px;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 9px 0 0 0;
    }

    .event_name .box {
        width: 200px;
        float: right;
        margin: 0 0 0 5px;
    }

    .event_name .copy {
        font-size: 1.3rem;
        font-weight: bold;
    }

    .event_name .name {
        font-size: 2rem;
        font-weight: bold;
    }

    .event_day {
        width: 100%;
        overflow: hidden;
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px dotted #333;
    }

    .event_day span {
        font-size: 12px;
    }

    .event_day .icon {
        background: #e7c58b;
        width: 70px;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        font-size: 1.3rem;
        font-weight: 700;
        padding: 9px 0 0;
        float: left;
    }

    .event_day .box {
        width: 200px;
        float: right;
        font-size: 1.6rem;
        font-weight: bold;
    }

    .event_info {
        width: 100%;
        padding-top: 10px;
        font-size: 1.4rem;
        box-sizing: border-box;
    }

    .bus_ico {
        color: #8C3;
        margin: 0 5px 0 0;
    }

    .event_info .gentei {
        color: #ff3a09;
    }

    .event_info p {
        vertical-align: middle;
    }

    .event_info p img {
        vertical-align: middle;
        margin: 0 5px 0 0;
    }

    .sns_box_s {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        margin: 7px 0 0;
    }

    .sns_box_s p {
        margin: 0 7px 0 0;
    }

    .work_box .comment {
        background: #fff;
        padding: 10px;
        font-size: 1.4rem;
        float: left;
        border-radius: 5px;
        margin: 10px 0 5px;
    }

    .special_event {
        position: absolute;
        top: -5px;
        left: 2px;
    }

    .txt_link_area {
        width: 100%;
        margin: 20px 0 0;
        float: left;
        font-size: 1.4rem;
    }

  /**********************
  day_select_area
  **********************/
    .day_select_area {
        background: #eee;
        padding: 25px;
        width: 100%;
        margin: 20px 0 0;
        float: left;
        box-sizing: border-box;
        border-bottom: 1px solid #cccccc;
    }

  .bus_btn_01{
    border-top: 1px solid #fff;
    background: #eee;
    padding: 10px;
    width: 100%;
    overflow: hidden;
    color: #666666;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .bus_btn_01 .txt{
    margin: 10px 0 0 0;
    font-size: 1.2rem;
  }

  .bus_btn_01 .tit,    
  .bus_btn_02 .tit{
    position: relative;
  }  
  .bus_btn_02 .tit{
    font-size:24px;
  }
  .bus_btn_01 .tit .fa.fa-bus.bus_ico,
  .bus_btn_02 .tit .fa.fa-bus.bus_ico{
    position: absolute;
    left :60px;
    font-size: 64px;
    color: #b0b0b0;
  }
  .bus_btn_01 .tit .fa.fa-angle-down.fa-lg,
  .bus_btn_02 .tit .fa.fa-angle-down.fa-lg{
    position: absolute;
    right: 77px;
    font-size: 75px;
  }
    .bus_btn_02{
      border-top: 1px solid #fff;
      background: #eee;
      padding: 10px;
      width: 100%;
      overflow: hidden;
      color: #666666;
      box-sizing: border-box;
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold;
    }
      .bus_btn_02 .txt{
        margin: 10px 0 0 0;
        font-size: 1.2rem;
      }
  .bus_ico{
    margin: 0 5px 0 0;
  }

    .day_select_area .tit {
        font-size: 1.4rem;
    }

    .submit_btn {
        width: 260px;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        color: #fff !important;
        float: right;
        border: none;
        font-size: 18px;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 16px;
        line-height: 20px;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #ff9500 5%, #ff6600 100% );
        background: -ms-linear-gradient( top, #ff9500 5%, #ff6600 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9500', endColorstr='#ff6600');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9500), color-stop(100%, #ff6600) );
        background-color: #ff9500;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #ff3300;
        -webkit-box-shadow: 1px 3px 0px 0px #ff3300;
        -moz-box-shadow: 1px 3px 0px 0px #ff3300;
        box-shadow: 1px 3px 0px 0px #ff3300;
    }

    .results_entry_btn {
        width: 250px;
        margin: 0 5px;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        color: #fff !important;
        float: right;
        border: none;
        font-size: 18px;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        padding: 10px 16px;
        line-height: 20px;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #ff9500 5%, #ff6600 100% );
        background: -ms-linear-gradient( top, #ff9500 5%, #ff6600 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9500', endColorstr='#ff6600');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9500), color-stop(100%, #ff6600) );
        background-color: #ff9500;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #ff3300;
        -webkit-box-shadow: 1px 3px 0px 0px #ff3300;
        -moz-box-shadow: 1px 3px 0px 0px #ff3300;
        box-shadow: 1px 3px 0px 0px #ff3300;
    }

    .results_entry_btn i {
        margin: 0 5px 0 0;
    }

    input[type=submit] {
        font-family: FontAwesome /*FontAwesomeをフォント指定*/;
    }

    .results_detail_btn {
        width: 250px;
        margin: 0 5px;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        color: #fff !important;
        float: right;
        border: none;
        font-size: 18px;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        padding: 10px 16px;
        line-height: 20px;
        text-decoration: none;
        bbackground: -moz-linear-gradient( center top, #87cf30 5%, #7fc22d 100% );
        background: -ms-linear-gradient( top, #87cf30 5%, #7fc22d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cf30', endColorstr='#7fc22d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #87cf30), color-stop(100%, #7fc22d) );
        background-color: #87cf30;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #73ab29;
        -webkit-box-shadow: 1px 3px 0px 0px #70a62a;
        -moz-box-shadow: 1px 3px 0px 0px #70a62a;
        box-shadow: 1px 3px 0px 0px #70a62a;
    }

    .results_detail_btn i {
        margin: 0 5px 0 0;
    }

    .submit_btn:before {
        font-family: 'FontAwesome';
        content: '\f0a9';
    }

    .select-box01 select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .select-box01 select {
        width: 50%;
        padding: 10px;
        font-size: 16px;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #999;
        background: #eee;
        background: url(https://form.music.ac.jp/event/img/arrow01.png) right 50% no-repeat,-webkit-linear-gradient(top,#fff 0%,#fff 100%);
        background: url(https://form.music.ac.jp/event/img/arrow01.png) right 50% no-repeat,linear-gradient(to bottom,#fff 0%,#fff 100%);
        background-size: 20px,100%;
    }

    form input.btn_02 {
        width: 253px;
  /* ボタンの幅 */
        height: 39px;
        background-image: url(../img/entry_orange.png);
  /* ボタンの背景 */
        background-repeat: no-repeat;
        background-color: #EEE;
        border: none;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: .3em;
  /* 文字間のスペース */
        float: right;
    }

  /**********************
  bus_select_area
  **********************/
    .bus_select_area_01 {
        background: #eee;
        padding: 10px;
        width: 100%;
        margin: 0px 0 10px 0;
        float: left;
        box-sizing: border-box;
        border-top: 3px dotted #cccccc;
        border-bottom: 1px solid #cccccc;
        display: none;
    }

    .bus_select_area_01 .area {
        width: 100%;
        margin: 20px auto 20px;
    }

    .bus_select_area_01 .area_box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .bus_select_area_01 .area_box p {
        width: 110px;
        height: 25px;
        text-align: center;
        font-size: 1.6rem;
        background: #ffbe00;
        margin: 5px;
        border-radius: 3px;
        padding: 8px 0 5px 0;
    }

    .bus_select_area_01 .area_box p.area_select {
        background: #ea0437;
    }

    .bus_select_area_01 .area_box p a {
        color: #333;
        text-decoration: none;
    }

    .bus_select_area_02 {
        background: #eee;
        padding: 10px;
        width: 100%;
        margin: 0px 0 10px 0;
        float: left;
        box-sizing: border-box;
        border-top: 3px dotted #cccccc;
        border-bottom: 1px solid #cccccc;
        display: none;
    }

    .bus_select_area_02 .area {
        width: 100%;
        margin: 20px auto 20px;
    }

    .bus_select_area_02 .area_box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .bus_select_area_02 .area_box p {
        width: 110px;
        height: 25px;
        text-align: center;
        font-size: 1.6rem;
        background: #ffbe00;
        margin: 5px;
        border-radius: 3px;
        padding: 8px 0 5px 0;
    }

    .bus_select_area_02 .area_box p.area_select {
        background: #ea0437;
    }
    
    .bus_select_area_02 .area_box p a {
        color: #333;
        text-decoration: none;
    }

  /**********************
  syousai_area
  **********************/

    .syousai_area {
        width: 100%;
        margin: 20px 0 0;
        float: left;
    }

    .syousai_area .tit {
        width: 100%;
        font-size: 2rem;
        padding: 5px 10px;
        color: #fff;
        text-align: left;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        float: left;
    }

    .syousai_box {
        padding: 20px 10px;
        float: left;
    }

    .syousai_box .photo {
        width: 245px;
        float: left;
    }

    .syousai_box .photo img {
        width: 100%;
    }

    .syousai_box .syousai_right {
        float: right;
        width: 330px;
        margin: 0 0 0 15px;
    }

    .syousai_box .syousai_nophoto {
        float: right;
    }

    .syousai_box .syousai_right .min_tit, .syousai_box .syousai_nophoto .min_tit {
        font-size: 2.4rem;
    }

    .syousai_box .syousai_right .txt, .syousai_box .syousai_nophoto .txt {
        font-size: 1.4rem;
        margin: 10px 0 0;
    }

    .syousai_box .syousai_right .sub_tit, .syousai_box .syousai_nophoto .sub_tit {
        font-size: 1.2rem;
        margin: 0;
    }

    .free_html {
        width: 95%;
        overflow: hidden;
        margin: 10px auto 0;
        font-size: 1.4rem;
    }

    .time_area {
        width: 100%;
        float: left;
    }

    .time_area .tit {
        font-size: 2rem;
        margin: 20px 0 10px;
    }

    .movie_area {
        width: 100%;
        margin: 30px 0 0;
        float: left;
    }

    .movie_area .tit {
        width: 100%;
        font-size: 2rem;
        padding: 5px 10px;
        color: #fff;
        text-align: left;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        float: left;
    }

    .movie_area .movie_box {
        width: 100%;
        margin: 20px 0 0;
        float: left;
    }

    .pc_table_box {
        background: #fff;
        padding: 5px;
        width: 98%;
        overflow: hidden;
        margin: 20px auto 0;
    }

    .pc_table_box table {
        font-size: 1.2rem;
        width: 100%;
    }

    th {
        height: 27px;
        text-align: center;
        background: #ddd;
        border: 1px solid #fff;
        font-weight: 700;
        padding: 3px 0 0;
    }

    td {
        height: 27px;
        text-align: center;
        background: #fff;
        border: 1px solid #ddd;
        font-weight: 700;
        padding: 5px 10px;
        vertical-align: middle;
    }

    td.tit {
        background: #fff;
        font-size: 1.6rem;
        text-align: left;
    }

    th.col_01 {
        width: 78px;
        text-align: center;
    }

    th.col_02 {
        width: 70px;
        text-align: center;
    }

    th.col_03 {
        width: 60px;
        text-align: center;
    }

    th.col_04 {
        width: 60px;
        text-align: center;
    }

    th.col_05 {
        text-align: center;
    }

    th.col_06 {
        width: 50px;
        text-align: center;
    }

    th.col_07 {
        width: 200px;
        text-align: center;
    }

    .entry_btn {
        width: 220px;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        float: right;
        border: none;
        font-size: 1.6rem;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 16px;
        line-height: 20px;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #87cf30 5%, #7fc22d 100% );
        background: -ms-linear-gradient( top, #87cf30 5%, #7fc22d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cf30', endColorstr='#7fc22d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #87cf30), color-stop(100%, #7fc22d) );
        background-color: #87cf30;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #73ab29;
        -webkit-box-shadow: 1px 3px 0px 0px #70a62a;
        -moz-box-shadow: 1px 3px 0px 0px #70a62a;
        box-shadow: 1px 3px 0px 0px #70a62a;
    }
    .sp_table_box {
	  display: none
	}
  /**********************
  search_results
  **********************/

    .search_results {
        width: 100%;
        font-size: 1.4rem;
        overflow: hidden;
        margin: 0 0 20px;
    }

    .search_results .results_left {
        width: 50%;
        float: left;
    }

    .search_results .results_right {
        width: 50%;
        float: right;
        text-align: right;
    }

    .btn_area {
        width: 100%;
        margin: 0 auto 40px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        padding: 10px 0 0;
    }

    .btn_area .btn_left {
        text-align: right;
        width: 48%;
    }

    .btn_area .btn_right {
        text-align: left;
        width: 48%;
    }



  /**********************
  pager
  **********************/
    .pager {
        overflow: hidden;
    }

    .pager ul {
        list-style: none;
        position: relative;
        left: 60%;
    }

    .pager ul li {
        margin: 0 1px;
        position: relative;
        left: -50%;
        float: left;
    }

    .pager ul li span,.pager ul li a {
        display: block;
        font-size: 16px;
        padding: .6em 1em;
        border-radius: 3px;
    }
    .pager ul li .current span {
        border: 1px solid #ddd;
        background: #f60;
        color: #FFF;
        text-decoration: none;
    }

    .pager ul li a {
        border: 1px solid #ddd;
        color: #000;
        text-decoration: none;
    }

    .pager ul li a:hover {
        background: #f60;
        color: #FFF;
    }
    
  /*form*/


    .school_logo {
        float: left;
    }

    .school_name {
        float: left;
        margin: 0 0 0 0;
        font-size: 1.8rem;
    }

    .form_area {
        width: 800px;
        height: auto;
        margin: 40px auto;
        overflow: hidden;
    }

    .form_pankuzu {
        text-align: left;
        margin: 0 0 15px 0;
    }

    .form_left {
        width: 500px;
        float: left;
    }

    .form_right {
        width: 200px;
        float: right;
    }

    .entry_title_area {
    }

    .entry_nyuryoku {
        font-size: 1.6rem;
        width: 100%;
        overflow: hidden;
        margin: 10px 0 20px 0;
    }

    .omousikomi_left {
        float: left;
    }

    .omousikomi_left .photo {
        width: 200px;
        height: 150px;
        background: #ddd;
        margin: 0 0 20px 0;
    }

    .omousikomi_right {
        float: right;
        text-align: left
    }

    .omousikomi_right .omousikomi_day {
        font-size: 1.4rem;
    }

    .omousikomi_right .omousikomi_time {
        font-size: 1.2rem;
    }

    .omousikomi_right .event_title {
        font-size: 1.8rem;
    }

    .entry_date_area {
        width: 500px;
        background: #e2e2e2;
        overflow: hidden;
        padding: 20px;
        float: left;
        box-sizing: padding-box;
        text-align: left;
    }

    .norton_area {
        width: 100px;
        float: right;
    }

    .bus_entry_area {
        width: 220px;
        float: right;
    }

    a .bus_entry_btn {
        font-size: 0.8rem;
        padding: 5px 10px;
        background: #000;
        color: #fff;
    }

    .station_box {
        padding: 10px;
        border: 1px solid #333;
        margin: 10px 0 0 0;
    }

    .station_name {
        font-weight: bold;
        font-size: 1.4rem;
    }

    .station_txt {
        font-size: 0.6rem;
    }

    .map {
        background: #333;
        padding: 10px;
        margin: 10px 0 0 0;
        color: #fff;
    }

    .login_area {
        background: #ddd;
        width: 220px;
        overflow: hidden;
        margin: 10px 0 0 0;
        float: right;
        padding: 3px;
    }

    .login_btn {
        width: 90%;
        border: 1px solid #333;
        padding: 3px;
        margin: 0 auto;
    }

    .forget a {
        color: red;
        text-decoration: underline;
    }

    .entry_event_area {
        width: 100%;
        float: left;
    }

    .entry_event_tit {
        font-weight: bold;
    }

    .douhansya_area {
        width: 100%;
        float: left;
    }

    .bus_entry_area {
        width: 100%;
        float: left;
    }

    .thank_title {
        width: 100%;
        text-align: center;
        font-size: 1.4rem;
    }

    .thank_txt {
        font-size: 1rem;
    }

    .next_entry {
        width: 300px;
        background: #ddd;
        text-align: center;
        padding: 10px;
        margin: 0 auto;
        font-size: 1.2rem;
    }

/*mailform.css*/



/* -------- show */
    .show {
        display: block;
    }

/* -------- hidden */
    .hidden {
        display: none;
    }

/* -------- font size */

    .mainsize,
.size_10,
.size_11,
.size_12,
.size_13,
.size_14,
.size_15,
.size_16,
.size_17,
.size_18,
.size_19,
.size_20,
.size_22,
.size_24,
.size_26,
.size_28,
.size_30,
.size_32 {
        line-height: 1.5;
        font-weight: normal;
    }

    .mainsize {
        font-size: 100% !important;
    }

    .size_10 {
        font-size: 84% !important;
    }

    .size_11 {
        font-size: 92% !important;
    }

    .size_12 {
        font-size: 100% !important;
    }

    .size_13 {
        font-size: 109% !important;
    }

    .size_14 {
        font-size: 117% !important;
    }

    .size_15 {
        font-size: 125% !important;
    }

    .size_16 {
        font-size: 134% !important;
    }

    .size_17 {
        font-size: 142% !important;
    }

    .size_18 {
        font-size: 150% !important;
    }

    .size_19 {
        font-size: 159% !important;
    }

    .size_20 {
        font-size: 167% !important;
    }

    .size_22 {
        font-size: 184% !important;
    }

    .size_24 {
        font-size: 200% !important;
    }

    .size_26 {
        font-size: 217% !important;
    }

    .size_28 {
        font-size: 234% !important;
    }

    .size_30 {
        font-size: 250% !important;
    }

    .size_32 {
        font-size: 267% !important;
    }



/* -------- attention */
    .red {
        color: #ff0000;
    }

    .bigred {
        color: #ff0000;
        font-size: 20px;
    }

    .bold {
        font-weight: bold;
    }

    p.cap {
        padding-left: 1em;
        text-indent: -1em;
        margin: 5px 0 0 0;
    }

    p.listsub {
        margin: 0 0 5px 0 !important;
        padding: 1px 0 5px 20px !important;
        background: url(../../img/common/icon_en_oreange.gif) no-repeat 0 5px !important;
        font-weight: bold;
        font-size: 14px;
    }

    p.listsub span {
        color: #FF6600;
    /*padding-left:20px;*/
    }

    p.spacebottom {
        padding-bottom: 10px;
        line-height: 1.5em;
    }

/* -------- section */

    .section {
        clear: both;
        display: block;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .section_thin {
        clear: both;
        display: block;
        margin-bottom: 10px;
    }

    .section_wide {
        clear: both;
        display: block;
        margin-bottom: 50px;
    }

    .section_20 {
        clear: both;
        display: block;
        margin-bottom: 20px;
    }

    .section_40 {
        clear: both;
        display: block;
        margin-bottom: 40px;
    }

    .section_dot {
        width: 100%;
        clear: both;
        display: block;
        padding-bottom: 20px;
        margin-bottom: 20px;
        background: #fff url(../../images/common/dot01.gif) repeat-x left bottom;
        overflow: hidden;
    }

    div#container_inner {
        padding: 0;
        margin: 0 auto;
        width: 100%;
        text-align: left;
        position: relative;
    }

/* -------- content */

    div#content {
        padding: 0;
        margin: 0;
        /*text-align: center;*/
    }

    div#content_inner {
        padding: 0;
        margin: 0 auto;
        width: 850px;
        padding: 10px 25px;
    }

    div#content_inner p {
        padding: 0;
        margin: 0 0 15px 0;
        line-height: 1.5;
    }

    div#content_inner p.none {
        padding: 0;
        margin: 0 !important;
        line-height: 1.5;
    }


/* Wide */

    div#alpha {
    }

    div#alpha_inner {
        padding: 0;
        padding-top: 12px;
        margin: 0 auto;
        text-align: left;
        width: 800px;
        background: url(../images/bg_ttl.gif) top left no-repeat;
        vertical-align: text-top;
    }

    #form_ttl {
        font-size: 16pt;
        font-weight: bold;
        padding: 8px 0px 6px 0px;
        float: left;
        border-bottom: #666 3px solid;
        line-height: 100%;
    }

/* reiauto */
    .center {
        text-align: center;
    }
/*
.right{
    text-align: right ;
}
.left{
    text-align: left ;
}
*/
    .space {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .space2 {
        margin-top: 10px;
    }

    .space3 {
        margin-bottom: 10px;
    }

    .icon {
        margin-right: 5px;
        vertical-align: middle;
    }

    .icon_r {
        margin-right: 10px;
    }

    .icon_l {
        margin-left: 10px;
        vertical-align: middle;
    }



/* box */
    .commonbox {
        border: 1px solid #D2D2D2;
        padding: 10px;
        background-color: #F5F5F5;
        margin: 10px 0 10px 0;
    }


/* table *****************/
    .commontable {
        border-collapse: collapse;
        clear: both;
/*border-top:double 3px #CDCDCD;
border-left:double 3px #CDCDCD;*/
        margin-bottom: 20px;
        /margin-bottom: 0;
    }

    .commontable th {
        border-bottom: solid 2px #FFF;
        border-right: solid 2px #FFF;
        font-weight: bold;
        padding: 8px;
        color: #333333;
        background: #d9d9d9;
        text-align: left;
        vertical-align: middle;
        height: 56px;
    }

    .commontable td {
        border: 1px solid #90CF41;
        padding: 8px;
        line-height: 1.4;
        background: #FFF;
        vertical-align: middle;
    }

    .commontable th,
	.commontable td {
        border: 1px solid #E0E0E0;
    }

    .commontable td td {
        border: none!important;
    }

    .whitetable {
        border-collapse: collapse;
        border: none;
        margin: 0;
    }

    .whitetable th {
        border: none;
        font-weight: normal;
        text-align: left;
        color: #11498B;
        margin: 0;
    }

    .whitetable td {
        border: none;
        margin: 0;
    }

    .type {
        background: url(../images/form/bg_button1.jpg) #FE8709 repeat-x top;
        text-align: center;
        /*height:25px;*/
        border: 1px solid #E85C00;
        color: #FFFFFF;
        padding: 12px 40px 10px 40px;
        margin-right: 3px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        border-radius: 2px;
    }
/*ゼロ　メッセージ*/
    .zero_mess {
        width: 100%;
        border-top: 5px solid #333;
        padding: 20px;
        margin: 0 0 20px 0;
        background: #e8e8e8;
        background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );
    }

    .zero_mess p {
        font-size: 1.6rem;
    }
/*
ul.panlink
{
  margin:0;
  padding:0;
}

ul.panlink li
{
  margin:0;
  padding:0 0 15px 0;
  list-style-type:none;
}

ul.panlink li.pan
{
  background-color:#E3E3E3;
		border: solid #DDD 1px;
		border-radius: 2px;
  padding:10px 20px;
  color:#333333;
  float:left;
}

ul.panlink li.pan_now
{
  background-color:#666;
		border: solid #333 1px;
		border-radius: 2px;
  padding:10px 20px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:110%;
  float:left;
}
ul.panlink li.arrow
{
  background:url(../img/arrow.gif) no-repeat center 6px;
  float:left;
  width:30px;
  height:35px;
}
ul.panlink li.arrow_now
{
  background:url(../img/arrow_now.gif) no-repeat center 6px;
  float:left;
  width:30px;
  height:35px;
}
*/
    .ok_icon {
        margin: -3px 0 0 0;
        width: 35px;
        height: 30px;
        display: block;
        float: left;
        z-index: 9999;
    }

    .ng_icon {
        margin: -3px 0 0 0;
        width: 35px;
        height: 30px;
        display: block;
        float: left;
        z-index: 9999;
    }

    .commontable td.ErrCell {
        background: #FFD9D9
    }

    .commontable td.ErrCell input[type="text"],
.commontable td.ErrCell textarea,
.commontable td.ErrCell select {
        border: 3px solid #f00;
    }

    .error_txt {
        font-size: 16px;
        color: #F00;
    }

    .fade {
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

    .fade:hover {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

    .sp_search_btn_area {
        display: none;
    }

    .sp_cover_btn {
        display: none;
    }

    .sp_search_now_area {
        display: none;
    }
    
ul.list {
        width: 420px;
    }

    ul.list li {
        float: left;
        margin: 20px;
    }

    label {
        padding: 5px;
    }


}

/**************************************************
Mobile Layout
**************************************************/
@media screen and (max-width: 767px) {
    /*img {
        width: 100%;
    }*/

    .slide_area {
        margin: 0 auto;
        background-color: #eee;
        overflow: hidden;
    }

    .slide_area a {
        height: 100%;
        color: #333 !important;
    }

    .slide_area .tit {
        width: 80%;
        margin: 20px auto 10px;
    }

    .slide_area .slide_img {
        width: 100%;
        overflow: hidden;
    }

    .slide_area .slide_img img {
        width: 100%;
        vertical-align: bottom;
    }

    .slider .box {
        width: 330px;
        margin: 0 20px;
        box-sizing: content-box;
        background-color: #fff;
        border: 5px solid #fff;
        overflow: hidden;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .slider .box * {
      min-height: 0%;
    }

    .slider .box:after {
      z-index: 100;
    }

    .slider .box .min_tit {
        font-size: 2rem;
        padding: 5px 10px;
        overflow: hidden;
        position: relative;
        z-index: 100;
        color: #000;
    }

    .slider .box .day {
        padding: 5px 10px;
        font-size: 1.4rem;
        padding: 5px;
        position: relative;
        z-index: 100;
        color: #000;
    }
    .slider .box .day .day_tit {
        color: #ea0437;
        margin-right: 5px;
    }
    .slider .box .day .day_title {
        background: #000;
        font-size: 1.2rem;
        padding: 3px 8px;
        color: #fff;
        margin: 0 5px 0 0;
        position: relative;
        top: -2px;
        left: 0px;
    }

    .slider .box .mess {
        font-size: 1.2rem;
        padding: 5px 10px;
        position: relative;
        z-index: 100;
    }

    #contant {
        width: 100%;
        margin: 20px auto 60px;
        overflow: hidden;
    }

    #contant .left {
        width: 95%;
        margin: 20px auto 0 auto;
        overflow: hidden;
    }

    #contant .right {
        width: 95%;
        margin: 20px auto 0 auto;
        overflow: hidden;
    }

    .attention {
        width: 95%;
        font-size: 1rem;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin: 0 auto 10px auto;
    }

    .attention p {
        width: 40%;
        margin: 0 1px;
    }

    .attention p img {
        width: 10%;
        margin: 0 1px 3px 0;
        vertical-align: middle;
    }

  /**********************
    cal_area
  **********************/
    #cal_area {
        width: 95%;
        color: #fff;
        margin: 20px auto 0 auto;
        overflow: hidden;
    }

    #cal_area .tit {
        width: 100%;
        font-size: 2.2rem;
        padding: 5px 10px;
        color: #fff;
        box-sizing: border-box;
    }

    .cal_box {
        background: #fcf4de;
        width: 100%;
        margin: 20px 0 0;
        padding: 20px 0;
        color: #fff;
    }

  /**********************
    event_area
    **********************/
    #event_area {
        width: 95%;
        margin: 20px auto 0 auto;
        overflow: hidden;
    }

    #event_area .tit {
        width: 100%;
        font-size: 2.2rem;
        padding: 5px 10px;
        color: #fff;
        /*display: none;*/
        box-sizing: border-box;
    }

    .event_box {
        width: 100%;
        margin: 10px 0 0;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }

    .event_box .event {
        width: 47%;
        margin: 7px 0 0;
    }

  /**********************
    catgory_area
  **********************/
    #catgory_area {
        width: 95%;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        overflow: hidden;
    }

    #catgory_area .box {
        width: 47%;
        margin: 15px 0 0;
    }

    #catgory_area .box .photo {
        width: 90;
        /*height: 130px;*/
        margin: 20px auto 0;
        background: #d8d8d8;
    }

    #catgory_area .box .txt {
        width: 100%;
        margin: 10px auto 0;
        font-size: 1.2rem;
        text-decoration: underline;
    }



  /**********************
    schedule_area
  **********************/
    #schedule_area {
        display: none;
    }

    #schedule_area .illast {
        width: 930px;
        margin: 0 auto;
    }

    #schedule_area .have {
        width: 930px;
        border: 3px solid #f60;
        margin: 10px auto 0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    #schedule_area .have .tit {
        width: 100%;
        background: #f60;
        padding: 5px;
        font-size: 1.8rem;
        color: #fff;
    }

    #schedule_area .have .list {
        width: 90%;
        margin: 15px;
    }

    #schedule_area .have .list li {
        font-size: 1.2rem;
        margin: 5px;
    }

  /**********************
    search_now
  **********************/
    #search_now, #search_now2 {
    }

    #search_now .tit, #search_now2 .tit {
        width: 100%;
        font-size: 2rem;
        padding: 5px 10px;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        box-sizing:border-box;
        -webkit-border-radius: 3px;
        background: #333;
    }

    #search_now .day, #search_now2 .day {
        width: 90%;
        margin: 10px auto 0;
        padding: 0 0 10px;
        font-size: 1.5rem;
    }

    #search_now .field, #search_now2 .field {
        width: 90%;
        margin: 10px auto 0;
        padding: 0 0 5px;
        font-size: 1.5rem;
    }

    .content_box {
        margin: 0 0 20px 0;
    }
    .btn_box {
        margin: 20px 0 20px 0;
    }

    .search_text {
        margin: 20px 0 0 0;
    }

  .content_box .btn_box a.btn_left,
  .sp_cover_btn a.btn_left{
    width: 100px;	width: 35%;
  }
  .content_box .btn_box a.btn_right,
  .sp_cover_btn a.btn_right{
    width: 35%;
    float: right;
  }
  

    .content_box .btn_ico{
      position: absolute;
      top: 19px;
      left: 8px;
    }
  /**********************
    search_now
  **********************/
    .content_area {
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .content_box {
        overflow: hidden;
        background: #eee;
        padding: 0 10px 0 10px;
    }

    .date_box {
        display: none;
    }

    p.min_catch {
        font-size: 1.3rem;
        margin: 0 0 10px 0;
    }

    
	.cal_icon {
        margin: 10px 0;
    }
    
    .cal_txt {
        margin: 10px 10px 0 0;
        font-size: 1.2rem;
    }

    .cal_txt img {
        width: 15px;
        border: 0;
        vertical-align: middle;
        margin: 0 3px 0 0;
    }

    .min_tit {
        background: #333;
        color: #fff;
        padding: 10px 15px;
        font-size: 14px;
        margin: 10px 0 0 0;
    }

    .list {
        width: 100%;
        background: #fff;
        overflow: hidden;
        display: block;
        font-size: 1.6rem;
        margin: 10px 0 20px 0;
        border-radius: 5px;
    }

    .indent {
        padding-left: 25px;
    }
    
    .indent {
        padding-left: 15px;
    }	
    .check {
        padding: 10px 15px;
        border-bottom: 1px solid #dbf0c1;
        vertical-align: middle;
    }

    .check img {
        width: 5%;
        vertical-align: middle;
    }

    input.check_box {
        width: 20px;
        height: 20px;
        position: relative;
        top: 5px;
        margin: 0 5px 0 0;
    }

    input.btn_submit {
        cursor: pointer;
        display: block;
        width: 126px;
        height: 29px;
        border: none;
        margin: 15px auto 5px;
        text-indent: -9999px;
        background: url(https://form.music.ac.jp/event/img/submit_btn.png) no-repeat 0 0;
    }

  /* --- ボックス --- */
    form.search div {
        width: 100%;
  /* ボックスの幅 */
        background-color: #fff;
  /* ボックスの背景色 */
        margin: 10px auto;
        margin: 10px 0 30px 0;
    }

  /* --- テキストボックス --- */
    form.search input.textBox {
        width: 70%;
        padding: 8px;
        background-color: #fff;
  /* テキストボックスの背景色 */
        border: none;
  /* テキストボックスの境界線（なし） */
        color: #000;
        font-size: 1.3rem;
    }

    form.search input.textBox:focus {
        outline: none;
  /* テキストボックスの境界線（なし） */
    }

  /* --- ボタン --- */
    form.search input.btn {
        width: 49px;
  /* ボタンの幅 */
        height: 33px;
        background-image: url(https://form.music.ac.jp/event/img/roop.png);
  /* ボタンの背景 */
        background-repeat: no-repeat;
        border: 1px #f60;
  /* ボタンの境界線 */
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: .3em;
  /* 文字間のスペース */
        float: right;
    }

    .work_container {
        width: 100%;
        margin: 10px 0 40px;
    }

    .category_icon {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        text-align: left;
    }

    .category_icon p {
        width: auto;
        font-size: 1rem;
        padding: 3px 10px;
        color: #fff;
        margin: 2px 0 0 5px;
        background-color: #C0C0C0;
    }

    .sns_box {
        width: 100%;
        margin: 10px 0 0;
        position: relative;
        box-sizing: border-box;
    }
    
    .work_box {
        width: 100%;
        padding: 15px 10px 5px;
        margin: 10px 0 0;
        position: relative;
        box-sizing: border-box;
        border-top: 5px solid #333;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100 */
        background: #cccccc;
 /* Old browsers */
        background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 100%);
 /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 100%);
 /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #cccccc 0%,#ffffff 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );
 /* IE6-9 */
    }

    .work_box .photo {
        margin: 0 auto 10px auto;
    }

    .work_right {
        margin: 0 auto;
    }

    .event_name {
        width: 100%;
        overflow: hidden;
        padding: 0 0 10px;
        border-bottom: 1px dotted #333;
    }

    .event_name .icon {
        background: #e7c58b;
        width: 20%;
        text-align: center;
        vertical-align: middle;
        font-size: 1.2rem;
        font-weight: 700;
        padding: 5px;
        float: left;
        margin: 0 5px 0 0;
    }

    .event_name .box {
        width: 72%;
        float: right;
        text-align: left;
    }

    .event_name .copy {
        font-size: 1.2rem;
    }

    .event_name .name {
        font-size: 1.6rem;
        font-weight: bold;
    }

    .event_day {
        width: 100%;
        overflow: hidden;
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px dotted #333;
    }

    .event_day .icon {
        background: #e7c58b;
        width: 20%;
        text-align: center;
        vertical-align: middle;
        font-size: 1.2rem;
        font-weight: 700;
        padding: 5px;
        float: left;
        margin: 0 5px 0 0;
    }

    .event_day .box {
        width: 72%;
        font-size: 1.3rem;
        float: right;
        text-align: left;
    }

    .event_info {
        padding: 10px;
        font-size: 1.4rem;
        text-align: left;
    }

    .event_info .gentei {
        color: #ff3a09;
    }

    .event_info p {
        vertical-align: middle;
    }

    .event_info p img {
        width: 5%;
        vertical-align: middle;
        margin: 0 5px 0 0;
    }

    .sns_box_s {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        margin: 10px 0;
    }

    .sns_box_s p {
        margin: 0 7px 0 0;
    }

    .work_box .comment {
        background: #fff;
        width: 100%;
        padding: 5px;
        font-size: 1.2rem;
        float: left;
        border-radius: 5px;
        margin: 10px 0 5px;
        text-align: left;
    }

    .special_event {
        position: absolute;
        top: 0;
        left: 0;
    }

    .txt_link_area {
        width: 100%;
        margin: 30px 0 0;
        float: left;
        font-size: 1.4rem;
        text-align: left;
    }

    .pankuzu {
        width: 95%;
        font-size: 12px;
        margin: 0 auto 20px;
    }

  /**********************
  day_select_area
  **********************/
    .day_select_area {
        background: #eee;
        padding: 10px;
        width: 100%;
        margin: 20px 0 0;
        float: left;
        box-sizing: border-box;
    }

    .day_select_area .tit {
        font-size: 1.4rem;
        text-align: left;
    }

    .select-box01 select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .select-box01 select {
        width: 48%;
        padding: 10px;
        float: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #999;
        background: #eee;
        background: url(../img/arrow01.png) right 50% no-repeat,-webkit-linear-gradient(top,#fff 0%,#fff 100%);
        background: url(../img/arrow01.png) right 50% no-repeat,linear-gradient(to bottom,#fff 0%,#fff 100%);
        background-size: 20px,100%;
        margin: 0 0 10px 0;
    }

    .bus_btn_01 {
        border-top: 1px solid #fff;
        background: #eee;
        padding: 10px;
        width: 100%;
        overflow: hidden;
        color: #666666;
        box-sizing: border-box;
        text-align: center;
        font-size: 1.8rem;
        font-weight: bold;
    }

    .bus_btn_02 {
        border-top: 1px solid #fff;
        background: #eee;
        padding: 10px;
        width: 100%;
        overflow: hidden;
        color: #666666;
        box-sizing: border-box;
        text-align: center;
        font-size: 1.8rem;
        font-weight: bold;
    }

    .bus_btn_01 .txt {
        margin: 10px 0 0 0;
        font-size: 1rem;
    }

    .bus_btn_02 .txt {
        margin: 10px 0 0 0;
        font-size: 1rem;
    }

    .bus_ico {
        color: #8C3;
        margin: 0 5px 0 0;
    }

    .bus_select_area_01 {
        background: #eee;
        padding: 10px;
        width: 100%;
        margin: 0px 0 10px 0;
        float: left;
        box-sizing: border-box;
        border-top: 3px dotted #cccccc;
        border-bottom: 1px solid #cccccc;
        display: none;
    }

    .bus_select_area_02 {
        background: #eee;
        padding: 10px;
        width: 100%;
        margin: 0px 0 10px 0;
        float: left;
        box-sizing: border-box;
        border-top: 3px dotted #cccccc;
        border-bottom: 1px solid #cccccc;
        display: none;
    }

    .area_box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .area_box p {
        width: 22%;
        height: 25px;
        text-align: center;
        font-size: 1.4rem;
        background: #ffbe00;
        margin: 5px 3px;
        border-radius: 3px;
        padding: 8px 0 5px 0;
    }

    .area_box p.area_select{
        background: #ea0437;
    }

    .area_box p a {
        color: #000;
    }

    .submit_btn {
        width: 48%;
        outline: none;
        display: block;
        margin: 0 auto;
        position: relative;
        text-align: center;
        border: none;
        font-size: 1.2rem;
        font-weight: bold;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 16px 8px;
        line-height: 20px;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #ff9500 5%, #ff6600 100% );
        background: -ms-linear-gradient( top, #ff9500 5%, #ff6600 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9500', endColorstr='#ff6600');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9500), color-stop(100%, #ff6600) );
        background-color: #ff9500;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #ff3300;
        -webkit-box-shadow: 1px 3px 0px 0px #ff3300;
        -moz-box-shadow: 1px 3px 0px 0px #ff3300;
        box-shadow: 1px 3px 0px 0px #ff3300;
    }

    input[type=submit] {
        font-family: FontAwesome /*FontAwesomeをフォント指定*/;
    }

    .submit_btn i {
        margin: 0 5px 0 0;
    }

    form input.btn_02 {
        width: 253px;
  /* ボタンの幅 */
        height: 39px;
        background-image: url(https://form.music.ac.jp/event/img/entry_orange.png);
  /* ボタンの背景 */
        background-repeat: no-repeat;
        background-color: #EEE;
        border: none;
  /* 文字間のスペース */
        margin: 0 auto 0 auto;
        display: block;
    }


/**/

    .pc_table_box {
        background: #fff;
        padding: 5px;
        width: 98%;
        overflow: hidden;
        margin: 20px auto 0;
    }

    .pc_table_box table {
        font-size: 1.2rem;
        width: 98%;
    }

    .pc_table_box table th {
        height: 27px;
        text-align: center;
        background: #ddd;
        border: 1px solid #fff;
        font-weight: 700;
        padding: 3px 0 0;
    }

    . table td {
        height: 27px;
        background: #fff;
        border: 1px solid #ddd;
        font-weight: 700;
        padding: 5px 10px;
        vertical-align: middle;
    }

    td.tit {
        background: #fff;
        font-size: 1.6rem;
        text-align: left;
    }

    th.col_01 {
        width: 10;
        text-align: center;
    }

    th.col_02 {
        width: 15%;
        text-align: center;
    }

    th.col_03 {
        width: 15%;
        text-align: center;
    }

    th.col_04 {
        width: 15%;
        text-align: center;
    }

    th.col_05 {
        text-align: center;
    }

    th.col_06 {
        width: 10%;
        text-align: center;
    }

    th.col_07 {
        width: 20%;
        text-align: center;
    }

    .entry_btn {
        width: 75px;
        word-break: break-all;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        float: right;
        border: none;
        font-size: 1.2rem;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 16px;
        line-height: 20px;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #87cf30 5%, #7fc22d 100% );
        background: -ms-linear-gradient( top, #87cf30 5%, #7fc22d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cf30', endColorstr='#7fc22d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #87cf30), color-stop(100%, #7fc22d) );
        background-color: #87cf30;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #73ab29;
        -webkit-box-shadow: 1px 3px 0px 0px #70a62a;
        -moz-box-shadow: 1px 3px 0px 0px #70a62a;
        box-shadow: 1px 3px 0px 0px #70a62a;
    }

	.sp_table_box {
	  background: #fff;
	  padding: 5px;
	  width: 98%;
	  overflow: hidden;
	  margin: 20px auto 0;
	}

	.sp_table_box table {
	 width: 100%;
	  font-size: 1rem;
	}

	.sp_table_box table th {
	  height: 27px;
	  text-align: center;
	  background: #ddd;
	  border: 1px solid #fff;
	  font-weight: 700;
	  padding: 3px 0 0;
	}

	.sp_table_box table td {
	  height: 27px;
	  border: 1px solid #ddd;
	  font-weight: 700;
	  padding: 5px ;
	  vertical-align: middle;
	}
	.sp_table_box .tit_bg{
	  background: #333 !important;
	    font-size: 1.6rem;
	    text-align: left;
	    color: #fff;
	}
	.sp_table_box .col_01 {
	  width: 20%;
	  text-align: center;
	  background: #dddddd;
	  border-bottom: 1px solid #fff;
	  font-size: 1rem;
	}

	.sp_table_box .col_02 {
	  width: 20%;
	  text-align: center;
	  background: #dddddd;
	  border-bottom: 1px solid #fff;
	  font-size: 1rem;
	}

	.sp_table_box .col_03 {
	  width: 20%;
	  text-align: center;
	  background: #dddddd;
	  border-bottom: 1px solid #fff;
	  font-size: 1rem;
	}

	.sp_table_box .col_04 {
	  width: 20%;
	  text-align: center;
	  background: #dddddd;
	  border-bottom: 1px solid #fff;
	  font-size: 1rem;
	}

	.sp_table_box .col_05 {
	  width: 20%;
	  text-align: center;
	  background: #dddddd;
	  border-bottom: 1px solid #fff;
	  font-size: 1rem;
	}

	.sp_table_box .col_06 {
	  width: 20%;
	  text-align: center;
	  background: #dddddd;
	  border-bottom: 1px solid #fff;
	  font-size: 1rem;
	}

	.sp_table_box .col_07 {
	  width: 20%;
	  text-align: center;
	  background: #dddddd;
	  border-bottom: 1px solid #fff;
	  font-size: 1rem;
	}
	.sp_table_box .aki {
	  height: 20px;
	}
	.map{
	width: 15%;
	background: #dddddd;
	  text-align: center;
	}
	.map a{
	  color: #fdbe00;
	}
	.map img{
	  width: 100%;
	  text-align: center;
	}
	.map:after {
	  content: "マップ" ;
	  font-size: 1rem;
	  display: block;
	  position: relative;
	  font-weight: bold;
	  color: #333;
	}

	.entry_btn{
	  width: 90%;
	  word-break: break-all;
	  outline: none;
	  display: block;
	  position: relative;
	  text-align: center;
	  float: right;
	  border: none;
	  font-variant: bold;
	  font-size: 1.2rem;
	  font-family: Arial;
	  font-weight: normal;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  padding: 10px 16px;
	  line-height: 20px;
	  text-decoration: none;
	  background:-moz-linear-gradient( center top, #87cf30 5%, #7fc22d 100% );
	  background:-ms-linear-gradient( top, #87cf30 5%, #7fc22d 100% );
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cf30', endColorstr='#7fc22d');
	  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #87cf30), color-stop(100%, #7fc22d) );
	  background-color:#87cf30;
	  color:#ffffff;
	  display:inline-block;
	  text-shadow:2px 2px 0px #73ab29;
	  -webkit-box-shadow: 1px 3px 0px 0px #70a62a;
	  -moz-box-shadow: 1px 3px 0px 0px #70a62a;
	  box-shadow: 1px 3px 0px 0px #70a62a;
	  margin: 10px 0;
	}
	.pc_table_box {
	  display: none
	}

    .br:before {
        content: "\A";
        white-space: pre;
    }

    .day_select_area .area {
        width: 100%;
        margin: 20px auto 0;
        float: left;
    }

    .day_select_area .area_box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .day_select_area .area_box p {
        width: 22%;
        height: 35px;
        text-align: center;
        font-size: 1.4rem;
        background: #ffbe00;
        margin: 5px;
        border-radius: 3px;
        padding: 7px 0 0;
    }

    .day_select_area .area_box p a {
        color: #333;
    }

  /**********************
  syousai_area
  **********************/

    .syousai_area {
        width: 100%;
        margin: 20px 0 0;
        float: left;
    }

    .syousai_area .tit {
        width: 100%;
        font-size: 2rem;
        padding: 5px 10px;
        color: #fff;
        text-align: left;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        float: left;
    }

    .syousai_box {
        padding: 20px 10px;
        float: left;
    }

    .syousai_box .photo {
        width: 100%;
        float: left;
    }

    .syousai_box .photo img {
        width: 100%;
    }

    .syousai_box .syousai_right {
        float: right;
        width: 100%;
        margin: 0 0 0 15px;
    }

    .syousai_box .syousai_right .min_tit {
        font-size: 2rem;
        text-align: left;
    }

    .syousai_box .syousai_right .txt {
        font-size: 1.4rem;
        margin: 10px 0 0;
        text-align: left;
    }

    .syousai_box .syousai_right .sub_tit {
        font-size: 1.2rem;
        margin: 0;
        text-align: left;
    }

    .free_html {
        width: 95%;
        overflow: hidden;
        margin: 10px auto 0;
        font-size: 1.4rem;
    }

    .time_area {
        width: 100%;
        float: left;
        text-align: left;
    }

    .movie_area {
        width: 100%;
        margin: 30px 0 0;
        float: left;
    }

    .movie_area .tit {
        width: 100%;
        font-size: 2rem;
        padding: 5px 10px;
        color: #fff;
        text-align: left;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        float: left;
    }

    .movie_area .movie_box {
        width: 100%;
        margin: 20px 0 0;
        float: left;
    }

    .table_box {
        background: #fff;
        padding: 5px;
        width: 100%;
        overflow: hidden;
        margin: 20px 0 0;
        float: left;
    }


  /**********************
  search_results
  **********************/

    .search_results {
        width: 100%;
        font-size: 1.0rem;
        overflow: hidden;
        margin: 0 0 20px;
    }

    .search_results .results_left {
        width: 35%;
        float: left;
        text-align: left;
    }

    .search_results .results_right {
        width: 65%;
        float: right;
        text-align: right;
    }

    .search_results span {
        font-size: 1.4rem;
    }

    .btn_area {
        width: 100%;
        margin: 10px auto 20px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 10px 0 0;
    }

    .btn_area .btn_left {
        width: 48%;
    }

    .btn_area .btn_left img {
        width: 100%;
    }

    .btn_area .btn_right {
        width: 48%;
    }

    .btn_area .btn_right img {
        width: 100%;
    }

    .results_entry_btn {
        width: 35%;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        color: #fff !important;
        float: right;
        border: none;
        font-size: 16px;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        padding: 10px 16px;
        margin: 0 auto;
        line-height: 20px;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #ff9500 5%, #ff6600 100% );
        background: -ms-linear-gradient( top, #ff9500 5%, #ff6600 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9500', endColorstr='#ff6600');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff9500), color-stop(100%, #ff6600) );
        background-color: #ff9500;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #ff3300;
        -webkit-box-shadow: 1px 3px 0px 0px #ff3300;
        -moz-box-shadow: 1px 3px 0px 0px #ff3300;
        box-shadow: 1px 3px 0px 0px #ff3300;
    }

    .results_entry_btn i {
        margin: 0 5px 0 0;
    }

    .results_detail_btn {
        width: 35%;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        color: #fff !important;
        float: right;
        border: none;
        font-size: 16px;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        padding: 10px 16px;
        margin: 0 auto;
        line-height: 20px;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #87cf30 5%, #7fc22d 100% );
        background: -ms-linear-gradient( top, #87cf30 5%, #7fc22d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cf30', endColorstr='#7fc22d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #87cf30), color-stop(100%, #7fc22d) );
        background-color: #87cf30;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #73ab29;
        -webkit-box-shadow: 1px 3px 0px 0px #70a62a;
        -moz-box-shadow: 1px 3px 0px 0px #70a62a;
        box-shadow: 1px 3px 0px 0px #70a62a;
    }

    .results_detail_btn i {
        margin: 0 5px 0 0;
    }
  /*ゼロ　メッセージ*/
    .zero_mess {
        width: 100%;
        border-top: 5px solid #333;
        padding: 20px;
        margin: 0 0 20px 0;
        text-align: left !important;
        background: #e8e8e8;
        background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );
    }

    .zero_mess p {
        font-size: 1.4rem;
    }

    .sp_search_btn_area {
        width: 100%;
        margin: 10px auto 20px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 10px 0 0;
    }

    .sp_search_btn {
        width: 100%;
        word-break: break-all;
        outline: none;
        display: block;
        position: relative;
        text-align: center;
        border: none;
        font-size: 1.6rem;
        font-family: Arial;
        font-weight: normal;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 16px;
        line-height: 20px;
        margin: 0 0 10px 0;
        text-decoration: none;
        background: -moz-linear-gradient( center top, #87cf30 5%, #7fc22d 100% );
        background: -ms-linear-gradient( top, #87cf30 5%, #7fc22d 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87cf30', endColorstr='#7fc22d');
        background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #87cf30), color-stop(100%, #7fc22d) );
        background-color: #87cf30;
        color: #ffffff;
        display: inline-block;
        text-shadow: 2px 2px 0px #73ab29;
        -webkit-box-shadow: 1px 3px 0px 0px #70a62a;
        -moz-box-shadow: 1px 3px 0px 0px #70a62a;
        box-shadow: 1px 3px 0px 0px #70a62a;
    }

    .sp_cover_btn {
        z-index:9999;
        width: 100%;
        background: rgba(51,51,51,0.2);
        padding: 10px 0px;
        position: fixed;
        bottom: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
    }

    .sp_cover_btn .btn_left,
    .sp_cover_btn .btn_right {
        margin: 0 5px;
    }
    .sp_search_now_area {
        width: 100%;
        margin: 0px auto 20px;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 10px 0 0;
    }
   
  /**********************
  pager
  **********************/
    .pager {
        overflow: hidden;
    }

    .pager ul {
        list-style: none;
        position: relative;
        left: 50%;
        float: left;
    }

    .pager ul li {
        margin: 0 1px;
        position: relative;
        left: -50%;
        float: left;
    }

    .pager ul li span,.pager ul li a {
        display: block;
        font-size: 16px;
        padding: .6em 1em;
        border-radius: 3px;
    }

    .pager ul li .current span  {
        border: 1px solid #ddd;
        background: #f60;
        color: #FFF;
        text-decoration: none;
    }
    
    .pager ul li a {
        background: #EEE;
        color: #000;
        text-decoration: none;
    }

    .pager ul li a:hover {
        background: #f60;
        color: #FFF;
    }
}

/**************************************************
PC&Mobile Calendar Layout
***************************************************/
@media screen and (min-width: 768px) {
    div.ui-datepicker {
        font-size: 2.1rem;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    div.ui-datepicker {
        font-size: 2rem;
        margin: 0 auto;
    }
    .ui-datepicker th {
        padding: 1rem .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        font-weight: bold;
        color: #333;
        background: #fff;
    }
    .ui-widget-header {
        font-weight: bold;
        background: #e8c58b !important;
        color: #000 !important;
        border: 1px solid #e8c58b !important;
    }
}
.ui-widget-content {
    background: #eeeeee none repeat scroll 0 0;
}
.class-sunday > .ui-state-default, .ui-state-highlight {
    color: red !important;
}
.class-saturday > .ui-state-default, .ui-state-highlight {
    color: blue !important;
}
.class-holiday > .ui-state-default, .ui-state-highlight {
    color: red !important;
}
.class-busday > .ui-state-default, .ui-state-highlight {
    background: #fff url("https://form.music.ac.jp/event/img/cal_bus.png") no-repeat;
}
.class-evntday > .ui-state-default, .ui-state-highlight {
    background: #fff url("https://form.music.ac.jp/event/img/cal_star.png") no-repeat;
}
.class-allday > .ui-state-default, .ui-state-highlight {
    background: #fff url("https://form.music.ac.jp/event/img/cal_all.png") no-repeat;
}
.class-schlday > .ui-state-default, .ui-state-highlight {
    background: #fff url("https://form.music.ac.jp/event/img/cal_circle.png") no-repeat;
}
.class-evntschlday > .ui-state-default, .ui-state-highlight {
    background: #fff url("https://form.music.ac.jp/event/img/cal_star_circle.png") no-repeat;
}
.class-evntbusday > .ui-state-default, .ui-state-highlight {
    background: #fff url("https://form.music.ac.jp/event/img/cal_star_bus.png") no-repeat;
}
.class-schlbusday > .ui-state-default, .ui-state-highlight {
    background: #fff url("https://form.music.ac.jp/event/img/cal_circle_bus.png") no-repeat;
}
/* -----------------------------------------------------------------------
## Slider box setting ####################################################
----------------------------------------------------------------------- */
.slider .box {
	transform: translate(-53%,0);
}
.boxNum1 .box {
	transform: translate(106.5%,0);
}
.boxNum2 .box {
	transform: translate(0,0);
}
.boxNum3 .box {
	transform: translate(0,0);
}
.boxNum4 .box {
	transform: translate(0,0);
}
@media screen and (max-width: 1199px){
	.slider .box {
		transform: translate(0,0);
	}
  .boxNum1 .box {
		transform: translate(53.5%,0);
  }
	.boxNum2 .box {
		transform: translate(0,0);
	}
	.boxNum3 .box {
		transform: translate(0,0);
	}
	.boxNum4 .box {
		transform: translate(0,0);
	}
}
@media screen and (max-width: 768px){
  .slider .box {
		transform: translate(-58.5%,0);
  }
  .boxNum1 .box {
		transform: translate(107%,0);
  }
  .boxNum2 .box {
		transform: translate(0,0);
  }
  .boxNum3 .box {
		transform: translate(-58.5%,0);
  }
	.boxNum4 .box {
		transform: translate(-58.5%,0);
	}
}
@media screen and (max-width: 639px){
  .slider .box {
		transform: translate(0,0);
  }
  .boxNum1 .box {
		transform: translate(0,0);
  }
  .boxNum2 .box {
		transform: translate(0,0);
  }
  .boxNum3 .box {
		transform: translate(0,0);
  }
	.boxNum4 .box {
		transform: translate(0,0);
	}
}