@charset "utf-8";
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
a{
  text-decoration: none;
  color: #000;
}
a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.noscript {
  color: #000;
  display: none;
  text-align: center;
}
.yumin{
  font-family: "Times New Roman", Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
body{
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  color: #000;
  line-height: 2;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  overflow-x: hidden;
}
header{
  background: #faeece;
  padding: 30px 15px 10px;
}
.container, article{
  width: 983px;
  margin: auto;
}
.wowshopLogo {
  width: 100%;
  height: inherit;
}
.main{
  width: 983px;
  background: #faeece;
  margin: auto;
}
.band{
  /* background: #680000; */
  font-size: large;
  color: #fff;
  text-align: center;
  margin-bottom: -12px;
}
.crossfade{
  width:983px;
  height:553px;
  margin:0 auto;
  position:relative;
}
.crossfade ul{
  margin:0;
  padding:0;
  list-style:none;
}
.crossfade ul li{
  width:983px;
  height:553px;
  position:absolute;
  top:0;
  left:0;
  animation-iteration-count:infinite;
  animation-duration:24s;
}

.crossfade ul li:nth-child(1){
  animation-name:crossfade;
  animation-delay:-3s;
}
.crossfade ul li:nth-child(2){
  animation-name:crossfade;
  animation-delay:5s;
  opacity:0;
}
.crossfade ul li:nth-child(3){
  animation-name:crossfade;
  animation-delay:13s;
  opacity:0;
}
.crossfade ul li:nth-child(4){
  animation-name:crossfade;
  animation-delay:21s;
  opacity:0;
}
@keyframes crossfade{
  0%{
    opacity:0;
  }
  20.83%{
    opacity:1;
  }
  33.33%{
    opacity:1;
  }
  45.83%{
    opacity:0;
  }
  100%{
    opacity:0;
  }
}
.meishu_title{
  text-align: center;
}
.meishu_title .yumin{
  text-align: left;
  margin: 0 8%;
  font-size: large;
}
.content{
  background: #fff;
  margin: 20px;
  padding: 20px;
}
.group{
  display: flex;
  margin-bottom: 25px;
}
.group > div{
  margin-right: 25px;
}
.shiranesan{
  color: #666;
}
.shiranesan:hover{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.miwa{
  background: #e1bc81;
  margin: 20px;
  padding: 20px;
}
.miwa p{
  color: #fff;
}
.miwa-head.yumin{
  font-size: large;
  font-weight: bold;
  color: #602b00;
}
.miwa strong{
  color: #782800;
}

/*modal*/
#modal-open{
  text-align: center;
}
#modal-content {
	width: 60% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
#modal-content img {
  width: 100%;
  height: 100%;
}
/*modal*/
.hotel{
  background: #eed5ab;
  margin: 20px;
  padding: 20px 20px 0;
}
.hotel-detail{
  background: #c05842;
  padding: 5px;
  position: relative;
  /* width: 60%; */
  text-align: center;
}
a.nikko{
  color: #fff;
  font-size: large;
  display: block;
}
a.nikko::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 15px;
  right: 15px;

}
.agenda{
  background: #fff;
  margin: 20px;
  padding: 20px;
  outline: 1px solid #eed5ab;
  outline-offset: -5px;
}
.agenda dl{
  width: 50%;
}
.agenda dt{
  border-left: #8e0000 2px solid;
  padding-left: 5px;
  float: left ;
}
.agenda dt::after{
  content: "：" ;
}
.agenda dt, .agenda dd{
  min-height: 24px ;
	line-height: 24px ;
  margin-bottom: 15px;
}
.more{
  background: #f1c0b5;
  padding: 10px;
}
.more .group{
  margin-bottom: 0px;
}
.more .group>div{
  width: 50%;
  text-align: center;
}
.group strong{
  color: #bd482e;
}
strong.price{
  color: #000;
  font-size: large;
}
.attention{
  text-align: center;
}
.caution{
  margin: 1em auto -1em;
  color: #f00;
}
.apply{
  background: #8e0000;
  margin: 20px 60px;
  padding: 15px;
  position: relative;
  text-align: center;
}
.apply a{
  color: #fff;
}
.apply a strong{
  font-size: xx-large;
}
a.jtb::after{
  content: '';
  width: 20px;
  height: 20px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: 20px;
  margin-top: -4px;
}
footer{
  text-align: center;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 3%;
    font-size: 77%;
    z-index: 5000;
}
#page-top a {
    background: url(../img/page_top.png) no-repeat top left;
    background-size: contain;
    text-decoration: none;
    color: rgba(255,255,255,0);
    width: 88px;
    height: 79px;
    text-align: center;
    display: block;
}