@charset "UTF-8";
/* ///////////////////////////////

アンジェの夏祭り
PC用

///////////////////////////////
*/

#pageContents.an21stCnt{
 width: 950px !important;float: none !important;padding-bottom: 50px;text-align:center;margin: 0 auto;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial;font-weight:500;}

/*ttlCnt
---------------------------------------*/
.ttlCnt{background:#e1f1f5}
.ttlCnt h1{ }
.ttlCnt p{padding: 0px 0% 5%!important;text-align:center;}
#pageContents .ttlCnt{margin-bottom:0}

/*menuCnt 屋台マップ
---------------------------------------*/
#menuCnt{background: #1a3e55; margin:0; overflow:hidden;}
#menuCnt img{ }
#menuCnt .block{height: 420px;position:relative;}
#menuCnt h2{ width:100%; margin:0; padding:0!important }
#menuCnt a img{ height:auto}
a.btn1{position:absolute;top: 30px;left: 15%;z-index:980;}
#menuCnt a.btn1 img{width: 174px;}
a.btn2{position:absolute;top: 190px;left: 1%;z-index:980;}
#menuCnt a.btn2 img{width: 174px;}
a.btn3{position:absolute;top: 110px;left: 38%;z-index:980;}
#menuCnt a.btn3 img{width: 234px;}
a.btn4{position:absolute;top: 190px;left: 19%;z-index:980;}
#menuCnt a.btn4 img{width: 164px;}
a.btn5{position:absolute;top: 190px;right: 19%;z-index:980;}
#menuCnt a.btn5 img{width: 170px;}
a.btn6{position:absolute;top: 30px;right: 10%;z-index:980;}
#menuCnt a.btn6 img{width: 160px;}
a.btn7{position:absolute;top: 187px;right: 2%;z-index:980;}
#menuCnt a.btn7 img{width: 160px;}

/*花火*/
.ill1{position:absolute;top: 0;right: 25%;text-align:right;z-index:990;width: 13%;}
.ill2{position:absolute;top: 70px;left: 3%;text-align:right;z-index:990;width: 10%;}
.ill3{position:absolute;top: 20px;left: 50%;text-align:right;z-index:990;width: 9%;}
.ill5{position:absolute;top: 240px;right: 13%;text-align:right;z-index:990;width: 12%;}
/*ちょうちん*/
.ill4{display:none}


/*花火ちょうちんanimation*/
.move1{transition: 3.0s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,30px); }
.move1on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
.move1on.ill1{ animation-name: hanabi;  animation-timing-function:linear; animation-iteration-count :infinite;animation-duration:2s;}
.move1on.ill2{ animation-name: hanabi;  animation-timing-function:linear; animation-iteration-count :infinite;animation-duration:4s;}
.move1on.ill3{ animation-name: hanabi;  animation-timing-function:linear; animation-iteration-count :infinite;animation-duration:3s;}
.move1on.ill4{}
.move1on.ill5{ animation-name: hanabi;  animation-timing-function:linear; animation-iteration-count :infinite;animation-duration:3s;}


.move2{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move2on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

/*屋台*/
.move3{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move3on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
.move3on:hover{animation: zoom1 0.5s ease-in-out infinite alternate;}

.anime1 {animation-duration: 1s;animation-name: slidein;}
.anime2 {animation-duration: 3.0s;animation-name: fadein;}
.anime3 {animation-duration: 3.0s;animation-name: fadein;}
.anime4 {animation-duration: 2.0s;animation-name: slidein2;}
.anime5 {animation-duration: 2.0s;animation-name: slidein3;}



.block{position:relative}
.block img.newicon1{position:absolute; top:168px; left:310px; border-radius:50%;width: 45px;z-index: 982;}
.block img.newicon2{position:absolute;top:168px;right: 200px;border-radius:50%;width: 45px;z-index: 982;}
.block img.newicon3{position:absolute; top:8px; right:70px; border-radius:50%;width: 45px;z-index: 982;}
.block img.newicon4{position:absolute; top:155px; right:0px; border-radius:50%;width: 45px;z-index: 982;}

@keyframes slidein {
    0% { transform:translateY(20px); opacity:0;  }
  100% { transform:translateY(  0px); opacity:1.0;  }
}
@keyframes slidein2 {
    0% { transform:translateX(-20px); opacity:0;  }
  100% { transform:translateX(  0px); opacity:1.0;  }
}
@keyframes slidein3 {
    0% { transform:translateX(20px); opacity:0;  }
  100% { transform:translateX(  0px); opacity:1.0;  }
}
@keyframes fadein {
from {opacity:0;}
to {}
}
@keyframes vertical1 {
    0% { transform:translateY(110px); }
  100% { transform:translateY(  0px); }
}
@keyframes vertical2 {
    0% { transform:translateY(10px); }
  100% { transform:translateY(  0px); }
}
@keyframes vertical3 {
    0% { transform:translateX(20px); }
  100% { transform:translateX(  0px); }
}
@keyframes zoom1 {
    0% { transform:translateY(0px); }
  100% { transform:translateY( -10px); }
}
@keyframes hanabi{
	0%{opacity: 0; transform: scale(0.1); translateY(0px)}
	30%{opacity: 1; transform: scale(1.0);translateY(300px)}
	32%{opacity: 1; transform: scale(1.0);}
	50%{opacity: 0; transform: scale(1.5);}
	100%{opacity: 0; transform: scale(0) ;}
}


/*ctgcnt
---------------------------------------*/

/*common*/
.ctgCnt{text-align:center;overflow: hidden;background:#1d4158;padding-bottom: 50px;margin-top: 20px;}
.ctgCnt .ctgttl{width:100%;}
.ctgCnt mark.day{text-align:center;background:#fff!important;display: block;}
.ctgCnt mark.day img{width: 35%;margin-top: 80px;margin-bottom:30px;}
.ctgCnt div{background:#fff;margin: 10px 20px 10px;padding-bottom: 70px;overflow: hidden;}
.ctgCnt h2 {display:block;font-size: 33px!important;font-weight: 600;line-height: 52px;/* padding-top: 5px; *//* letter-spacing: 1px; */text-align: center;color: #1d4158;margin-bottom: 18px !important;}
.ctgCnt h2 small{font-size: 25px;margin-top: 20px;display:block;letter-spacing: 1px;}
.ctgCnt section {width: 90%;margin: 2% 5% 0;float: right;}
a.dtlbtn,a.dtlbtn2  {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  position: relative;
  background: #70b4c5;
  /* border: 1px solid #228bc8; */
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px 30px 10px 45px;
  color: #fff!important;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  }
a.dtlbtn:before,a.dtlbtn2:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -6px;
  }
a.dtlbtn:hover, a.dtlbtn2:hover {
  background: #10839e;  color: #fff;}
a.dtlbtn:hover:before ,a.dtlbtn2:hover:before {
  border-top: 2px solid #fff;  border-right: 2px solid #fff;
}

a.dtlbtn2 {
  background: #5d7d86;
  }
a.dtlbtn2:hover {
  background: #10839e;  color: #fff;}


.ctgimg{width: 45%;float:left;margin-left: 5%;margin-right: 3%;}
.ctgCnt p.ctgcom{margin: 2% 3% 3% 5%;padding:0;text-align:left;line-height: 2.0em;/* width: 44%; *//* float: right; */font-size: 17px!important;}
.ctgCnt p.ctgcom b{background:#FF3;display: inline;}
.ctgCnt a,
.ctgCnt a p.Price{color: #333;/* text-decoration:underline; */text-align:center;margin-top: 5px;}
.ctgCnt h3 {display: inline-block;text-align:center;font-size: 18px;font-weight: bold;letter-spacing:1px;margin-top: 30px;background:none!important;border-bottom: 1px solid #000;}
img.itemImg, img.itemImg2{margin-bottom:0}