@charset "utf-8";

/* ▼▼▼▼▼ここから▼▼▼▼▼ */


/* 画面表示用スタイル */


/* ------------------------基本設定------------------------ */
body {
  font-size: 1.4rem;
  font-weight: 500;
}

/* ------------------------ヘッダー------------------------ */
.baseall.t-mo {
    min-width: 1010px;
}
#headbgall {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    background-image: url(/images/s_mo_bg_head_all.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    min-width: 1011px;
}
.t-mo #headbgall {
    margin: 0;
    background-image: url(/images/s_t_mo_bg_head_all.gif);
}
#headbg {
    clear: both;
    margin: 0;
    padding: 0;
    background-image: url(/images/s_mo_bg_head.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.t-mo #headbg {
    background-image: url(/images/s_t_mo_bg_head.gif);
}
#head {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 0 0 25px 0;
    text-align: left;
    width: 1011px;
}
.t-mo #head {
    height: 703px;
}
.s0wrap {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 10px 0 0 0;
    width: 920px;
    height: 63px;
}
#s0left img {
    margin: 0 0 0 20px;
    padding: 0;
}
.s0right {
    float: right;
    margin: 0;
    padding: 3px 0 0 0;
    width: 464px;
}

/* ヘッダーナビ */

ul.headlist {
    float: left;
    margin: 0;
    padding: 0;
}
ul.headlist li {
    float: left;
    margin: 0;
    padding: 11px 13px 0 0;
    background-color: transparent;
    background-image: none;
}

/* ヘッダー検索 */

ul.headlist li.search {
    margin: 0 0 0 0px;
    padding: 0 0 0 20px;
    background-image: url(/images/s_mo_icon_search.gif) !important;
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 200px;
}
ul.headlist li img {
    margin: 2px 0 0 0;
    padding: 0;
}
#h0left {
    float: left;
    margin: 0;
    padding: 0 0 0 66px;
    width: auto;
    height: 136px;
}
.t-mo #h0left {
    padding: 0 0 0 100px;
    height: 90px;
}
#h0left img {
    margin: 0;
    padding: 0;
}

/* ------------------------グローバルナビ------------------------ */

#gnb {
    clear: both;
    margin: 8px 0 8px 74px;
    padding: 0;
    background-image: none;
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: 0 0;
    height: 55px;
}
ul.gnavi {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: transparent;
}
ul.gnavi li {
    float: left;
    margin: 0;
    padding: 0 29px 0 0;
    background-image: none;
}
ul.gnavi li img {
    margin: 0;
    padding: 0;
}

/* トップページ用 */

#t-gnb {
    clear: both;
    margin: 0 0 0 68px;
    padding: 0;
    background-image: none;
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: 0 0;
}
ul.t-gnavi {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: transparent;
}
ul.t-gnavi li {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    background-image: none;
}
ul.t-gnavi li.gnb01 {
    padding: 4px 28px 0 0;
}
ul.t-gnavi li.gnb02 {
    padding: 29px 31px 0 0;
}
ul.t-gnavi li.gnb03 {
    padding: 0 22px 0 0;
}
ul.t-gnavi li.gnb04 {
    padding: 29px 36px 0 0;
}
ul.t-gnavi li.gnb05 {
    padding: 0;
}
ul.t-gnavi li img {
    margin: 0;
    padding: 0;
}

/* ------------------------コンテンツ外枠------------------------ */

.t-mo #basebgwrap {
    padding: 13px 0 0 0;
    background-image: url(/images/s_t_mo_bg_all.gif);
    min-width: 1011px;
}

/* ------------------------フッター------------------------ */


/* このページの上へ戻る */

.tothispage div {
    background-image: url(/images/s_mo_icon_pagetop.gif);
}

/* フッター */

.footbgall {
    clear: both;
    margin: 0;
    padding: 0;
    min-width: 1011px;
    background-color: #D9E7B6;
    background-image: url(/images/s_mo_bg_footer_all.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
}
.t-mo .footbgall {
    background-image: url(/images/s_t_mo_bg_footer_all.gif);
}
.footbg {
    clear: both;
    margin: 0;
    padding: 0;
    background-image: url(/images/s_mo_bg_footer.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.foot {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    width: 1011px;
    min-height: 141px;
}
.add {
    clear: both;
    margin: 0;
    padding: 100px 0 10px 155px;
    background-image: url(/images/s_mo_mark_footer.gif);
    background-repeat: no-repeat;
    background-position: 64px 75px;
}
.add h2 {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1.9rem;
    border: none;
    background-image: none;
}
address {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    color: #222222;
    font-style: normal;
    font-size: 1.3rem;
    line-height: 1.5;
}

/* コピーライト */

#copybgall {
    clear: both;
    margin: 0;
    padding: 0;
    background-color: #674D00;
    background-image: none;
    min-width: 1011px;
}
#f0copy {
    clear: both;
    margin: 0 auto 0 auto;
    padding: 9px 0 7px 0;
    text-align: center;
    width: 1011px;
    font-size: 1.2rem;
    color: #FFFFFF;
}

/* ------------------------サブナビ------------------------ */

#losubnavi h2 span {
    border-bottom: 2px solid #176C1F;
}
.lobgbox p.pagelinkin, #losubnavi li, #lobookmark li {
    background-image: url(/images/s_mo_icon_inlink.gif);
}
.lobgbox li.pagelinkin, #losubnavi li {
  font-size: 1.4rem;
}
/* ------------------------共通タグの基本定義------------------------ */
.h1bg {
  border: 1px solid #CCC;
  background-color: #f5f2ec;
}
.h1bg div {
    background-image: url(/images/s_mo_bg_h1.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
}
.h1bg h1 {
    background-image: url(/images/s_mo_bg_h1_line.png);
    background-repeat: repeat-y;
    background-position: 1px 0px;
}
#main-nosub .h1bg h1 {
    background-image: url(/images/s_mo_bg_h1_2.gif);
}
.h2bg {
    border-bottom: 3px solid #507D10;
}
.h3bg div {
    background-image: url(/images/s_mo_icon_h3.gif);
}
h4 {
    color: #4F7D10;
}
ul>li {
    background-image: url(/images/s_mo_icon_li.gif);
}

/* ------------------------テンプレート用共通------------------------ */


/* 内部ページリンクスタイル */

p.pagelinkin {
    background-image: url(/images/s_mo_icon_inlink.gif);
}

/* ページ内ジャンプ */

ul.linkjump li {
    background-image: url(/images/s_mo_icon_jumplink.gif) !important;
}

/* コンテンツ内のこのページの上へ戻る */

.tothispage2 div {
    background-image: url(/images/s_mo_icon_pagetop.gif);
}

/* コーナー用 */

ul.norcor li {
    background-image: url(/images/s_mo_icon_inlink.gif) !important;
}

/* ソーシャルメディア */

.sp_box {
    background-color: transparent;
}

/* ------------------------トップページ------------------------ */


/* コンテンツ左 */

.main-l {
    clear: both;
    float: left;
    margin: 0;
    padding: 0 14px 0 0;
    width: 224px;
    background-color: transparent;
}

/* コンテンツ中央 */

.main-c {
    float: left;
    margin: 0;
    padding: 0;
    width: 432px;
    background-color: transparent;
}

/* コンテンツ右 */

.main-r {
    float: right;
    margin: 0;
    padding: 0;
    width: 210px;
    background-color: transparent;
}

/* ▽メイン画像エリア▽ */

.mainimg {
    margin: 36px 0 42px 238px;
    padding: 0;
    background-color: transparent;
    width: 544px;
    position: relative;
}

/* メイン画像　切り替え部分 */

.featured {
    margin: 0;
    padding: 0;
    background-image: none;
}
.featured .ui-tabs-panel {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    line-height: 1%;
    height: 284px;
}
.featured .ui-tabs-panel img {
    margin: 0;
    padding: 0;
    width: 100%;
    /* height: auto; */
}
.featured .ui-tabs-hide {
    display: none;
}

/* メイン画像　ボタン部分 */

.featured ul.ui-tabs-nav {
    margin: 6px 0 0 -1px;
    padding: 0;
    width: 50px;
    height: 9px;
    float: left;
    list-style: none;
    list-style-image: none;
}
.featured ul.ui-tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
    line-height: 1%;
    width: 10px;
    background-color: transparent;
    background-image: none;
}
.featured ul.ui-tabs-nav li img {
    margin: 0;
    padding: 0;
    width: 10px;
}
.featured li.ui-tabs-nav-item a {
    display: block;
    border: 1px solid #FFFFFF;
}
.featured li.ui-tabs-nav-item a:hover {
    background: url('/images/s_t_mo_bt_brand.gif') 0 0 no-repeat;
}
.featured li.ui-tabs-selected {
    background: url('/images/s_t_mo_bt_brand.gif') 0 0 no-repeat;
}
.featured ul.ui-tabs-nav li.ui-tabs-selected a {
    background: url('/images/s_t_mo_bt_brand.gif') 0 0 no-repeat;
}
.featured p#nav-stop {
    position: absolute;
    bottom: 0;
    left: 51px;
    margin: 0 0 0 0;
    padding: 0;
    z-index: 10;
}

/* パークセンター発　21世紀の森と広場だより */

.area-tayori {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    width: 210px;
    background-image: url(/images/s_t_mo_bg_tayori.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
}
.area-tayori h2 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    border: none;
}
p.img-tayori {
    margin: 0 0 8px 0;
    padding: 4px 0 0 0;
    text-align: center;
    font-size: 1%;
    line-height: 1%;
    background-image: url(/images/s_t_mo_bg_tayori_photo.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 144px;
}
.area-tayori p.pagelinkin {
    margin: 0 5px 0 0;
    padding: 3px 6px 3px 22px;
    background-image: url(/images/s_t_mo_icon_inlink_green.gif);
    background-position: 10px 0.6em;
}
.txt-tayori {
    margin: 6px 0 8px 0;
    padding: 15px 0 0 0;
    background-image: url(/images/s_t_mo_bg_line_tayori.gif);
    background-repeat: no-repeat;
    background-position: 10px 0;
}
.area-tayori .ichiran-all {
    margin: 0;
    padding: 0;
    background-image: url(/images/s_t_mo_bg_tayori_bottom.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 47px;
}
.area-tayori .ichiran-all div {
    margin: 0;
    padding: 9px 11px 0 0;
    background-image: none;
}

/* パークセンターだより　どんぐり */

.area-donguri {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0 0 7px 0;
    width: 210px;
    background-image: url(/images/s_t_mo_bg_donguri.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.area-donguri h2 {
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    border: none;
}
p.img-donguri {
    margin: 0 0 0 24px;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
}
.area-donguri .ichiran-all {
    margin: 0;
    padding: 0;
    text-align: left;
}
.area-donguri .ichiran-all div {
    float: left;
    margin: 0;
    padding: 1px 0 0 26px;
    background-image: none;
}

/* 中央取り込み部分 */

.d-main {
    clear: both;
    margin: 0;
    padding: 0;
}

/* ガイドマップ */

.area-guidemap {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    width: 432px;
}
.area-guidemap h2 {
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    border: none;
}
.area-guidemap p.img-map {
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    border: none;
}

/* 中央枠共通 */

.area-title {
    margin: 0;
    padding: 0;
}
.area-title h2 {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    width: 240px;
}
.area-title h2 img {
    margin: 0;
}
.area-title p {
    float: right;
    margin: 0;
    padding: 42px 0 0 0;
    font-size: 1%;
    line-height: 1%;
    text-align: right;
    clear: none;
}

/* お知らせ */

.info-box {
    border-bottom: none;
    background-image: url(/images/s_t_mo_bg_info.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}
.info-box .area-title p a {
    margin: 0 27px 0 0;
}
.info-box p.pagelinkin {
    margin: 0.7em 5px 0.7em 5px;
    padding: 2px 0 6px 20px;
    border-bottom: 1px dotted #7B6255;
    background-image: url(/images/s_t_mo_icon_inlink_orange.gif);
    background-position: 4px 0.38em;
}

/* イベント情報 */

.event-box {
    background-image: url(/images/s_t_mo_bg_event.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
}
.event-box .area-title p a {
    margin: 0 24px 0 0;
}
.event-box p.pagelinkin {
    margin: 0.7em 5px 0.7em 5px;
    padding: 2px 0 6px 20px;
    border-bottom: 1px dotted #7B6255;
    background-image: url(/images/s_t_mo_icon_inlink_pink.gif);
    background-position: 4px 0.38em;
}

/* バーベキュー */

.area-bbq {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
}
.area-bbq h2 {
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    width: 210px;
}
.area-bbq h2 img {
    margin: 0;
}
.area-bbq p {
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    width: 210px;
}
.area-bbq p img {
    margin: 0;
}

/* 右汎用枠 */

.area-bgbrown {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    background-image: url(/images/s_t_mo_bg_area.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
}
.area-brown {
    clear: both;
    margin: 0;
    padding: 0;
    background-image: url(/images/s_t_mo_bg_area_bottom.gif);
    background-repeat: no-repeat;
    background-position: 0 100%;
}
.area-bgbrown h2 {
    margin: 0;
    padding: 0;
    font-size: 1%;
    line-height: 1%;
    width: 210px;
}
.area-bgbrown h2 img {
    margin: 0;
}
.area-bgbrown p.lr-img {
    margin-left: 9px;
}
.area-bgbrown .ichiran-all div {
    float: right;
    margin: 0 0 10px 0;
    padding: 5px 12px 0 10px;
    line-height: 1.2;
    text-align: right;
    background-image: none;
}

/* ▲▲▲▲▲ここまで▲▲▲▲▲ */

.wrap {
    padding: 0 0 10px 0;
    margin: 0 auto;
    width: 880px;
}
.mo_tb_gmenu {
    display: none;
}

.footbgall {
  color: #333;
}
#main {
  width: 650px;
}
.wrap {
  max-width: 880px;
}
.pankuzu {
  width: 880px;
}
.pankuzu ul>li {
  background-image: url(/images/c_arrow_pankuzu.gif);
  background-repeat: no-repeat;
  background-position: 100% 0.4em;
}
table th {
  border: 1px solid #85835D;
  background-color: #EDEBE4;
}
table td {
  border: 1px solid #85835D;
  background-color: #FFFFFF;
}

/* サイドエリア */

#losubnavi {
  clear: both;
  margin: 0 0 10px 0;
  padding: 0;
  width: 210px;
  border: 1px solid #DAD5C2;
  background-color: #FFFFFF;
  border-radius: 5px 5px 0 0;
}
#losubnavi h2 span {
  margin: 0 6px 0 6px;
  padding: 8px 4px 7px 34px;
  display: block;
  border-bottom: 2px solid #BBDE85;
  background-color: transparent;
  background-image: url(/images/c_icon_snavi_folder.gif);
  background-repeat: no-repeat;
  background-position: 4px 0.3em;
  font-size: 1.6rem;
}
.lobgbox {
  clear: both;
  margin: 0 0 10px 0;
  padding: 0 0 7px 0;
  width: 210px;
  border: 1px solid #DAD5C2;
  background-color: #FFFFFF;
  border-radius: 5px 5px 0 0;
}
#localnavi {
  width: 210px;
}

/* ▽お気に入り▽ */

#lobookmark {
  clear: both;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #DAD5C2;
  border-radius: 5px 5px 0 0;
}
.bookmark-title {
  border-bottom: 5px solid #f9ca4f;
  margin: 0;
  padding: 8px 4px 8px 8px;
}

/* サイドボタン */

p.loyokuaru a {
  background-image: url(/images/side_btn_loyokuaru.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.side_txt_btn {
  border: 1px solid #D6CDAF;
  border-radius: 5px;
  margin: 0 0 10px 0;
  padding: 0;
  background: #f6f5ed;
  background: -o-linear-gradient(top, #f6f5ed 0%, #eae6d7 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f5ed), to(#eae6d7));
  background: linear-gradient(to bottom, #f6f5ed 0%, #eae6d7 100%);
  background-color: #dbcab2;
}
.side_txt_btn a {
  padding: 12px 35px 12px 10px;
  display: block;
  color: #000;
  text-decoration: none;
}
.side_txt_btn a:visited {
  color: #000;
}
p.loyokuaru a {
  background-image: url(/images/side_btn_loyokuaru.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}
p.multi a {
  background-image: url(/images/side_btn_multi.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}
p.lojoho a {
  background-image: url(/images/side_btn_lojoho.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}
#lobookmark ul {
  padding: 0;
}
p.lojoho, p.loyokuaru, p.multi {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1.3rem;
}
address {
  font-size: 1.4rem;
}
#base {
  min-width: 880px;
}
.footlist {
  width: 880px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 0 10px 0;
}

/* 問い合わせ先 */
.con-txt {
  float: left;
  margin: 0;
  padding: 0;
  width: 380px;
}
.con-mail {
  float: left;
  margin: 0;
  padding: 0;
  width: 260px;
}
.con-mail p a {
    background-color: transparent;
    border: 1px solid #FFF;
    padding: 5px 10px 5px 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: inline-block;
    color: #222;
    width: 100%;
}

.con-mail p {
    margin: 15px 10px 15px 8px;
    border: 1px solid #999999;
}

/* 広告エリア */

.kokoku {
  clear: both;
  margin: 10px auto 10px;
  padding: 0;
  border: 1px solid #D2CDBD;
}
.kokoku-title {
  clear: both;
  margin: 0;
  padding: 0;
  background-color: #EAE6D7;
}
.kokoku-title h2 {
  float: left;
  margin: 0;
  padding: 0 0 0 0;
  border: none;
}
.kokoku-txt {
  float: right;
  margin: 0;
  padding: 0;
}
.kokoku-txt p {
  float: left;
  margin: 0 0 0 10px;
  padding: 5px 8px 5px 10px;
  background-color: transparent;
  background-image: url(/images/s_t_icon_green.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.kokoku ul {
  margin: 15px 0 0 18px;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.kokoku ul li {
  float: left;
  margin: 0;
  padding: 0;
  width: 172px;
  height: 67px;
  list-style-type: none;
  list-style-image: none;
  background-color: transparent;
  background-image: none !important;
  text-align: left;
}

@media screen and (min-width: 736px) {
    .pc-none {
        display: none !important;
    }
}
@media screen and (min-width:736px) and ( max-width:899px) {
  .tb-none {
    display: none !important;
  }
}
@media screen and (max-width: 1011px) {
    .mo_tb_gmenu {
        display: block;
    }
    .mo #head {
        width: 100%;
        padding: 0 0 55px 0;
    }
    .mo #headbgall {
        min-width: auto;
    }
    .mo .s0wrap {
        background-color: #542f00;
        height: auto;
        padding-bottom: 10px;
        width: auto;
    }
    .mo ul.headlist li {
        padding-top: 0;
    }
    .mo ul.gnavi {
        margin: 0;
    }
    .mo #gnb {
        margin: 0;
        display: none;
    }
    .mo ul.gnavi.clearfix li {
        padding: 0;
    }
    .mo #headbg {
        background-image: url(/images/s_mo_bg_head.png);
        background-position: 0 50%;
    }
    .mo_tb_gmenu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
    }
    .mo_tb_gmenu ul li {
        padding: 0;
        width: 20%;
        height: auto;
        text-align: center;
        background-image: none;
    }
    .mo_tb_gmenu ul li img {
        max-width: 100%;
        height: auto;
    }
    .mo #h0left {
        padding-top: 10px;
    }
    .mo .foot {
        width: 100%;
    }
    .mo .footbgall {
        min-width: auto;
    }
    .mo #copybgall {
        min-width: auto;
    }
    .mo #f0copy {
        width: 100%;
    }
}
@media screen and (max-width: 899px) {
/* base.css */

    /* 画像 */
    .con-txt {
        width: auto;
    }
    /* 動画・地図用 */
    iframe {
        width: 100% !important;
        max-height: 300px;
        margin: 0 auto;
    }
    .pankuzu {
        width: auto;
    }
   .t-mo .pankuzu{
             width: 880px;
   }



    .main-l {
        float: none;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #localnavi {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    #losubnavi {
        width: 100%;
        background-image: none;
        border: 1px solid #DAD5C2;
    }
    .lorecommend h2 span {
        margin: 0 6px 0 6px;
        padding: 8px 4px 7px 44px;
        display: block;
        background-color: transparent;
        background-image: url(/images/s_fd_icon_snavi_recommend.png);
        background-repeat: no-repeat;
        background-position: 4px 0.3em;
        font-size: 1.4rem;
    }
    .lobgbox {
        width: 100%;
        background-image: none;
        border: 1px solid #DAD5C2;
        border-radius: 5px 5px 0 0;
    }
    #losubnavi h2 {
        background: none;
    }
    #main {
        float: none;
        width: 100%;
    }
    .h-title {
        float: none;
        width: 100%;
    }
    .h-txt {
        float: none;
        width: 100%;
    }
    .main-r {
        float: none;
        width: 100%;
    }

.t-mo .main-r {
    float: right;
    width: 210px;
}

.t-mo .main-l {
    clear: both;
    float: left;
    width: 224px;
}

    ul.gnavi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    ul.gnavi li {
        height: auto;
        float: none;
        margin-bottom: 8px;
    }
    #gnb {
        height: auto;
        background: none !important;
        clear: both;
    }
    ul.gnavi li img {
        width: 100%;
        height: auto;
    }
    #myMenuAdd {
        width: 90%;
    }
    p.lojoho, p.loyokuaru, p.multi {
        margin-bottom: 15px;
        width: 31%;
        text-align: center;
        float: left;
        margin-right: 7px;
        margin-left: 7px;
    }
    #lobookmark {
        width: 100%;
    }
    /* 緊急情報 */
    .kinkyu-box {
        background-image: none;
        border: 1px solid #D23535;
        border-radius: 5px 5px 0 0;
        width: 100%;
    }
    .kinkyu-box h2 {
        padding: 5px 10px 5px 35px;
        border-bottom: 2px solid #D23535;
        background-image: url(/images/c_kinkyu_icon.png);
        background-position: 6px .25em;
    }
    .gsc-input-box {
        padding: 0 !important;
        border-radius: 0 !important;
    }

/* ==========================================================================================
899px 以下の指定 印刷除く
========================================================================================== */
#basebgwrap {
    padding-left: 20px;
    padding-right: 20px;
}
    #main {
        float: none;
        width: 100%;
    }
    #localnavi {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    #losubnavi {
        width: 100%;
        background-image: none;
        border: 1px solid #DAD5C2;
    }
  #base {
    min-width: auto;
  }
  p.lojoho, p.loyokuaru, p.multi {
    margin-bottom: 15px;
    width: 31%;
    text-align: center;
    float: left;
    margin-right: 7px;
    margin-left: 7px;
  }
  .footlist {
    width: auto;
  }
  .footlist ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

.pankuzu .pk-img,
.pankuzu ul li.pk-img {
    flex-shrink: 0;
    width: 77px;
}
    .mo .wrap {
        width: 100%;
    }
    .con-txt {
        float: none;
        width: auto;
    }
.con-mail {
    float: none;
    width: auto;
    display: inline-block;
}
    .lobgbox {
        width: 100%;
        background-image: none;
        border: 1px solid #DAD5C2;
        border-radius: 5px 5px 0 0;
    }
}
@media screen and (max-width: 736px) {
/* base.css */
    .sp-none {
        display: none !important;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    /* 1.5倍に拡大表示 */
    input[type="radio"], input[type="chexkbox"], input[type="checkbox"] {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
    /* 画像寄せ解除 */
    .img-area-l p.imglink-txt-left, .img-area-l p.imglink-txt-right {
        float: none;
    }
    p.imglink-side2:nth-child(1), p.imglink-side3:nth-child(1), p.imglink-side4:nth-child(1), p.imglink-side5:nth-child(1), .img-center, .img-right, .img-left, p.img-left, .img-only, p.imglink-side2, p.imglink-side3, p.imglink-side4, p.imglink-side5, .imglink-txt-left, p.imglink-txt-right, .img-area p.imglink-side4, .img-area-l p.imglink-txt-right, .img-area-r p.imglink-txt-right, .img-area p.imglink-side3, .img-area-l p.imglink-txt-left {
        width: auto;
        float: none;
        display: block;
        padding: 10px;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    /* 地図パーツ */
    .mapimg {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%;
    }
    .mapimg>iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mapimg {
        padding: 0;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .mapimg>iframe, .mapimg>object, .mapimg>embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mapimg {
        float: none;
    }
    /* googlemapサイズ固定 */
    .mapimg>iframe {
        width: 300px !important;
        height: 300px !important;
    }
    /* 評価エリア */
    input[type="radio"] {
        float: left;
        clear: both;
        margin: 4px 3px 0px 5px;
    }
    form.feedback .feddtxt {
        display: block;
    }
    form.feedback .feddtxt span {
        display: block;
    }
    form.feedback label {
        margin-bottom: 5px;
    }
    /* ヘッダメニュー */
    #gnavi_menu {
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #D4E4EC;
    }
    .menu-trigger, .menu-trigger span {
        display: inline-block;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .menu-trigger {
        position: relative;
        width: 40px;
        height: 30px;
        margin: 0 auto;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #222;
        border-radius: 4px;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 13px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    ul.b_headlist li {
        float: none;
        background-image: none !important;
        padding-left: 0;
    }
    ul.b_headlist {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    ul.b_headlist a {
        color: #333;
        border-bottom: 1px solid #FFF;
        position: relative;
        display: block;
        padding: 10px 25px 10px 15px;
    }
    ul.b_headlist li a:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 6px;
        height: 6px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    form#SSF .search-box, form#SSF01 .search-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu_btn_wp {
        position: absolute;
        top: 8px;
        right: 10px;
    }
    .gnb {
        padding-top: 25px;
    }
    /* 開閉 */
    .menu-trigger span:nth-of-type(2)::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 4px;
        background-color: #222;
        border-radius: 4px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
    }
    .menu-trigger.active span:nth-of-type(2) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-trigger.active span:nth-of-type(2)::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-20px) scale(0);
        -ms-transform: translateY(-20px) scale(0);
        transform: translateY(-20px) scale(0);
    }
    /* 動画3連 */
    .movelist .m-box3 {
        width: 100%;
        float: none;
    }
    .search {
        margin: 0;
        padding: 16px 7px 0 25px;
        background-position: 5px 1.5em;
        background-image: url(/images/smph_icon_search.png);
        background-repeat: no-repeat;
    }
    .smph_btn_footer_tothetop {
        text-align: right;
        margin: 0;
        padding: 10px 20px;
    }
    .smph_btn_footer_tothetop a {
        background: -o-linear-gradient(top, #fff7f7 0%, #f7f3ef 49%, #efebde 51%, #efe7de 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff7f7), color-stop(49%, #f7f3ef), color-stop(51%, #efebde), to(#efe7de));
        background: linear-gradient(to bottom, #fff7f7 0%, #f7f3ef 49%, #efebde 51%, #efe7de 100%);
    }
    ul.gnavi {
        display: block;
        border-top: 1px solid #FFF;
    }
    #gnavi_menu ul.gnavi li a {
        color: #333;
        border-bottom: 1px solid #FFF;
        position: relative;
        display: block;
        padding: 10px 25px 10px 15px;
    }
    #gnavi_menu ul.gnavi li a:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 6px;
        height: 6px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .smph_sub_menu.pc-none.tb-none img {
        width: 100%;
        border-bottom: 1px solid #24634D;
    }
    button#toggle01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .gsc-input-box {
        padding: 0 !important;
        border-radius: 0 !important;
    }
    .lobookmark_wp {
        width: auto;
    }
    p.lojoho, p.loyokuaru, p.multi {
        width: 100%;
        text-align: center;
        float: none;
        padding: 0;
        margin: 0 0 15px 0;
    }
    /* 小見出し付サムネイル3連 */
    .m-box3 {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    /* メニュー用枠 */
    .m-box2 {
        float: none;
        width: 100%;
    }
    .m-box2:nth-child(even) {
        float: none;
        margin-top: 1em;
    }

/* ==========================================================================================
736px 以下の指定 印刷除く iPad含めない
========================================================================================== */
.baseall.t-mo {
    min-width: auto;
}
    .main-l_wp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .pankuzu {
        width: auto;
    }
    .sp-none {
        display: none !important;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    /* 1.5倍に拡大表示 */
    input[type="radio"], input[type="chexkbox"], input[type="checkbox"] {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
    /* 画像寄せ解除 */
    .img-area-l p.imglink-txt-left, .img-area-l p.imglink-txt-right {
        float: none;
    }
    p.imglink-side2:nth-child(1), p.imglink-side3:nth-child(1), p.imglink-side4:nth-child(1), p.imglink-side5:nth-child(1), .img-center, .img-right, .img-left, p.img-left, .img-only, p.imglink-side2, p.imglink-side3, p.imglink-side4, p.imglink-side5, .imglink-txt-left, p.imglink-txt-right, .img-area p.imglink-side4, .img-area-l p.imglink-txt-right, .img-area-r p.imglink-txt-right, .img-area p.imglink-side3, .img-area-l p.imglink-txt-left {
        width: auto;
        float: none;
        display: block;
        padding: 10px;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    /* 地図パーツ */
    .mapimg {
        position: relative;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%;
    }
    .mapimg>iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mapimg {
        padding: 0;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .mapimg>iframe, .mapimg>object, .mapimg>embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mapimg {
        float: none;
    }
    /* googlemapサイズ固定 */
    .mapimg>iframe {
        width: 300px !important;
        height: 300px !important;
    }
    /* 評価エリア */
    input[type="radio"] {
        float: left;
        clear: both;
        margin: 4px 3px 0px 5px;
    }
    /* ヘッダメニュー */
    #gnavi_menu {
        padding-bottom: 15px;
        background-color: #9cdaff;
    }
    .menu-trigger, .menu-trigger span {
        display: inline-block;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .menu-trigger {
        position: relative;
        width: 40px;
        height: 30px;
        margin: 0 auto;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #FFF;
        border-radius: 4px;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 13px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    ul.b_headlist li {
        float: none;
        background-image: none;
        padding-left: 0;
        font-size: 1.6rem;
    }
    form#SSF .search-box, form#SSF01 .search-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .menu_btn_wp {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .gnb {
        padding-top: 25px;
    }
    /* 開閉 */
    .menu-trigger span:nth-of-type(2)::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 4px;
        background-color: #FFF;
        border-radius: 4px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
    }
    .menu-trigger.active span:nth-of-type(2) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-trigger.active span:nth-of-type(2)::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-20px) scale(0);
        -ms-transform: translateY(-20px) scale(0);
        transform: translateY(-20px) scale(0);
    }
    .wrap {
        width: 100%;
        max-width: none;
    }
    .main-l {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .main-c {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .t-mo .main-r,.main-r {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .t-mo #basebgwrap {
        min-width: auto;
    }
    .t-mo #headbgall {
        min-width: auto;
        background-color: #9cdaff;
        background-image: none;
    }
    .t-mo #head {
        width: 100%;
        height: auto;
    }
    .s0wrap {
        width: 100%;
        height: auto;
        background-color: #542f00;
        min-height: 65px;
    }
    .mainimg {
        margin: 0;
        width: 100%;
        padding-top: 20px;
    }
    .footbgall {
        min-width: auto;
    }
    .foot {
        width: 100%;
        min-width: auto;
    }
    #copybgall {
        min-width: 100%;
    }
    #f0copy {
        width: auto;
    }
    #s0left {
        padding: 0 10px 10px 0;
    }
    .t-mo #headbg {
        background-image: none;
    }
    .featured .ui-tabs-panel {
        height: auto;
    }
    .featured ul.ui-tabs-nav {
        margin: 6px 0 6px 10px;
        width: auto;
        height: auto;
        float: left;
    }
    .featured ul.ui-tabs-nav li {
        margin-left: 15px;
    }
    .featured p#nav-stop {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        margin: 2px 0 6px 10px;
        line-height: 1;
    }
    #toggle01 {
        margin: 0;
        padding: 0;
        cursor: pointer;
        border: none;
        background: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #FFF;
    }
    .add {
        padding: 100px 10px 10px 99px;
        background-image: url(/images/s_mo_mark_footer.gif);
        background-repeat: no-repeat;
        background-position: 10px 75px;
    }
    .add h2 {
        background-color: #d9e7b6;
    }
    address {
        background-color: #d9e7b6;
    }
    ul.gnavi li {
        float: none;
        height: auto;
        font-size: 1.6rem;
        padding: 0;
    }
    #gnavi_menu ul.gnavi li a {
        border-bottom: 1px solid #75A4C0;
    }
    ul.b_headlist a {
        border-bottom: 1px solid #75A4C0;
    }
    ul.gnavi {
        display: block;
    }
    ul.gnavi li a, ul.b_headlist li a {
        color: #654715;
    }
   .t-mo .pankuzu{
             width: auto;
   }
    .featured {
        background-color: #FFF;
    }
    .featured li.ui-tabs-nav-item a {
        background-image: url(/images/s_t_mo_bt_brand_off.png);
    }
    .h0wrap_sp img {
        max-width: 100%;
    }
    .h0wrap_sp {
        padding-left: 10px;
        padding-right: 25px;
    }
    .area-guidemap {
        width: 85%;
        margin: 0 auto;
    }
    .area-title {
        position: relative;
    }
    .area-title p {
        float: none;
    }
    .info-box .area-title p a {
        margin: 0;
    }
    .mo #headbg {
        background-image: none;
        background-color: #9cdaff;
    }
    .mo #headbgall {
        background-image: none;
    }
    .mo #head {
        padding: 0;
    }
    #h0left {
        height: auto;
        padding: 10px 5px;
    }
    p.lojoho, p.loyokuaru, p.multi {
        width: 100%;
        text-align: center;
        float: none;
        padding: 0;
        margin: 0 0 15px 0;
    }
form#SSF input#query,
form#SSF02 input#query02 {
    width: calc(100%);
}
/* 日付調整 */
ul.info-list li {
    display: block;
}
ul.info-list .date {
    display: block;
    float: none;
    width: auto;
}
ul.info-list li span {
    width: auto;
}

}