header .navbar-main i.fa {
  font-size: 150%;
  margin-bottom: -.2em;
}
header .navbar-main i.fa-facebook-official {
  color:#3b5998;
}
header .navbar-main i.fa-instagram {
  color:#444;
}
header nav {
  z-index: 9500 !important;
}

@media screen and (min-width: 1300px) {
  .container {
    width:1080px;
  }
}
.page .contents .cover:before {
  background-image: none;
  background-color: rgba(0,0,0,0.3);
}
.page .contents h2 {
  margin-bottom: 15px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3FA93A', endColorstr = '#67da32');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#3FA93A', endColorstr = '#67da32')";
  background-image: -moz-linear-gradient(left top, #3FA93A, #67da32);
  background-image: -ms-linear-gradient(left top, #3FA93A, #67da32);
  background-image: -o-linear-gradient(left top, #3FA93A, #67da32);
  background-image: -webkit-gradient(linear, left top, right bottom, from(#3FA93A), to(#67da32));
  background-image: -webkit-linear-gradient(left top, #3FA93A, #67da32);
  background-image: linear-gradient(left top, #3FA93A, #67da32);
  border-color: #67da32 !important;
}
@media screen and (max-width: 768px) {
  .page .contents h2 {
    font-size: 150%;
  }
  }
h2.center {
  color: #333 !important;
}
#top h2 span {
  display: inline-block;
  line-height: 1.5em;
  letter-spacing: .01em;
}
.page .contents h3,
h3.deco {
color: #444;
  font-size: 160%;
}
@media screen and (max-width: 768px) {
  .page .contents h3,
  h3.deco {
    font-size:140%;
  }
}
#top .tenkijp {
	margin-top: 5px;
	display: inline-block;
}
#top .tenkijp img {
	width:160px;
}
#top .liveinfo {
  background-color: #fff;
  font-size: 85%;
  color:#333;
  padding:10px 10px 10px 10px;
  background-color: rgba(255,255,255,0.2);
}
#top .liveinfo .container {
  padding:0 20px;
}
#top .liveinfo table {
  font-size: 100%;
  color:#333;
}
#top .liveinfo table th,
#top .liveinfo table td {
  padding:4px 0;
  border: none;
}
#top .liveinfo h3 {
  margin-top: 0;
  font-size: 105%;
  color:#333;
  padding-bottom: 5px;
  border-bottom: 1px solid #333;
  margin-bottom: 8px;
  margin-top: 10px;
}
#top .liveinfo .camera img {
  display: block;
  max-width: 100%;
  height: auto;
}
#top .liveinfo .camera .nav-tabs a {
  padding:4px 6px;
  text-decoration: none;
  border: none;
}
#top .liveinfo .nav-tab {
  border: none;
}
#top .liveinfo .nav-tabs > li.active > a:hover,
#top .liveinfo .nav-tabs > li.active > a {
  background-color:#3FA93A;
  color:#fff;
}
#top .liveinfo a {
  color:#3FA93A;
  text-decoration: underline;
}
#top .liveinfo a:hover {
  color:#5fa8ff;
  text-decoration: none;
}
#top .liveinfo .condition span {
}
#top .liveinfo .condition td img,
#top .liveinfo .lifttable td img,
#cource .gelandetable td img,
#cource .lifttable td img {
  width:12px;
  height: auto;
  margin-bottom: 0px;
}
#top .liveinfo .condition a {
  text-decoration: none;
}
#top .liveinfo .lifttable span {
  background-color: #3FA93A;
  color: #fff;
  margin-left: 5px;
  border-radius: 3px;
  padding:2px 4px;
}
#top .liveinfo .traffic {
  border-top:1px solid #333;
  margin-top: 20px;
  padding:0;
}
#top .liveinfo .traffic_title {
  font-size: 115%;
}
#top .liveinfo .sample {
  background-color: #fff;
  font-size: 85%;
}
#top .liveinfo .sample img {
  width:12px;
}
#top .liveinfo .traffic table {
  margin: 10px 0 0 0;
}
#top .news .topics {
  margin-bottom: 10px;
}
#top .news h3 {
  position: relative;
}
#top .news h3 small {
  position:relative;
  display:inline-block;
  text-align: right;
}
#top .news li {
  font-size: 105%;
  border-bottom-color: #ccc !important;
}
#top .news li a {
  text-decoration: none;
}
#top .pickup a:hover img {
  z-index: 400;
}
#top .topics ul li span {
  font-size: 90%;
  color:#999;
}
#top .topics a:hover{
  background-color: #f2f2f2;
  text-decoration: underline;
}
#top .city_banner {
  border-top: 1px solid #DEDEDE;
  padding-bottom: 15px;
}
#top .city_banner a {
	position: relative;
	display: block;
	text-align: center;
	background-color: #21ad19;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #167811;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .4);
	margin-bottom: 8px;
	font-size:80%;
}
#top .city_banner a:hover {
	top: -4px;
	box-shadow: 0 7px 0 #167811;
}
#top .city_banner a:active {
	top: 3px;
	box-shadow: none;
}
#top .partner {
  margin-bottom: 15px;
}
#top .slide_banner a img,
#top .link_banner a img {
  max-width: 200px;
}
#top .slide_banner,
#top .link_banner {
  height: auto;
}
#top .pickup div div h3 {
  font-size: 90%;
}
#top .pickup div div a h3 {

}
#top .pickup div div a:hover h3{
  background-color: #fff;
  color:#3FA93A;
}
#top .point a:hover img {
  opacity: 0.5;
}
#top .point .col {
  margin-bottom: 15px;
}
#top .access a:hover img {
  opacity: 0.5;
}
#top .link_banner .slick-slide,
#top .slide_banner .slick-slide {
  height: auto !important;
  margin-right: 15px !important;
}
#top .link_banner .slick-next,
#top .slide_banner .slick-next {
  right:0px !important;
}
#top .link_banner .slick-prev,
#top .slide_banner .slick-prev {
  left:0px !important;
  z-index: 3000 !important;
}

#top .int,
#cource .int {
  background-color: #3FA93A;
}
#top .ele,
#cource .ele {
  background-color: #009944;
}
#top .sen,
#cource .sen {
  background-color: #EB70A7;
}
#top .kids,
#cource .kids {
  background-color: #f0cc05;
}

#top .gelandetable span,
#cource .gelandetable span {
  color:#fff;
  margin-left: 5px;
  border-radius: 3px;
  padding:2px;
}
#top .pickup div div img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width:769px) {
  .fb-page {
    width:400px !important;
  }
}
@media screen and (max-width:768px) {
  .fb-page {
    width:300px !important;
  }
}

#nticker {
  background-color: #3FA93A;
  padding:10px 0;
  color:#fff;
}
#nticker a {
  color: #fff;
  letter-spacing: .05em;
}
@media screen and (max-width:767px) {
  #nticker a {}
  #nticker {
    height: 4.2em;
  }
}
#nticker a:hover {
  color: #bfffa4;

}
#top .news_ticker {
    margin: 0 auto;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#top .news_ticker span {
 color:#3FA93A;
 padding: 3px;
 border-radius: 3px;
 background-color: #fff;
}
#top .news_ticker ul {
    width: 100%;
    position: relative;
}

#top .news_ticker ul li {
    width: 100%;
    display: none;
    text-align: center;
}
#top .partner img {
  width:120px;
  border:1px solid #000;
  margin-right: 20px;
}

#cource .gelandetable td,
#cource .lifttable td {
  vertical-align: middle;
}
#cource .gelandetable th.name {
  width:55% !important;
}
#cource .lifttable .badge {
  background-color: #E4007F;
}
#cource .icontable td {
  font-size: 75%;
}
#cource .icontable td img {
  width:16px;
  margin-bottom: 3px;
}
#cource .sample {
  margin-bottom: 5px;
  text-align: right;
}
#cource .sample img {
  width:12px;
  height:12px;
  margin-bottom: 2px;
}
#cource table td {
  padding:5px;
}

#recommend #long .head {
  border-color: #0090de;
}
#recommend #heart .head h2,
#recommend #long .head h2 {
  color:#222;
}
#recommend #heart .head h2 {
  color:#ec739e;
}
#recommend #long .head h2 {
  color:#007896;
}
#recommend #heart .head p,
#recommend #long .head p {
  font-size: 100%;
  color: #333;
  font-weight: bold;
}

#recommend #heart .head:before,
#recommend #long .head:before {
  z-index: 0;
}
#recommend #heart ul li span {
  background-color: #fd4e9e;
  padding:5px;
  font-size: 110%;
  color:#fff;
  letter-spacing: .2em;
  border-radius: 4px;
}
#recommend .point h3 {
  margin-bottom: 15px !important;
  margin-top: 30px !important;
}
#recommend .point p {
  margin-bottom: 20px !important;
}
#recommend .point p span {
  font-size: 140%;
  font-weight: bold;
  background-color: #666;
  color:#fff;
  border-radius: 5px;
  padding:3px 6px;
  margin-right: 5px;
}
#recommend #heart .point p span {
  background-color: #ff2bc6
}
#recommend #long .point p span {
  background-color: #04a8ff
}

#park .cover img {
  display: block;
  width:300px;
  margin: 0 auto;
  z-index: 200;
  position: relative;
}
#park .curving img.media-object {
  width:100px;
}
#park .curving h2 {
  color: #333 !important;
}
#park .curving h4 {
  line-height: 1.5em;
}
#park .curving .media-body p {
  padding:6px;
  background-color: #f2f2f2;
  border-radius: 3px;
}
#snowtrekking.cover {
  background: url(../img/cover/snowtrekking.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}
.schooltest table {
  background-color: #fff;
}

#quality .staffvoice div.col div h4 {
  font-size: 150%;
  line-height: 1.65em;
}

#information table tr th {
  width:20%;
}

#ticket table th,
#ticket table td {
  text-align: center;
  vertical-align: middle;
}
#ticket table tr td:first-child,
#ticket table tr td:last-child,
#ticket table td.text-left {
  text-align: left;
}

#rental .rentalpack h3 {
  color:#3FA93A;
  border-bottom: 4px solid #3FA93A;
  padding-bottom: 3px;
}
#rental .price table th,
#rental .price table td {
  text-align: center;
  vertical-align: middle;
}

#rental .price table tr td:first-child,
#rental .price table tr td:last-child,
#rental .price table td.text-left {
  text-align: left;
}
#rental .reserve {
  background: url(../img/salomon_bg.png) repeat #000;
  padding:35px 0 40px 0;
  color:#fff;
}
#rental .reserve small {
  color: #fff;
}

#campaign h2 {
  line-height: 1.65em;
}
#campaign h2 span {
  color:#fff;
  font-size:85%;
  letter-spacing: .04em;
  padding:4px;
  border-radius: 3px;
  background-color: #2cb2ff;

}
#campaign h3 {
  font-size: 115%;
}
#campaign h4 {
  font-weight: bold;
  color:#3FA93A;
  font-size: 110%;
}
#campaign table {
  margin-bottom: 5px;
  font-size: 95%;
}
#campaign table td {
  vertical-align: middle;
}
#campaign .ticket-info {
  margin-bottom: 15px;
}
#campaign .well {
  font-size: 85%;
}
#rental .salomon table {
  border-width: 3px;
  font-size: 110%;
}
#rental span span {
  background-color: #f53535;
  color: #fff;
  padding:5px;
  font-size: 80%;
  border-radius: 3px;
}
#rental .rentalpack table {
  margin-bottom: 5px;
}
#rental .rentalpack table tr td:last-child {
  text-align: right;
}

#skischool .price th,
#skischool .price td {
  text-align: center;
  vertical-align: middle
}
#skischool .price td:first-child,
#skischool .price td:last-child {
  text-align: left;
}
#skischool .price td.text-center {
  text-align: center;
}

#snowboardschool table {
  font-size: 100%;
  margin-bottom: 30px;
}
#snowboardschool h3 small {
  text-shadow: none;
}
#snowboardschool table td,
#snowboardschool table th {
  vertical-align: middle;
}
#snowboardschool table.price tr:first-child th {
  text-align: center;
}
#snowboardschool table.price td {
  text-align: center;
}
#snowboardschool table.price tr td:first-child,
#snowboardschool table.price tr td:last-child {
  text-align: left;
}
#snowboardschool table.last-price tr td:last-child {
  text-align: center;
}
#snowboardschool table.last-small tr td:last-child {
  font-size: 85%;
}

#facility table {
  max-width: 600px;
}
#facility #restaurant hr {
  margin:45px 0 !important;
}
#facility .menulist h3 small{
  text-shadow: none;
  font-size: 60%;
}
#facility .menulist .col img {
  margin-bottom: 4px;
}
#facility .menulist .col p {
  font-size:70%;
}
#kidspark .sublink {
  margin-bottom: 35px;
}
#kidspark .sublink img {
  width:180px;
  height: auto;
}
#kidspark .sublink a:hover img {
  opacity: 0.5;
}
#kidspark .about h4 {
  background-color: #fba400;
  font-size: 95%;
  color:#fff;
  display: inline-block;
  margin:0 0 10px 0;
  padding:4px;
  border-radius: 4px;
}
#hotel .tab-pane .col p {
  min-height: 4.5em;
}
#hotel h2 small {
  font-size:60%;
  margin-left: 10px;
}
#hotel h4.small {
  font-size: 16px;
}

#spa .table {
  font-size:85%;
}
#spa .special {
  background-color: #fba400;
  font-size: 95%;
  color:#fff;
  display: inline-block;
  margin:0 0 10px 0;
  padding:4px;
  border-radius: 4px;
}
#spa h3 {
  padding-top: 0px;
  margin-top: 0px;
}
#link .cover {
  background: url(../img/cover/link.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}
#link .cover:before {

}
#link section {
  padding:25px 0;
}
#link table td {
  width:30%;
}
#link table td img {
  max-width: 100%;
  height: auto;
  display:block;
}
#event h3 {
  background-color: #3FA93A;
  padding:10px;
  color:#fff;
  font-size: 150%;
  margin-top: 25px;
  text-shadow: none;
}
#event h3.orange {
  background: url(../img/bg/slash_bg2.gif) repeat;
  padding:10px 0;
}
#event th {
  font-size:150%;
  width: 20%;
}
#event th small {
  font-size: 60% !important;
  color:#888;
  margin-left: 4px;
}
#event td,
#event th {
  vertical-align: middle;
}
#event td:nth-child(3) {
  font-size: 85%;
}
th,td {
  vertical-align: middle;
}
#event .label-wp {
  background-color: #1994ff;
  padding:3px;
  color:#fff;
  border-radius: 3px;
  font-size: 90%;
}

#access section {
  padding:5px 0;
}

section#car,
section#train,
section#tour {
  padding-top: 80px;
  margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
    section#car,
    section#train,
    section#tour {
      padding-top: 20px;
      margin-top: 0 !important;
    }
  }
#access .pcapa {
  display: inline-block;
  color:#006cee;
}
#access .pcapa span {
  background-color:#006cee;
  color:#fff;
  padding:3px 6px;
  margin-right: 4px;
}
#access .destination {
  padding:18px;
  background-color: #f2f2f2;
  border-radius: 4px;
}
#contact .cover {
  background: url(../img/cover/contact.jpg) no-repeat center center;
  background-size: cover;
}
#contact .telephone,
#contact .mail {
  font-size: 170%;
  font-weight: bold;
}
#contact p small {
  font-weight: normal;
}

/*---common---*/
/* balloon-1 left */
.balloon-1-left {
	position: relative;
	display: inline-block;
	padding: 15px;
	width: auto;
	min-width: 115px;
	min-height: 40px;
	line-height: 1.6em;
	color: #19283C;
	text-align: left;
	background: #F6F6F6;
	border: 3px solid #19283C;
	z-index: 0;
}
.balloon-1-left:before {
	content: "";
	position: absolute;
	top: 50%; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 0;
}
.balloon-1-left:after {
	content: "";
	position: absolute;
	top: 50%; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #19283C transparent transparent;
	z-index: -1;
}
/* balloon-2 left */
.balloon-2-left {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 40px;
	color: #F6F6F6;
	line-height: 40px;
	text-align: center;
	background: #19283C;
	z-index: 0;
}
.balloon-2-left:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #19283C transparent transparent;
}

/*--slider--
.wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  min-height: 100px !important;
}

.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
}
.wideslider ul li a {
  cursor: pointer;
}

.wideslider ul li img {
  width: 100%;
  display: none;
}

.wideslider_base {
  top: 0;
  position: absolute;
}
.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;

}
.slider_prev,
.slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 18px;
  text-align: center;
  position: absolute;
  z-index: 200;
}

.pagination a {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  background: #fff;
  border-radius: 6px;
}
.pagination a.active {
  filter:alpha(opacity=100)!important;
  -moz-opacity: 1!important;
  opacity: 1!important;
}*/

/*---single---*/

#single .path-link {
  margin-top: 20px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #dedede;
  padding:3px;
}
#single article {
  padding-top: 20px;
}
#single article section {
  padding-top: 0;
}
#single article img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 0px;
}
#single article p {
  font-size: 115%;
  line-height: 1.65em;
  margin-bottom: 1em;
}
#single article .blog-side,
#category article .blog-side {
  padding: 0 15px;
  border-left: 1px solid #DEDEDE;
  margin-bottom: 30px;
}
#single article .blog-side h3,
#category article .blog-side h3 {
  border-top:4px solid #333;
  border-bottom:4px solid #333;
  font-size:140%;
  padding:10px 0;
}
#single article .blog-side ul li,
#category article .blog-side ul li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #333;
}
#single article .blog-side ul li span,
#category article .blog-side ul li span {
  color:#999 !important;
}
#single .paging {
  padding-top: 20px;
  border-top: 1px solid #DEDEDE;
}
#single .paging .next,
#single .paging .prev {
  display: block;
  padding:8px 4px;
  border: 1px solid #DEDEDE;
  margin-bottom: 10px;
}

#category h2 {
  margin-top: 30px;
}
#category h4 {
  line-height: 1.4em;
}

#category .post_list {
  margin-bottom: 50px;
}
#category .post_list li {
  border-bottom: 1px solid #dedede;
}
#category .post_list li a {
  display: block;
  padding:10px 4px;
}
#category .post_list li a:hover {
  background-color: #f2f2f2;

}
.story a {
  border-bottom:6px solid transparent;
  display: block;
}
.story a:hover {
  border-bottom:6px solid #3FA93A;
  display: block;
}
.story {
  font-size: 90%;
}
@media screen and (max-width: 768px) {
.story p {
  min-height: 5em;
}
}
.cardpay {
  padding:25px 0 !important;
}
.cardpay h4{
  font-size: 110%;
}
.cardpay img {
  margin-bottom: 0 !important;
  display: block;
  margin: 0 auto;
}
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}


/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.wideslider ul {
  display: inline-block;
  overflow: hidden;
}

#big_slider {
}
#big_slider .sp-buttons {
  display: absolute !important;
  bottom:10px !important;
}
#big_slider .sp-slide {
  opacity: .4;
}
#big_slider .sp-selected {
  opacity: 1;
}
#top .liveinfo {
  z-index: 6000;
  position: relative;
}



/*---cover---*/
#trekking .cover {
  background: url(../img/cover/trekking.jpg) no-repeat;
  background-position:center bottom;
  background-size: cover;
}
#observatory .cover {
  background: url(../img/cover/koibito.jpg) no-repeat;
  background-position:center bottom;
  background-size: cover;
}
#wetland .cover {
  background: url(../img/cover/shitsugen.jpg) no-repeat;
  background-position:center bottom;
  background-size: cover;
}
#zukan .cover {
  background: url(../img/cover/zukan.jpg) no-repeat;
  background-position:center bottom;
  background-size: cover;
}
#restaurant .cover {
  background: url(../img/cover/restaurant.jpg) no-repeat;
  background-position:center bottom;
  background-size: cover;
}
#shop .cover {
  background: url(../img/cover/shop.jpg) no-repeat;
  background-position:center bottom;
  background-size: cover;
}
#spring .cover {
  background: url(../img/cover/spring.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}
#summer .cover {
  background: url(../img/cover/summer.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}
#autumn .cover {
  background: url(../img/cover/autumn.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}
#link .cover {
  background: url(../img/cover/hotel.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}
#contact .cover {
  background: url(../img/cover/spa.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}
#information .cover{
  background-position: center top;
}
#activity .cover {
  background: url(../img/cover/activity.jpg) no-repeat;
  background-position:center center;
  background-size: cover;
}


#trekking .spot small {
	background-color: #006bb4;
	padding:2px 4px;
	border-radius: 3px;
	color: #fff;
}
.model-course .col {
}
.model-course h3 {
	text-shadow: none;
}
.model-course small {
	background-color: #006bb4;
	padding:2px 4px;
	border-radius: 3px;
	color: #fff;
}
#restaurant table {
	font-size: 90%;
}
#restaurant table th {
	width: 8em;
}
.midokoro {
	margin-top: 20px;
}
.midokoro h4 {
	font-size: 15px;
  line-height: 1.5em;
}
.midokoro p {
	margin-bottom: 6px;
}
.midokoro p span {
	background-color: #006bb4;
	padding:2px 4px;
	border-radius: 3px;
	color: #fff;
}
.midokoro .col {
	margin-bottom: 20px;
}
.migoro h4 {
	font-size: 80%;
}
.event-info .day {
	font-size: 130%;
}
.nightg table {
	font-size: 90%;
}
#activity table {
	font-size: 90%;
}
#activity table th,
#activity table td {
	vertical-align: middle;
}
#top .point h3 {
	margin-top: 10px;
}
#zukan section {
	margin:15px 0;
	padding:5px 0;
}
#zukan .col {
	margin-bottom: 30px;
  padding-bottom: 5px;
	position: relative;
}

#zukan .migoro .col h4 {
	margin-bottom: 0px;
	font-size: 100%;
	margin-top: -5px;
}
#zukan .migoro .col p.fname {
	font-size:90%;
  color:#777;
  padding-bottom: 3px;
  border-bottom: 1px dotted #888;
}
#zukan .migoro .col p.fcat {
	font-size:80%;
	margin: 0;
	background-color: #F6F9E4;

	margin-top: -5px;
	padding:2px 4px;
	border-radius: 3px;
  margin-bottom: 4px;
	color: #555;
	display: inline-block;
}
#zukan .migoro .col p.fcat span {
  margin-left: 4px;
}
#zukan .migoro .col p.fseason {
	font-size:80%;
	margin: 0;
	background-color: #f3f3f3;
	padding:2px 4px;
	border-radius: 3px;
	color: #555;
	display: inline-block;
}
#zukan .migoro .col p.ftext {
  font-size:80%;
  float:right;
}

#zukan .migoro .col .blm {
	position: absolute;
	top:0;
	left:10;
}
#zukan .migoro .col .blm p {
	padding:5px;
	background-color: deeppink;
	color:#fff;
}
#zukan .filterControl {
	padding:0 10px 10px 10px;
	border-radius: 4px;
	border:1px solid #dedede;
}
#zukan .filterControl h3 {
	font-size: 110%;
}
#zukan .filterControl button {
  border:none;
  border-radius: 3px;
  padding:4px 6px;
  background-color: #f3f3f3;
  margin-bottom: 6px;
}
#zukan .filterControl button:hover {
  background-color: #3FA93A;
  color: #fff;
}
#zukan .mixitup-control-active {
  background-color: #3FA93A !important;
  color: #fff;
}

.spot-info{
  padding-top:0px !important;
	padding-bottom:0px !important;
	margin-bottom: 0px !important;
}
.swiper-container {
    max-width: 640px;

    margin: 20px auto;
}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide h3 {
  font-size: 120%;
  margin: 0;
  margin-bottom: 5px;
	color: #333;
}
.swiper-slide p {
  padding-right: 30px;
}

#autumn .ghost-label {
  padding:5px 10px;
  font-size: 90%;
  background-color: #3FA93A;
  border-radius: 3px;
  margin-right: 5px;
  color:#fff;
}

.movie-banner {
	text-align:center;
	background-color: #000000;
	margin-top: -15px;
}
.movie-banner img,
.movie-banner-top img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.embed-wrap {
	background-color: #000;
}
.embed-movie {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.embed-movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
#autumn .cover {
	margin-bottom: 0px;
}
#unkai {
	background-color: #000;
	padding:0;
}

#single .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
#single .youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#9D50BB;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
  background: #ccf;
}

@media only screen and (max-width: 767px){
  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }

  .pager .page-numbers li.current {
    background: #3FA93A;
    color:#ffffff;
  }

}

.wellness-pg {
  border-top:4px solid #79a800;
  padding:30px 0;
  margin-bottom: 20px;
}
.wellness-pg h3 {
  background: #79a800;
  box-shadow: 0px 0px 0px 5px #79a800;
  border: dashed 1px #ffffff;
  padding: 0.4em 0.5em  0.6em 0.5em;
  color: #ffffff !important;
  margin-bottom: 15px;
}
.wellness-pg h3 span {
  display: block;
  font-size:70%;
  margin-bottom: -.3em;
}
.wellness-pg h4 {
  margin-top: 20px;
  border-left:15px solid #79a800;
  padding-left:5px;
}
.wellness-pg h5 {
  font-weight:bold;
}
.wellness-pg .table {
  font-size: 90%;
}
.wellness-pg .table th {
  width:10em;
}
.wellness-pg .table th,
.wellness-pg .table td {
  background-color: #f2f2f2;
  border: 2px solid #ffffff;
}