@charset "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box; }
html { overflow-y: scroll; overflow-x: auto; min-height:100%; min-width:100%; }
html,body { width: 100%; height: 100%;  min-height:100%; min-width:100%; -webkit-text-size-adjust: 100%;}
img { border: none; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del,dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}
ul,ol,li {margin:0 padding:0; list-style:none; text-decoration: none;}
table { border-collapse: collapse; border-spacing: 0; }

body:not(.dev-pc) body {
    overflow: visible;    
    background:#FFFFFF; 
    font-family:"メイリオ",Meiryo,sans-serif;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
body.dev-sp,
body.dev-tb {
    background: #fff;
    overflow-x: visible;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:;background:transparent;text-decoration: none;}
a:focus { outline: none; }
.clear { clear: both; }
article,aside,details,footer,header,main,menu,nav,section,summary {
display: block; }


/*--要素のフェードイン--*/

body:not(.dev-pc) .inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .8s;
}
    
body:not(.dev-pc) .fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}


/* 見出し */

body:not(.dev-mb) .cms-public .heading h2 {
    clear: both;
    position: relative;
    width: 100%;
    height: auto;
    background: #88cFda;
    border-left: none;
    border-bottom: 5px solid #377c88;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #474747;
    text-indent: 0;
    margin: 2em 0 1em;
    padding: 10px 5px 10px 10px;
}
body:not(.dev-mb) .cms-public .heading h3 {
    clear: both;
    position: relative;
    width: 97% !important;
    height: auto;
    background: none;
    border-left: 8px solid #cdc56f;
    border-bottom: 2px solid #cdc56f;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #534f16;
    text-indent: 0;
    padding: 10px 5px 10px 10px;
}
body:not(.dev-mb) .cms-public .heading h4 {
    clear: both;
    position: relative;
    width: 97%;
    height: auto;
    border-left: 8px solid #534f16;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #534f16;
    text-indent: 0;
    margin: 30px 10px 10px 10px;
    padding: 10px 0 10px 10px;
    background: none;
}
body:not(.dev-mb) .cms-public .heading h4:after {
    background: none;
}
/*�p���������X�g*/

body:not(.dev-pc) .cms-public .breadclumb {
    clear:both; 
    position:relative;
    top:0;
    display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 10px 30px 20px;
    border-bottom: 3px solid #534f16;
    font-size: 12px;
    line-height:12px;
}
body:not(.dev-pc) .cms-public .breadclumb .bread-list {
    line-height: 1.8em;
}
body:not(.dev-pc) .cms-public .breadclumb a:link {
    font-size: 12px;
    text-decoration: underline;
    color:#000000;
}

body:not(.dev-pc) .cms-public .breadclumb a:visited {
    font-size: 12px;
    text-decoration: underline;
    color:#000000;
}

body:not(.dev-pc) .cms-public .breadclumb a:hover {
    font-size: 12px;
    text-decoration: none;
    color:#000000;
}



body:not(.dev-mb) .cms-public .heading h1 {
   clear:both;
   position:relative;
   top:80px;
   left: 0;
   width: auto;
   height: auto;
   padding:15px 0;
   background: rgba(203,197,111,0.5);
   border-bottom: 3px solid #534f16;
   font-size: 32px;
   font-family:"   C   I",Meiryo,sans-serif;
   line-height: 32px;
   font-weight: normal;
   text-align: center;
   text-shadow: none;
   color: #534f16;
   z-index: 50;
}

body:not(.dev-pc) .cms-public .heading h1 {
   top:0;
   margin-top: 0;
    margin-bottom: 0;
}

body:not(.dev-mb) .cms-public h2 {
   clear:both;
   position:relative;
   width:100%;
   height: auto;
   background: #88cFda;
   border-bottom: 5px solid #377c88;
   font-size: 20px;
   line-height: 20px;
   font-weight: normal;
   color: #474747;
   text-indent: 25px;
   margin:0 0 50px 0;
   padding:10px 0;
}
body:not(.dev-mb) .cms-public .heading h2 {
    /*margin: 30px 0;
    text-indent: 0;*/
}
body:not(.dev-mb) .cms-public h3 {
   clear:both;
   position:relative;
   width:100%;
   height: auto;
   border-left:10px solid #cdc56f;
   border-bottom: 1px solid #cdc56f;
   font-size: 16px;
   line-height: 16px;
   font-weight: bold;
   color: #534f16;
   text-indent: 20px;
   margin:40px 0;
   padding:10px 0;
}



/*footer*/

body:not(.dev-pc) .footer {
    position: relative;
    background: #88cfda;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding:30px;
    font-size: 12px;
    color: #474747;
    text-align: left;
    line-height: 180%;
}

body:not(.dev-pc) .footer p.footer_mds {
    font-size: 16px;
    font-weight: bold;
    padding:10px 0px;
}

body:not(.dev-pc) .footer p.footer_indent {
    padding-left:0;
    text-indent:0;
}


/*copyright*/
body:not(.dev-pc) .copyright {
    position: relative;
    background: #f9f9ef;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding:10px 0;
    font-size: 12px;
    color: #474747;
    text-align: center;
    line-height: 12px;
}



/*--Page Top--*/

body:not(.dev-pc) .pagetop {
  position: relative;
  width:100%;
  height: auto;
  text-align: right;
}

body:not(.dev-pc) .pagetop a {
  position: relative;
  display: table;
  width:100%;
  height: auto;
  background:#377c88;
  border-top: 1px solid #377c88;
  border-bottom: 1px solid #377c88;
  color:#f9f9ef;
  font-size:18px;
  text-align: right;
  padding-right:30px;
  text-decoration:none;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}

body:not(.dev-pc) .pagetop a:hover {
  background:#f9f9ef;
  color:#377c88;
  border-top: 1px solid #377c88;
  border-bottom: 1px solid #377c88;
}




/*--------------------------------------------

ここから各ページごとの画像設定

---------------------------------------------*/

/*-----------------------------------------

------------------------------------------*/

body:not(.dev-pc) .about_menu,
body:not(.dev-pc) .gallery_menu,
body:not(.dev-pc) .nc_season_menu,
body:not(.dev-pc) .nc_culture_menu,
body:not(.dev-pc) .tr_lodging_menu,
body:not(.dev-pc) .sg_food_menu,
body:not(.dev-pc) .tr_lodging_menu_spa {
  position:relative;
  margin: 0 auto;
  width: auto;
  margin: 0 auto;
}

body:not(.dev-pc) .about_menu_outline,
body:not(.dev-pc) .about_menu_symbol,
body:not(.dev-pc) .about_menu_history,
body:not(.dev-pc) .gallery_menu_picture,
body:not(.dev-pc) .gallery_menu_movie,
/*body:not(.dev-pc) .nc_season_menu_spring,
body:not(.dev-pc) .nc_season_menu_summer,
body:not(.dev-pc) .nc_season_menu_autumn,
body:not(.dev-pc) .nc_season_menu_winter,
body:not(.dev-pc) .nc_culture_menu_1,
body:not(.dev-pc) .nc_culture_menu_2,
body:not(.dev-pc) .nc_culture_menu_3,
body:not(.dev-pc) .nc_culture_menu_4,
body:not(.dev-pc) .nc_culture_menu_5,
body:not(.dev-pc) .tr_lodging_menu_spa,
body:not(.dev-pc) .tr_lodging_menu_local,
body:not(.dev-pc) .tr_lodging_menu_hotel,*/
body:not(.dev-pc) .sg_food_menu_1,
body:not(.dev-pc) .sg_food_menu_2,
body:not(.dev-pc) .sg_food_menu_3,
body:not(.dev-pc) .sg_food_menu_4 {
  overflow:hidden;
  /*width: 300px;
  height: 71px;*/
  margin: 0 auto;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 30px;
  text-indent: 50px;
  vertical-align: middle;
  /*-webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out;*/ 
}
body.dev-sp .sg_food_menu_1,
body.dev-sp .sg_food_menu_2,
body.dev-sp .sg_food_menu_3,
body.dev-sp .sg_food_menu_4  {
    font-size: 20px;
}
body:not(.dev-pc) .about_menu_outline a,
body:not(.dev-pc) .about_menu_symbol a,
body:not(.dev-pc) .about_menu_history a,
body:not(.dev-pc) .gallery_menu_picture a,
body:not(.dev-pc) .gallery_menu_movie a,
/*body:not(.dev-pc) .nc_season_menu_spring a,
body:not(.dev-pc) .nc_season_menu_summer a,
body:not(.dev-pc) .nc_season_menu_autumn a,
body:not(.dev-pc) .nc_season_menu_winter a,
body:not(.dev-pc) .nc_culture_menu_1 a,
body:not(.dev-pc) .nc_culture_menu_2 a,
body:not(.dev-pc) .nc_culture_menu_3 a,
body:not(.dev-pc) .nc_culture_menu_4 a,
body:not(.dev-pc) .nc_culture_menu_5 a,
body:not(.dev-pc) .tr_lodging_menu_spa a,
body:not(.dev-pc) .tr_lodging_menu_local a,
body:not(.dev-pc) .tr_lodging_menu_hotel a,*/
body:not(.dev-pc) .sg_food_menu_1 a,
body:not(.dev-pc) .sg_food_menu_2 a,
body:not(.dev-pc) .sg_food_menu_3 a,
body:not(.dev-pc) .sg_food_menu_4 a {
    padding: 2em 0;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
    border-bottom: 1px solid #ffffff;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  text-shadow:0px 0px 5px #000000 , 0px 0px 10px #000000 , 0px 0px 20px #000000;
  /*-webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; */
}

body:not(.dev-pc) .about_menu_outline a:hover,
body:not(.dev-pc) .about_menu_symbol a:hover,
body:not(.dev-pc) .about_menu_history a:hover,
body:not(.dev-pc) .gallery_menu_picture a:hover,
body:not(.dev-pc) .gallery_menu_movie a:hover,
body:not(.dev-pc) .nc_season_menu_spring a:hover,
body:not(.dev-pc) .nc_season_menu_summer a:hover,
body:not(.dev-pc) .nc_season_menu_autumn a:hover,
body:not(.dev-pc) .nc_season_menu_winter a:hover,
body:not(.dev-pc) .nc_culture_menu_1 a:hover,
body:not(.dev-pc) .nc_culture_menu_2 a:hover,
body:not(.dev-pc) .nc_culture_menu_3 a:hover,
body:not(.dev-pc) .nc_culture_menu_4 a:hover,
body:not(.dev-pc) .nc_culture_menu_5 a:hover,
body:not(.dev-pc) .tr_lodging_menu_spa a:hover,
body:not(.dev-pc) .tr_lodging_menu_local a:hover,
body:not(.dev-pc) .tr_lodging_menu_hotel a:hover,
body:not(.dev-pc) .sg_food_menu_1 a:hover,
body:not(.dev-pc) .sg_food_menu_2 a:hover,
body:not(.dev-pc) .sg_food_menu_3 a:hover,
body:not(.dev-pc) .sg_food_menu_4 a:hover ,
body:not(.dev-pc) .cms-public .photo-box a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* 各バナーごとの画像設定 */

body:not(.dev-pc) .about_menu_outline a {
  background-image: url(/file/html/169439.jpg);
}
body:not(.dev-pc) .about_menu_symbol a {
  background-image: url(/file/html/169440.jpg);
}
body:not(.dev-pc) .about_menu_history a {
  background-image: url(/file/html/169441.jpg);
}
body:not(.dev-pc) .gallery_menu_picture a {
  background-image: url(/file/html/518918.jpg);
}
body:not(.dev-pc) .gallery_menu_movie a {
  background-image: url(/file/html/518917.jpg);
}
/*body:not(.dev-pc) .nc_season_menu_spring a {
  background-image: url(/file/html/169728.jpg);
}
body:not(.dev-pc) .nc_season_menu_summer a {
  background-image: url(/file/html/169727.jpg);
}
body:not(.dev-pc) .nc_season_menu_autumn a {
  background-image: url(/file/html/169726.jpg);
}
body:not(.dev-pc) .nc_season_menu_winter a {
  background-image: url(/file/html/169725.jpg);
}
body:not(.dev-pc) .nc_culture_menu_1 a {
  background-image: url(/file/html/169742.jpg);
}
body:not(.dev-pc) .nc_culture_menu_2 a {
  background-image: url(/file/html/169740.jpg);
}
body:not(.dev-pc) .nc_culture_menu_3 a {
  background-image: url(/file/html/169739.jpg);
}
body:not(.dev-pc) .nc_culture_menu_4 a {
  background-image: url(/file/html/169741.jpg);
}
body:not(.dev-pc) .nc_culture_menu_5 a {
  background-image: url(/file/html/175600.jpg);
}
body:not(.dev-pc) .tr_lodging_menu_spa a {
  background-image: url(/file/html/169756.jpg);
}
body:not(.dev-pc) .tr_lodging_menu_local a {
  background-image: url(/file/html/169755.jpg);
}
body:not(.dev-pc) .tr_lodging_menu_hotel a {
  background-image: url(/file/html/169754.jpg);
}
*/
body:not(.dev-pc) .sg_food_menu_1 a {
  background-image: url(/file/html/169745.jpg);
}
body:not(.dev-pc) .sg_food_menu_2 a {
  background-image: url(/file/html/169746.jpg);
}
body:not(.dev-pc) .sg_food_menu_3 a {
  background-image: url(/file/html/169748.jpg);
}
body:not(.dev-pc) .sg_food_menu_4 a {
  background-image: url(/file/html/169747.jpg);
}

/* Nature and Culture */
body:not(.dev-pc) .nc_menu_season,
body:not(.dev-pc) .nc_menu_culture {
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 2em;
    border-bottom: 1px solid #fff;
}
body:not(.dev-pc) .nc_menu_season {
    background: url(/file/html/169449.jpg) no-repeat center center;
}
body:not(.dev-pc) .nc_menu_culture {
    background: url(/file/html/169557.jpg) no-repeat center center;
}
body:not(.dev-pc) .nc_menu p,
body:not(.dev-pc) .tr_menu p,
body:not(.dev-pc) .sg_menu p {
    font-size: 1em;
    color: #ffffff;
    text-shadow: 0px 0px 5px #000000, 0px 0px 10px #000000, 0px 0px 20px #000000;
}
body:not(.dev-pc) .nc_menu p.mds,
body:not(.dev-pc) .tr_menu p.mds,
body:not(.dev-pc) .sg_menu p.mds {
    color: #ffffff;
    font-size: 1.3em;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    text-shadow: 0px 0px 5px #000000, 0px 0px 10px #000000, 0px 0px 20px #000000;
}
body:not(.dev-pc) .nc_menu a,
body:not(.dev-pc) .tr_menu a,
body:not(.dev-pc) .sg_menu a {
    background: #000;
    padding: 0.5em 1em;
    display: inline-block;
    margin-top: 0.5em;
    color: #88cfda;
    border: 1px solid;
    font-weight: bold;
}


/* Tourism Specialties */
body:not(.dev-pc) .tr_menu_recommended,
body:not(.dev-pc) .tr_menu_spot,
body:not(.dev-pc) .tr_menu_leisure,
body:not(.dev-pc) .tr_menu_event,
body:not(.dev-pc) .tr_menu_spa,
body:not(.dev-pc) .sg_menu_soulfood,
body:not(.dev-pc) .sg_menu_craft {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ffffff;
    background-size: cover;
    color: #ffffff;
    vertical-align: middle;
    padding: 2em;
}
body:not(.dev-pc) .tr_menu_recommended {
    background: url(/file/html/169705.jpg) no-repeat top center;
}
body:not(.dev-pc) .tr_menu_spot {
    background: url(/file/html/169589.jpg) no-repeat center center;
}
body:not(.dev-pc) .tr_menu_leisure {
    background: url(/file/html/169592.jpg) no-repeat center center;
}
body:not(.dev-pc) .tr_menu_event {
    background: url(/file/html/169591.jpg) no-repeat top center;
}
body:not(.dev-pc) .tr_menu_spa {
    background: url(/file/html/169590.jpg) no-repeat center center;
}
body:not(.dev-pc) .sg_menu_soulfood {
    background: url(/file/html/169630.jpg) no-repeat center center;
}
body:not(.dev-pc) .sg_menu_craft {
    background: url(/file/html/169629.jpg) no-repeat center center;
} 
body:not(.dev-pc) .tr_menu p.mds_recommended {
    color: #534f16;
    font-size: 1.3em;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    text-shadow: none;
}
body:not(.dev-pc) .tr_menu .recommended {
    line-height: 180%;
    font-size: 1em;
    color: #534f16;
    text-shadow: none;
}
body:not(.dev-pc) .tr_access {
    background-color: #534f16;
    padding: 0.5em;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0;
}
body:not(.dev-pc) .tr_access a {
    border: 2px solid #fff;
    display: block;
    padding: 1em;
    color: #fff;
}




/*-----------------------------------------

------------------------------------------*/
body:not(.dev-pc) .tr_menu,
body:not(.dev-pc) .sg_menu {

}
body:not(.dev-pc) .tr_menu_recommended,
body:not(.dev-pc) .tr_menu_spot,
body:not(.dev-pc) .tr_menu_leisure,
body:not(.dev-pc) .tr_menu_event,
body:not(.dev-pc) .tr_menu_spa,
body:not(.dev-pc) .sg_menu_soulfood,
body:not(.dev-pc) .sg_menu_craft {

}


/*-----------------------------------------
   Link
------------------------------------------*/
body.dev-sp .cms-public .link,
body.dev-tb .cms-public .link  {
    width: auto;
    margin-bottom: 3em;
}
body.dev-sp .cms-public .link ul li,
body.dev-tb .cms-public .link ul li {
    margin: 0 0 0 1em;
    list-style-type: none;
    color: #474747;
    line-height: 200%;
    position: relative;
}
body.dev-sp .cms-public .link ul li:before,
body.dev-tb .cms-public .link ul li:before {
    content: "";
    border: transparent solid 0.3em;
    border-left-color: #377c88;
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    margin: 0px;
    margin-top: 0.7em;
    padding: 0px;
}
body.dev-sp .cms-public .link ul li a,
body.dev-tb .cms-public .link ul li a {
    color: #474747;
    text-decoration: underline;
    padding-left: 1em;
}


/*-----------------------------------------
   2階層目
------------------------------------------*/
body:not(.dev-pc) .nc_season_menu,
body:not(.dev-pc) .nc_culture_menu,
body:not(.dev-pc) .tr_lodging_menu {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    margin: 2em auto;
    max-width: 600px;
}
body:not(.dev-pc) .nc_season_menu > div,
body:not(.dev-pc) .nc_culture_menu > div,
body:not(.dev-pc) .tr_lodging_menu > div {
    margin: 0 0.3em 2em;
    background-color: rgba(203,197,111,0.5);
    border-bottom: 3px solid #534f16;
    border-top: 3px solid #534f16;
    width: 290px;
}
body:not(.dev-pc) .nc_season_menu > div a,
body:not(.dev-pc) .nc_culture_menu > div a,
body:not(.dev-pc) .tr_lodging_menu > div a {
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: bold;
    color: #534f16;
    display: block;
    text-align: center;
}
body:not(.dev-pc) .nc_season_menu_spring a:before,
body:not(.dev-pc) .nc_season_menu_summer a:before,
body:not(.dev-pc) .nc_season_menu_autumn a:before,
body:not(.dev-pc) .nc_season_menu_winter a:before,
body:not(.dev-pc) .nc_culture_menu_1 a:before,
body:not(.dev-pc) .nc_culture_menu_2 a:before,
body:not(.dev-pc) .nc_culture_menu_3 a:before,
body:not(.dev-pc) .nc_culture_menu_4 a:before,
body:not(.dev-pc) .nc_culture_menu_5 a:before,
body:not(.dev-pc) .tr_lodging_menu_spa a:before,
body:not(.dev-pc) .tr_lodging_menu_local a:before,
body:not(.dev-pc) .tr_lodging_menu_hotel a:before {
    width: 290px;
    height: 197px;
    display: block;
    overflow: hidden;
}
body:not(.dev-pc) .nc_season_menu_spring a:before {
  content: url(/file/html/169728.jpg);
}
body:not(.dev-pc) .nc_season_menu_summer a:before {
  content: url(/file/html/169727.jpg);
}
body:not(.dev-pc) .nc_season_menu_autumn a:before {
  content: url(/file/html/169726.jpg);
}
body:not(.dev-pc) .nc_season_menu_winter a:before {
  content: url(/file/html/169725.jpg);
}
body:not(.dev-pc) .nc_culture_menu_1 a:before {
  content: url(/file/html/169742.jpg);
}
body:not(.dev-pc) .nc_culture_menu_2 a:before {
  content: url(/file/html/169740.jpg);
}
body:not(.dev-pc) .nc_culture_menu_3 a:before {
  content: url(/file/html/169739.jpg);
}
body:not(.dev-pc) .nc_culture_menu_4 a:before {
  content: url(/file/html/169741.jpg);
}
body:not(.dev-pc) .nc_culture_menu_5 a:before {
  content: url(/file/html/175600.jpg);
}
body:not(.dev-pc) .tr_lodging_menu_spa a:before {
  content: url(/file/html/169756.jpg);
}
body:not(.dev-pc) .tr_lodging_menu_local a:before {
  content: url(/file/html/169755.jpg);
}
body:not(.dev-pc) .tr_lodging_menu_hotel a:before {
  content: url(/file/html/169754.jpg);
}
body:not(.dev-pc) .ph_menu .note {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    margin: 2em auto 0;
    max-width: 600px;
}
body:not(.dev-pc) .cms-public .photo-box {
    float: none;
    width: 290px;
    margin: 0 0.3em 2em;
    background: rgba(203,197,111,0.5);
    border-bottom: 3px solid #534f16;
    border-top: 3px solid #534f16;
}
body:not(.dev-pc) .cms-public .photo-box a {
    display: block;
    height: 197px;
}
body:not(.dev-pc) .cms-public .image figcaption.left {
    display: block;
    text-align: center;
    font-size: 1.2em;
    color: #534f16;
    font-weight: bold;
    padding: 0.3em;
}
body:not(.dev-pc) .picture_menu .note {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    margin: 2em auto;
    max-width: 600px;
}
body:not(.dev-pc) .picture_menu .note > div {
    float: none;
    width: 290px;
    margin: 0 0.3em 2em;
}
body:not(.dev-pc) .cms-public .contents {
    margin: 2em auto 4em;
}
body:not(.dev-pc) .cms-public .within {
    margin-bottom: 2em;
}

@media screen and (max-width: 599px) {
body:not(.dev-pc) .nc_season_menu, 
body:not(.dev-pc) .nc_culture_menu,
body:not(.dev-pc) .ph_menu .note,
body:not(.dev-pc) .tr_lodging_menu,
body:not(.dev-pc) .picture_menu .note {
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content:center;
}
}