@charset "utf-8";
/* CSS Document */

#map.map {
    padding: 100px 0 100px ;
    background: #fff;
    background-attachment: fixed;
}
#map.map h1{
  max-width: 600px;
	width: 80%;
	text-align: center;
	margin:0 auto 60px;
}
@media screen and (max-width: 1079px) and (min-width: 769px) {
  #map.map {
    background: #fff;
    background-attachment: fixed;
  }
}
@media screen and (max-width:768px) {
  #map.map{
		padding:60px 0 0;
	}
}

.pc-location-map-wrap {
  width: 100%;
  max-width: 1080px;
  margin:auto;
}
.pc-location-map-wrap img {
  width:100%;
}
.pc-location-map {
    position: relative;
}
.pc-location-map .location-pick {
    position: absolute;
    cursor: pointer;
}
.pc-location-map .location-pick.pick1 {
    width: 100%;
    max-width: 42px;
    top: 339px;
    left: 14px;
}
.pc-location-map .location-pick.pick2 {
    width: 100%;
    max-width: 42px;
    top: 150px;
    left: 155px;
}
.pc-location-map .location-pick.pick3 {
    width: 100%;
    max-width: 42px;
    top: 265px;
    left: 155px;
}
.pc-location-map .location-pick.pick4 {
    width: 100%;
    max-width: 42px;
    top: 95px;
    left: 50px;
}
.pc-location-map .location-pick.pick5 {
    width: 100%;
    max-width: 42px;
    top: 202px;
    left: 373px;
}
.pc-location-map .location-pick.pick6 {
    width: 100%;
    max-width: 42px;
    top: 244px;
    left: 343px;
}
.pc-location-map .location-pick.pick7 {
    width: 100%;
    max-width: 42px;
    top: 297px;
    left: 355px;
}
.pc-location-map .location-pick.pick8 {
    width: 100%;
    max-width: 42px;
    top: 395px;
    left: 414px;
}
.pc-location-map .location-pick.pick9 {
    width: 100%;
    max-width: 42px;
    top: 308px;
    left: 469px;
}
.pc-location-map .location-pick.pick10 {
    width: 100%;
    max-width: 42px;
    top: 390px;
    left: 534px;
}
.pc-location-map .location-pick.pick11 {
    width: 100%;
    max-width: 42px;
    top: 254px;
    left: 592px;
}
.pc-location-map .location-pick.pick12 {
    width: 100%;
    max-width: 42px;
    top: 286px;
    right: 342px;
}
.pc-location-map .location-pick.pick13 {
    width: 100%;
    max-width: 42px;
    top: 340px;
    right: 43px;
}
.pc-location-map .location-pick.pick14 {
    width: 100%;
    max-width: 42px;
    top: 382px;
    right: 350px;
}
.pc-location-map .location-pick.pick15 {
    width: 100%;
    max-width: 42px;
    top: 436px;
    right: 390px;
}
.pc-location-map .location-pick.pick16 {
    width: 100%;
    max-width: 55px;
    top: 473px;
    right: 415px;
}
.pc-location-map .location-pick.pick17 {
    width: 100%;
    max-width: 55px;
    top: 473px;
    right: 353px;
}
.pc-location-map .location-pick.pick18 {
    width: 100%;
    max-width: 42px;
    top: 507px;
    right: 390px;
}
.pc-location-map .location-pick.pick19 {
    width: 100%;
    max-width: 42px;
    top: 420px;
    right: 122px;
}
.pc-location-map .location-pick.pick20 {
    width: 100%;
    max-width: 42px;
    top: 562px;
    right: 104px;
}
.pc-location-map .location-pick.pick21 {
    width: 100%;
    max-width: 42px;
    top: 575px;
    right: 237px;
}
.pc-location-map .location-pick.pick22 {
    width: 100%;
    max-width: 42px;
    top: 612px;
    right: 142px;
}
.pc-location-map .location-pick.pick23 {
    width: 100%;
    max-width: 42px;
    top: 628px;
    right: 375px;
}
.pc-location-map .location-pick a {
    display: block;
    transition: .3s
}
.pc-location-map .location-pick a:hover {
    transform: scale(1.1);
}
.sp-location-map-wrap {
    display: none;
}
.map-name-list {
  width:100%;
  max-width: 1080px;
  margin: 1.5em auto 0;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  justify-content: flex-start;
}
.map-name-list li {
  margin-right: 1em;
  margin-bottom: 1.5em;
  font-size: 14px;
}
.map-name-list li img {
  margin-right: 0.5em;
}
.map-name-list li a {
  color:#000;
  cursor: pointer;
}
a.kyouryokuten {
  display:block;
  font-size: 24px;
  font-weight: 600;
  width:100%;
  max-width: 256px;
  background: #B50005;
  color:#fff;
  border-radius: 9px;
  text-align: center;
  padding: 10px;
  margin: auto;
  margin-top: 50px;
}
a.kyouryokuten:hover {
  background: #8d0004;
  transition: 0.3s;
}
@media screen and (max-width: 1079px) and (min-width: 769px) {
  .map-name-list {
      padding: 20px;
  }
  .pc-location-map .location-pick.pick1 {
      width: 4.7vw;
      max-width: inherit;
      top: 42.2%;
      right: 26%;
  }
  .pc-location-map .location-pick.pick2 {
      width: 4.7vw;
      max-width: inherit;
      top: 17.2%;
      left: 13.7%;
  }
  .pc-location-map .location-pick.pick3 {
      width: 4.7vw;
      max-width: inherit;
      top: 31.8%;
      left: 14.2%;
  }
  .pc-location-map .location-pick.pick4 {
      width: 4.7vw;
      max-width: inherit;
      top: 10.5%;
      left: 5.1%;
  }
  .pc-location-map .location-pick.pick5 {
      width: 4.7vw;
      max-width: inherit;
      top: 23.7%;
      left: 34%;
  }
  .pc-location-map .location-pick.pick6 {
      width: 4.7vw;
      max-width: inherit;
      top: 29.6%;
      left: 31.1%;
  }
  .pc-location-map .location-pick.pick7 {
      width: 4.7vw;
      max-width: inherit;
      bottom: 53.9%;
      left: 32.8%;
      top:auto;
  }
  .pc-location-map .location-pick.pick8 {
      width: 4.7vw;
      max-width: inherit;
      top: 48%;
      left: 37.6%;
  }
  .pc-location-map .location-pick.pick9 {
      width: 4.7vw;
      max-width: inherit;
      top: 37.8%;
      left: 42.4%;
  }
  .pc-location-map .location-pick.pick10 {
      width: 4.7vw;
      max-width: inherit;
      top: 47.5%;
      left: 48.9%;
  }
  .pc-location-map .location-pick.pick11 {
      width: 4.7vw;
      max-width: inherit; 
      top: 31%;
      left: 53.6%;
  }
  .pc-location-map .location-pick.pick12 {
      width: 4.7vw;
      max-width: inherit;
      top: 34.5%;
      right: 31.5%;
  }
  .pc-location-map .location-pick.pick13 {
      width: 4.7vw;
      max-width: inherit;
      top: 41%;
      right: 3.9%;
  }
  .pc-location-map .location-pick.pick14 {
      width: 4.7vw;
      max-width: inherit;
      top: 47%;
      right: 31.9%;
  }
  .pc-location-map .location-pick.pick15 {
      width: 4.7vw;
      max-width: inherit;
      top: 53%;
      right: 35.1%;
  }
  .pc-location-map .location-pick.pick16 {
      width: 6vw;
      max-width: inherit;
      top: 59%;
      right: 38.2%;
  }
  .pc-location-map .location-pick.pick17 {
      width: 6vw;
      max-width: inherit;
      top: 59%;
      right: 30.8%;
  }
  .pc-location-map .location-pick.pick18 {
      width: 4.7vw;
      max-width: inherit;
      top: 63.9%;
      right: 35.1%;
  }
  .pc-location-map .location-pick.pick19 {
      width: 4.7vw;
      max-width: inherit;
      top: 51.7%;
      right: 10.9%;
  }
  .pc-location-map .location-pick.pick20 {
      width: 4.7vw;
      max-width: inherit;
      top: 69%;
      right: 8.9%;
  }
  .pc-location-map .location-pick.pick21 {
      width: 4.7vw;
      max-width: inherit;
      top: 71%;
      right: 21.3%;
  }
  .pc-location-map .location-pick.pick22 {
      width: 4.7vw;
      max-width: inherit;
      top: 75.5%;
      right: 12.9%;
  }
  .pc-location-map .location-pick.pick23 {
      width: 4.7vw;
      max-width: inherit;
      top: 78%;
      right: 34.1%;
  }
}

@media screen and (max-width: 768px) {
    .pc-location-map-wrap {
        display: none;
    }
    .sp-location-map-wrap {
        display: block;
        width:100%;
        overflow: auto;
    }
    .sp-location-map-wrap img {
        width: 750px;
        max-width: 750px;
    }
    .map-name-list {
        width: auto;
        max-width: 1080px;
        margin: 1em auto 0;
        display: flex;
        flex-wrap: wrap;
        line-height: 1.8;
        justify-content: flex-start;
        padding: 20px;
    }
    .map-name-list li {
        margin-right: 1em;
        margin-bottom: 1.5em;
        font-size: 12px;
    }
    a.kyouryokuten {
        margin-top: 0px;
        margin-bottom: 80px;
        font-size: 20px;
    }
}

.modal-content.map{
	width:460px;
	display:none;
	box-sizing: border-box;
	margin: 0 ;
	background: #fff ;
	position: fixed ;
	z-index: 102;
	background-color:#A91F24;
	height:auto;
  padding:30px;
}
#modal-content-29.modal-content.map,#modal-content-30.modal-content.map,#modal-content-31.modal-content.map,#modal-content-32.modal-content.map,#modal-content-33.modal-content.map,#modal-content-34.modal-content.map,#modal-content-35.modal-content.map,#modal-content-36.modal-content.map,#modal-content-37.modal-content.map,#modal-content-38.modal-content.map {
	background-color:#0068AB;
}
.modal-content.map .batsu {
  position: absolute;
  top: 0px;
  right: -70px;
}
.modal-map-wrap {
	margin: 0 auto;
	z-index: 102;
	overflow: hidden;
}
.modal-map-wrap .modal-pic {
  width: 100%;
  margin-bottom: 70px;
}
.modal-map-wrap .modal-pic img {
  width: 100%;
}
.modal-map-wrap .modal-num {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.modal-map-wrap .modal-title {
  margin-bottom: 45px;
  text-align: center;
  font-size: 28px;
  color:#fff;
  line-height: 1.2;
}
#modal-content-25 .modal-map-wrap .modal-title {
  font-size: 25px;
}
.modal-map-wrap .modal-text {
  font-size: 14px;
  text-align: left;
  color:#fff;
  line-height: 2.5;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
 
::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .modal-content.map {
      width: 80%;
      height: auto;
    }
  .modal-map-wrap .modal-pic {
    margin-bottom: 20px;
  }
  .modal-content.map .batsu {
    position: absolute;
    top: -35px;
    right: 0px;
    left: auto;
  }
  .modal-map-wrap .modal-num {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
  }
  .modal-map-wrap .modal-title {
    margin-bottom: 1em;
    font-size: 20px;
    line-height: 1.6;
  }
  #modal-content-25 .modal-map-wrap .modal-title {
    font-size: 20px;
  }
  .modal-map-wrap .modal-text {
    font-size: 12px;
    line-height: 2;
  }
  @media screen and (max-width: 600px){
    .modal-content.map {
        height: auto;
    }
  }
}

/*===================================
協力店リスト
===================================*/
#cooperation-shop .toggle span {
    border-bottom: solid 3px #000;
}
#cooperation-shop .toggle.active span {
    border-bottom: solid 3px #fff;
}
#cooperation-shop .cooperation-shop {
  padding: 180px 0 200px ;
  background: #fff;
  background-attachment: fixed;
  width:100%;
  max-width: 1080px;
  margin: auto;
}
#cooperation-shop .cooperation-shop h1 {
	text-align: center;
	margin:0 auto 60px;
  font-size: 32px;
}
#cooperation-shop .cooperation-shop h2 {
	text-align: left;
  font-size: 24px;
  margin-bottom:0.5em;
}
#cooperation-shop .cooperation-shop table {
	width:100%;
  max-width: 1080px;
  margin: auto auto 50px;
}
#cooperation-shop .cooperation-shop table a {
  color: #000;
  font-weight: 600;
}
#cooperation-shop .cooperation-shop table tr {
	border-top:solid 1px #707070;
}
#cooperation-shop .cooperation-shop table tr:last-child {
	border-bottom:solid 1px #707070;
}
#cooperation-shop .cooperation-shop table tr td:nth-child(1) {
	width:15%;
  font-size: 12px;
  padding:10px 20px 10px 0px;
}
#cooperation-shop .cooperation-shop table tr td:nth-child(2) {
	width:35%;
  font-size: 14px;
  font-weight: 600;
  padding:10px 20px 10px 0px;
}
#cooperation-shop .cooperation-shop table tr td:nth-child(3) {
	width:50%;
  font-size: 12px;
  padding:10px 20px 10px 0px;
}

@media screen and (max-width: 1079px) and (min-width: 769px) {
  #cooperation-shop .cooperation-shop {
    background: #fff;
    background-attachment: fixed;
  }
}
@media screen and (max-width:768px) {
  #cooperation-shop .cooperation-shop{
		padding: 80px 20px 100px;
    width: auto;
	}
  #cooperation-shop .cooperation-shop h1 {
  	text-align: center;
  	margin:0 auto 40px;
    font-size: 28px;
  }
  #cooperation-shop .cooperation-shop h2 {
  	text-align: left;
    font-size: 20px;
    margin-bottom:0.5em;
  }
  #cooperation-shop .cooperation-shop table tr {
    display: flex;
    flex-wrap: wrap;
  }
  #cooperation-shop .cooperation-shop table tr td:nth-child(1) {
    width: 25%;
    font-size: 10px;
    padding: 10px 10px 10px 0px;
    vertical-align: top;
    line-height: 1.6;
  }
  #cooperation-shop .cooperation-shop table tr td:nth-child(2) {
    width: 72%;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 0px 10px 0px;
    vertical-align: top;
    line-height: 1.5;
  }
  #cooperation-shop .cooperation-shop table tr td:nth-child(3) {
    width: 100%;
    font-size: 11px;
    padding: 0px 20px 10px 0px;
    /* display: block; */
    line-height: 1.4;
  }
}