@charset "utf-8";

.mizukakeInfo {
  padding: 60px 15px 10px;
}
@media only screen and (max-width: 640px) {
  .mizukakeInfo {
    padding: 30px 15px 0;
  }
}

.shopNav {
  max-width: 960px;
  margin: 0 auto 20px;
  padding: 0 10px;
}
.shopNav ul {
  display: flex;
  justify-content: center;
}
.shopNav ul li {
  width: 24%;
  margin: 0 10px 0 0;
  text-align: center;
  background: rgba(253, 242, 1, 1);
  border-radius: 6px;
}
.shopNav ul li:last-child {
  margin-right: 0;
}
.shopNav ul li a {
  display: block;
  padding: 10px;
  font-weight: bold;
  background: rgba(0, 107, 185, 1);
  border-radius: 6px;
  color: #fff;
}
.shopNav ul li a:hover {
  background: #00ae95;
  color: #fff;
}
#shop1,
#shop2,
#shop3,
#shop4 {
  margin-top: -20px;
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  #shop1,
  #shop2,
  #shop3,
  #shop4 {
    margin-top: -70px;
    padding-top: 70px;
  }
}
@media only screen and (max-width: 640px) {
  .shopNav ul li a {
    padding: 8px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .shopNav ul li {
    width: 50%;
  }
}

.mizukake_about {
  background-color: #fff;
  padding: 40px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  max-width: 780px;
  margin: 0 auto 70px;
}
.txt1 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  text-align: center;
  line-height: 1.75em !important;
  margin-bottom: 20px;
}

.shopList {
  max-width: 1120px;
  margin: 0 auto 40px;
}
.shopList > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.shopList > ul > li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  display: flex; /* 追加 */
  flex-direction: column; /* 追加 */
}
.shopList > ul > li > a {
  display: block;
  padding: 25px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  flex: 1;
}

.shopList > ul > li:nth-child(3n) {
  margin-right: 0;
}
.shopList .shopN {
  display: flex;
  margin-bottom: 10px;
}
.shopList .shopN li:nth-child(1) {
  margin-right: 10px;
}
.shopList .number {
  width: 50px;
  padding: 7px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.05em;
  background: #00aeff;
}
.goods .number {
  background: #10aa09;
}
.foods .number {
  background: #fb5120;
}
.culture .number {
  background: #4910d6;
}
.pr .number {
  background: #206fdb;
}
.shopList .name {
  font-size: 16px;
  font-weight: bold;
}
.shopList .recommend,
.shopList .time {
  margin-bottom: 10px;
  color: #00aeff;
  font-weight: bold;
  font-size: 16px;
}
.shopList .recommend dt,
.shopList .item dt,
.shopList .time dt,
.shopList .price dt {
  width: 5.5em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 6px 0;
  line-height: 1;
}
.shopList .recommend dt {
  color: #fff;
  background: rgba(233, 75, 100, 1);
}
.shopList .item dt,
.shopList .time dt,
.shopList .price dt {
  color: #fff;
  background: rgba(0, 107, 185, 1);
}
.shopList .recommend dd,
.shopList .item dd,
.shopList .time dd,
.shopList .price dd {
  font-size: 15px;
}
.shopList .txt1 {
  font-size: 15px;
  margin-bottom: 10px;
}
.shopList .photo {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.shopList .photo li {
  width: 100%;
  margin-bottom: 10px;
}
.shopList .photo li:nth-child(4n) {
  margin-right: 0;
}
.shopList .url {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.shopList .url li:nth-child(1) {
  width: 14px;
}
.shopList .url li:nth-child(2) {
  font-size: 14px;
  margin-left: 5px;
  line-height: 1;
}

@media only screen and (max-width: 640px) {
  .shopList > ul > li {
    width: 100%;
    margin-right: 0;
  }
}

.moreBtnOff {
  margin: 0;
  background: #1281ff;
  position: absolute;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
}
.moreBtnOff p {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  padding: 10px;
  border: 3px solid #fff;
  border-radius: 10px;
  padding: 55px;
}
@media only screen and (max-width: 768px) {
  .moreBtnOff {
    width: 90%;
  }
  .shopList > ul > li {
    width: 48%;
  }
  .shopList > ul {
    justify-content: space-between;
  }
  .shopList > ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .shopList > ul > li {
    margin-right: 0;
  }

  .pic_lbox {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .shopList > ul > li {
    width: 100%;
  }
}
.genre {
  font-size: 14px;
  line-height: 1.3em;
  display: block;
  margin-top: 5px;
}

h2.shopH2 {
  position: relative;
  padding: 0.5rem 0 2rem;
  margin-bottom: 1.5rem;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
}

h2.shopH2::before {
  position: absolute;
  border-bottom: 3px solid #00ae95;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  content: "";
}
.banner {
  display: flex;
  background-color: #16417e;
  width: 220px;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-radius: 5px;
  margin: 0 auto 10px;
  font-size: 18px;
}
.banner:hover {
  background-color: #0e9cbe;
}
.banner span:first-of-type {
  width: 30px;
}
.banner span:last-of-type {
  width: calc(100% - 40px);
}
.banner span img {
  width: 100%;
  height: auto;
}
.banner.sheet {
  background-color: #1eaa39;
  width: 380px;
}
.banner.sheet:hover {
  background-color: #0e9cbe;
}
.banner.ticket {
  background-color: #e95e9d;
  width: 380px;
}
.banner.ticket:hover {
  background-color: #0e9cbe;
}
.banner02 {
  display: flex;
  justify-content: center;
  max-width: 800px;
  margin: 0 auto;
}
@media only screen and (max-width: 667px) {
  .banner {
    width: 200px;
    font-size: 14px;
  }
  .banner02 {
    display: block;
  }
  .banner.sheet,
  .banner.ticket {
    width: 280px;
  }
}
/*モーダルウィンドウ*/
.clearfix {
  display: inline-block;
  min-height: 1%;
  display: block;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.modalWin {
  display: none;
}
.picBox {
  padding: 20px;
  background: url("../img/bg_dot2.png") #fff;
}
.thumb_att img {
  width: 100%;
  height: auto;
}
.listAtt ul:after {
  content: "";
  display: block;
  clear: both;
}
.listAtt li a {
  display: block;
}
.listAtt li a:hover {
  text-decoration: none;
  background: #fff;
  opacity: 0.8;
}
.listAtt a {
  position: relative;
}
.listAtt .text {
  background: rgba(0, 100, 219, 0.7);
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.picBox h2 {
  border-radius: 6px;
  background: #298bde;
  padding: 10px;
  border-left: 15px solid lightblue;
  font-size: 1.25em;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.pic_lbox {
  float: left;
  width: 43%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.target_img1,
.target_img2,
.target_img3,
.target_img4,
.target_img5,
.target_img6,
.target_img7,
.target_img8,
.target_img9,
.target_img10,
.target_img11,
.target_img12,
.target_img13,
.target_img14,
.target_img15,
.target_img16,
.target_img17,
.target_img18,
.target_img19,
.target_img20,
.target_img21,
.target_img22,
.target_img23,
.target_img24,
.target_img25,
.target_img26,
.target_img27,
.target_img28,
.target_img29,
.target_img30,
.target_img31,
.target_img32,
.target_img33,
.target_img34,
.target_img35,
.target_img36,
.target_img37,
.target_img38,
.target_img39,
.target_img40,
.target_img41,
.target_img42,
.target_img43,
.target_img44,
.target_img45,
.target_img46,
.target_img47,
.target_img48,
.target_img49 {
  margin-bottom: 10px;
}
.target_img1 img,
.target_img2 img,
.target_img3 img,
.target_img4 img,
.target_img5 img,
.target_img6 img,
.target_img7 img,
.target_img8 img,
.target_img9 img,
.target_img10 img,
.target_img11 img,
.target_img12 img,
.target_img13 img,
.target_img14 img,
.target_img15 img,
.target_img16 img,
.target_img17 img,
.target_img18 img,
.target_img19 img,
.target_img20 img,
.target_img21 img,
.target_img22 img,
.target_img23 img,
.target_img24 img,
.target_img25 img,
.target_img26 img,
.target_img27 img,
.target_img28 img,
.target_img29 img,
.target_img30 img,
.target_img31 img,
.target_img32 img,
.target_img33 img,
.target_img34 img,
.target_img35 img,
.target_img36 img,
.target_img37 img,
.target_img38 img,
.target_img39 img,
.target_img40 img,
.target_img41 img,
.target_img42 img,
.target_img43 img,
.target_img44 img,
.target_img45 img,
.target_img46 img,
.target_img47 img,
.target_img48 img,
.target_img49 img {
  width: 100%;
  height: auto;
}
.thumb_img1 ul:after,
.thumb_img2 ul:after,
.thumb_img3 ul:after,
.thumb_img4 ul:after,
.thumb_img5 ul:after,
.thumb_img6 ul:after,
.thumb_img7 ul:after,
.thumb_img8 ul:after,
.thumb_img9 ul:after,
.thumb_img10 ul:after,
.thumb_img11 ul:after,
.thumb_img12 ul:after,
.thumb_img13 ul:after,
.thumb_img14 ul:after,
.thumb_img15 ul:after,
.thumb_img16 ul:after,
.thumb_img17 ul:after,
.thumb_img18 ul:after,
.thumb_img19 ul:after,
.thumb_img20 ul:after,
.thumb_img21 ul:after,
.thumb_img22 ul:after,
.thumb_img23 ul:after,
.thumb_img24 ul:after,
.thumb_img25 ul:after,
.thumb_img26 ul:after,
.thumb_img27 ul:after,
.thumb_img28 ul:after,
.thumb_img29 ul:after,
.thumb_img30 ul:after,
.thumb_img31 ul:after,
.thumb_img32 ul:after,
.thumb_img33 ul:after,
.thumb_img34 ul:after,
.thumb_img35 ul:after,
.thumb_img36 ul:after,
.thumb_img37 ul:after,
.thumb_img38 ul:after,
.thumb_img39 ul:after,
.thumb_img40 ul:after,
.thumb_img41 ul:after,
.thumb_img42 ul:after,
.thumb_img43 ul:after,
.thumb_img44 ul:after,
.thumb_img45 ul:after,
.thumb_img46 ul:after,
.thumb_img47 ul:after,
.thumb_img48 ul:after,
.thumb_img49 ul:after {
  display: block;
  content: "";
  clear: both;
}
.thumb_img1 li,
.thumb_img2 li,
.thumb_img3 li,
.thumb_img4 li,
.thumb_img5 li,
.thumb_img6 li,
.thumb_img7 li,
.thumb_img8 li,
.thumb_img9 li,
.thumb_img10 li,
.thumb_img11 li,
.thumb_img12 li,
.thumb_img13 li,
.thumb_img14 li,
.thumb_img15 li,
.thumb_img16 li,
.thumb_img17 li,
.thumb_img18 li,
.thumb_img19 li,
.thumb_img20 li,
.thumb_img21 li,
.thumb_img22 li,
.thumb_img23 li,
.thumb_img24 li,
.thumb_img25 li,
.thumb_img26 li,
.thumb_img27 li,
.thumb_img28 li,
.thumb_img29 li,
.thumb_img30 li,
.thumb_img31 li,
.thumb_img32 li,
.thumb_img33 li,
.thumb_img34 li,
.thumb_img35 li,
.thumb_img36 li,
.thumb_img37 li,
.thumb_img38 li,
.thumb_img39 li,
.thumb_img40 li,
.thumb_img41 li,
.thumb_img42 li,
.thumb_img43 li,
.thumb_img44 li,
.thumb_img45 li,
.thumb_img46 li,
.thumb_img47 li,
.thumb_img48 li,
.thumb_img49 li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.thumb_img1 li img,
.thumb_img2 li img,
.thumb_img3 li img,
.thumb_img4 li img,
.thumb_img5 li img,
.thumb_img6 li img,
.thumb_img7 li img,
.thumb_img8 li img,
.thumb_img9 li img,
.thumb_img10 li img,
.thumb_img11 li img,
.thumb_img12 li img,
.thumb_img13 li img,
.thumb_img14 li img,
.thumb_img15 li img,
.thumb_img16 li img,
.thumb_img17 li img,
.thumb_img18 li img,
.thumb_img19 li img,
.thumb_img20 li img,
.thumb_img21 li img,
.thumb_img22 li img,
.thumb_img23 li img,
.thumb_img24 li img,
.thumb_img25 li img,
.thumb_img26 li img,
.thumb_img27 li img,
.thumb_img28 li img,
.thumb_img29 li img,
.thumb_img30 li img,
.thumb_img31 li img,
.thumb_img32 li img,
.thumb_img33 li img,
.thumb_img34 li img,
.thumb_img35 li img,
.thumb_img36 li img,
.thumb_img37 li img,
.thumb_img38 li img,
.thumb_img39 li img,
.thumb_img40 li img,
.thumb_img41 li img,
.thumb_img42 li img,
.thumb_img43 li img,
.thumb_img44 li img,
.thumb_img45 li img,
.thumb_img46 li img,
.thumb_img47 li img,
.thumb_img48 li img,
.thumb_img49 li img {
  width: 100%;
  height: auto;
}
.thumb_img1 li a,
.thumb_img2 li a,
.thumb_img3 li a,
.thumb_img4 li a,
.thumb_img5 li a,
.thumb_img6 li a,
.thumb_img7 li a,
.thumb_img8 li a,
.thumb_img9 li a,
.thumb_img10 li a,
.thumb_img11 li a,
.thumb_img12 li a,
.thumb_img13 li a,
.thumb_img14 li a,
.thumb_img15 li a,
.thumb_img16 li a,
.thumb_img17 li a,
.thumb_img18 li a,
.thumb_img19 li a,
.thumb_img20 li a,
.thumb_img21 li a,
.thumb_img22 li a,
.thumb_img23 li a,
.thumb_img24 li a,
.thumb_img25 li a,
.thumb_img26 li a,
.thumb_img27 li a,
.thumb_img28 li a,
.thumb_img29 li a,
.thumb_img30 li a,
.thumb_img31 li a,
.thumb_img32 li a,
.thumb_img33 li a,
.thumb_img34 li a,
.thumb_img35 li a,
.thumb_img36 li a,
.thumb_img37 li a,
.thumb_img38 li a,
.thumb_img39 li a,
.thumb_img40 li a,
.thumb_img41 li a,
.thumb_img42 li a,
.thumb_img43 li a,
.thumb_img44 li a,
.thumb_img45 li a,
.thumb_img46 li a,
.thumb_img47 li a,
.thumb_img48 li a,
.thumb_img49 li a {
  display: block;
}
.thumb_img1 li a:hover,
.thumb_img2 li a:hover,
.thumb_img3 li a:hover,
.thumb_img4 li a:hover,
.thumb_img5 li a:hover,
.thumb_img6 li a:hover,
.thumb_img7 li a:hover,
.thumb_img8 li a:hover,
.thumb_img9 li a:hover,
.thumb_img10 li a:hover,
.thumb_img11 li a:hover,
.thumb_img12 li a:hover,
.thumb_img13 li a:hover,
.thumb_img14 li a:hover,
.thumb_img15 li a:hover,
.thumb_img16 li a:hover,
.thumb_img17 li a:hover,
.thumb_img18 li a:hover,
.thumb_img19 li a:hover,
.thumb_img20 li a:hover,
.thumb_img21 li a:hover,
.thumb_img22 li a:hover,
.thumb_img23 li a:hover,
.thumb_img24 li a:hover,
.thumb_img25 li a:hover,
.thumb_img26 li a:hover,
.thumb_img27 li a:hover,
.thumb_img28 li a:hover,
.thumb_img29 li a:hover,
.thumb_img30 li a:hover,
.thumb_img31 li a:hover,
.thumb_img32 li a:hover,
.thumb_img33 li a:hover,
.thumb_img34 li a:hover,
.thumb_img35 li a:hover,
.thumb_img36 li a:hover,
.thumb_img37 li a:hover,
.thumb_img38 li a:hover,
.thumb_img39 li a:hover,
.thumb_img40 li a:hover,
.thumb_img41 li a:hover,
.thumb_img42 li a:hover,
.thumb_img43 li a:hover,
.thumb_img44 li a:hover,
.thumb_img45 li a:hover,
.thumb_img46 li a:hover,
.thumb_img47 li a:hover,
.thumb_img48 li a:hover,
.thumb_img49 li a:hover {
  opacity: 0.8;
  background: #fff;
}
.pic_rbox {
  float: right;
  width: 55%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}
.pic_rbox > p {
  font-size: 1.12em;
  line-height: 1.4;
  margin-bottom: 10px;
}
.attSummary {
  padding: 15px 15px 5px;
  margin-top: 20px;
  box-shadow: 0 0 5px #999;
  background: #fff;
}
.attSummary h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}
.attSummary i {
  margin-right: 5px;
  color: rgba(0, 100, 219, 1);
}
.attSummary p {
  font-size: 1.12em;
  margin: 0 10px 10px;
  word-break: break-all;
}
.target_img1 img {
  width: 100%;
}
.picBox .name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  background-color: #d7f6fc;
  padding: 20px;
}
.pic_rbox .recommend,
.pic_rbox .time {
  margin-bottom: 10px;
}
.pic_rbox .recommend dt,
.pic_rbox .item dt,
.pic_rbox .time dt,
.pic_rbox .price dt {
  width: 5.5em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 6px 0;
  line-height: 1;
}
.pic_rbox .recommend dt {
  color: #fff;
  background: rgba(233, 75, 100, 1);
}
.pic_rbox .item dt,
.pic_rbox .time dt,
.pic_rbox .price dt {
  color: #fff;
  background: rgba(0, 107, 185, 1);
}
.pic_rbox .recommend dd,
.pic_rbox .item dd,
.pic_rbox .time dd,
.pic_rbox .price dd {
  font-size: 15px;
}
.pic_rbox .txt1 {
  font-size: 15px;
  margin-top: 0;
  text-align: left;
  font-weight: 400;
  margin-bottom: 20px;
}
.pic_rbox .photo {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.pic_rbox .photo li {
  width: 100%;
  margin-bottom: 10px;
}
.pic_rbox .photo li:nth-child(4n) {
  margin-right: 0;
}
.pic_rbox .url {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  flex-wrap: wrap;
}
.pic_rbox .url li:nth-child(1) {
  width: 14px;
}
.pic_rbox .url li:nth-child(2) {
  font-size: 14px;
  margin-left: 5px;
  line-height: 1;
}

.ticket-bnr {
  max-width: 320px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .txt1 {
    font-size: 14px;
    text-align: left;
  }

  .mizukake_about {
    padding: 20px;
    margin: 0 auto 20px;
  }

  .shopList > ul > li > a {
    padding: 20px;
  }

  .genre {
    font-size: 12px;
  }

  .shopList {
    margin: 0 auto 0;
  }

  .pic_lbox {
    width: 100%;
  }

  .pic_rbox {
    width: 100%;
    padding-right: 0;
  }

  .pic_lbox .thumb_img1 {
    margin-bottom: 15px;
  }

  .pic_rbox .txt1 {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.5em;
  }

  .pic_rbox .recommend {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .recommend dd,
  .pic_rbox .item dd {
    font-size: 13px !important;
  }

  .url a {
    font-size: 13px;
  }
}

@media only screen and (max-width: 475px) {
  .spnone-br01 {
    display: none;
  }
}

.url li {
  margin-right: 10px;
}

.url li:first-of-type {
  margin-right: 0;
}

.url li a {
  display: block;
  width: 100%;
  font-size: 14px;
}