@charset "utf-8";
/* header */
header #top_mainvisual {
    margin: 0 auto 40px
    }
header #top_mainvisual img {
    margin-top: 147px;
    width: 100%
    }
/* side サイドコンテンツ */
#container #content.page_top .sec1.side, #container #content.page_top .sec1.side .search_area {
    width: 280px;
    height: auto
    }
#container #content.page_top .sec1.side .search_area {
    margin-bottom: 30px;
    border: 1px solid #ea965c
    }
#container #content.page_top .sec1.side .search_area h2 {
    background: #ea965c
    }
#container #content.page_top .sec1.side .search_area h2 {
    height: 40px;
    background: #ea965c
    }
#container #content.page_top .sec1.side .search_area h2 img {
    padding-top: 6px
    }
#container #content.page_top .sec1.side .search_area .inner {
    padding: 0;
    background: #f9eae1
    }
#container #content.page_top .sec1.side .search_area .inner ul li {
    border-top: 1px solid #f2d1c0
    }
#container #content.page_top .sec1.side .search_area .inner ul li:first-child {
    border-top: none
    }
#container #content.page_top .sec1.side .search_area .inner ul li a {
    display: block;
    padding-left: 40px;
    background: url(../img/list/gourmet/ico_arrow_rgc.png) left no-repeat;
    background-position: 10px;
    background-size: 18px;
    line-height: 50px;
    color: #e2752b;
    text-decoration: none
    }
#container #content.page_top .sec1.side .search_area .inner ul li a.active {
    background-color: #f7d5bf
    }
#container #content.page_top .sec1.side .side_bnr ul li {
    margin-bottom: 20px
    }
#container #content.page_top .sec1.side .side_bnr ul li:last-child {
    margin-bottom: 0
    }
#container #content.page_top .sec1.side .search_area .inner ul li a:hover {
    opacity: 1;
    background-color: #e2752b;
    color: #fff
    }
/* main メインコンテンツ */
#container #content.page_top .main {
    width: 900px
    }
#container #content.page_top .main .list_wrap {
    position: relative;
    padding: 30px 20px 40px 20px;
    background: url(../img/page/bg_page.png) repeat-y
    }
#container #content.page_top .main .list_wrap .page_list {
    float: left;
    margin-bottom: 30px;
    padding: 10px 20px 20px 20px;
    width: 420px;
    background: #fff;
    border-top: #ba8686 10px solid
    }
#container #content.page_top .main .list_wrap .page_list:nth-of-type(even) {
    float: right
    }
#container #content.page_top .main .list_wrap .page_list h1 {
    margin-bottom: 10px;
    height: 55px;
    word-break: break-all;
    box-sizing: border-box;
    color: #68523a;
    font-size: 18px;
    font-weight: bold
    }
#container #content.page_top .main .list_wrap .page_list .info {
    margin-bottom: 10px;
    border-bottom: #d6d2ce 1px solid;
    box-sizing: border-box
    }
#container #content.page_top .main .list_wrap .page_list .info .left img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 170px;
    max-height: 130px
    }
#container #content.page_top .main .list_wrap .page_list .info .right {
    width: 200px
    }
#container #content.page_top .main .list_wrap .page_list .info .right dl dt {
    background: #c48f5b;
    text-align: center;
    color: #fff
    }
#container #content.page_top .main .list_wrap .page_list .info .right dl dd {
    margin-bottom: 10px;
    height: 50px;
    box-sizing: border-box
    }
#container #content.page_top .main .list_wrap .page_list p {
    margin-bottom: 20px
    }
#container #content.page_top .main .list_wrap .page_list p.txt {
    height: 75px
    }
#container #content.page_top .main .list_wrap .page_list a.detail {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 320px;
    line-height: 35px;
    background-color: #ba8686;
    border-radius: 20px;
    text-decoration: none;
    text-align: center;
    color: #fff
    }
#container #content.page_top .main .list_wrap .page_list a.detail:after {
    position: absolute;
    content: "";
    background: url(../img/page/ico_link_arrow.png) right no-repeat;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 11px;
    margin-top: -6px
    }
#container #content.page_top .main .list_wrap .pagenation {
    clear: both;
    /*position: absolute;
      left: 50%;
      bottom: 15px;
      margin-left: -135px;*/
    }
#container #content.page_top .main .list_wrap .pagenation ul {
    text-align: center;
    font-size: 0
    }
#container #content.page_top .main .list_wrap .pagenation ul li {
    display: inline-block;
    font-size: 14px
    }
#container #content.page_top .main .list_wrap .pagenation ul li span {
    display: none
    }
#container #content.page_top .main .list_wrap .pagenation ul li a, #container #content.page_top .main .list_wrap .pagenation ul li .current {
    display: block;
    width: 30px;
    background: #fff;
    line-height: 30px;
    border: #ba8686 1px solid;
    border-right: none;
    text-decoration: none;
    color: #ba8686;
    box-sizing: border-box
    }
#container #content.page_top .main .list_wrap .pagenation ul li:last-child a {
    border-right: #ba8686 1px solid
    }
#container #content.page_top .main .list_wrap .pagenation ul li a:hover, #container #content.page_top .main .list_wrap .pagenation ul li a.page_arrow:hover {
    opacity: 1;
    background: #ba8686;
    color: #fff
    }
#container #content.page_top .main .list_wrap .pagenation ul li .current {
    background: #ba8686;
    color: #fff
    }
#container #content.page_top .main .list_wrap .pagenation ul li a.page_arrow {
    background: #f9efef
    }
/* footer */
.footer_mid .ttl img {
    margin: 0 auto
    }
.footer_mid p.btn {
    height: 30px
    }
.footer_mid p.btn a {
    height: 30px;
    line-height: 30px
    }
.footer_mid p.btn a img {
    margin: 0 auto
    }
/*------------------------------------------
 gourment グルメ紹介
------------------------------------------*/
#container #content.page_top .main {
    position: relative
    }
#container #content.page_top .main p.pc_cont.intro {
    position: absolute;
    top: 200px;
    left: 20px;
    padding: 5px 10px;
    width: 860px;
    background: url(../img/page/gourmet/img_page_intro_bg.png);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color: #4c3c22
    }
#container #content.page_top .main p.pc_cont.intro.line02 {
    top: 225px
    }
/* 詳細ページ */
#container #content.single.page_top .main ul.operation {
    margin: 0 auto;
    width: 480px
    }
#container #content.single.page_top .main ul.operation li {
    float: left;
    width: 200px
    }
#container #content.single.page_top .main ul.operation li:first-child {
    margin-right: 40px
    }
#container #content.single.page_top .main ul.operation li input, #container #content.single.page_top .main ul.operation li a {
    padding: 10px;
    width: 100%;
    background: #333;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-size: 16px
    }
#container #content.single.page_top .main ul.operation li input:hover {
    opacity: 0.7
    }
#container #content.single.page_top .main ul.operation li a {
    display: block;
    padding: 10px 0;
    background: #4fa4af;
    text-align: center;
    text-decoration: none
    }
/*------------------------------------------
 hot_springs 温泉を探す
------------------------------------------*/
/* side */
#container.onsen #content.page_top .sec1.side .search_area {
    border: none
    }
#container.onsen #content.page_top .sec1.side .search_area .inner {
    background: #efefef
    }
#container.onsen #content.page_top .sec1.side .search_area h2 {
    background: #417699
    }
#container.onsen #content.page_top .sec1.side .search_area .inner ul li {
    border-top: #d8d8d8 1px solid
    }
#container.onsen #content.page_top .sec1.side .search_area .inner ul li:first-child {
    border: none
    }
#container.onsen #content.page_top .sec1.side .search_area .inner ul li a {
    display: block;
    background: url(../img/list/onsen/ico_arrow_rgc.png) left no-repeat;
    background-position: 10px;
    color: #417699
    }
#container.onsen #content.page_top .sec1.side .search_area .inner ul li a.active {
    background-color: #dce1e2
    }
#container.onsen #content.page_top .sec1.side .search_area .inner ul li a:hover {
    background-color: #417699;
    color: #fff
    }
/* main */
#container.onsen #content.page_top .main .list_wrap {
    padding-top: 25px;
    background: url(../img/page/onsen/bg_page.png) repeat-y
    }
#container.onsen #content.page_top .main .list_wrap img.map {
    margin: 0 auto 25px
    }
#container.onsen #content.page_top .main.agatsuma .list_wrap .page_list {
    border-top: #8db749 10px solid
    }
#container.onsen #content.page_top .main .list_wrap .page_list .info .right dl dt {
    background: #7c6651
    }
#container.onsen #content.page_top .main .list_wrap .page_list a.detail {
    background: #8db749
    }
#container.onsen #content.page_top .main .list_wrap .pagenation ul li a {
    border: #8db749 1px solid;
    border-right: none;
    color: #8db749
    }
#container.onsen #content.page_top .main .list_wrap .pagenation ul li:last-child a {
    border-right: #8db749 1px solid
    }
#container.onsen #content.page_top .main .list_wrap .pagenation ul li a.page_arrow {
    background: #f2f9e5
    }
#container.onsen #content.page_top .main .list_wrap .pagenation ul li span.current, #container.onsen #content.page_top .main .list_wrap .pagenation ul li a:hover, #container.onsen #content.page_top .main .list_wrap .pagenation ul li a.page_arrow:hover {
    background: #8db749;
    color: #fff
    }
/* tonenumeta 利根沼田エリア */
#container #content.page_top .main.tonenumata .list_wrap .page_list {
    border-top: #817baf 10px solid
    }
#container.onsen #content.page_top .main.tonenumata .list_wrap .page_list a.detail {
    background: #817baf
    }
#container.onsen #content.page_top .main.tonenumata .list_wrap .pagenation ul li a {
    border: #817baf 1px solid;
    border-right: none;
    color: #817baf
    }
#container.onsen #content.page_top .main.tonenumata .list_wrap .pagenation ul li:last-child a {
    border-right: #817baf 1px solid
    }
#container.onsen #content.page_top .main.tonenumata .list_wrap .pagenation ul li a.page_arrow {
    background: #e8e8ef
    }
#container.onsen #content.page_top .main.tonenumata .list_wrap .pagenation ul li span.current, #container.onsen #content.page_top .main.tonenumata .list_wrap .pagenation ul li a:hover, #container.onsen #content.page_top .main.tonenumata .list_wrap .pagenation ul li a.page_arrow:hover {
    background: #817baf;
    color: #fff
    }
/* seibu 西部エリア */
#container #content.page_top .main.seibu .list_wrap .page_list {
    border-top: #469bc1 10px solid
    }
#container.onsen #content.page_top .main.seibu .list_wrap .page_list a.detail {
    background: #469bc1
    }
#container.onsen #content.page_top .main.seibu .list_wrap .pagenation ul li a, #container.onsen #content.page_top .main.seibu .list_wrap .pagenation ul li span {
    border: #469bc1 1px solid;
    border-right: none;
    color: #469bc1
    }
#container.onsen #content.page_top .main.seibu .list_wrap .pagenation ul li:last-child a {
    border-right: #469bc1 1px solid
    }
#container.onsen #content.page_top .main.seibu .list_wrap .pagenation ul li a.page_arrow {
    background: #e4f3f9
    }
#container.onsen #content.page_top .main.seibu .list_wrap .pagenation ul li span.current, #container.onsen #content.page_top .main.seibu .list_wrap .pagenation ul li a:hover, #container.onsen #content.page_top .main.seibu .list_wrap .pagenation ul li a.page_arrow:hover {
    background: #469bc1;
    color: #fff
    }
/* kenou_toubu 県央・東部エリア */
#container #content.page_top .main.kenou_toubu .list_wrap .page_list.toubu {
    border-top: #ea9357 10px solid
    }
#container.onsen #content.page_top .main.kenou_toubu .list_wrap .page_list.toubu a.detail {
    background: #ea9357
    }
#container #content.page_top .main.kenou_toubu .list_wrap .page_list.kenou {
    border-top: #db6e88 10px solid
    }
#container.onsen #content.page_top .main.kenou_toubu .list_wrap .page_list.kenou a.detail {
    background: #db6e88
    }
#container.onsen #content.page_top .main.kenou_toubu .list_wrap .pagenation ul li a {
    border: #d84e44 1px solid;
    border-right: none;
    color: #d84e44
    }
#container.onsen #content.page_top .main.kenou_toubu .list_wrap .pagenation ul li:last-child a {
    border-right: #d84e44 1px solid
    }
#container.onsen #content.page_top .main.kenou_toubu .list_wrap .pagenation ul li a.page_arrow {
    background: #f4e2e1
    }
#container.onsen #content.page_top .main.kenou_toubu .list_wrap .pagenation ul li span.current, #container.onsen #content.page_top .main.kenou_toubu .list_wrap .pagenation ul li a:hover, #container.onsen #content.page_top .main.kenou_toubu .list_wrap .pagenation ul li a.page_arrow:hover {
    background: #d84e44;
    color: #fff
    }
/*------------------------------------------
 history 世界遺産を巡る
------------------------------------------*/
#container.history #content.page_top .sec1.side .search_area {
    border: 0
    }
#container.history #content.page_top .sec1.side .search_area h2 {
    background: #a5695b
    }
#container.history #content.page_top .sec1.side .search_area .inner {
    background: #efe9e8
    }
#container.history #content.page_top .sec1.side .search_area .inner ul li {
    border-top: 1px solid #ddcecc
    }
#container.history #content.page_top .sec1.side .search_area .inner ul li:first-child {
    border: none
    }
#container.history #content.page_top .sec1.side .search_area .inner ul li a {
    background: url(../img/list/history/ico_arrow_rbc.png) left no-repeat;
    background-position: 10px;
    background-size: 18px;
    color: #9e584a
    }
#container.history #content.page_top .sec1.side .search_area .inner ul li a.active {
    background-color: #e5d8d6
    }
#container.history #content.page_top .sec1.side .search_area .inner ul li a:hover {
    background-color: #9e584a;
    color: #fff
    }
#container.history main .main_bg {
    background: url(../img/list/history/bg_main.png) 0 0;
    background-size: 100%;
    padding: 20px 20px 30px 20px
    }
#container.history main .main_bg .desc {
    background: rgba(255, 255, 255, 0.8);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-bottom: 20px;
    padding: 16px
    }
#container.history main .main_bg .wrap_border {
    background: #fff;
    border-bottom: 10px solid #993a30;
    border-top: 10px solid #993a30;
    box-shadow: 0 0 6px #999;
    padding: 15px 30px 30px 30px
    }
#container.history main .main_bg .wrap_border h2 {
    border-bottom: 2px solid #993a30;
    color: #993a30;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 10px
    }
#container.history main .main_bg .map_data {
    margin-bottom: 20px
    }
#container.history main .main_bg .map_data .left {
    float: left;
    width: 540px
    }
#container.history main .main_bg .map_data .left .table_data {
    margin-bottom: 10px;
    width: 100%
    }
#container.history #content main .main_bg .map_data .left table.table_data tr th {
    padding: 5px;
    width: 136px;
    background: none;
    vertical-align: baseline;
    border-right: none;
    border-bottom: 1px solid #e5dbda;
    text-align: left;
    font-weight: normal
    }
#container.history #content.page_top .main_bg .map_data .left .table_data td {
    border-bottom: 1px solid #e5dbda;
    padding: 5px
    }
#container.history main .main_bg .map_data .left .txt .link, #container.history main .main_bg .map_data .left .txt .link a {
    color: #993a30
    }
#container.history main .main_bg .map_data .img-right {
    float: right;
    margin-top: 10px;
    width: 240px
    }
#container.history main .main_bg .img_sep {
    margin-bottom: 40px
    }
#container.history main .main_bg .img_sep .img_left {
    float: left;
    width: 390px
    }
#container.history main .main_bg .img_sep .img_right {
    float: right;
    width: 390px
    }
#container.history main .main_bg .note {
    background: #f9f9f9;
    padding: 5px;
    box-shadow: 0 0 10px #999
    }
#container.history main .main_bg .note .note_border {
    padding: 15px 22px;
    border: 1px solid #ad9e60
    }
#container.history main .main_bg .border_center {
    border: 0 !important;
    color: #4d4d4d !important;
    position: relative;
    text-align: center
    }
#container.history main .main_bg .border_center:before {
    background: #b3b3b3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100px
    }
#container.history main .main_bg .border_center:after {
    background: #b3b3b3;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100px
    }
#container.history main .main_bg .spot_list li {
    border-top: 1px solid #e5dbda;
    padding: 20px 0
    }
#container.history main .main_bg .spot_list li:first-child {
    border-top: 0
    }
#container.history main .main_bg .spot_list li .left {
    float: left;
    width: 480px
    }
#container.history main .main_bg .spot_list li .left h3 {
    color: #993a30;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 22px;
    margin-bottom: 10px
    }
#container.history main .main_bg .spot_list li .left h3 .num {
    background: #993a30;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    line-height: 24px;
    margin-right: 5px;
    text-align: center;
    width: 24px
    }
#container.history main .main_bg .spot_list li .left .txt {
    line-height: 1.3;
    margin-bottom: 10px
    }
#container.history main .main_bg .spot_list li .left table th {
    width: 100px
    }
#container.history main .main_bg .spot_list li .left .link, #container.history main .main_bg .spot_list li .left .link a {
    color: #993a30
    }
#container.history main .main_bg .spot_list li .right {
    float: right;
    width: 250px
    }
#container.history main .main_bg .spot_list li .right img {
    width: 100%
    }
#container.history main .bg_radius {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #999;
    padding: 30px
    }
#container.history main .bg_radius .block {
    margin-bottom: 20px
    }
#container.history main .bg_radius .block h2 {
    border-bottom: 2px solid #993a30;
    color: #993a30;
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif
    }
#container.history main .bg_radius .block img {
    width: 100%
    }
#container.history main .bg_radius .block .caption {
    font-size: 12px;
    margin-top: 4px;
    text-align: center
    }
#container.history main .bg_radius .block .txt_left {
    float: left;
    width: 470px
    }
#container.history main .bg_radius .block .img_right {
    float: right;
    width: 300px
    }
#container.history main .bg_radius .block .txt_right {
    float: right;
    width: 470px
    }
#container.history main .bg_radius .block .img_left {
    float: left;
    width: 300px
    }
#container.history main .bg_radius .block.block_half .txt_right {
    width: 380px
    }
#container.history main .bg_radius .block.block_half .img_left {
    width: 400px
    }
#container.history main .bg_radius .block.block_min .img_left {
    width: 180px
    }
#container.history main .bg_radius .block.block_min .txt_right {
    width: 590px
    }
#container.history main .bg_radius .block.block_min .txt_left {
    width: 590px
    }
#container.history main .bg_radius .block.block_min .img_right {
    width: 180px
    }
#container.history main .bg_radius .block .img_list {
    margin-top: 10px
    }
#container.history main .bg_radius .block .img_list li {
    float: left;
    margin-left: 20px;
    width: 252px
    }
#container.history main .bg_radius .block .img_list li:first-child {
    margin-left: 0
    }
#container.history main .bg_radius .history_table {
    background: url(../img/page/history/bg_morphological_left.png) left top repeat-y, url(../img/page/history/bg_morphological_base.png);
    padding-bottom: 10px;
    margin-bottom: 30px
    }
#container.history main .bg_radius .history_table h2 {
    background: url(../img/page/history/bg_morphological_top.png);
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: bold;
    font-size: 25px;
    line-height: 2;
    margin-bottom: 10px;
    text-align: center
    }
#container.history main .bg_radius .history_table table th {
    padding: 5px 0 0 30px;
    width: 198px
    }
#container.history main .bg_radius .history_table table td {
    padding: 5px 0
    }
#container.history main .bg_radius .history_table table td:first-letter {
    color: #c16965
    }
#container.history main .btn-list li {
    float: left
    }
#container.history main .btn-list li.btn01 {
    margin-left: 50px
    }
#container.history main .btn-list li.btn01 a {
    background: url(../img/list/history/ico_arrow_b.png) 97% center no-repeat #b24242;
    background-size: 18px
    }
#container.history main .btn-list li.btn02 {
    float: right;
    margin-right: 50px
    }
#container.history main .btn-list li.btn02 a {
    background: url(../img/list/history/ico_arrow_lb.png) 97% center no-repeat #d68525;
    background-size: 18px
    }
/*------------------------------------------
 kisetsu 季節の特集
------------------------------------------*/
#container.kisetsu #content.page_top .sec1.side .search_area {
    border: none
    }
#container.kisetsu #content.page_top .sec1.side .search_area .inner {
    background: #f4e9ed
    }
#container.kisetsu #content.page_top .sec1.side .search_area h2 {
    background: #d381a1
    }
#container.kisetsu #content.page_top .sec1.side .search_area .inner ul li {
    border-top: #d8d8d8 1px solid
    }
#container.kisetsu #content.page_top .sec1.side .search_area .inner ul li:first-child {
    border: none
    }
#container.kisetsu #content.page_top .sec1.side .search_area .inner ul li a {
    display: block;
    background: url(../img/list/kisetsu/ico_arrow_rgc.png) left no-repeat;
    background-position: 10px;
    color: #c95d89
    }
#container.kisetsu #content.page_top .sec1.side .search_area .inner ul li a.active {
    background-color: #e8cfda
    }
#container.kisetsu #content.page_top .sec1.side .search_area .inner ul li a:hover {
    background-color: #d381a1;
    color: #fff
    }
#container.kisetsu #content.page_top .main h1 + p {
    margin-bottom: 0
    }
/* mikaku */
#container.kisetsu #content.page_top .main.mikaku {
    padding: 20px 20px 0 20px;
    background: url(../img/page/kisetsu/img_mikaku_bg.png) repeat-y
    }
#container.kisetsu #content.page_top .main.mikaku h1 {
    margin: -20px -20px 40px -20px
    }
#container.kisetsu #content.page_top .main.mikaku ul li {
    float: left;
    margin-bottom: 40px
    }
#container.kisetsu #content.page_top .main.mikaku ul li:nth-child(even) {
    float: right
    }
/* mikaku_archive */
#container.kisetsu #content.results_list.page_top .results_wrap {
    margin-top: 0
    }
#container.kisetsu #content.results_list.page_top .sec1.side .search_area .inner {
    padding: 0;
    background: #f4e9ed
    }
#container.kisetsu #content.results_list.page_top .results_wrap .main .list_wrap {
    background: url(../img/page/kisetsu/img_mikaku_bg.png) repeat-y
    }
#container.kisetsu #content.results_list.page_top .results_wrap .main .list_wrap h2.tax_tit {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: #c67c6b 4px solid;
    color: #68523a;
    font-size: 20px;
    font-weight: bold
    }
#container.kisetsu #content.page_top .main .list_wrap .page_list {
    border-top-color: #dd9985
    }
#container.kisetsu #content.page_top .main .list_wrap .page_list .info .right dl dt {
    background: #aa896a
    }
#container.kisetsu #content.page_top .main .list_wrap .page_list img {
    margin-bottom: 20px;
    width: 100%
    }
#container.kisetsu #content.page_top .main .list_wrap .page_list a.detail, #container.kisetsu #content.page_top .main .list_wrap .pagenation ul li span.current {
    background: #dd9985
    }
#container.kisetsu #content.page_top .main .list_wrap .pagenation ul li a {
    border-color: #dd9985;
    color: #dd9985
    }
#container.kisetsu #content.page_top .main .list_wrap .pagenation ul li span.current {
    border-color: #dd9985;
    color: #fff
    }
#container.kisetsu #content.page_top .main .list_wrap .pagenation ul li a.page_arrow {
    background: #f9ece4
    }
#container.kisetsu #content.page_top .main .list_wrap .pagenation ul li a:hover {
    background: #dd9985;
    color: #fff
    }
/*------------------------------------------
 shizen ぐんまの自然と遊ぶ
------------------------------------------*/
#container.shizen #content.page_top .sec1.side .search_area {
    border: none
    }
#container.shizen #content.page_top .sec1.side .search_area .inner {
    background: #edf7f9
    }
#container.shizen #content.page_top .sec1.side .search_area h2 {
    background: #6bbbce
    }
#container.shizen #content.page_top .sec1.side .search_area .inner ul li {
    border-top: #a6d9e2 1px solid
    }
#container.shizen #content.page_top .sec1.side .search_area .inner ul li:first-child {
    border-top: none
    }
#container.shizen #content.page_top .sec1.side .search_area .inner ul li a {
    background: url(../img/list/shizen/ico_arrow_rgc.png) left no-repeat;
    background-position: 10px;
    background-size: 18px;
    color: #3f9faf
    }
#container.shizen #content.page_top .sec1.side .search_area .inner ul li a.active {
    background-color: #bfe4e8
    }
#container.shizen #content.page_top .sec1.side .search_area .inner ul li a:hover {
    background-color: #6bbbce;
    color: #fff
    }
#container.shizen #content.page_top .main .list_wrap {
    background: url(../img/page/shizen/bg_page.png) repeat-y
    }
/* yama */
#container.shizen #content.page_top .main .list_wrap .page_list {
    border-top: #61af6e 10px solid;
    box-shadow: 0 0 6px #999
    }
#container.shizen #content.page_top .main .list_wrap .page_list .info .right dl dt {
    background: #ad9786
    }
#container.shizen #content.page_top .main .list_wrap .page_list p {
    height: 60px
    }
#container.shizen #content.page_top .main .list_wrap .page_list a.detail, #container.shizen #content.page_top .main .list_wrap .pagenation ul li span.current {
    background: #61af6e
    }
#container.shizen #content.page_top .main .list_wrap .pagenation ul li a {
    border-color: #61af6e;
    color: #61af6e
    }
#container.shizen #content.page_top .main .list_wrap .pagenation ul li a:hover {
    background: #61af6e;
    color: #fff
    }
#container.shizen #content.page_top .main .list_wrap .pagenation ul li span.current {
    border-color: #61af6e;
    color: #fff
    }
#container.shizen #content.page_top .main .list_wrap .pagenation ul li a.page_arrow {
    background: #edf4ee
    }
/* kawa */
#container.shizen #content.page_top .main.kawa .list_wrap .page_list {
    border-top: #66b2cc 10px solid;
    box-shadow: 0 0 6px #999
    }
#container.shizen #content.page_top .main.kawa .list_wrap .page_list a.detail, #container.shizen #content.page_top .main.kawa .list_wrap .pagenation ul li span.current {
    background: #66b2cc;
    border-color: #66b2cc
    }
#container.shizen #content.page_top .main.kawa .list_wrap .pagenation ul li a {
    border-color: #66b2cc;
    color: #66b2cc
    }
#container.shizen #content.page_top .main.kawa .list_wrap .pagenation ul li span.current {
    color: #fff
    }
#container.shizen #content.page_top .main.kawa .list_wrap .pagenation ul li a.page_arrow {
    background: #edf4ee
    }
#container.shizen #content.page_top .main.kawa .list_wrap .pagenation ul li a:hover {
    background: #66b2cc;
    color: #fff
    }
/* other */
#container.shizen #content.page_top .main.other .list_wrap .page_list {
    border-top: #f79f63 10px solid;
    box-shadow: 0 0 6px #999
    }
#container.shizen #content.page_top .main.other .list_wrap .page_list a.detail, #container.shizen #content.page_top .main.other .list_wrap .pagenation ul li span.current {
    background: #f79f63;
    border-color: #f79f63
    }
#container.shizen #content.page_top .main.other .list_wrap .pagenation ul li a {
    border-color: #f79f63;
    color: #f79f63
    }
#container.shizen #content.page_top .main.other .list_wrap .pagenation ul li span.current {
    color: #fff
    }
#container.shizen #content.page_top .main.other .list_wrap .pagenation ul li a.page_arrow {
    background: #f9ece4
    }
#container.shizen #content.page_top .main.other .list_wrap .pagenation ul li a:hover {
    background: #f79f63;
    color: #fff
    }
/*------------------------------------------
 観光情報検索結果一覧 results
------------------------------------------*/
#container #content.results_list.page_top .results_wrap {
    margin-top: 230px
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap {
    padding-bottom: 10px;
    background: url(../img/list/miryoku/img_main_bg.png) repeat-y
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap dl.results_keyword {
    margin-bottom: 25px;
    padding: 10px 10px 0 10px;
    background: #fff;
    border-radius: 10px
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap dl.results_keyword dt {
    clear: left;
    float: left;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    background: #ba8686;
    border-radius: 10px;
    color: #fff
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap dl.results_keyword dd {
    margin-bottom: 10px;
    padding: 5px 10px
    }
nav.navigation.posts-navigation {
    clear: both
    }
/* 検索結果出力1件分 */
#container #content.results_list.page_top .results_wrap .main .list_wrap p.area {
    float: left;
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    background: #8db749;
    border-radius: 10px;
    color: #fff;
    font-weight: bold
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap p.area.seibu {
    background: #5bacd8
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap p.area.tonenumata {
    background: #817baf
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap p.area.toubu {
    background: #ea9357
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap p.area.kenou {
    background: #db6e88
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap p.city {
    padding: 5px 10px
    }
#container #content.results_list.page_top .main .list_wrap .page_list h1 {
    clear: both
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap p.entry-title {
    clear: both;
    font-size: 16px;
    font-weight: bold
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap .thumbnail {
    margin-right: 20px
    }
#container #content.results_list.page_top .results_wrap .main .list_wrap .excerpt dl dt {
    display: inline-block;
    margin-bottom: 5px;
    padding: 5px;
    background: #ba8686;
    border-radius: 10px;
    text-align: center;
    color: #fff
    }
/* side */
#container #content.results_list.page_top .sec1.side .search_area h2 {
    text-align: center;
    color: #fff;
    letter-spacing: 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 18px
    }
#container #content.results_list.page_top .sec1.side .search_area .inner {
    padding: 10px;
    background: #fff
    }
#container #content.results_list.page_top .sec1.side .search_area .inner dl.results_keyword {
    margin-bottom: 20px
    }
#container #content.results_list.page_top .sec1.side .search_area .inner dl.results_keyword dt {
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px;
    padding: 5px 10px;
    background: #ba8686;
    border-radius: 10px;
    color: #fff
    }
#container #content.results_list.page_top .sec1.side .search_area .inner dl.results_keyword + a {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    width: 140px;
    background: #4fa4af;
    border-radius: 20px;
    color: #fff;
    text-decoration: none
    }
/*------------------------------------------
 single 詳細ページ
------------------------------------------*/
#container #content.single.page_top .main {
    margin-top: 230px
    }
#container #content.single.page_top .sec1.side {
    margin-top: 230px
    }
#container #content.single.page_top .sec1.side .search_area h2 {
    text-align: center;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 18px
    }
#container #content.single.page_top .sec1.side .search_area .inner {
    background: #fff
    }
#container #content.single.page_top .sec1.side .search_area .inner a {
    display: block;
    margin: 10px auto;
    padding: 10px 20px;
    width: 140px;
    background: #aaa;
    border-radius: 20px;
    color: #333;
    text-decoration: none
    }
#container #content.single.page_top .main .list_wrap {
    margin-bottom: 40px;
    padding: 20px;
    background: url(../img/list/miryoku/img_main_bg.png) repeat-y
    }
#container #content.single.page_top .main .list_wrap .page_list {
    margin-bottom: 0;
    padding-top: 0;
    width: 100%;
    border-top: none
    }
#container #content.single.page_top .main .list_wrap .page_list h1 {
    margin: 0 -20px 20px;
    padding: 20px;
    height: auto;
    background: #ba8686;
    color: #fff;
    font-size: 24px
    }
#container #content.single.page_top .main .list_wrap .page_list p.genre {
    display: inline-block;
    margin-right: 20px;
    padding: 5px 10px;
    width: 90px;
    background: #ea965c;
    text-align: center;
    color: #fff
    }
/* bx_slider */
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper {
    margin: 0 0 20px;
    float: left;
    width: 576px
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper li {
    position: relative;
    max-width: 576px;
    min-height: 490px;
    margin: 0 auto
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper li img {
    display: block;
    margin: 0 auto 20px;
    width: auto;
    height: auto;
    border: #ea965c 2px solid
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper li a {
    position: absolute;
    bottom: 0;
    padding-left: 30px;
    font-size: 16px
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper li a::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    margin-top: -14px;
    width: 24px;
    height: 24px;
    background: url(../img/page/ico_pdf.png) no-repeat;
    background-size: 24px
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper .bx-viewport {
    left: 0;
    -moz-box-shadow: 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 #ccc;
    border: none
    }
#container #content.single.page_top .main .list_wrap .page_list #bx-pager {
    float: right
    }
#container #content.single.page_top .main .list_wrap .page_list #bx-pager a {
    display: block;
    margin-bottom: 10px
    }
#container #content.single.page_top .main .list_wrap .page_list #bx-pager a:last-child {
    margin-bottom: 0
    }
#container #content.single.page_top .main .list_wrap .page_list #bx-pager a img {
    display: block;
    width: 100px;
    box-sizing: border-box
    }
#container #content.single.page_top .main .list_wrap .page_list #bx-pager a.active img {
    border: #ea965c 2px solid
    }
#container #content.single.page_top .main .list_wrap .page_list table {
    margin-bottom: 20px;
    width: 100%;
    border: #ccc 1px solid
    }
#container #content.single.page_top .main .list_wrap .page_list table tr th, #container #content.single.page_top .main .list_wrap .page_list table tr td {
    padding: 20px;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    vertical-align: middle
    }
#container #content.single.page_top .main .list_wrap .page_list table tr th {
    width: 15%;
    background: #eee;
    text-align: center;
    font-weight: bold
    }
#container #content.single.page_top .main .list_wrap .page_list table tr td {
    width: 35%;
    word-break: break-all
    }
#container #content.single.page_top .main .list_wrap .page_list table tr td span {
    display: inline-block;
    padding: 5px 10px;
    background: #56B1EF;
    color: #fff
    }
#container #content.single.page_top .main .list_wrap .page_list table tr td span {
    display: inline-block;
    padding: 5px 10px;
    background: #8db749;
    color: #fff
    }
#container #content.single.page_top .main .list_wrap .page_list table tr td.seibu span {
    background: #5bacd8
    }
#container #content.single.page_top .main .list_wrap .page_list table tr td.tonenumata span {
    background: #817baf
    }
#container #content.single.page_top .main .list_wrap .page_list table tr td.toubu span {
    background: #ea9357
    }
#container #content.single.page_top .main .list_wrap .page_list table tr td.kenou span {
    background: #db6e88
    }
#container #content.single.page_top .main .map_wrap #map-canvas {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 60%
    }
.sy-noimage {
    display: inline-block;
    width: 170px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    background-color: #ddd;
    color: #fff;
    margin-bottom: 5px
    }