@charset "UTF-8";

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

/* ------------------------基本設定------------------------ */

.kan .wrap {
    max-width: 880px;
}

.kan #main {
    width: 650px;
}
.pankuzu {
    width: 880px;
}
.footlist {
    width: 880px;
    align-items: center;
    padding: 10px;
}

.footbgall {
    min-width: auto;
    background-color: #FFF;
}

.footlist ul {
    display: flex;
    align-items: center;
}

#base {
    min-width: auto;
}
/* ------------------------ヘッダー------------------------ */
#headbgall {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
	background-image: url(/images/s_kan_bg_head.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
	min-width: auto;
}
#headbg {
	clear: both;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 880px;
}
.s0wrap {
	clear: both;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
#s0left img {
	margin: 5px 0 0 0;
	padding: 0;
}
.s0right {
	float: right;
	margin: 0;
	padding: 3px 0 0 0;
	width: auto;
}

/* ヘッダーナビ */
ul.headlist {
	float: left;
	margin: 0;
	padding: 0;
}
ul.headlist li {
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
}
ul.headlist li img {
	margin: 0;
	padding: 0;
}

/* ヘッダー検索 */
ul.headlist li.search {
	margin: 3px 0 0 10px;
	width: 200px;
}
.h0wrap {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}
#h0left {
	float: left;
	margin: 0;
	padding: 0;
	width: 209px;
}
#h0left img {
	margin: 0;
	padding: 0;
}


/* ------------------------グローバルナビ------------------------ */
#gnb {
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 0 0;
}
ul.gnavi {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: transparent;
}
ul.gnavi li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	background-image: none;
}
ul.gnavi li img {
	margin: 0;
	padding: 0;
}
ul.gnavi li.gnb01 {
	padding: 64px 5px 0 0;
}
ul.gnavi li.gnb02 {
	padding: 94px 0 0 0;
}
ul.gnavi li.gnb03 {
	padding: 12px 6px 0 0;
}
ul.gnavi li.gnb04 {
	padding: 66px 7px 0 0;
}
ul.gnavi li.gnb05 {
	padding: 17px 0 0 0;
}
ul.gnavi li.gnb06 {
	padding: 91px 0 0 0;
}
ul.gnavi li.gnb07 {
	padding: 21px 0 0 0;
}

/* ------------------------フッター------------------------ */
/* このページの上へ戻る */
.tothispage div {
	background-image: url(/images/s_kan_icon_pagetop.gif);
}

/* フッター */
.footbgall {
	clear: both;
	margin: 0;
	padding: 0;
	min-width: 1011px;
	background-image: url(/images/s_kan_bg_footer.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.footbg {
	clear: both;
	margin: 0 auto 0 auto;
	text-align: left;
	background-image: none;
	width: 880px;
}
.add {
	clear: both;
	margin: 0;
	padding: 55px 0 5px 0;
}
.add h2 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	line-height: 1.2;
	border: none;
	background-image: none;
	color: #333;
}
address {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	color: #222222;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 1.5;
}

/* コピーライト */
#copybgall {
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: none;
}
#f0copy {
	clear: both;
	margin: 0 auto 0 auto;
	padding-bottom: 7px;
	text-align: left;
	width: 880px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}


/* ------------------------サブナビ------------------------ */
#losubnavi h2 span {
    margin: 0 6px 0 6px;
    padding: 8px 4px 7px 34px;
    display: block;
    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;
}
#losubnavi h2 span {
	border-bottom: 2px solid #C4922E;
}
.lobgbox p.pagelinkin,
#losubnavi li ,
#lobookmark li {
	background-image: url(/images/s_kan_icon_inlink.gif);
}
.lorecommend h2 {
}
.lorecommend h2 span {
    background-image: url(/images/s_kan_bg_title_snavi_reco.png);
    border-bottom: 2px solid #C4922E;
}


#losubnavi {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid #DAD5C2;
    background-color: #FFFFFF;
    border-radius: 5px 5px 0 0;
}
#lobookmark ul {
    padding: 0;
}
#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;
}
.bookmark-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* サイドボタン */

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;
}
/* ------------------------共通タグの基本定義------------------------ */
.h1bg {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
	border: none;
	background-color: #f3efe5;
	border-radius: 10px;
}
.h1bg div {
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
}
.h1bg h1 {
	margin: 0;
	padding: 6px 20px 6px 43px;
	font-size: 2.0rem;
	line-height: 1.6;
	color: #222222;
	background-color: transparent;
	background-image: url(/images/s_kan_icon_h1.gif);
	background-repeat: no-repeat;
	background-position: 6px 0.36em;
}
.h2bg {
	border-bottom: none;
}
.h2bg h2 {
	padding: 6px 0 6px 6px;
	background-image: url(/images/s_kan_bg_h2.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.h3bg {
	border-bottom: 1px dotted #C6B490;
}
.h3bg div {
	padding: 0 0 0 22px;
	background-image: url(/images/s_kan_icon_h3.gif);
	background-position: 3px .58em;
	background-repeat: no-repeat;
}
h4 {
	color: #7C663C;
}
ul>li {
	background-image: url(/images/s_kan_icon_li.gif);
}


/* ------------------------テンプレート用共通------------------------ */
/* 内部ページリンクスタイル */
p.pagelinkin {
	background-image: url(/images/s_kan_icon_inlink.gif);
}

/* ページ内ジャンプ */
ul.linkjump li {
	background-image: url(/images/s_kan_icon_jumplink.gif) !important;
}

/* コンテンツ内のこのページの上へ戻る */
.tothispage2 div {
	background-image: url(/images/s_kan_icon_pagetop.gif);
}

/* コーナー用 */
ul.norcor li {
	background-image: url(/images/s_kan_icon_inlink.gif) !important;
}

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


/* ▲▲▲▲▲ここまで▲▲▲▲▲ */
@media screen and (min-width: 900px) {
  .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: 1028px) {
#headbgall {
	min-width: auto;
}
.footbgall {
	min-width: auto;
}
#copybgall {
	min-width: auto;
}
#h0left {
    width: auto;
}
}

@media screen and (max-width: 899px) {
.footlist {
    width: auto;
}
/* base.css */

    /* 画像 */
    .con-txt {
        width: auto;
    }
    /* 動画・地図用 */
    iframe {
        width: 100% !important;
        max-height: 300px;
        margin: 0 auto;
    }
    .pankuzu {
        width: auto;
    }
    .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%;
    }
    ul.gnavi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    ul.gnavi li {
        height: auto;
        float: none;
        margin-bottom: 8px;
    }
    #gnb {
    }
    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 以下の指定 印刷除く
========================================================================================== */
#headbgall {
	min-width: auto;
}
.footbgall {
	min-width: auto;
}
#copybgall {
	min-width: auto;
}
#h0left {
    width: auto;
}

.h0wrap {
    display: flex;
    justify-content: center;
}

ul.gnavi {
    display: flex;
}

ul.gnavi li {
    float: none;
    padding-right: 0 !important;
    width: calc(100% / 7);
}

ul.gnavi li img {
    max-width: 100%;
    height: auto;
}

#headbg {
    width: auto;
}
#f0copy {
	width: auto;
	padding-left: 25px;
	padding-right: 25px;
}
.footbg {
	width: auto;
}
#headbg {
	width: auto;
}
.add {
    padding: 55px 25px 5px 25px;
}

  .pankuzu {
    width: auto;
  }
  .main-l {
    float: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #basebgwrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  #localnavi {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  #losubnavi {
    width: 100%;
    background-image: none;
    border: 1px solid #DAD5C2;
    border-radius: 5px 5px 0 0;
  }
  .lobgbox {
    width: 100%;
    background-image: none;
    border: 1px solid #DAD5C2;
    border-radius: 5px 5px 0 0;
  }
  .kan #main {
    float: none;
    width: 100%;
  }
  .h-title {
    float: none;
    width: 100%;
  }
  .h-txt {
    float: none;
    width: 100%;
  }
  .main-r {
    float: none;
    width: 100%;
  }
  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;
  }
.lorecommend h2 {
    background-image: none;
}
.lorecommend h2 span {
    border-color: #C4922E;
}
#losubnavi h2 {
    background-image: none;
}
  p.lojoho, p.loyokuaru, p.multi {
  }

#lobookmark {
    margin-left: auto;
    margin-right: auto;
}


}

@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 {
    }
    #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含めない
========================================================================================== */
  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;
  }
  .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;
    text-align: center;
    padding-left: 0;
  }
  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);
  }

p.lojoho, p.loyokuaru, p.multi {
    width: 100%;
    text-align: center;
    float: none;
}

p.lojoho img, p.loyokuaru img {
    width: 100%;
}
.h0wrap {
    align-items: center;
}

ul.gnavi li {
    padding-top: 0 !important;
    width: calc(100% / 4);
}

#h0left {
    width: calc(100% / 3);
    flex-shrink: 0;
}

ul.gnavi {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 290px;
}
.s0right {
    width: auto;
}
form#SSF input#query,
form#SSF02 input#query02 {
    width: calc(100% - 90px);
}
/* 日付調整 */
ul.info-list li {
    display: block;
}

ul.info-list .date {
    display: block;
    float: none;
    width: auto;
}

ul.info-list li span {
    width: auto;
}

}