@charset "utf-8";

a:hover {
  color: #ff89c4;
}
h1, h2, h3, h4, h5 {
  color: #FFF;
}


/*ぺーじとっぷ*/

.page-top
{
	margin: 0 ;
	padding: 0 ;
}

.page-top p
{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}

.move-page-top
{
	display: block ;
	/* background: #db661c; */
	width: 50px ;
	height: 50px ;
  border-radius: 15px;
  background: sandybrown;
	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}

.inner {
	width: 100%;
	max-width: 1200px;
}


#sub ul.submenu li{
	border-style :none;
}


/*すらいだーーーーーーーー*/
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
.slider img {
    width: 100%;
}


/*ソーシャル*/

.social ul{
	display: flex;
}

.social li{
	margin: 0px 10px;
	margin-bottom: 20px;
}

.social img{
	width: 50px;
}

/*ショップリスト*/

#shopli li a{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 3px;
}

#shopli p{
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

#shopli h4{
	font-size: 15px;
	margin-left: 5px;
}

#shopli li a img{
width: 25px;
height: 25px;
}

.shopblock{
	margin-bottom: 30px;
}

.shopblock img{
	width: 100%;
	margin: 5px 0px;
}

#enjoy p img,
.event p img,
.kako p img,
#access p img{
	width: 100%;
}

.event {
	margin-bottom: 30px;
}

/*過去のevent*/

.kakonav ul{
	display: flex;
	  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
       align-content: stretch;
       margin-bottom: 30px;
}

.kakonav li {
/*	border-right: 1px solid #fff;*/
	border-bottom: 1px solid #fff;
	width: 100%;
}

#kakoul li a{
	display:block;
		padding:5px;
}

#kakoul li a:hover{
	background-color: #ff89c4;
	color: #fff;
}

@media screen and (min-width:480px){

.event p img{
	width: 80%;
}

.kakonav li {
	width: 300px;
}
}
/*
.kasou p,
.kesu{
	text-decoration: line-through;
}*/

.weit {
	color: orange;
	font-weight: 900;
	text-decoration: underline;
}

.question a{
	display:block;
	margin-bottom: 30px;
}

.question .btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.question .btn:active {/*押したとき*/
    border: solid 1px #03A9F4;
    box-shadow: none;
    text-shadow: none;
}

.name {font-size: 11px;}


/*仮装スライド*/

/*#kasouslider {
  position: relative;
}
#kasouslider .cap {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: calc(100% - 40px);
  padding: 20px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transition: .3s ease;
}
.slick-current .cap {
  opacity: 1;
  transition-delay: .5s;
}*/


#kasouslider {
    position: relative;
  }
  #kasouslider .slider-arrow {
    position: absolute;
    top: 50%;
    width: 30px;
/*    height: 80px;*/
    margin-top: -21px;
    z-index: 10;
    cursor: pointer;
    background-color: #db661c;
    font-size: 15px;
    text-align: center;
  }
  #kasouslider .slider-prev {
    left: 10px;
  }
  #kasouslider .slider-next {
    right: 10px;
  }


  .box12{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: black;
    background: #c6e4ff;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
}
.box12 p {
    margin: 0;
    padding: 0;
}

.box13{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: black;
    background: #fff;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
}
.box13 p {
    margin: 0;
    padding: 0;
    text-align: center;
}

.left p{
  text-align: left;
}

.box13 h4 {
  padding: 0px 15px 0px;
  color: orange;
  font-size: 20px;
  text-align: center;
}

.box13 img {
/*width: 100%;*/
}

.box13 h2 {
  font-size: 20px;
}

.box13 ul{
  padding-left: 20px;
  font-size: 12px;
}

#evemenu ul {
  list-style: none;
  display:flex;
  justify-content: center;
}

.evebtn{
    padding:10px 30px;
    margin:3px;

    background-color: orange;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    color:white;
}


.time ul, ol {
  padding: 0;
  position: relative;
  font-size: 15px;
}

.time ul li, ol li {
  border-left: solid 10px #ff6600;/*左側の線*/
  background: #ffffcc;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
}


/*メニュー*/

.menu p{
  text-align: left;
}

.menu a{
  color: black;
}

.menu ul {
  border: solid 2px #ffb03f;
  padding: 0 0.5em;
  position: relative;
}

.menu ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 0em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.menu ul li:last-of-type {
  border-bottom: none;
}

.bold li{
  font-size: 12px;
}

.box2 {
  width: 100%;
  max-width: 200px;
    padding: 0.5em 1em;
    margin: 10px;
    font-weight: bold;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px orange;/*線*/
    border-radius: 10px;/*角の丸み*/
}
#main .box2 p {
  font-size: 12px;
    margin: 5px;
    padding: 0;
    line-height: 1.5em;
}

.bold span{
  margin: 0;
  color: orange;
  font-size: 17px;
  font-weight: bold;
}

@media screen and (max-width:680px){
.box2 {
  max-width: 600px;
  }
}

.foodmenu {
  display: flex;
   flex-wrap: wrap;
  justify-content:center;
}

.shopping .box2 {
  max-width: 300px;
}

.game .box2 {
  max-width: 600px;
}


h5.midashi {
  margin: 0 auto;
  width: 300px;
  color: #fff;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 3px #fff;
  text-align: center;
  font-size: 15px;
}


.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

@media screen and (min-width:800px){
  .sp {
    display: none!important;
}
}