.min{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
hi{
    font-size: 30px;
}

.txt_top {
    font-weight: normal;
}
.txt_darkblue{
    color: #282157;
}
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 600px; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
    top: 10%;
}
/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.top_sharidake {
    padding-bottom: 0px;
}

.slide {
    padding-top: 0px;
}

.bak_green {
    background-color: #EBFFED;
    padding-bottom: 0px;
}

.bg-jgreen {
    background-color: #00B259;
    color: white;
}

/*blog*/

#staffFeed {
    height: 230px;
    overflow: hidden;
    width: 100%;
    display: block;
    padding: 10px;
    border: solid 1px #ddd;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    margin-bottom: 10px;
background-color: #fff;
}
#staffFeed .gfc-control {
    padding-left: 0px;
    padding-right: 0px;
}
#staffFeed .gfc-resultsbox-visible {
 text-align:left;
}
#staffFeed .gfc-resultsRoot {
}
#staffFeed .gfc-resultsHeader {
 display:none;
 border-bottom: none;
}
#staffFeed .gfc-results {
    min-height: 0px;
}
#staffFeed .gfc-result {
}
#staffFeed .gf-result {
    text-decoration: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    height: 230px;
    padding: 0px;
    margin: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    float: left;
}
#staffFeed .gf-result:hover{
    text-decoration: none;
}
#staffFeed .gfc-title {
}
#staffFeed .gf-title {
    text-decoration: none;
}

#staffFeed a.gf-title {
}
#staffFeed a.gf-title:hover {
    text-decoration: none;
}
#staffFeed .gf-author {
    display: none;
}
#staffFeed .gf-spacer {
    display: none;
}
#staffFeed .gf-relativePublishedDate .gf-relativePublishedDateYMD {
 display: block;
}
#staffFeed .gf-relativePublishedDate .gf-relativePublishedDateDelimiter {
 display : none;
}
#staffFeed .gf-relativePublishedDate .gf-relativePublishedDateHM {
    display: none;
    font-size: 10px;
}
#staffFeed div.gf-title {
    position: absolute;
    top: 130px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    text-align: left;
    float: left;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    text-overflow: ellipsis;
    height: 30px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#staffFeed .gf-snippet {
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin: 0px;
    height: 90px;
    top: 170px;
    position: absolute;
    text-align: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#staffFeed .gf-category {
    left: 0px;
    top: 174px;
    width: 120px;
    position: absolute;
    background-position: center;
    text-align: center;
    font-size: 13px;
    float: left;
    height: 20px;
    letter-spacing: 0.2em;
    background-color: #FF7373;
    color: #FCFCFC;
    overflow: hidden;
    line-height: 22px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
}
#staffFeed .gf-thumbnail {
    overflow: hidden;
    text-align: center;
    height: 100px;
    margin: 0px;
    position: absolute;
    top: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url(../img/no_image.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
   display: block;
 margin-left: auto;
 margin-right: auto;
        width: 100%;
}
#staffFeed .gf-relativePublishedDate {
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin: 0px;
    height: 20px;
    top: 115px;
    position: absolute;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


/* topicsFeed */

#topicsFeed {
    width: 100%;
    height: 230px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    margin-bottom: 10px;
    background-color: #fff;
    border: solid 1px #ddd;
    padding-top: 25px;
}
#topicsFeed .gfc-resultsbox-visible {
 text-align:left;
}
#topicsFeed .gfc-resultsRoot {
}
#topicsFeed .gfc-resultsHeader {
 display:none;
 border-bottom: none;
}
#topicsFeed .gfc-title {
}
#topicsFeed .gfc-results {
    padding-bottom : 2px;
    min-height: 0px;
    padding-top: 2px;
}
#topicsFeed .gfc-result {
 margin-bottom : 0px;
}
#topicsFeed .gf-result {
    text-decoration: none;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    height: 20px;
    width: 100%;
}
#topicsFeed .gf-result:hover {
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    background-color: #E1FFD6;
}
#topicsFeed .gf-title {
    font-size: 13px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
}
#topicsFeed div.gf-title {
    height: 18px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px;
    width: 110px;
    background-color: #FF7373;
}
#topicsFeed a.gf-title {
}
#topicsFeed .gf-author {
 display : none;
}
#topicsFeed .gf-spacer {
 display : none;
}
#topicsFeed .gf-relativePublishedDate {
    position: absolute;
    top: 0px;
    left: 110px;
    height: 19px;
    width: 100px;
    text-align: center;
    float: left;
    font-size: 13px;
}
#topicsFeed .gf-relativePublishedDate .gf-relativePublishedDateYMD {
 display: block;
}
#topicsFeed .gf-relativePublishedDate .gf-relativePublishedDateDelimiter {
 display : none;
}
#topicsFeed .gf-relativePublishedDate .gf-relativePublishedDateHM {
    display: none;
}
#topicsFeed .gf-snippet {
    line-height: 19px;
    position: absolute;
    top: 0px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    left: 220px;
    width: 70%;
        font-size: 13px;
}
#topicsFeed .gf-category {
    left: 0px;
    position: absolute;
    background-position: center;
    text-align: center;
    height: 20px;
    letter-spacing: 0.2em;
    background-color: #000000;
    color: #FCFCFC;
    line-height: 22px;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
    width: 100px;
    display: block;
    float: left;
}
/*blog*/

.space30 {
    padding-top: 30px
}

.webcamera {

}

.bak_grey {
    background-color: #F5F5F5;
}
.kankoujouhou{
    color: #2693FF;
}

.bak_jouhou {
    background: url('../img/bak_jouhou.jpg') 0 0 no-repeat;
    background-size:cover;
}

.txt_white {
    color: white;
}

.bak_footer {
    background-color: #DFFFDC;
}

.space_u_30 {
    padding-bottom: 30px;
}

.ripple {
    width: 100%;
    height: 500px
}

.water {

}
.txt_nor {
    font-size: 100%;
    white-space: nowrap;
    margin-top: 10px;
    font-weight: normal;
}
.sub {
    padding: 0px;
    height: 1px;
background-color: gray;
border: none;
}
.space_xs {
    float: left;
    height: 30px;
    width: 100%;
}
.topimg_space {
    padding-left: 30px;
    padding-right: 30px;
}
.topimg_line {
    position:relative;
    z-index:10;
    padding:5px;
    border:5px
    solid #BFEFFF;
    background:#fff;
    margin-bottom: 10px;
}
.page_top {
    height: 260px;
    width: 100%;
    padding-bottom: 60px;
}
.oth_shouchu {
    background-image: url(../img/oth_shouchu.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.oth_kaminokoike {
    background-image: url(../img/oth_kaminokoike.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.page_t {
    font-size: 30px;
    line-height: 1em;
    float: left;
    padding-top: 110px;
    width: 100%;
}
.wrapper {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.bak_grey{}
.bak_nouson {
    background-image: url(../img/nouson.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 600px;
}
.slide_top {
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color: aqua;
}

.ptl {
    text-align: center;
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 26px;
}

.kaisetu {
    font-size: 16px;
    line-height: 34px;
    padding-bottom: 30px;
}
.tab-content, .tab-pane  {
  height: 100%;
}
.basho {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 10px;
}

.places {
    padding-top: 0px;
}

.kana {
    font-size: 13px;
    color:red;
}

.bak_grey_oth {
    margin-top: 50px;
    padding: 0px;
    margin-bottom: 0px;
}

.bak_whaite {
    background-color: white;
}

.bt_lines {
    border-bottom: solid 5px #E7E7E7;
}

.space_bt {
    margin-bottom: 20px;
}

.oth_top {
    padding-bottom: 0px;
}
#carousel-example-generic {
    margin: 20px auto;
}

#carousel-custom {
    margin-bottom: 20px;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}
#carousel-custom ol {
    text-align: center;
}

#carousel-custom1 {
    margin-bottom: 20px;
}
#carousel-custom1 .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom1 .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom1 .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom1 .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom1 .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom1 .carousel-outer {
    position: relative;
}
#carousel-custom1 ol {
    text-align: center;
}
#carousel-custom2 {
    margin-bottom: 20px;
}
#carousel-custom2 .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom2 .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom2 .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom2 .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom2 .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom2 .carousel-outer {
    position: relative;
}
#carousel-custom2 ol {
    text-align: center;
}
#carousel-custom3 {
    margin-bottom: 20px;
}
#carousel-custom3 .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom3 .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom3 .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom3 .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom3 .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom3 .carousel-outer {
    position: relative;
}
#carousel-custom3 ol {
    text-align: center;
}
.bak_oth {
}

.bak_c_green {
    background-color: #EBFFED;
}

.bak_c_yellow {
    background-color: #FEFEE6;
}

.bak_main {
    background-image: url(../img/baks.gif);
}
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.bak_c_purple {
    background-color: #FFEADF;
    padding-bottom: 30px;
}

.en {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    letter-spacing:5px;
    font-weight: bold;
}
.no_space {
    padding:0px;
    margin: 0px;
}

.setumei {
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    padding: 15px;
}
.setumei p{
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    color: dimgray;
}
.onsen {
    font-size: 20px;
    padding-bottom: 20px;
}

.bak_c_white {
     background-color: #FFFFFF;
    padding: 20px;
}
.rentimg_line {
    position:relative;
    z-index:10;
    padding:5px;
    border:5px
    solid #BFEFFF;
    background:#fff;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.space_t_20 {
    margin-top: 20px;
}
.titles{
    font-size: 18px;
    font-weight: bold;
}

.bak_c_blue {
    background-color: #E7F9FF;
    padding: 20px;
}

.bak_c_orenge {
    background-color: #FFE5CD;
    padding: 20px;
}


.bak_shouchu {
    background-image: url(../img/shouchu.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

.space_shouchu {
    margin-top: 450px;
}

.txt_red {
    color:red;
}
.txt_blue{
    color: blue;
}

.align4 {
    min-height: 255px;
}
.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.titles_s {
        letter-spacing:0px;
    font-size: 14px;
    font-weight: bold;
}

.jpn {
    font-size: 24px;
    color: #000;
    letter-spacing:1px;
    margin-top: 80px;
    margin-bottom: 80px;
}

.tour_top {
    padding: 60px 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.alt-table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.alt-table-responsive table thead tr th{
    font-weight: normal;
    border-bottom: 1px;
}

.bak_sharidake {
    background-image: url(../img/sharidake.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bak_hatake {
    background-image: url(../img/hatake.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bak_snow {
    background-image: url(../img/bg-snow.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}



.setumei_l {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.img-guide {
    max-height: 120px;
}

.bak_t_green {
    background-image: url(../img/t_green.gif);
}
.bak_t_grey {
    background-image: url(../img/t_grey.gif);
}
.bak_t_blue {
    background-image: url(../img/t_blue.gif);
}
.bak_t_yellow {
    background-image: url(../img/t_yellow.gif);
}
.bak_t_pink {
    background-image: url(../img/t_pink.gif);
}

.bak_event {
        background-image: url(../img/event.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.month {
    font-family: 'Montserrat', sans-serif;
    font-size: 70px;
    line-height: 1em;
}

.bak_cal {
    background-color: forestgreen;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bt_lines_e {
    border-bottom: solid 2px #EEEEEE;
    padding-top: 20px;
    padding-bottom: 20px;
}

.month_win {
    font-family: 'Montserrat', sans-serif;
    font-size: 70px;
    line-height: 1em;
}

.bak_cal_win {
    background-color: cornflowerblue;
    padding-top: 10px;
    padding-bottom: 10px;
}
.bak_spot{
    background-image: url(../img/bak_spot.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }
.bak_shisetu{
    background-image: url(../img/bak_shisetu.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }
.bak_stay{
    background-image: url(../img/bak_stay.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }
.bak_res{
    background-image: url(../img/bak_res.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    }
    .img-kmart{
        width: 100%;
    }
    .k-text{
        
    }
@media (max-width: 767px) {
    .bak_sharidake{height: 220px;}
    .bak_hatake{height: 220px;}
    .bak_snow{height: 220px;}
    .bak_event{height: 220px;}
    .bak_spot{height: 220px;}
    .bak_shisetu{height: 220px;}
    .bak_stay{height: 220px;}
    .bak_res{height: 220px;}
    .bak_cyc{
        height: 220px;
        overflow: hidden;
        background-image: url(../img/822.gif);
        background-position: center center;
        background-repeat: no-repeat;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bak_sharidake{height: 450px;}
    .bak_hatake{height: 450px;}
    .bak_snow{height: 450px;}
    .bak_event{height: 450px;}
    .bak_spot{height: 450px;}
    .bak_shisetu{height: 450px;}
    .bak_stay{height: 450px;}
    .bak_res{height: 450px;}
    .bak_cyc{
        height: 450px;
        overflow: hidden;
    }
  }
@media (min-width: 992px) and (max-width: 1199px) {
    .bak_sharidake{height: 600px;}
    .bak_hatake{height: 600px;}
    .bak_snow{height: 600px;}
    .bak_event{height: 600px;}
    .bak_spot{height: 600px;}
    .bak_shisetu{height: 600px;}
    .bak_stay{height: 600px;}
    .bak_res{height: 600px;}
    .bak_cyc{
        height: 600px;
        overflow: hidden;
    }
  }

@media (min-width: 1200px) {
    .bak_sharidake{height: 600px;}
    .bak_hatake{height: 600px;}
    .bak_snow{height: 600px;}
    .bak_event{height: 600px;}
    .bak_spot{height: 600px;}
    .bak_shisetu{height: 600px;}
    .bak_stay{height: 600px;}
    .bak_res{height: 600px;}
    .bak_cyc{
        height: 600px;
        overflow: hidden;
    }
 }

.nouson_txt {
    font-size: 18px;
    line-height: 2em;
    font-style: italic;
}

.maps {
padding: 0px;
    margin: 0px;
}

.kyokuchou {
    padding: 10px;
    border: 1px solid #ddd;
}

.maru {
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    padding: 5px;
    background-color: beige;
}

.bak_event_memo {
    margin-bottom: 30px;
    padding: 20px;
    margin-top: 30px;
    border: 1px solid #ddd;
}
.shatai{
    font-style:oblique;
}

.bak_omiyage {
background-color: bisque;
}

.bak_niji {
    background-image: url(../img/niji.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 600px;
}

.bak_maturi {
    background-image: url(../img/maturi.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 600px;
}

.bak_furo {
    background-image: url(../img/furo.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 600px;
}

.add_name {
    font-size: 20px;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}


.txt_cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
    width: 100%;
}

.niji_txt {
    font-size: 18px;
    line-height: 2em;
    font-style: italic;
    margin-top: 200px;
}

.nouson_txt_l {
    font-size: 18px;
    line-height: 2em;
    font-style: italic;
    margin-top: 150px;
    color: white;
}

.space_up {
    margin-top: 20px;
}

.date {
    color:coral;
}

.title_blog {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
}

.box_blog {
    margin-bottom: 30px;
    padding: 20px;
}

  /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {
        .kiyosato_logo{
            height: 30px;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color: white;
}
        .bak_banner {
    background-image: url(../img/bak_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
            padding-top: 120px;
}
.img-kmart{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
        .kiyosato_logo{
            height: 30px;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color: white;
}
        .bak_banner {
    background-image: url(../img/bak_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.img-kmart{
    height: 200px;
    width: auto;
}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .kiyosato_logo{
            height: 30px;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color: transparent;
}
        .bak_banner {
    background-image: url(../img/bak_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .kiyosato_logo{
            height: 30px;
    }
        .bak_banner {
    background-image: url(../img/bak_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .kiyosato_logo{
            height: 30px;
        }
        .bak_banner {
    background-image: url(../img/bak_banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 450px;
}
    }

.machi {
    font-size: 12px;
}
.space_u_15 {
    padding-bottom: 15px;
}
.carousel-inner img {
    width:100%;
      height:100%;
}

#myCarousel {
    font-size:90%;
}

.carousel-controls-mini {

}

.carousel-controls-mini > a {
    border:1px solid #eee;
      width:20px;
    display:block;
    float:left;
    text-align:center;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo1 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo2 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo3 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo4 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo5 .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo6 .item img{
    display: block;
    width: 100%;
    height: auto;
}
.label-omiyage {
      background-color: #ff7373;
}
.omiyage_box {
    padding: 15px;
    border: solid 1px #ff7373;
    margin-bottom: 10px;
    min-height: 70px;
}

.titles_omiyage {
    letter-spacing:5px;
    font-size: 15px;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tokotoko {
    font-size: 14px;
    letter-spacing:1px;
}

.navbar-collapse {
    padding-right: 0px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
    max-height: 600px;
    overflow: hidden;
}


.banner_box {
    padding: 15px;
    background-image: url(../img/bak_toumei.png);
}

.space_10 {
    margin-bottom: 10px;
}

.space_banner_s {
    margin-top: 30px;
    margin-bottom: 30px;
}

.banner_box_b {
    padding: 15px;
    background-color: #E7F9FF;
}

.box-left {
    height: 300px;
    background-color: aqua;
}
.g-recaptcha {
    transform:scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
label.error{
    color: tomato;
}

.bak_nor_top_l {
    background-color: white;
    padding-bottom: 0px;
    border-top: 1px solid #ddd;
}

.news {
    padding: 10px;
    background-color: tomato;
    text-align: left;
    margin-bottom: 10px;
    color: white;
}

.space_u_50 {
    margin-bottom: 50px;
}
.titles_t{
    font-size: 22px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 10px;
    color: gray;
}
/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {

    }
    .navbar-text {
        float: none;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-default {
        background-color: rgba(254,254,254,1);
    }
}
/* General button style (reset) */
.button {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 120px;
    padding: 8px;
}
.button:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/* Button 1 */
.button-1 {
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(4,152,205,.8);
}
.button-1a:visited{
    color: #fff;
    background-color: #0498CD;
}
/* Button 1a */
.button-1a:hover,
.button-1a:active {
    color: #0e83cd;
    background: #fff;
}
.logos{
    opacity: .9;
}

.menu_name {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
/*snow*/
#snow {
    background: none;
    font-family: Androgyne;
    background-image:
    url('https://4.bp.blogspot.com/-RGdg1HwjcN0/V0MfveH5tnI/AAAAAAAAV9U/JuZAFpkJmHkhrLHTY3Nzt--f1_D4QUDRACLcB/s1600/s1.png'),    url('https://3.bp.blogspot.com/-lLYG_aPYaWI/V0MfvZui2cI/AAAAAAAAV9Q/ivLLay21G6IKLLGEI-bHgpzmPRHFubhwgCLcB/s1600/s2.png'),
    url('https://3.bp.blogspot.com/-mPW9Z5fvV5w/V0MfvZ1kmnI/AAAAAAAAV9Y/qU7_F2J0XP4bXNi3rIyV55Y1z9RyTRoqQCLcB/s1600/s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:1;
    -webkit-animation: snow 12s linear infinite;
    -moz-animation: snow 12s linear infinite;
    -ms-animation: snow 12s linear infinite;
    animation: snow 12s linear infinite;
    z-index: 0;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
.act-ul{
    padding-left: 16px;
}
.cat-ul{
    padding: 0px;
    margin: 0px;
}
.box-cat{
    padding: 10px;
}
.covid-box{
    margin-top: 30px;
    background-color: white;
    border: 2px solid red;
    max-width: 300px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    font-size: 18px;
}
.bg-tozan{
    background-color: #2A4886;
    color: white;
}
.bg-bike{
    background-color: #A6C63F;
    color: white;
}
.bg-snow{
    background-color: #cff5f7;
    color: gray;
}
.bg-agri{
    background-color: #ffcb6c;
    color: white;
}
.gutter-zero{
    padding: 0px;
}
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}
.breadcrumb{
    background-color: transparent;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tournum{
    font-family: 'Anton', sans-serif;
    font-size: 60px;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    margin-bottom: 15px;
}
.tozan-c{
    color: #2A4886;
}
.bike-c{
    color: #A6C63F;
}
.agri-c{
    color: #ffcb6c;
}
.snow-c{
    color: #71b7c0;
}
.space-top-20{
    margin-top: 20px;
}
.tourname{
    margin: 0px;
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    border: 1px solid;
    padding: 20px 10px 20px 10px;
}
p{
    line-height: 1.6;
}
.tourmemo li{
    line-height: 1.6;
}
.highlight{
    font-size: 120%;
    text-align: justify;
    line-height: 170%;
    font-style: italic;
}
@media only screen and (min-width : 320px) {
.upper-space{
        margin-top: 30px;
    }
    .guide-box{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
}
@media only screen and (min-width : 485px) {
.guide-box{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
}
@media only screen and (min-width : 768px) {
    .guide-box{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

}
@media only screen and (min-width : 992px) {
div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 80px;
}
    .upper-space{
        margin-top: 0px;
    }
    .guide-box{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
}
section{
    padding: 80px 0;
}
.tour_detail{
    font-size: 140%;
    font-weight: bold;
    border-left: 10px solid;
    padding-left: 10px;
}
.space-t{
    margin-top: 30px;
}
.space-fl{
    margin-top: 50px;
}
table.demo01 {
  width: 97%;
  border-collapse: collapse;
   table-layout: fixed; 
}

table.demo01 th,
table.demo01 td {
  padding: 8px;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

/* スマホ表示用 */
@media screen and (max-width: 600px) {
  table.demo01, 
  table.demo01 tbody, 
  table.demo01 tr, 
  table.demo01 th, 
  table.demo01 td {
    display: block;
    width: 98%;
  }

  table.demo01 tr {
    margin-bottom: 1em;
    /* border-bottom: 2px solid #ddd; */
  }

  table.demo01 th {
    background: #f5f5f5;
    font-weight: bold;
  }

  table.demo01 td {
    padding-left: 1em;
  }
}
.modal-table-wrapper {
  width: 100%;
  overflow-x: auto;
}

table.demo01 th,
table.demo01 td {
  padding: 8px;
  border: 1px solid #ccc;
  vertical-align: top;
  word-break: break-word;     /* 長文対策 */
  white-space: normal;         /* 折り返し有効 */
}