@charset "UTF-8";
      .header{ border-top:4px solid #F4CF27; background:#000; text-align: center; padding: 15px;}
      .navi{ background: #000; overflow: hidden;}
      .navi ul li{ display: inline-block; width: 16.66%; text-align: center; float: left;}
      .navi ul li a{ padding: 10px 5px; color:#fff; display: block; border-bottom: 4px solid #000; font-weight: bold; font-size: 14px;}
      .navi ul li a:hover{color:#F4CF27; border-bottom-color: #F4CF27;}
      /*.mv{ position: relative; background:url(../Images/mv01_blur.jpg)center center; background-size: cover; text-align: center;}*/
      .bg_01,.bg_02{ position: absolute; max-width: 30%;}
      .bg_01{ top:0; left: -5px;}
      .bg_02{ right: -5px; bottom: 0;}
      .bg_03{ position: absolute; max-width: 30%; width: 230px;}
      .bg_03{ right: -5px; bottom: 0;}
      .contents01{ padding: 40px 0;}
      .contents02{ position: relative; background:url(../Images/bg01.jpg)center center; background-size: cover; padding: 40px 0;}
      .contents03{ padding: 40px 0;}
      .title01{ font-size: 24px; font-weight: bold;}
      .contents01_table01{ width: 100%; border-top:1px solid #C2C2C2;}
      .contents01_table01 tr{ border-bottom: 1px solid #C2C2C2;}
      .contents01_table01 th{ width: 100px;}
      .contents01_table01 th,.contents01_table01 td{ padding: 10px;}
      .contents01_table01 a{ text-decoration: underline; color:#75542D;}
      .btn01{ display: inline-block; border: 1px solid #000; padding: 10px 20px; min-width: 240px; color: #000; border-radius: 30px; background: #fff}
      .btn02{ display: inline-block; border: 1px solid #fff; padding: 10px 5px; width: 240px; color: #fff; border-radius: 30px;}
      .btn01:hover{ background: #000; color:#fff;}
      .btn02:hover{ background: #fff; color:#000;}
      .navi.footer_navi ul li a{ padding-top: 15px;}
      .footer{ background: #333333; position: relative; padding: 40px 0;}
      .footer *{color:#fff;}
      .Copyright{ font-size: 12px; background: #000; display: block; padding: 10px; color:#aaa;}
      .contents04 li{ display: inline-block; width: 25%; float: left;}
      .contents04 li a{ display: block; text-align: center; background:rgba(0,0,0,0.5);color:#fff; padding: 50px 0; font-size: 20px;}
      .contents04 li a:hover{opacity:0.7;}
      .contents02 .inner,.contents03 .inner{ width: 920px !important; max-width: 55%;}
      .title02{ font-size: 34px; color:#F4CF27; letter-spacing:5px;}
      .title03{ font-size: 34px; color:#000; letter-spacing:5px;}
      .contents02 p{color:#fff;}
      .lineheight200{ line-height: 200%;}
      .footer_table01 td{ min-width: 45px;}
      .footer_table01 td span{ display: inline-block;}/*white-space: nowrap;*/
      .Copyright img{ vertical-align: top;}
      .gmap iframe{ width: 100%; height: 400px; vertical-align: bottom;}
      .contents04_1{ background: url(../Images/contents04_1.jpg)center center ; background-size: cover;}
      .contents04_2{ background: url(../Images/contents04_2.jpg)center center ; background-size: cover;}
      .contents04_3{ background: url(../Images/contents04_3.jpg)center center ; background-size: cover;}
      .contents04_4{ background: url(../Images/contents04_4.jpg)center center ; background-size: cover;}
      .contents05{ padding: 40px 0; background: #F1ECDD;}
      .contents06{ padding: 40px 0;}
      .contents01 h3,.contents05 h3,.contents06 h3,.contents07 h3{ color:#333;}
      .news_img00{ display: block; width: 100%; height: 212px; background-color: #eee; margin-bottom: 5px; border: 1px solid #ddd;}
      .news_img00:hover{opacity:0.7;}
      .contents01 a{ color:#75542D; text-decoration: underline;}
      .contents01 a:hover{ text-decoration: none;}
      .news_img01{ background: url(../Images/news01_img.jpg)center center no-repeat; background-size: cover;}

      .contents07 h4{ font-size: 22px; font-weight: bold;}
/*
      .contents07 table{ width: 100%;}
      .contents07 table th{ vertical-align: middle; background: #eee}
      .contents07 table th,.contents07 table td{ padding: 10px; border: 1px solid #aaa;}
*/
      .contents07 p span{ display: inline-block; margin-right: 15px;}
      .contents07{ padding: 40px 0;}
      .contents07 h5{ font-weight: bold; border-bottom: 1px solid #333; margin-bottom: 10px;}
      .access02 .col4{ border: 1px solid #ddd; padding: 15px; border-radius: 5px}
      .access01 a{color:#75542D; text-decoration: underline;}
      .access01 a:hover{ text-decoration: none;}
      .breadcrumb{ background: #eee; padding: 10px 0; font-size: 14px;}
      .breadcrumb *{ font-size: 14px;}
      .breadcrumb a{ color:#75542D; text-decoration: underline;}
      .breadcrumb a:hover{ text-decoration: none;}
.fs12{ font-size: 12px;}
      .fs30{ font-size: 30px;}
      .btn01{ margin: 5px;}
      .sp_navi{ display: none; background: #000; padding:0 10px;}
      .sp_navi ul{ border-top: 1px solid #333;}
      .sp_navi li{ border-bottom: 1px solid #333;}
      .sp_navi li a{ display: block; padding: 10px; color:#fff;}
      .sp_menu{ position: absolute;top:12px; right:12px; z-index: 888;}
      .menu-trigger,
      .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
      }
      .menu-trigger {
        position: relative;
        width: 50px;
        height: 44px;
        background: none;
        border: none;
        appearance: none;
        cursor: pointer;
      }
      .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff;
        border-radius: 4px;
      }
      .menu-trigger span:nth-of-type(1) {top: 0;}
      .menu-trigger span:nth-of-type(2) {top: 20px;}
      .menu-trigger span:nth-of-type(3) { bottom: 0;}
      .menu-trigger.active span:nth-of-type(1) {transform: translateY(20px) rotate(-45deg);}
      .menu-trigger.active span:nth-of-type(2) {opacity: 0;}
      .menu-trigger.active span:nth-of-type(3) {transform: translateY(-20px) rotate(45deg);}
      .schedule_table{ width: 100%;}
      .schedule_table th{ vertical-align: middle;}
      .schedule_table th,.schedule_table td{ border: 1px solid #aaa; padding: 5px; font-size: 14px; font-weight: bold;}
      .table_title{ background: #333; color:#fff;}
      .schedule_table01{ background: #FFE699;}
      .schedule_table02{ background: #C6E0B4;}
      .schedule_table03{ background: #B4C6E7;}
      .schedule_table04{ background: #C65911; color:#fff;}
      /*--tb------------------------------*/
      @media screen and (max-width: 1170px)
      {
        .bg_01,.bg_02{ max-width: 20%;}
        .contents02 .inner,.contents03 .inner{ width: 720px !important; max-width: 80%;}
      }
      /*--tb------------------------------*/
      @media screen and (max-width: 979px)
      {
        .navi ul li a{ font-size: 10px;}
        .bg_03{ max-width: 20%;}
      }
      /*--sp------------------------------*/
      @media screen and (max-width: 719px)
      {
        .header{ text-align: left;}
        .contents04 li{width: 50%;}
        .navi.footer_navi ul li{ width: 50%;}
        .contents01_table01,.contents01_table01 *{ display: block;}
        .contents01_table01 th{ padding-bottom: 0;}
        .title02{ font-size: 28px; letter-spacing:0px;}
        .contents02 .inner,.contents03 .inner{ width: 96% !important; max-width: 96%;}
        .navi{ display: none;}
        .contents01 .col3{ width: 98%;}
        .news_img00{ height: 50vw;}
        .access01 .col6{ width: 98%;}
        .access02 .col4{ width: 48%;}
        .contents06 .col8,.contents06 .col4{ width: 98%;}
        .footer_table01 *{ font-size: 14px;}
        #inline-wrap1 .col6{ width: 98%;}
        .kaijo_table,.kaijo_table *{ display: block;}
      }
      /*--sp------------------------------*/
      @media screen and (max-width: 540px)
      {
      }