@charset "utf-8";

#pagetop a{
  background-color:#5f4729;
}

table{
  border-collapse: collapse;
  border-style:solid;
}
table th{
  border-style:solid;
  vertical-align: top;
}
table td{
  border-style:solid;
  vertical-align: top;
}
img{
  max-width: 100%;
  height: auto;
  display: block;
}
a{
  color: #282828;
  text-decoration: none;
}

.movie-resize {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie-resize iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
  border: none;
}
:focus {
    outline: none;
}

.kerning{
  font-feature-settings: "palt";
  font-family: "Yu Gothic" , sans-serif;
  line-height: 1.2;
}

/** カテゴリーアイコン
---------------------------------------- */
.caticon{background-color: #646464;}
.news{background-color: #ff8000;}
.event{background-color: #008000;}
.activity{background-color: #2f88dc;}
.gourmet{background-color: #ff7684;}
.hotel{background-color: #a56cda;}
.sightseeing{background-color: #90ca52;}
.michinoeki{background-color: #024a84;}



@media print,screen and (min-width : 501px) {

/** 基礎
---------------------------------------- */
body{
  font-family:"NotoSerifJP-1";
  font-size:16px;font-size:1.6rem;
  color:#323232;
  line-height:1.6;
  background-color:#fbf9f7;
}
strong{
  font-family:"NotoSerifJP-4";
}
.base{
  width:100%;
  min-width:1240px;
}
.wrap{
  width:1200px;
  margin:0 auto;
}

.overlay{
  position: relative;
  z-index: 10;
}
.overlay #header-contents{
  width: 100%;
  position: absolute;
  top: 0;
  color: #FFF;
}


/** メイン
---------------------------------------- */
#pagetitle{
  background-color: #f2efec;
  padding: 40px 0;
}
#pagetitle h1{
  text-align: center;
  font-size:28px;font-size:2.8rem;
  font-family:"NotoSerifJP-3";
}

#pankuzu{
  margin-bottom: 40px;
  font-size:14px;font-size:1.4rem;
}
#pankuzu i{
  margin-right: 4px;
  color: #646464;
}
#pankuzu a{
  text-decoration: underline;
}


#wbs-main #twocolmn{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  margin-top: 20px;
}
#wbs-main-center{
  flex: 1;
}
#wbs-main-right{
  width: 240px;
  margin-left: 40px;
}



/** Footer
---------------------------------------- */
#wbs-footer{
  margin-top: 60px;
}


}
 /* スマホ用------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width : 500px) {

/** 全体
---------------------------------------- */
body{
  font-family:"NotoSerifJP-3";
  font-size:14px;font-size:1.4rem;
  color:#323232;
  line-height:1.4;
  background-color:#fbf9f7;
}
strong{
  font-family:"NotoSerifJP-5";
}
.wrap{
  margin: 0 20px;
}

/** 非表示
---------------------------------------- */
#headerpc{
  display:none;
}
.globalmenu{
  display: none;
}





/** メイン
---------------------------------------- */
#pagetitle{
  background-color: #f2efec;
  padding: 40px 0;
}
#pagetitle h1{
  text-align: center;
  font-size:24px;font-size:2.4rem;
  font-family:"NotoSerifJP-3";
}

#pankuzu{
  margin-bottom: 20px;
  font-size:12px;font-size:1.2rem;
}
#pankuzu i{
  margin-right: 4px;
  color: #646464;
}
#pankuzu a{
  text-decoration: underline;
}


#wbs-main #twocolmn{
  margin-top: 20px;
}
#wbs-main-right{
  margin-top: 40px;
}




/** Footer
---------------------------------------- */
#wbs-footer{
  margin-top: 40px;
}

}