#page{overflow-x:hidden;}
.gf{ font-family: "Sawarabi Gothic";}
[class^="icon-"]::before, [class*=" icon-"]::before{margin:0;width:auto}


.t_sub{font-size:2rem;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:10px;line-height:1.3;margin:30px 0 25px;background:linear-gradient(#fff,#f7f9f8)}
.t_sub i{color:#005931;margin-right:10px;}
.text-center{text-align: center;}
a.link{background: #f5f5f5;color: darkcyan; padding: 5px 10px;line-height: 2.5rem;}
/*ヘッダー
------------------------------*/
.header{padding:0 20px;}
.header .inner{max-width:1080px;position:relative;padding:20px 0 30px}
.logo{font-size:2.4rem;padding:25px 0;}
.logo img{max-width:300px;height:auto;}

/*ナビ*/
.h_nav{position:absolute;right:200px;top:40px}
.h_nav ul li{float:left;border-right:1px solid #ccc;padding:0 17px;}
.h_nav ul li:last-child{border-right:0;}
.h_nav ul li a{display:block;}
.h_nav ul li a:after{content:"";position:absolute;}

.hover .h_nav ul li a:hover{color:#FFAE04;}

.h_tel{position:absolute;right:35px;top:35px;color:#1f1f1f;}
.h_tel p{font-size:1.8rem;padding-bottom: 10px;}
.h_tel span{font-size:2.2rem;letter-spacing:2px;line-height:1;text-shadow:1px 1px 2px rgba(0,0,0,0.6);font-family:'Arial Narrow',sans-serif;}
.h_tel img{vertical-align:middle;margin-right:5px;margin-bottom:7px;}

/*観光協会バナー*/
.logo_kanko{position:absolute;right:0;top:20px;}
.logo_kanko a{display:block;border:1px solid #ccc;transition:0.3s;}
.logo_kanko a img{width:175px;height:auto;}
.hover .logo_kanko a:hover{border-color:#FFAE04}

/*ナビゲーション
------------------------------*/
.nav{max-width:900px;margin-bottom:35px;border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.nav>ul li{float:left;width:25%;border-right:1px solid #ccc;}
.nav>ul li:last-child{border-right:0;}
.nav>ul li a{display:block;position:relative;padding:10px 0;text-align:center;font-size:1.7rem;transition:0.3s;}
.nav>ul li a:before{content:"";height:30px;width:30px;position:absolute;top:0;left:50%;margin-left:-15px;transition:0.8s;}
/*
.nav>ul li:nth-child(1) a:before{content:"";background:url(../images/icon_home.png) no-repeat;background-size:cover;}
.nav>ul li:nth-child(2) a:before{content:"";background:url(../images/icon_restaurant.png) no-repeat;background-size:cover;}
.nav>ul li:nth-child(3) a:before{content:"";background:url(../images/icon_takeout.png) no-repeat;background-size:cover;}
.nav>ul li:nth-child(4) a:before{content:"";background:url(../images/icon_bussan.png) no-repeat;background-size:cover;}
.nav>ul li:nth-child(5) a:before{content:"";background:url(../images/icon_inn.png) no-repeat;background-size:cover;}
.nav>ul li:nth-child(6) a:before{content:"";background:url(../images/icon_access.png) no-repeat;background-size:cover;}
*/
.hover .nav>ul li a:hover{color:#FFAE04}
.hover .nav>ul li a:hover:before{transform:rotateY(360deg) ;}
.nav>ul li.active a{color:#FFAE04}


/*ナビボタン
------------------------------*/
.nav-button-wrap { padding: 7px 6px 5px 6px; position: absolute; top: 12px; right: 0; font-size: 0; text-align: center; cursor: pointer; z-index: 10; display: none;background:#FFAE04;border-radius:2px; height:39px;}

.nav-button { position: relative; width: 26px; height: 16px; }
.nav-button span { display: block; position: absolute; -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; height: 2px; background: #fff; }
.nav-button span:nth-of-type(1) { top: 0; }
.nav-button span:nth-of-type(2) { top: 7px; }
.nav-button span:nth-of-type(3) { bottom: 0; }

.nav-button.active span { background: #fff; }
.nav-button.active span:nth-of-type(1) { -webkit-transform: translateY(7px) rotate(-45deg); transform: translateY(7px) rotate(-45deg); }
.nav-button.active span:nth-of-type(2) { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); }
.nav-button.active span:nth-of-type(3) { -webkit-transform: translateY(-7px) rotate(45deg); transform: translateY(-7px) rotate(45deg); }

.nav-circle{background:#333;border-radius:50%;height:36px;width:36px;padding:11px 0 0 0;}
.nav-button-wrap strong{font-size:8px;font-size:0.8rem;color:#fff;display:block;text-align:center;margin-top:3px;line-height:1;}

/*レイアウト
------------------------------*/
.contents{max-width:1120px;padding:0 20px 80px}
.contents_main{float:left;width:67%;}
.contents_side{float:left;width:33%;padding-left:50px;}


/*フッター
------------------------------*/
.footer{background:#F9F8F8;padding:0 20px;position:relative;}


.f_info{max-width:1080px;position:relative;padding:20px 0; color:#1f1f1f;}
.f_info .f_img{float:left;margin-right:20px}
.f_info p{margin-bottom:8px;font-size:1.4rem;}
.f_info .f_logo{display:block;font-size:2.4rem;margin-bottom:7px;}
.f_info address{margin-bottom:7px;}
.f_info address a{color:#EB9486;}
.hover .f_info address a:hover{color:#005931}
.f_info .f_tel{font-size:1.7rem;}
.f_info .f_tel strong{font-size:1.9rem;}
.f_info .f_tel strong a{color:#FFAE04;}
.uma{position:absolute;right:40px;bottom:5px;}
.uma img{max-width:100%;height:auto;}
.copyright{text-align:center;font-size:1.2rem;font-family:Helvetica;letter-spacing:1px;padding:25px 0 35px;}

/*ページトップ
------------------------------*/
.pagetop{position:fixed;bottom:30px;right:30px;cursor:pointer;z-index:1;display:none;}
.pagetop_inner{width:60px;height:60px;background:#005931;border-radius:50%;color:#fff;text-align:center;transition:0.3s;}
.pagetop_inner i{font-size:2.5rem;line-height:60px;}
.pagetop_inner i:before{transition:0.2s}
.hover .pagetop_inner:hover{background:#f57b29}
.hover .pagetop_inner:hover i:before{transform:translateY(-3px)}

.u a,a.u{display:inline-block;position:relative;transition:0.3s;}
.u a:after,a.u:after{content:"";position:absolute;border-bottom:1px solid #FFAE04;left:0;bottom:-2px;width:100%;transform:scale(0);transition:0.3s;}
.u a:hover:after,a.u:hover:after{transform:scaleX(1);}
.u a:hover,a.u:hover{color:#005931}

/*company */
table.c_table { 
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    margin-bottom: 20px;
}
table.c_table th, table.c_table td{
    border-bottom: solid 1px #e2e2e2;
    padding:20px 10px;
    text-align: left;
}

table.c_table  dl{
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-top: none;
    background: #F9F8F8;
  }
  table.c_table  dt{
    width: 30%;
    float: left;
    padding: 10px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
  }
  table.c_table  dd{
    margin-left: 30%;
    padding: 10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff;
  }
  table.c_table  dd:after{
    display: block;
    content: "";
    clear: both;
  }
  @media screen and (max-width: 320px) {
    table.c_table  dt{
      width: 100%;
      float: none;
    }
    table.c_table  dd{
      margin-left: auto;
      border-left: none;
    }
  }

@media screen and (max-width:900px){
/*ヘッダー*/
.h_nav{position:static;text-align:center;padding-top:20px;}
.h_nav ul{display:inline-block;}
.h_nav ul li{padding:0;}
.h_nav ul li a{padding:5px 10px;}
.h_nav ul li:last-child{border-right:0;}

/*レイアウト*/
.contents{max-width:1120px;padding:0 20px 30px}
.contents_main{float:none;width:100%;max-width:700px;padding-bottom:20px;}
.contents_side{float:none;width:100%;max-width:400px;padding-left:0;}

/*フッター*/
.uma{right:0;bottom:5px;width:150px;}
}

@media screen and (max-width:767px){
/*ヘッダー*/
.header{padding:0 15px;}
.header .inner{padding:15px 0 10px}

.logo img{max-width:200px;height:auto;}
.logo_kanko{position:static;text-align:center;padding-top:12px;padding-bottom:15px;}
.logo_kanko a{max-width:150px;display:inline-block;}
.logo_kanko img{max-width:100%;height:auto;}

.h_nav{padding-top:15px;}

/*ナビボタン*/
.nav-button-wrap{display:block;}

/*ナビゲーション*/
.nav{display:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;position:absolute;top:62px;z-index:100;background:#fff;width:100%;background:#ffffee}
.nav>ul li{float:none;border-right:0;border-bottom:1px solid #ccc;width:100%;}
.nav>ul li:last-child{border-bottom:1;}
.nav>ul li a{position:relative;padding:10px 15px;text-align:left;font-size:1.7rem;transition:0.3s;line-height:30px;}
.nav>ul li a:before{content:"";height:30px;width:30px;position:static;display:inline-block;margin-left:0;margin-right:10px;vertical-align:middle;}
.nav>ul li.active a{background:#fdefd6}

/*フッター*/
.footer{text-align:center;}
.footer:before{content:"";height:10px;}
.footer:after{content:"";height:10px;}


.f_info{display:inline-block;padding-bottom:20px;}
.f_info .f_img{float:none;margin-right:0;margin-bottom:20px;}
.f_info address{line-height:1.6}
.uma{right:0;bottom:5px;width:100px;}

/*ページの先頭*/
.pagetop{bottom:15px;right:15px}
.pagetop i{line-height:39px;font-size:1.8rem}
.pagetop_inner{width:40px;height:40px;padding-top:0;}
}