@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他
fonts
 10px = 84%    11px = 92%    12px = 100%   13px = 109%
 14px = 117%    15px = 125%    16px = 133.3%    17px = 141.7%
 18px = 150%    19px = 158.3%    20px = 166.7%    21px = 175%
 22px = 183.3%    23px = 191.7%    24px = 200%    25px = 208.3%
 26px = 216.7%
=================================================================== */
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
* {
    box-sizing: border-box
    }
img {
    max-width: 100%
    }
body {
    font-size: 12px
    }
.pc_cont {
    display: none
    }
.sp_cont {
    display: block
    }
.bx-wrapper .bx-controls-direction a {
    z-index: 9000 !important
    }
/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
#content {
    margin: 0;
    width: auto
    }
#pagetop {
    bottom: 15px;
    right: 15px
    }
/*----------------------------------------------------
	header | ヘッダー
----------------------------------------------------*/
header {
    position: relative
    }
#top_mainvisual_sp .bx-viewport {
    border: 0;
    box-shadow: none;
    left: 0;
    padding-top: 0
    }
#top_mainvisual_sp .bx-wrapper .bx-pager.bx-default-pager a:hover, #top_mainvisual_sp .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #4fa4af
    }
#top_mainvisual_sp .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc
    }
#top_mainvisual_sp .bx-controls-direction {
    display: none
    }
#top_mainvisual_sp .bx-wrapper .bx-pager {
    bottom: -38px
    }
/*#header_top {
  background: #fff;
  border-radius: 0;
  box-shadow: 0px 0px 4px #aaa;
  margin-left: 0;
  left: 0;
  position: relative;
  top: 0;
  z-index:10;
}*/
#header_top .header_wrap {
    margin: 0;
    overflow: hidden;
    padding: 7px 8px;
    width: 100%
    }
#header_top .logo {
    float: left;
    padding-top: 0;
    width: 150px
    }
#header_top .logo img {
    max-width: 100%
    }
#header_top .right {
    display: none
    }
#header_top #menu_open {
    float: right;
    margin-top: 5px
    }
#menu .select_language, #menu .select_language select {
    width: 100%
    }
#menu .gnav_list {
    margin-bottom: 20px
    }
#menu .gnav_list li {
    border-bottom: 1px dashed #ccc
    }
#menu .gnav_list li a {
    background: url(../img/ico_arrow_rdc.png) right center no-repeat;
    background-size: 15px;
    display: block
    }
#menu .snav_list {
    background: #f4f4f4;
    margin-bottom: 10px;
    padding: 0 10px
    }
#menu .snav_list li {
    border-top: 1px solid #fff
    }
#menu .snav_list li:first-child {
    border: 0
    }
#menu .snav_list li a {
    display: block
    }
#menu .primary_list li {
    margin: 10px 0
    }
#menu .primary_list li a {
    background: url(../img/ico_arrow_rg.png) left center no-repeat;
    background-size: 6px 11px;
    display: block;
    padding-left: 12px;
    text-decoration: none
    }
#menu #menu_close_b {
    background: #4fa4af;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    text-align: center
    }
#menu #menu_close_b .ico {
    background: url(../img/ico_cross.png) left center no-repeat;
    background-size: 20px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 30px
    }
/*----------------------------------------------------
	footer | フッター
----------------------------------------------------*/
footer {
    background: #f4f4f4;
    margin-top: 30px
    }
footer .inner {
    margin: 0 auto;
    padding: 20px 0 70px 0;
    width: 100%
    }
.footer_mid {
    margin: 0 10px;
    width: auto
    }
.footer_mid .ttl {
    margin: 10px 0;
    text-align: center
    }
.footer_mid .txt {
    line-height: 1.6;
    margin: 0 0 10px 0
    }
.footer_mid .btn a {
    line-height: 30px;
    width: auto
    }
.footer_mid .cont_left {
    background: #fff;
    border-radius: 10px;
    float: none;
    height: auto;
    margin-bottom: 15px;
    padding: 10px 10px 14px 10px;
    width: 100%
    }
.footer_mid .cont_left .ttl img {
    width: 205px
    }
.footer_mid .cont_right {
    background: #fff;
    border-radius: 10px;
    float: none;
    height: auto;
    padding: 10px 10px 14px 10px;
    width: 100%
    }
.footer_mid .cont_right .ttl img {
    width: 205px
    }
footer .copyright {
    background: #4fa4af;
    color: #fff;
    font-size: 8px;
    line-height: 30px;
    text-align: center
    }
/*----------------------------------------------------
	top | トップページ
----------------------------------------------------*/
.page_top .sec1 {
    margin-bottom: 20px
    }
.page_top .sec1 .search_area {
    float: none;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%
    }
.page_top .sec1 .search_area h2 img {
    width: 95px
    }
.page_top .sec1 .search_area h2 .sp_arrow {
    position: absolute;
    right: 5px;
    top: 10px
    }
.page_top .sec1 .search_area h2 .sp_arrow.rotate {
    transform: rotate(180deg)
    }
.page_top .sec1 .search_area h2 .sp_arrow img {
    width: 25px
    }
.page_top .sec1 .search_area .inner {
    display: none
    }
.page_top .sec1 .search_area .inner .desc {
    font-size: 10px
    }
.page_top .sec1 .search_area .inner .btn img {
    width: 146px
    }
.page_top .sec1 .right {
    float: none;
    width: 100%
    }
.page_top .sec1 .right .sec1_rt {
    margin-bottom: 0
    }
.page_top .sec1 .right .sec1_rt li:first-child {
    float: none
    }
.page_top .sec1 .right .sec1_rt li {
    float: none;
    margin-bottom: 20px;
    width: 100%
    }
/* list.php */
#container #content.page_top .sec1.side, #container #content.page_top .sec1.side .search_area, #container #content.page_top .main {
    width: 100%
    }
#container #content.page_top .main.right {
    float: none;
    margin: 0 10px;
    width: auto
    }
#container #content.page_top .sec1.side.left {
    float: none;
    margin-bottom: 30px
    }
#container #content.page_top .sec1.side .search_area {
    margin-bottom: 0
    }
#container #content.page_top .sec1.side .search_area h2 {
    height: 45px;
    line-height: normal !important;
    padding-left: 0;
    text-align: center
    }
#container #content.page_top .sec1.side .search_area h2 img {
    margin: 0 auto;
    padding-top: 10px
    }
#container #content.page_top .sec1.side .search_area h2 span img {
    padding-top: 0
    }
#top_mainvisual_sp.sp_cont img, #container #content.page_top .main img.sp_cont {
    width: 100%
    }
#container #content.page_top .main ul li {
    margin-bottom: 15px
    }
/* footer */
.footer_mid p.btn {
    height: auto
    }
.footer_mid p.btn a {
    height: auto;
    line-height: 30px
    }
.footer_mid p.btn a img {
    margin: 0 auto;
    padding-top: 0
    }
/*----------------------------------------------------
 gourmet グルメ紹介
----------------------------------------------------*/
#container #content.page_top .main .intro_wrap {
    background: url(../img/list/gourmet/img_list_intro_bg01.png) repeat;
    padding: 20px
    }
#container #content.page_top .main .intro_wrap p {
    background-position: 0;
    background-size: cover;
    margin: 0 auto;
    max-width: 450px;
    padding: 10px
    }
#container #content.page_top .main .gourmet_list {
    text-align: center
    }
#container #content.page_top .main .gourmet_list li img {
    margin: 0 auto;
    max-width: 450px
    }
/*----------------------------------------------------
 onsen 温泉の特集
----------------------------------------------------*/
#container.onsen #content.page_top .main h1 + p {
    padding: 10px
    }
#container.onsen #content.page_top .main h1 + p img {
    margin: 0 auto;
    max-width: 450px;
    width: 100%
    }
#container.onsen #content.page_top .main .bnr {
    text-align: center
    }
#container.onsen #content.page_top .main .bnr li img {
    margin: 0 auto;
    max-width: 450px
    }
#container.onsen #content.page_top .main a.pamphlet img.pc_cont {
    display: none
    }
#container.onsen #content.page_top .main a.pamphlet img.sp_cont {
    margin: 0 auto;
    padding-top: 19px;
    width: 149px
    }
/*----------------------------------------------------
 kisetsu 季節の特集
----------------------------------------------------*/
#container.kisetsu #content.page_top .main h1 {
    margin: 0 -10px
    }
#container.kisetsu #content.page_top .main .bg_wrap {
    margin: 0 -10px 20px;
    padding: 5px 0 20px
    }
#container.kisetsu #content.page_top .main .bg_wrap h2 {
    padding: 0 10px
    }
#container.kisetsu #content.page_top .main .bg_wrap h2 + p {
    margin-bottom: 15px;
    padding: 0 25px;
    text-align: center
    }
#container.kisetsu #content.page_top .main .bg_wrap h2 .sp_cont {
    margin: 0 auto;
    max-width: 400px
    }
#container.kisetsu #content.page_top .main .bg_wrap .sp_cont img {
    max-width: 100%
    }
#container.kisetsu #content.page_top .sec1.side .search_area h2 .sp_arrow img {
    padding: 0
    }
#container.kisetsu #content.page_top .main .bg_wrap .calender {
    margin: 0 auto
    }
#container.kisetsu #content.page_top .main .bg_wrap table thead tr th {
    display: block;
    white-space: normal;
    width: auto
    }
#container.kisetsu #content.page_top .main .bg_wrap table thead tr th:first-child, #container.kisetsu #content.page_top .main .bg_wrap table tbody tr td:first-child {
    background-color: transparent;
    border: none
    }
#container.kisetsu #content.page_top .main .bg_wrap table thead tr th a {
    font-size: 12px;
    padding: 0 10px
    }
#container.kisetsu #content.page_top .main .bg_wrap table tbody tr td {
    position: relative;
    width: 40px
    }
#container.kisetsu #content.page_top .main .bg_wrap table tbody tr td.table_tit {
    background: url(../img/list/kisetsu/img_table_th_sp.png) no-repeat;
    background-size: 480px 40px;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 480px
    }
#container.kisetsu #content.page_top .main .bg_wrap table tr th.sp_cont, #container.kisetsu #content.page_top .main .bg_wrap table tr td.sp_cont {
    display: block
    }
#container.kisetsu #content.page_top .main .bg_wrap table thead th.height02, #container.kisetsu #content.page_top .main .bg_wrap table tbody td.height02 {
    box-sizing: border-box;
    height: 60px;
    line-height: 1.5;
    padding: 10px 0
    }
#container.kisetsu #content.page_top .main .bg_wrap table tr td.td01:after {
    background: url(../img/list/kisetsu/img_table_bar01_sp.png) 0 0 no-repeat transparent;
    height: 24px;
    margin-top: -10px;
    transform: scale(0.5);
    transform-origin: left;
    width: 80px
    }
#container.kisetsu #content.page_top .main .bg_wrap table tr td.td02:after {
    background: url(../img/list/kisetsu/img_table_bar02_sp.png) 0 0 no-repeat transparent;
    height: 24px;
    margin-top: -10px;
    transform: scale(0.5);
    transform-origin: left;
    width: 160px
    }
#container.kisetsu #content.page_top .main .bg_wrap table tr td.td03:after {
    background: url(../img/list/kisetsu/img_table_bar03_sp.png) 0 0 no-repeat transparent;
    height: 24px;
    margin-top: -10px;
    transform: scale(0.5);
    transform-origin: left;
    width: 240px
    }
#container.kisetsu #content.page_top .main .bg_wrap table tr td.td04:after {
    background: url(../img/list/kisetsu/img_table_bar04_sp.png) 0 0 no-repeat transparent;
    height: 24px;
    margin-top: -10px;
    transform: scale(0.5);
    transform-origin: left;
    width: 320px
    }
#container.kisetsu #content.page_top .main .bg_wrap a.pdf_link {
    width: 240px
    }
#container.kisetsu #content.page_top .main ul {
    text-align: center
    }
#container.kisetsu #content.page_top .main ul li img {
    margin: 0 auto;
    max-width: 400px;
    width: 100%
    }
/*------------------------------------------
 history 世界遺産を巡る
------------------------------------------*/
#container.history main .main_bg {
    padding: 10px
    }
#container.history main .main_bg .list_list li .bg {
    padding: 10px
    }
#container.history main .main_bg .list_list li .left {
    float: none;
    width: auto
    }
#container.history main .main_bg .list_list li .img_right {
    float: none;
    margin: 0 auto;
    max-width: 400px;
    width: auto
    }
#container.history main .main_bg .list_list li .img_right img {
    width: 100%
    }
#container.history main .main_bg .desc {
    margin: 0 auto 20px auto;
    max-width: 450px
    }
#container.history main .main_bg .list_list li h2 {
    margin-bottom: 10px
    }
#container.history main .main_bg .list_list li h2 img {
    width: 220px
    }
#container.history main .main_bg .list_list li .txt {
    margin-bottom: 10px !important
    }
#container.history main .main_bg .list_list li .btn {
    margin: 20px 0 10px 0
    }
#container.history main .main_bg .other {
    background: #fff;
    box-shadow: 0 0 6px #999;
    padding: 6px
    }
#container.history main .main_bg .other .inner {
    border: 1px solid #ad9e60;
    padding: 10px
    }
#container.history main .main_bg .other .inner .top {
    margin-bottom: 20px
    }
#container.history main .main_bg .other .inner .top .txt {
    float: none;
    margin-bottom: 10px;
    width: auto
    }
#container.history main .main_bg .other .inner .top .img {
    float: none;
    text-align: center;
    width: auto
    }
#container.history main .main_bg .other .inner .top .img img {
    width: 100px
    }
#container.history main .main_bg .other .inner .top .txt {
    line-height: 1.6
    }
#container.history main .main_bg .other .inner .btn-list li {
    display: block !important;
    float: none;
    margin-bottom: 20px
    }
#container.history main .main_bg .other .inner .btn-list li {
    margin: 0 0 20px 0 !important
    }
#container.history main .main_bg .other .inner .btn-list li.btn02 {
    float: none;
    margin-right: 0
    }
#container.history main .main_bg .other .inner p.btn03 {
    text-align: center
    }
#container.history main .main_bg .other .inner p.btn03 a {
    background: none;
    max-width: 240px;
    padding: 0;
    width: auto
    }
/*------------------------------------------
 miryoku ぐんまの魅力
------------------------------------------*/
#container.miryoku .main {
    padding: 0 15px 30px 15px
    }
#container.miryoku .main .main_bg {
    margin: 0 auto 50px
    }
#container.miryoku .main .main_bg h1 {
    margin: 0 -15px 30px
    }
#container.miryoku .main .main_bg h2 {
    left: 0;
    margin-bottom: 15px;
    position: inherit;
    top: 0
    }
#container.miryoku .main .main_bg h2:after {
    top: -30px;
    transform: scale(0.7);
    transform-origin: left top
    }
#container.miryoku .main .main_bg h2 img {
    max-width: 186px
    }
#container.miryoku .main .main_bg p.intro {
    background: none;
    left: 0;
    padding: 0;
    position: inherit;
    top: 0;
    width: auto
    }
#container.miryoku .main .main_bg p.intro + p {
    bottom: 0;
    position: inherit;
    right: 0;
    text-align: center
    }
#container.miryoku .main .main_bg p.intro + p img {
    margin: 0 auto;
    max-width: 300px
    }
#container.miryoku .main .area_info h2 {
    margin-bottom: 0
    }
#container.miryoku .main .area_info h2:after {
    top: -25px;
    transform: scale(0.6);
    transform-origin: left top
    }
#container.miryoku .main .area_info h2 img {
    max-width: 113px
    }
#container.miryoku .main .area_info h3 img {
    margin: 0 auto;
    width: 140px !important
    }
#container.miryoku #content .main .area_info h2 + img.sp_cont {
    margin: 0 auto;
    max-width: 400px;
    position: relative;
    top: -20px
    }
#container.miryoku .main .area_info ul {
    margin-bottom: 0
    }
#container.miryoku .main .area_info ul.map:before {
    content: none
    }
#container.miryoku #content .main .area_info ul li {
    height: auto;
    margin-bottom: 25px;
    padding: 40px 10px 15px;
    width: 100%
    }
#container.miryoku #content .main .area_info ul li.left, #container.miryoku #content .main .area_info ul li.right {
    float: none
    }
#container.miryoku .main .area_info ul:last-child {
    margin-bottom: 40px
    }
#container.miryoku #content .main .area_info ul:last-child li:last-child {
    margin-bottom: 0
    }
#container.miryoku #content .main ul.link li, #container.miryoku #content .main ul.link li:last-child .left, #container.miryoku #content .main ul.link li:last-child .right {
    float: none;
    height: auto;
    margin: 0;
    width: auto
    }
#container.miryoku #content .main .area_info ul li .osusume_link_agatsuma {
    margin: 10px 0;
    position: static;
    text-align: center
    }
#container.miryoku #content .main .area_info ul li .osusume_link_tonenumata {
    margin: 25px 0;
    position: static;
    text-align: center
    }
#container.miryoku #content .main .area_info ul li .osusume_link_seibu {
    margin: 10px 0;
    position: static;
    text-align: center
    }
#container.miryoku #content .main .area_info ul li .osusume_link_kenou {
    margin: 10px 0;
    position: static;
    text-align: center
    }
#container.miryoku #content .main .area_info ul li .osusume_link_toubu {
    margin: 25px 0;
    position: static;
    text-align: center
    }
#container.miryoku #content .main ul.link li {
    margin-bottom: 40px
    }
#container.miryoku #content .main ul.link li:last-child {
    margin-bottom: 0
    }
#container.miryoku #content .main ul.link li h2 img {
    max-width: 300px
    }
#container.miryoku #content .main ul.link li:nth-child(odd) {
    margin-right: 0
    }
#container.miryoku #content .main ul.link li h2, #container.miryoku #content .main ul.link li:last-child h2 {
    background: none;
    height: auto;
    left: 0;
    margin: 0 0 -50px 0;
    position: relative;
    top: -55px;
    width: auto
    }
#container.miryoku #content .main ul.link li:last-child h2 {
    top: -62px
    }
#container.miryoku #content .main ul.link li:last-child .right img {
    margin-bottom: 20px
    }
#container.miryoku #content .main ul.link li:last-child .right a img {
    margin-bottom: 0
    }
#container.miryoku #content.page_top .main ul.link li:last-child a.pc_cont {
    display: none
    }
#container.miryoku #content .main ul.link li h3 img {
    margin: 0 auto
    }
/*------------------------------------------
 policy サイトポリシー
------------------------------------------*/
#container.policy {
    padding: 0 10px
    }
#container.policy #content.page_top .sec1.side {
    /*margin-top: 0;*/
    margin: 0
    }
#container.policy #content.page_top .main, #container.policy #content.page_top .main .content_wrap {
    margin: 0;
    padding: 10px
    }
#container.policy #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.policy #content.page_top .main h2 {
    font-size: 16px;
    margin-bottom: 10px
    }
#container.policy #content.page_top .main h2:after {
    width: 30%
    }
/*------------------------------------------
 policy サイトマップ
------------------------------------------*/
#container.sitemap #content.page_top .sec1.side {
    /*margin-top: 0;*/
    margin: 0
    }
#container.sitemap #content.page_top .main, #container.sitemap #content.page_top .main .content_wrap {
    padding: 10px
    }
#container.sitemap #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.sitemap #content.page_top .main h2 {
    font-size: 16px;
    margin-bottom: 10px
    }
#container.sitemap #content.page_top .main h2:after {
    width: 30%
    }
#container.sitemap #content.page_top .main .box {
    padding-left: 0
    }
#container.sitemap #content.page_top .main ul {
    padding-left: 2em
    }
/*------------------------------------------
 contact お問い合わせ
------------------------------------------*/
#container.contact #content.page_top .sec1.side {
    /*margin-top: 50px;*/
    margin: 0
    }
#container.contact #content.page_top .main {
    margin-top: 0;
    padding: 10px
    }
#container.contact #content.page_top .main .content_wrap {
    padding: 10px
    }
#container.contact #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.contact #content.page_top .main h1 + p {
    font-size: 14px;
    margin-bottom: 20px
    }
#container.contact #content.page_top .main table, #container.contact #content.page_top .main .info_wrap {
    width: 100%
    }
#container.contact #content.page_top .main table tr th, #container.contact #content.page_top .main table tr:last-child th, #container.contact #content.page_top .main table tr td, #container.contact #content.page_top .main table tr:last-child td {
    display: block;
    height: auto;
    padding: 5px 10px;
    width: 100%
    }
#container.contact #content.page_top .main table tr:last-child th {
    border-bottom: #4d4d4d 1px solid
    }
#container.contact #content.page_top .main table tr td {
    border-left: none
    }
#container.contact #content.page_top .main table tr td label {
    display: inline-block;
    font-size: 14px
    }
.mw_wp_form .horizontal-item:first-child {
    margin-right: 0
    }
#container.contact #content.page_top .main table tr td input[type="text"], #container.contact #content.page_top .main table tr td textarea {
    border: #ccc 1px solid;
    width: 100%
    }
#container.contact #content.page_top .main input[type="submit"] {
    padding: 10px 80px
    }
#container.contact #content.page_top .main .kyogikai {
    width: auto
    }
/*------------------------------------------
 access アクセス
------------------------------------------*/
#container.access #content .main .block01 h2 img {
    width: 144px
    }
#container.access #content .main .block02 h2 img {
    width: 188px
    }
#container.access #content .main .block03 h2 img {
    width: 155px
    }
#container.access #content .main .block04 h2 img {
    width: 220px
    }
#container.access #content .main .block05 h2 img {
    width: 272px
    }
#container.access #content .main .block06 h2 img {
    width: 169px
    }
#container.access #sp_map {
    padding: 15px 10px;
    text-align: center
    }
#container.access #sp_map .desc {
    background: #fff;
    font-size: 10px
    }
#container.access #sp_map .desc img {
    margin-right: 5px
    }
#container.access .main .block .inner {
    padding: 5px 10px 10px 10px
    }
#container.access .main .block .box {
    padding: 10px 10px 4px 10px
    }
#container.access .main .block h3 {
    line-height: 45px;
    margin-top: 10px;
    position: relative
    }
#container.access .main .block h3 img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px !important
    }
#container.access .main .block h3 img.rotate {
    transform: rotate(180deg)
    }
#container.access .main .block .box {
    display: none
    }
#container.access .main .block table th {
    width: 70px
    }
#container.access .main .block table td a {
    word-break: break-all
    }
#container.access .main .block .bnr_list {
    margin: 10px 0 0 0
    }
#container.access .main .block .bnr_list li {
    float: left;
    margin: 0 0 10px 0 !important;
    width: 48%
    }
#container.access .main .block .bnr_list li:nth-child(even) {
    float: right
    }
#container.access .main .block .bnr_list li img {
    width: 100%
    }
#container.access .main .block .link_list li {
    border-top: 1px solid #b3b3b3;
    margin: 10px 0 0 0 !important;
    padding: 20px 0
    }
#container.access .main .block .link_list li:first-child {
    border-top: 0;
    padding-top: 0
    }
#container.access .main .block .link_list li:last-child {
    padding-bottom: 10px
    }
#container.access .main .block .link_list li .left {
    float: none;
    margin-bottom: 10px;
    text-align: center;
    width: auto
    }
#container.access .main .block .link_list li .right {
    float: none;
    line-height: 1.4;
    width: 100%
    }
#container.access .main .block a.pdf_link {
    margin: 10px auto 0
    }
#container.access .main .block a.pdf_link:after {
    margin-top: -10px
    }
/*------------------------------------------
search 観光情報検索
------------------------------------------*/
#container.search #content.page_top .main input {
    margin-top: 2px
    }
#container.search #content.page_top .main .block {
    margin-bottom: 15px
    }
#container.search #content.page_top .main .block .box {
    display: none;
    padding: 10px
    }
#container.search #content.page_top .main .block h2 + img.ttl_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 26px
    }
#container.search #content.page_top .main .block h2 img.ttl_btn.sp_cont {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 26px
    }
#container.search #content.page_top .main .block h2 img {
    width: 200px
    }
/* block01 */
#container.search #content.page_top .main .block01 .box ul.left, #container.search #content.page_top .main .block01 .box .check, #container.search #content.page_top .main .block01 .box .check .area, #container.search #content.page_top .main .block01 .box .check .area:nth-child(even) {
    float: none;
    width: auto
    }
#container.search #content.page_top .main .block01 .box ul.left {
    padding-left: 0
    }
#container.search #content.page_top .main .block01 .box ul.left li {
    display: none
    }
#container.search #content.page_top .main .block01 .box ul.left li:last-child {
    display: block
    }
#container.search #content.page_top .main .block01 .box ul.txt {
    text-align: center
    }
#container.search #content.page_top .main .block01 .box ul.txt li img {
    display: inline-block;
    max-width: 100%
    }
#container.search #content.page_top .main .block01 .box .check .area {
    margin-bottom: 10px;
    position: relative
    }
#container.search #content.page_top .main .block01 .box .check:after {
    content: none
    }
#container.search #content.page_top .main .block01 .box .check .area img.ttl_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px
    }
#container.search #content.page_top .main .block01 .box .check .area ul li {
    width: 50%
    }
/* block02 */
#container.search #content.page_top .main .block02 .box {
    padding-bottom: 0
    }
#container.search #content.page_top .main .block02 .box ul li {
    margin-bottom: 10px;
    width: 50%
    }
/* block03 */
#container.search #content.page_top .main .block03 .inner .search_wrap {
    margin-bottom: 10px
    }
#container.search #content.page_top .main .block03 .inner .search_wrap:last-child {
    margin-bottom: 0
    }
#container.search #content.page_top .main .block03 .inner .box {
    padding-bottom: 0
    }
#container.search #content.page_top .main .block03 .inner .box ul li, #container.search #content.page_top .main .block03 .inner .box ul li:nth-of-type(4n) {
    margin-bottom: 10px;
    width: 50%
    }
/* block04 */
#container.search #content.page_top .main .block04 .inner input.search-field {
    padding: 5px
    }
/*------------------------------------------
 shizen ぐんまの自然と遊ぶ
------------------------------------------*/
#container.shizen #content.page_top .main .intro_wrap {
    background-size: cover;
    padding: 10px
    }
#container.shizen #content.page_top .main .intro_wrap:before, #container.shizen #content.page_top .main .intro_wrap:after {
    background: none
    }
#container.shizen #content.page_top .main .intro_wrap:after {
    left: inherit;
    right: 10px
    }
#container.shizen #content.page_top .main .intro_wrap .intro_contents {
    margin: 0 auto;
    max-width: 450px;
    position: relative
    }
#container.shizen #content.page_top .main .intro_wrap .intro_contents:before, #container.shizen #content.page_top .main .intro_wrap .intro_contents:after {
    background: url(../img/list/shizen/img_list_introbtn_bg.png);
    content: "";
    height: 8px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 8px;
    z-index: 1
    }
#container.shizen #content.page_top .main .intro_wrap .intro_contents:after {
    left: inherit;
    right: 10px
    }
#container.shizen #content.page_top .main ul {
    text-align: center
    }
#container.shizen #content.page_top .main li {
    display: inline-block
    }
#container.shizen #content.page_top .main li img {
    max-width: 450px
    }
/*------------------------------------------
 rekishi まだまだぐんまの歴史遺産
------------------------------------------*/
#container.rekishi #content.page_top .main .block {
    padding: 25px 15px
    }
#container.rekishi #content.page_top .main .block:before {
    background: url(../img/list/rekishi/bg_block_top_sp.png) no-repeat;
    background-position: 120px 0;
    background-size: 50%;
    height: 218px;
    width: 232px
    }
#container.rekishi #content.page_top .main .block:after {
    background: url(../img/list/rekishi/bg_block_bottom_sp.png) no-repeat;
    background-size: 50%;
    bottom: inherit;
    height: 338px;
    top: 100px;
    width: 223px
    }
#container.rekishi #content.page_top .main .block .info_wrap h1.left {
    float: none;
    margin: 0 auto 25px;
    width: 150px
    }
#container.rekishi #content.page_top .main .block .info.right {
    float: none;
    width: auto
    }
#container.rekishi #content.page_top .main .block .info.right h2 img {
    max-width: 100%;
    width: 300px
    }
#container.rekishi #content.page_top .main .block a.link {
    font-size: 14px;
    max-width: 300px;
    width: auto
    }
#container.rekishi #content.page_top .main .block a.link img {
    max-width: 100%;
    width: 200px
    }
#container.rekishi #content.page_top .main .block a.link span {
    font-size: 10px
    }
/* block01 */
#container.rekishi #content.page_top .main .block01 .content {
    float: none;
    margin: 0 0 20px 0;
    width: auto
    }
#container.rekishi #content.page_top .main .block01 .content:last-of-type {
    margin-bottom: 0
    }
#container.rekishi #content.page_top .main .block01 .content h3:before {
    left: -4px
    }
#container.rekishi #content.page_top .main .block01 .content h3:after {
    right: -4px
    }
#container.rekishi #content.page_top .main .block01 .content p {
    height: auto
    }
/* block02,block03 */
#container.rekishi #content.page_top .main .block03 .info.right h2 {
    position: relative
    }
#container.rekishi #content.page_top .main .block03 .info.right h2 span {
    font-size: 12px
    }
#container.rekishi #content.page_top .main .block03 h2:after {
    background: url(../img/list/rekishi/ico_block03_h1.png) no-repeat;
    background-size: 50%;
    position: absolut;
    right: -15px;
    top: -70px
    }
#container.rekishi #content.page_top .main .block03 p {
    width: auto
    }
#container.rekishi #content.page_top .main .block02 ul, #container.rekishi #content.page_top .main .block03 ul {
    margin-bottom: 20px;
    text-align: center
    }
#container.rekishi #content.page_top .main .block02 ul li, #container.rekishi #content.page_top .main .block03 ul li {
    float: none;
    width: auto
    }
#container.rekishi #content.page_top .main .block02 ul li img, #container.rekishi #content.page_top .main .block03 ul li img {
    margin: 0 auto;
    max-width: 400px;
    width: 100%
    }
#container.rekishi #content.page_top .main .block02 ul li:first-child, #container.rekishi #content.page_top .main .block03 ul li:first-child {
    margin: 0 0 20px 0
    }
/*------------------------------------------
 jimukyoku 事務局からのお知らせ
------------------------------------------*/
#container.jimukyoku #content.page_top .sec1.side {
    /*margin-top: 50px;*/
    margin: 0
    }
#container.jimukyoku #content.page_top .main {
    padding: 10px
    }
#container.jimukyoku #content.page_top .main.right {
    /*margin: 30px 10px 0;*/
    margin: 0 10px
    }
#container.jimukyoku #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 10px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.jimukyoku #content.page_top .main .content_wrap {
    padding: 10px 10px 20px 10px
    }
#container.jimukyoku #content.page_top .main .content_wrap .article h1 {
    font-size: 16px;
    margin-bottom: 10px
    }
#container.jimukyoku #content.page_top .main .content_wrap .article h1:after {
    width: 30%
    }
#container.jimukyoku #content.page_top .main .article h1 + p {
    margin-bottom: 10px
    }
#container.jimukyoku #content.page_top .main .content_wrap .article p a.detail {
    margin: 10px auto 0
    }
/*#container.jimukyoku #content.page_top .main .pagenation{
  margin-left: -105px;
}*/
#container.jimukyoku #content.page_top .main .pagenation ul li.pc_cont {
    display: none
    }
/*------------------------------------------
 privacy プライバシーポリシー
------------------------------------------*/
#container.jimukyoku #content.single.page_top .main .content_wrap .article table tr th, #container.jimukyoku #content.single.page_top .main .content_wrap .article table tr td {
    display: block;
    width: 100%
    }
#container.privacy #content.page_top .sec1.side {
    /*margin-top: 50px;*/
    margin: 0
    }
#container.privacy #content.page_top .main {
    padding: 10px
    }
#container.privacy #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.privacy #content.page_top .main h2 {
    font-size: 16px;
    margin-bottom: 10px
    }
#container.privacy #content.page_top .main h2:after {
    width: 30%
    }
/*------------------------------------------
 rank ランキング一覧
------------------------------------------*/
#container.rank #content.page_top .sec1.side {
    /*margin-top: 50px;*/
    margin: 0
    }
#container.rank #content.page_top .main, #container.rank #content.page_top .main .content_wrap {
    padding: 10px
    }
#container.rank #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.rank #content.page_top .main .block a.link {
    margin: 0 auto
    }
#container.rank #content.page_top .main .block01 .right, #container.rank #content.page_top .main .block02 .left, #container.rank #content.page_top .main .block02 .right {
    width: auto
    }
#container.rank #content.page_top .main .block01 img.left {
    display: block;
    float: none;
    height: auto
    }
#container.rank #content.page_top .main .block02 .left {
    margin-bottom: 30px
    }
#container.rank #content.page_top .main .block .right {
    float: none;
    width: auto
    }
#container.rank #content.page_top .main .block03 img.left {
    display: block;
    float: none;
    margin: 0 auto 20px
    }
#container.rank #content.page_top .main .block .num img {
    display: block;
    margin: 0 auto 10px
    }
#container.rank #content.page_top .main .block .num {
    border: #578ba9 1px solid;
    margin-bottom: 25px;
    padding: 10px 10px 25px
    }
#container.rank #content.page_top .main .block .num1 h2 {
    margin-top: 50px;
    padding-left: 0
    }
#container.rank #content.page_top .main .block .num1 p.number::after {
    left: 50%;
    margin-left: -76px;
    top: 10px
    }
#container.rank #content.page_top .main .block .num2 h2, #container.rank #content.page_top .main .block .num3 h2 {
    margin-top: 30px
    }
/*------------------------------------------
 event イベント情報
------------------------------------------*/
#container.event {
    padding-top: 80px
    }
#container.event #content.page_top .main .content_wrap {
    padding: 10px
    }
#container.event #content.page_top .sec1.side {
    display: none;
    margin-top: 60px
    }
#container.event #content.page_top .main {
    padding: 10px
    }
#container.event #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.event #content.page_top .main .block01 .pad {
    padding: 0
    }
#container.event #content.page_top .main .block01 .pad .right, #container.event #content.page_top .main .block01 .pad .left {
    float: none
    }
#container.event #content.page_top .main .block01 .pad .right {
    margin-bottom: 20px
    }
#container.event #content.page_top .main .block01 label {
    margin: 0 auto 15px auto
    }
#container.snow #content.page_top .main ul#tab-menu li span img {
    padding: 20px 0;
    width: 108px
    }
#container.snow #content.page_top .main ul#tab-menu li.green span img {
    padding: 22px 0;
    width: 124px
    }
#container.event #content.page_top .main h2 {
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px
    }
#container.event #content.page_top .main h2:after {
    width: 30%
    }
#container #content.single.page_top .main ul.pdf li img {
    height: auto;
    max-width: 100%
    }
/* block01 */
#container.event #content.page_top .main .pad {
    padding: 0
    }
#container.event #content.page_top .main .block01 .calendar_wrap {
    float: none;
    margin-bottom: 20px;
    width: 100%
    }
#container.event #content.page_top .main .block01 .calendar_wrap .table_wrap {
    padding: 0
    }
#container.event #content.page_top .main .block01 .calendar-nav {
    margin-bottom: -40px
    }
#container.event #content.page_top .main .block01 .calendar_wrap ul.calendar-nav li {
    width: 25%
    }
#container.event #content.page_top .main .block01 .calendar_wrap ul.calendar-nav li.cal-now {
    font-size: 16px;
    line-height: 30px;
    width: 50%
    }
#container.event #content.page_top .main .block01 .calendar-nav p.cal-back a, #container.event #content.page_top .main .block01 .calendar-nav p.cal-next a {
    padding: 10px 15px
    }
#container.event #content.page_top .main .block01 .calendar_wrap table.prg-calendar tr td a {
    padding: 10px 0
    }
#container.event #content.page_top .main .block01.pad .right {
    float: none;
    margin-bottom: 30px
    }
#container.event #content.page_top .main .block01.pad .left {
    float: none
    }
#container.event #content.page_top .main .block01.pad .right label {
    margin: 0 auto 15px
    }
#container.event #content.page_top .main .block01 a.area_detail {
    margin: 0 auto;
    max-width: 300px
    }
#container.event #content.page_top .main .block01 table tr th, #container.event #content.page_top .main .block01 table tr td {
    border-right: none;
    display: block;
    width: 100%
    }
#container.event #content.page_top .main .block01 table tr th {
    text-align: left
    }
#container.event #content.page_top .main .block01 .event:last-child {
    border-bottom: none
    }
#container.rank #content.page_top .main .block .num2 p.number::after {
    left: 50%;
    margin-left: -52px;
    top: 10px
    }
#container.rank #content.page_top .main .block p.txt {
    margin-bottom: 20px
    }
#container.rank #content.page_top .main .block .num3 p.number::after {
    left: 50%;
    margin-left: -55px;
    top: 10px
    }
#container.rank #content.page_top .main .block03 h3 {
    clear: left
    }
#container.rank #content.page_top .main .block03 h3 span {
    margin-bottom: 5px
    }
#container.event #content.page_top .main ul.info li, #container.event #content.page_top .main ul.info li:first-child {
    display: block;
    margin: 0 auto 20px
    }
#container.rank #content.page_top .main .block span.sy-img-thumbnail.sy-noimage {
    display: block;
    margin: 0 auto 10px
    }
#container.rank #content.page_top .main .block p.txt {
    height: auto
    }
/* snow && green */
#container.snow {
    margin-top: 30px
    }
#container.snow #content.page_top .sec1.side.left {
    display: none
    }
#container.snow #content.page_top .main ul#tab-menu li {
    height: 60px;
    width: 50%
    }
#container.snow #content.page_top .main #tab-box .block01.block {
    padding: 0 10px 10px
    }
#container.snow #content.page_top .main #tab-box h1 {
    margin: 0 -10px 15px
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_area {
    margin-bottom: 20px
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_area .snow_contents_menu.left, #container.snow #content.page_top .main #tab-box .block01.block .snow_contents_area .snow_contents_fb.right {
    float: none;
    text-align: center
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_menu ul li {
    display: inline-block
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_area .snow_contents_menu.left li img {
    max-width: 450px
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_fb {
    width: auto
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_fb .fb_iframe_widget iframe {
    width: 100% !important
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_fb .snow_contents_sqog {
    display: inline-block;
    text-align: center
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_fb .snow_contents_sqog img {
    max-width: 450px
    }
#u_0_3 {
    height: 100px !important
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_contents_fb .fb_iframe_widget span, #container.snow #content.page_top .main #tab-box .block01.block .snow_contents_fb .fb_iframe_widget iframe {
    height: 240px !important
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_attention ul li {
    margin-bottom: 10px
    }
#container.snow #content.page_top .main #tab-box .block01.block .snow_attention h2 img {
    margin: 0 auto;
    width: 220px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info {
    padding: 0 10px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info h2 {
    height: 45px;
    margin: 0 -10px 0;
    padding: 0 20px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr th, #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr th:nth-child(2), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr th:nth-child(3), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr th:nth-child(4), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr th:nth-child(5), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr th:nth-child(6) {
    display: none
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td, #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td:nth-child(2), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td:nth-child(3), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td:nth-child(4), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td:nth-child(5), #container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td:nth-child(6) {
    display: block;
    padding: 5px 0 5px 25px;
    position: relative;
    width: 100%
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_piste {
    padding-top: 10px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_propriety {
    padding-bottom: 10px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td:after {
    background: url(../img/list/snow/ico_table01_sp.png) no-repeat;
    background-size: 20px;
    content: "";
    height: 40px;
    left: 0;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    width: 40px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_piste:after {
    margin-top: -8px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_tel:after {
    background: url(../img/list/snow/ico_table02_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_area:after {
    background: url(../img/list/snow/ico_table03_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_ic:after {
    background: url(../img/list/snow/ico_table04_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_snow:after {
    background: url(../img/list/snow/ico_table05_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main #tab-box .block01.block .area_info table.snow_table tr td.td_propriety:after {
    background: url(../img/list/snow/ico_table06_sp.png) no-repeat;
    background-size: 20px
    }
/* green */
#container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr th:nth-child(3), #container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td:nth-child(3), #container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr th:nth-child(4), #container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td:nth-child(4), #container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr th:nth-child(5), #container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td:nth-child(5) {
    width: auto;
    word-break: break-all
    }
#container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td.td_piste:after {
    background: url(../img/list/green/ico_table01_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td.td_tel:after {
    background: url(../img/list/green/ico_table02_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td.td_area:after {
    background: url(../img/list/green/ico_table03_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td.td_address:after {
    background: url(../img/list/green/ico_table04_sp.png) no-repeat;
    background-size: 20px
    }
#container.snow #content.page_top .main.green #tab-box .block01.block .area_info table.snow_table tr td.td_url:after {
    background: url(../img/list/green/ico_table05_sp.png) no-repeat;
    background-size: 20px
    }
/* 詳細ページ｜共通 */
#container #content.single.page_top .main ul.pdf li {
    float: none;
    width: 100%
    }
#container #content.single.page_top .main ul.pdf:first-of-type li a {
    height: auto;
    line-height: inherit
    }
/*------------------------------------------
 train ぐんまで鉄道の旅
------------------------------------------*/
#container.train #content.page_top .main .block01 p, #container.train #content.page_top .main .block02 .info_train .right, #container.train #content.page_top .main .block02 .info_train .right a, #container.train #content.page_top .main .block02 a.bnr {
    width: auto
    }
#container.train #content.page_top .main {
    padding: 0 15px 25px
    }
#container.train #content.page_top .main h1.tit_img {
    margin: 0 -15px 25px
    }
#container.train #content.page_top .main .block01 h1 {
    margin-bottom: 15px;
    width: 193px
    }
#container.train #content.page_top .main .block01 p, #container.train #content.page_top .main .block01 ul {
    margin-bottom: 20px
    }
#container.train #content.page_top .main .block01 ul li, #container.train #content.page_top .main .block01 ul li:last-child {
    float: none;
    margin: 0 auto 30px;
    width: auto
    }
#container.train #content.page_top .main .block01 img {
    margin: 0 auto 20px;
    max-width: 450px
    }
#container.train #content.page_top .main .block01 ul li img {
    margin: 0 auto 20px;
    max-width: 450px
    }
#container.train #content.page_top .main .block01 ul li img.li01 {
    width: 195px
    }
#container.train #content.page_top .main .block01 ul li img.li02 {
    width: 215px
    }
#container.train #content.page_top .main .block01 ul li img.li03 {
    width: 154px
    }
#container.train #content.page_top .main .block01 ul li .txt_wrap {
    height: auto
    }
#container.train #content.page_top .main .block01 ul li .txt_wrap p {
    margin-bottom: 0
    }
#container.train #content.page_top .main .block02 {
    text-align: center
    }
#container.train #content.page_top .main .block02 h1 {
    margin-bottom: 15px;
    width: 243px
    }
#container.train #content.page_top .main .block02 .info_train {
    display: inline-block;
    max-width: 450px
    }
#container.train #content.page_top .main .block02 .info_train img {
    width: 100%
    }
#container.train #content.page_top .main .block02 .info_train .right {
    padding: 10px 15px
    }
#container.train #content.page_top .main .block02 .info_train .right h2 {
    text-align: left
    }
#container.train #content.page_top .main .block02 .info_train .right p {
    height: auto;
    text-align: left
    }
#container.train #content.page_top .main .block02 .info_train .right a {
    background-size: 14px
    }
#container.train #content.page_top .main .block02 a.bnr {
    display: inline-block
    }
#container.train #content.page_top .main .block02 a.bnr img {
    border-radius: 10px;
    box-shadow: 0 0 5px #999;
    max-width: 450px
    }
/*------------------------------------------
 tachiyori 立ち寄り日帰り温泉
------------------------------------------*/
#container.tachiyori #content.page_top .main .info_wrap {
    padding: 10px
    }
#container.tachiyori #content.page_top .main .info_wrap .left {
    float: none;
    height: auto;
    margin-right: 0;
    width: auto
    }
#container.tachiyori #content.page_top .main .info_wrap h1 {
    position: relative
    }
#container.tachiyori #content.page_top .main .info_wrap h1 img {
    width: 250px
    }
#container.tachiyori #content.page_top .main .info_wrap .left img.map {
    margin: 0 auto 10px;
    width: 270px
    }
#container.tachiyori #content.page_top .main .info_wrap p {
    padding: 10px 10px 10px 20px;
    position: relative;
    width: auto
    }
#container.tachiyori #content.page_top .main .block01 {
    padding: 10px
    }
#container.tachiyori #content.page_top .main .block01 h2 {
    padding-left: 15px
    }
#container.tachiyori #content.page_top .main .block01 h2 img {
    padding-top: 13px;
    width: 61px
    }
#container.tachiyori #content.page_top .main .block01 h2.ikaho img {
    width: 78px
    }
#container.tachiyori #content.page_top .main .block01 h2.yabuduka img {
    width: 76px
    }
#container.tachiyori #content.page_top .main .block01 h2.sarugakyo img {
    width: 77px
    }
#container.tachiyori #content.page_top .main .block01 .box {
    padding: 0 10px 10px
    }
#container.tachiyori #content.page_top .main .block01 .box table tr th, #container.tachiyori #content.page_top .main .block01 .box table tr th.tel, #container.tachiyori #content.page_top .main .block01 .box table tr th.price, #container.tachiyori #content.page_top .main .block01 .box table tr th.url {
    display: none
    }
#container.tachiyori #content.page_top .main .block01 .box table tr td {
    display: block;
    padding: 10px 7px 7px 30px;
    position: relative;
    width: 100%
    }
#container.tachiyori #content.page_top .main .block01 .box table tr td:after {
    background: url(../img/list/tachiyori/ico_name_sp.png) no-repeat;
    background-size: 20px;
    content: "";
    height: 20px;
    left: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 20px
    }
#container.tachiyori #content.page_top .main .block01 .box table tr td.tel:after {
    background: url(../img/list/tachiyori/ico_tel_sp.png) no-repeat;
    background-size: 20px
    }
#container.tachiyori #content.page_top .main .block01 .box table tr td.price:after {
    background: url(../img/list/tachiyori/ico_price_sp.png) no-repeat;
    background-size: 20px
    }
#container.tachiyori #content.page_top .main .block01 .box table tr td.url:after {
    background: url(../img/list/tachiyori/ico_url_sp.png) no-repeat;
    background-size: 20px
    }
/*------------------------------------------
 download ダウンロード
------------------------------------------*/
#container.download #content.page_top .sec1.side .search_area h2 img {
    padding-top: 14px;
    width: 98px
    }
#container.download #content.page_top .sec1.side .search_area h2 .sp_arrow img {
    padding-top: 0;
    width: 25px
    }
#container.download #content.page_top .main {
    padding: 15px
    }
#container.download #content.page_top .main .block {
    padding: 20px 10px
    }
#container.download #content.page_top .main .block h2, #container.download #content.page_top .main .block h2.title_wide {
    background: url(../img/list/download/bg_block_h2_sp.png);
    background-size: cover;
    height: 23px;
    width: 250px
    }
#container.download #content.page_top .main .block h2 img {
    display: block;
    margin: 0 auto;
    padding-top: 5px
    }
#container.download #content.page_top .main .block h2 img.pc_cont, #container.download #content.page_top .main .block h3 img.pc_cont, #container.download #content.page_top .main .block p + img.pc_cont {
    display: none
    }
#container.download #content.page_top .main .block h3 img.sp_cont {
    display: block
    }
#container.download #content.page_top .main .block p {
    margin-bottom: 0
    }
#container.download #content.page_top .main .block a.link {
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 0;
    width: auto
    }
#container.download #content.page_top .main .block a.link img {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: 160px
    }
#container.download #content.parent_dl.page_top .main .block ul.dl_list li a.link img {
    margin: 0 auto
    }
#container.download #content.page_top .main .block01 .left, #container.download #content.page_top .main .block01 .right, #container.download #content.page_top .main .block02, #container.download #content.page_top .main .block03 {
    float: none;
    width: auto
    }
#container.download #content.page_top .main .block01 .left h2 img {
    width: 149px !important
    }
#container.download #content.page_top .main .block01 .left h3 img {
    width: 120px
    }
#container.download #content.page_top .main .block01 p + img + img.sp_cont {
    margin: 0 auto 10px;
    width: 163px
    }
#container.download #content.page_top .main .block01 .left {
    border-bottom: #e5e5e5 1px solid;
    margin-bottom: 20px;
    padding-bottom: 20px
    }
#container.download #content.page_top .main .block01 .right h2 img, #container.download #content.page_top .main .block h2.title_wide img {
    width: 203px
    }
#container.download #content.page_top .main .block01 .right h3 img {
    width: 72px
    }
/*#container.download #content.page_top .main .block01 .right a{
  padding: 10px 0;
}
*/
#container.download #content.page_top .main .block02 {
    /* margin-bottom: 20px;*/
    }
#container.download #content.page_top .main .block02 h2 img {
    width: 222px
    }
#container.download #content.page_top .main .block02 h3 img {
    width: 146px
    }
#container.download #content.page_top .main .block02 p + img + img.sp_cont {
    margin: 0 auto 10px;
    width: 200px
    }
/*
#container.download #content.page_top .main .block03 h2 img {
  width: 222px;
}
#container.download #content.page_top .main .block03 h3 img {
  width: 146px;
}
#container.download #content.page_top .main .block03 p + img + img.sp_cont {
  margin: 0 auto 10px;
  width: 200px;
}
*/
/*------------------------------------------
 download ダウンロード
------------------------------------------*/
/* download 下層共通 */
#container.download #content.parent_dl.page_top .main .block h1 {
    margin: 0 -10px 10px;
    padding: 15px 10px
    }
#container.download #content.parent_dl.page_top .main .block ul.dl_list {
    padding-top: 15px;
    text-align: center
    }
#container.download #content.parent_dl.page_top .main .block ul.dl_list li:nth-child(4n+1), #container.download #content.parent_dl.page_top .main .block ul.dl_list li, #container.download #content.parent_dl.page_top .main .block ul.dl_list li:nth-child(4n) {
    border-bottom: #e5e5e5 1px solid;
    border-right: none;
    float: none;
    margin-bottom: 20px;
    padding: 0 0 20px;
    width: auto
    }
#container.download #content.parent_dl.page_top .main .block ul.dl_list li:nth-child(-n+12)::after {
    content: none
    }
#container.download #content.parent_dl.page_top .main .block#pamphlet_dc ul.dl_list li {
    margin-bottom: 20px
    }
#container.download #content.parent_dl.page_top .main .block#pamphlet_dc ul.dl_list li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
    }
#container.download #content.parent_dl.page_top .main .block ul.height.dl_list li p.tit {
    height: auto
    }
#container.download #content.parent_dl.page_top .main .block ul.dl_list li:nth-child(-n+12) {
    margin-bottom: 20px
    }
#container.download #content.parent_dl.page_top .main .block ul.dl_list li a.link {
    line-height: 50px;
    padding: 0;
    width: 240px
    }
#container.download #content.parent_dl.page_top .main .block h2 img {
    margin: inherit;
    padding-top: 0
    }
#container.download #content.page_top .main .block .inner img.ttl_btn {
    right: 10px
    }
/* pamphlet ググっとぐんま・ポスター */
#container.download #content.pamphlet.parent_dl.page_top .main .block01 h1 img {
    width: 147px
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block p.red, #container.download #content.pamphlet.parent_dl.page_top .main .block p.date {
    margin-bottom: 10px
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block01 h2 img.tit {
    width: 182px
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block ul.dl_list li p.date {
    height: auto;
    line-height: 16px
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block02 h1 img {
    width: 72px
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block02 ul.dl_list li {
    border-bottom: none
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block02 ul.dl_list li ul li {
    padding-bottom: 0;
    width: auto
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block02 ul.dl_list li ul li a {
    display: block
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block02 ul.dl_list li ul li a:first-child {
    margin: 0 0 10px 0
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block02 h2 {
    padding: 15px 10px
    }
#container.download #content.pamphlet.parent_dl.page_top .main .block02 h2 img {
    width: 183px
    }
/* logo 名刺・ロゴマーク */
#container.download #content.logo.parent_dl.page_top .main .block02 ul.dl_list li:nth-child(4n+1), #container.download #content.logo.parent_dl.page_top .main .block02 ul.dl_list li, #container.download #content.logo.parent_dl.page_top .main .block ul.dl_list li:nth-child(4n+1), #container.download #content.logo.parent_dl.page_top .main .block01 ul.dl_list li:nth-child(-n + 4), #container.download #content.logo.parent_dl.page_top .main .block01 ul.dl_list li {
    width: auto
    }
#container.download #content.logo.parent_dl.page_top .main .block01 h1 img, #container.download #content.logo.parent_dl.page_top .main .block02 h1 img {
    width: 301px
    }
#container.download #content.logo.parent_dl.page_top .main .block01 ul.dl_list li:last-child {
    border-bottom: 0;
    padding: 20px 0 0
    }
#container.download #content.logo.parent_dl.page_top .main .block02 p.mb40 {
    margin-bottom: 20px
    }
#container.download #content.logo.parent_dl.page_top .main .block02 .info {
    padding: 10px
    }
#container.download #content.logo.parent_dl.page_top .main .block02 .info img.left, #container.download #content.logo.parent_dl.page_top .main .block02 .info p.right {
    display: block;
    float: none;
    margin: 0 auto;
    width: auto
    }
#container.download #content.logo.parent_dl.page_top .main .block02 .info img.left {
    margin-bottom: 10px
    }
#container.download #content.logo.parent_dl.page_top .main .block02 .info p strong, #container.download #content.logo.parent_dl.page_top .main .block02 ul.dl_list li p.tit {
    font-size: 12px
    }
#container.download #content.logo.parent_dl.page_top .main .block02 .info p {
    font-size: 12px;
    font-weight: normal
    }
#container.download #content.logo.parent_dl.page_top .main .block02 ul.dl_list {
    margin-bottom: 0
    }
#container.download #content.logo.parent_dl.page_top .main .block02 ul.dl_list li p.tit, #container.download #content.logo.parent_dl.page_top .main .block02 ul.dl_list li p.date {
    margin-bottom: 10px
    }
#container.download #content.parent_dl.page_top .main .block ul.dl_list li:nth-child(-n + 4) {
    margin-bottom: 20px
    }
#container.download #content.logo.parent_dl.page_top .main .block02 ul.dl_list li:last-child {
    border-bottom: none
    }
/*------------------------------------------
 ryousen 稜線トレイル
------------------------------------------*/
#container.ryousen .topimg {
    float: none;
    padding: 0 10px
    }
#container.ryousen .main {
    padding: 10px
    }
#container.ryousen .main main {
    padding: 10px
    }
#container.ryousen .main main .intro {
    margin-bottom: 5px
    }
#container.ryousen .main main .intro img {
    display: block;
    float: none;
    margin: 0 auto 15px auto;
    max-width: 400px
    }
#container.ryousen .main main .intro .txt_area {
    float: none;
    width: 100%
    }
#container.ryousen .main main ul li {
    padding: 0 0 35px 0
    }
#container.ryousen .main main ul li h2 {
    font-size: 16px;
    line-height: 20px;
    min-height: 42px;
    padding: 15px 0 0 40px
    }
#container.ryousen .main main ul li p {
    padding: 5px 0 20px 0
    }
#container.ryousen .main main ul li .btn a {
    max-width: 260px;
    padding: 0;
    width: 100%
    }
/*------------------------------------------
 season ぐんまの夏
------------------------------------------*/
#container.season_summer .main_bg {
    margin: 10px !important;
    padding: 20px 10px 10px 10px
    }
#container.season_summer .main {
    padding: 0 0 10px 0
    }
#container.season_summer .main_bg section h2 {
    border-radius: 6px;
    height: 36px
    }
#container.season_summer .main_bg section h2:before {
    margin: -8px 0 0 8px;
    width: 70px
    }
#container.season_summer .main_bg section h2 img {
    padding: 10px 0 0 0;
    width: 150px
    }
#container.season_summer .main_bg section .txt_Right, #container.season_summer .main_bg section .txt_Left {
    float: none;
    margin: 0 0 30px 0;
    width: 100%
    }
#container.season_summer .main_bg section h3 {
    font-size: 18px
    }
#container.season_summer .main_bg section h3 span {
    font-size: 14px
    }
#container.season_summer .main_bg section table th {
    width: 100px
    }
#container.season_summer .main_bg section .img_Left, #container.season_summer .main_bg section .img_Right {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 100%
    }
#container.season_summer .main_bg section .access_info h3 img {
    max-width: 100%;
    width: 260px
    }
#container.season_summer .main_bg section .access_info .txt_Right {
    margin: 0 0 30px 0;
    width: 100%
    }
#container.season_summer .main_bg section .access_info .img_Left {
    width: 180px
    }
#container.season_summer .main_bg section.area_toubu .logo_info {
    width: 70%
    }
#container.season_summer .main_bg section.area_toubu .isan_logo {
    max-width: 90px;
    padding: 0;
    width: 30%
    }
#container.season_summer .more_info {
    background: url(../img/list/summer/bg_pamphlet_middle_sp.png) center top/100% repeat-y;
    height: auto;
    padding: 0
    }
#container.season_summer .more_info .txt_Right {
    background: url(../img/list/summer/bg_pamphlet_inner_sp.png) center 20px/100% no-repeat;
    float: none;
    padding: 20px 0 0 0
    }
#container.season_summer .more_info .txt_Right p {
    padding: 0 0 20px 0
    }
#container.season_summer .more_info .txt_Right p img {
    max-width: 80%;
    width: 250px
    }
#container.season_summer #content.page_top .more_info .txt_Right .img_pamphlet {
    box-shadow: 0 0 6px #999;
    display: inline-block;
    margin: 0 auto 20px auto;
    max-width: 60%;
    width: 140px
    }
#container.season_summer #content.page_top .more_info .txt_Right .btn_pamphlet img.sp_cont {
    display: inline-block;
    margin: 0 auto 20px auto;
    max-width: 80%;
    width: 300px
    }
/*------------------------------------------
 osusume おすすめ旅スポット
------------------------------------------*/
#container.osusume {
    margin-bottom: -5px
    }
#container.osusume #content.page_top .sec1.side .search_area h2 img {
    padding: 12px 0;
    width: 96px
    }
#container.osusume #content.page_top .sec1.side .search_area h2 span img {
    padding: 0;
    width: 25px
    }
#container.osusume #content.page_top .main img.sp_cont {
    display: block;
    margin: 0 auto;
    max-width: 450px;
    width: 100%
    }
#container.osusume #content.page_top .main ul li img.sp_cont {
    display: block;
    margin: 0 auto;
    max-width: 450px !important;
    width: 100% !important
    }
/*------------------------------------------
 onsenpickup ぐんまの温泉
------------------------------------------*/
#container.onsenpickup {
    margin: 0 auto;
    max-width: 450px
    }
#container.onsenpickup .main h1 {
    margin-bottom: 20px
    }
#container.onsenpickup .main .wrap_onsenpickup {
    background: url(../img/list/onsenpickup/bg_onsenpickup.png);
    margin-bottom: 20px
    }
#container.onsenpickup #content .main .pickup_contents {
    line-height: 20px;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 90%
    }
#container.onsenpickup #content .main .contents_about {
    width: auto
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents:first-child .about_title {
    margin-top: 0
    }
#container.onsenpickup #content .main .pickup_contents h3, #container.onsenpickup #content .main .pickup_contents p {
    margin-bottom: 10px
    }
#container.onsenpickup #content .main .pickup_contents p {
    line-height: 17px
    }
#container.onsenpickup .main .wrap_onsenpickup .onsen_agatsuma .pickup_contents {
    border-bottom: 1px dashed #8db749
    }
#container.onsenpickup .main .wrap_onsenpickup .onsen_kenou .pickup_contents {
    border-bottom: 1px dashed #db6e88
    }
#container.onsenpickup .main .wrap_onsenpickup .onsen_tone .pickup_contents {
    border-bottom: 1px dashed #817baf
    }
#container.onsenpickup .main .wrap_onsenpickup .onsen_toubu .pickup_contents {
    border-bottom: 1px dashed #ea9357
    }
#container.onsenpickup .main .wrap_onsenpickup .onsen_seibu .pickup_contents {
    border-bottom: 1px dashed #5bacd8
    }
#container.onsenpickup .main .wrap_onsenpickup .onsen_agatsuma .pickup_contents:last-child, #container.onsenpickup .main .wrap_onsenpickup .onsen_kenou .pickup_contents:last-child, #container.onsenpickup .main .wrap_onsenpickup .onsen_tone .pickup_contents:last-child, #container.onsenpickup .main .wrap_onsenpickup .onsen_toubu .pickup_contents:last-child, #container.onsenpickup .main .wrap_onsenpickup .onsen_seibu .pickup_contents:last-child {
    border-bottom: 0
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents .about_title {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents .title_agatsuma {
    color: #8db749
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents .title_kenou {
    color: #db6e88
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents .title_tone {
    color: #817baf
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents .title_toubu {
    color: #ea9357
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents .title_seibu {
    color: #5bacd8
    }
#container.onsenpickup #content .main .wrap_onsenpickup .pickup_contents:nth-child(even) .contents_about {
    float: none
    }
#container.onsenpickup #content .main .wrap_onsenpickup .pickup_contents:nth-child(odd) .contents_about {
    float: none
    }
#container.onsenpickup #content .main .wrap_onsenpickup .pickup_contents:nth-child(even) .contents_img {
    float: none
    }
#container.onsenpickup #content .main .wrap_onsenpickup .pickup_contents:nth-child(odd) .contents_img {
    float: none
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents p {
    font-size: 12px
    }
#container.onsenpickup .main .wrap_onsenpickup .pickup_contents table {
    margin-top: 10px
    }
#container.onsenpickup #content .main table th {
    width: 70px
    }
#container.onsenpickup .main .wrap_onsenpickup .contents_img {
    margin-top: 15px
    }
#container.onsenpickup .main .wrap_onsenpickup .contents_img img.sp_cont {
    margin: 0 auto;
    width: 86% !important
    }
/*------------------------------------------
 spring 春特集ページ
------------------------------------------*/
#container.spring {
    margin: 0 auto;
    max-width: 450px
    }
#container.spring .main h1 {
    margin-bottom: 20px
    }
#container.spring .bg_spring {
    background: url(../img/list/spring/bg_spring_sp.png) center top/100% auto repeat-y #fff;
    padding: 10px
    }
#container.spring .contents {
    padding: 10px
    }
#container.spring .contents .pickup_contents h3 {
    font-size: 16px
    }
#container.spring .contents .pickup_contents h3 span {
    font-size: 12px
    }
#container.spring .pickup_contents .contents_detail {
    width: 100%
    }
#container.spring .pickup_contents:nth-child(odd) .contents_detail, #container.spring .pickup_contents:nth-child(odd) .photo, #container.spring .pickup_contents:nth-child(even) .contents_detail, #container.spring .pickup_contents:nth-child(even) .photo {
    float: none
    }
#container.spring .contents .pickup_contents p {
    margin: 0 0 10px 0
    }
#container.spring .pickup_contents .photo {
    padding: 0 20px;
    text-align: center
    }
#container.spring .pickup_contents .info_table {
    margin: 0 0 15px 0
    }
#container.spring .contents .pickup_contents .info_table th {
    width: 80px
    }
#container.spring .contents_pamph {
    background: url(../img/list/spring/bg_pamphlet_middle_sp.png) center top/100% auto repeat-y;
    padding: 0
    }
#container.spring .contents_pamph .pamph_face {
    background: url(../img/list/spring/img_pamph_flower.png) center bottom/100% auto no-repeat;
    float: none;
    margin: 0 0 25px 0;
    padding: 0;
    text-align: center
    }
#container.spring .contents_pamph p {
    padding: 15px 0;
    text-align: center
    }
#container.spring .contents_pamph p img {
    width: 72%
    }
#container.spring .contents_pamph .pamph_face img {
    width: 35%
    }
#container.spring .contents_pamph .txt_contents {
    float: none;
    text-align: center
    }
#container.spring .contents_pamph .btn_pamph {
    padding: 0 0 20px 0
    }
#container.spring .contents_pamph .btn_pamph img {
    margin: 0 auto;
    width: 80% !important
    }
/*---------------------------------------------------------
 kyogikai ググっとぐんま観光宣伝推進協会事務局について
----------------------------------------------------------*/
#container.kyogikai {
    padding: 0 10px 0
    }
#container.kyogikai #content.page_top .sec1.side {
    margin-top: 0
    }
#container.kyogikai #content.page_top .main, #container.kyogikai #content.page_top .main .content_wrap {
    margin: 0;
    padding: 10px
    }
#container.kyogikai #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.kyogikai #content.page_top .main h2 {
    font-size: 16px;
    margin-bottom: 10px
    }
#container.kyogikai #content.page_top .main h2:after {
    width: 30%
    }
#container.kyogikai #content.page_top .main .left, #container.kyogikai #content.page_top .main .right {
    float: none
    }
#container.kyogikai #content.page_top .main .img_center {
    text-align: center
    }
#container.kyogikai #content.page_top .main .green_box {
    padding: 5%;
    text-align: center
    }
#container.kyogikai #content.page_top .main .green_box img {
    padding: 0
    }
#container.kyogikai #content.page_top .main .green_box p {
    height: 100%;
    text-align: left
    }
#container.kyogikai #content.page_top .main .kyogikai {
    width: auto
    }
/*---------------------------------------------------------
 gtia 公益財団法人群馬県観光物産国際協会について
----------------------------------------------------------*/
#container.gtia {
    padding: 0 10px 0
    }
#container.gtia #content.page_top .sec1.side {
    margin-top: 0
    }
#container.gtia #content.page_top .main, #container.gtia #content.page_top .main .content_wrap {
    margin: 0;
    padding: 10px
    }
#container.gtia #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.gtia #content.page_top .main h2 {
    font-size: 16px;
    margin-bottom: 10px
    }
#container.gtia #content.page_top .main h2:after {
    width: 30%
    }
#container.gtia #content.page_top .main .gaiyou dt {
    float: none;
    font-weight: bold;
    width: 100%
    }
#container.gtia #content.page_top .main .meibo_list dt {
    letter-spacing: 0.5em;
    margin: 3% 0;
    padding: 0 0 0 0.5em;
    width: 24%
    }
#container.gtia #content.page_top .main .meibo_list dd {
    margin: 3%
    }
#container.gtia #content.page_top .main .meibo_list .posi {
    width: 70%
    }
#container.gtia #content.page_top .main .meibo_list .name_ttl {
    margin-top: 0
    }
#container.gtia #content.page_top .main .meibo_list .name {
    margin-top: 0;
    width: 70%
    }
#container.gtia #content.page_top .main .pdf_list li {
    float: none;
    width: 100%
    }
#container.gtia #content.page_top .main .link_btn {
    margin: 0
    }
#container.gtia #content.page_top .main .link_btn li {
    float: none;
    margin: 0 0 5% 0
    }
#container.gtia #content.page_top .main a.pdf_btn {
    width: 100%
    }
/*---------------------------------------------------------
 kyoukai 各市町村観光協会の連絡先
----------------------------------------------------------*/
#container.kyoukai {
    padding: 0 10px
    }
#container.kyoukai #content.page_top .sec1.side {
    /*margin-top: 50px;*/
    margin: 0
    }
#container.kyoukai #content.page_top .main, #container.kyoukai #content.page_top .main .content_wrap {
    margin: 0;
    padding: 10px
    }
#container.kyoukai #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.kyoukai #content.page_top .main dl {
    width: 100%
    }
#container.kyoukai #content.page_top .main li {
    width: 100%
    }
#container.kyoukai #content.page_top .main .box {
    display: none;
    padding: 10px 10px 4px 10px
    }
#container.kyoukai #content.page_top .main h2 {
    line-height: 45px;
    margin-top: 10px;
    position: relative
    }
#container.kyoukai #content.page_top .main img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px !important
    }
#container.kyoukai #content.page_top .main img.rotate {
    right: 9px;
    transform: rotate(180deg)
    }
/*---------------------------------------------------------
 omotenashi おもてなしガイド特集
----------------------------------------------------------*/
#container.omotenashi {
    padding: 0 10px
    }
#container.omotenashi #content.page_top .sec1.side {
    /*margin-top: 50px;*/
    margin: 0
    }
#container.omotenashi #content.page_top .main, #container.omotenashi #content.page_top .main .content_wrap {
    margin: 0;
    padding: 10px
    }
#container.omotenashi #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.omotenashi #content.page_top .main .guide_list {
    border: 3px solid #c8d6d6;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px
    }
#container.omotenashi #content.page_top .main .guide_list .img {
    float: none;
    margin-bottom: 10px;
    text-align: center;
    width: auto
    }
#container.omotenashi #content.page_top .main .guide_list .right {
    float: none;
    width: 100%
    }
#container.omotenashi #content.page_top .main .guide_list .right h2 {
    color: #2d878e;
    font-size: 20px;
    margin-bottom: 5px
    }
#container.omotenashi #content.page_top .main .guide_list .right table {
    margin-bottom: 10px;
    width: 100%
    }
#container.omotenashi #content.page_top .main .guide_list .right th {
    width: 25%
    }
#container.omotenashi #content.page_top .main .guide_list .right a {
    border-radius: 30px;
    line-height: 50px;
    width: auto
    }
/*------------------------------------------
 404 Not Found
------------------------------------------*/
#container.notfound #content.page_top .sec1.side {
    margin-top: 0
    }
#container.notfound {
    padding: 50px 0 0 0
    }
#container.notfound #content.page_top .main, #container.notfound #content.page_top .main .content_wrap {
    padding: 10px
    }
#container.notfound #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.notfound #content.page_top .main h2 {
    font-size: 16px;
    margin-bottom: 10px
    }
#container.notfound #content.page_top .main h2:after {
    width: 30%
    }
#container.notfound #content.page_top a.btn_top {
    max-width: 100%
    }
/*------------------------------------------
 autumnwinter ぐんまの秋・冬
------------------------------------------*/
#container.season_autumnwinter {
    margin: 0 auto;
    max-width: 450px
    }
#container.season_autumnwinter .main_bg {
    margin: 10px !important;
    padding: 20px 10px
    }
#container.season_autumnwinter .main {
    padding: 0 0 10px 0
    }
#container.season_autumnwinter .main_bg section .txt_Right, #container.season_autumnwinter .main_bg section .txt_Left {
    float: none;
    margin: 0 0 30px 0;
    width: 100%
    }
#container.season_autumnwinter .main_bg section h3 {
    font-size: 18px
    }
#container.season_autumnwinterr .main_bg section h3 span {
    font-size: 14px
    }
#container.season_autumnwinter .main_bg section table th {
    width: 100px
    }
#container.season_autumnwinter .main_bg section .img_Left, #container.season_autumnwinter .main_bg section .img_Right {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 100%
    }
#container.season_autumnwinter .more_info {
    background: url(../img/list/autumnwinter/bg_pamphlet_middle_sp.png) center top/100% repeat-y;
    height: auto;
    padding: 0
    }
#container.season_autumnwinter .more_info .txt_Right {
    background: url(../img/list/autumnwinter/bg_pamphlet_inner_sp.png) center bottom 100px/100% no-repeat;
    float: none;
    padding: 20px 0 0 0
    }
#container.season_autumnwinter .more_info .txt_Right p {
    padding: 0 0 20px 0
    }
#container.season_autumnwinter .more_info .txt_Right p img {
    max-width: 80%;
    width: 250px
    }
#container.season_autumnwinter #content.page_top .more_info .txt_Right .img_pamphlet {
    box-shadow: 0 0 6px #999;
    display: inline-block;
    margin: 0 auto 20px auto;
    max-width: 60%;
    width: 120px
    }
#container.season_autumnwinter #content.page_top .more_info .txt_Right .btn_pamphlet img.sp_cont {
    display: inline-block;
    margin: 0 auto 20px auto;
    max-width: 80%;
    width: 300px
    }
/*---------------------------------------------------------
 for-travel-agent 旅行会社のみなさまへ
----------------------------------------------------------*/
#container.for-travel-agency {
    padding: 0 10px
    }
#container.for-travel-agency #content.page_top .sec1.side {
    margin-top: 0
    }
#container.for-travel-agency #content.page_top .main, #container.for-travel-agency #content.page_top .main .content_wrap {
    margin: 0;
    padding: 10px
    }
#container.for-travel-agency #content.page_top .main section {
    margin-bottom: 30px
    }
#container.for-travel-agency #content.page_top .main section:last-child {
    margin: 0
    }
#container.for-travel-agency #content.page_top .main .mb10 {
    margin-bottom: 5px
    }
#container.for-travel-agency #content.page_top .main .mb40 {
    margin-bottom: 20px
    }
#container.for-travel-agency #content.page_top .main h1 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 0.5em
    }
#container.for-travel-agency #content.page_top .main h1 span.date {
    font-size: 12px
    }
#container.for-travel-agency #content.page_top .main h2 {
    font-size: 16px
    }
#container.for-travel-agency #content.page_top .main h2:after {
    width: 30%
    }
#container.for-travel-agency #content.page_top .main .left, #container.for-travel-agency #content.page_top .main .right {
    float: none
    }
#container.for-travel-agency #content.page_top .main .img_center {
    text-align: center
    }
#container.for-travel-agency #content.page_top .main .for-travel-agent {
    width: auto
    }
#container.for-travel-agency #content.page_top .main ul.dl_list {
    /*padding-top: 15px;*/
    text-align: center
    }
#container.for-travel-agency #content.page_top .main ul.dl_list li:nth-child(4n+1), #container.for-travel-agency #content.page_top .main ul.dl_list li, #container.for-travel-agency #content.page_top .main ul.dl_list li:nth-child(4n) {
    border-bottom: #e5e5e5 1px solid;
    border-right: none;
    float: none;
    margin-bottom: 20px;
    padding: 0 0 20px;
    width: auto
    }
#container.for-travel-agency #content.page_top .main ul.dl_list li:nth-child(-n+12)::after {
    content: none
    }
#container.for-travel-agency #content.page_top .main ul.dl_list li {
    margin-bottom: 20px
    }
#container.for-travel-agency #content.page_top .main ul.dl_list li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
    }
#container.for-travel-agency #content.page_top .main ul.height.dl_list li p.tit {
    height: auto
    }
#container.for-travel-agency #content.page_top .main ul.dl_list li:nth-child(-n+12) {
    margin-bottom: 20px
    }
#container.for-travel-agency #content.page_top .main ul.dl_list li a.link {
    background-size: 14px;
    background-position: 95%;
    line-height: 50px;
    padding: 0;
    width: 240px
    }