.p-menu{
  background:#f7f7ed;
  padding-top: 2.7em;
}
.p-menu ul{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.p-menu ul li{
  height:25px;
  color:#5e3819;
  font-size: 17px;
  line-height: 1;
  border-left:1px solid #5e3819;
  padding: 0 .7em;
  margin-bottom: .7em;
}
.p-menu ul li{
  display:flex;
  align-items: center;
}
.p-menu ul li a:not(.ico){
  padding-right: 1em;
  background:url(/my-koala/assets/img/top/p-menu_arr.png)no-repeat center right;
  background-size:13px auto;
  display:inline-block;
}
.p-menu ul li a.ico{
  content:'';
  width:25px;
  height:25px;
  display:inline-block;
}
.p-menu ul li a.ico.insta{
  background:url(/my-koala/assets/img/top/p-menu_insta.png)no-repeat;
  background-size:contain;
  margin-right: 8px;
}
.p-menu ul li a.ico.youtube{
  background:url(/my-koala/assets/img/top/p-menu_youtube.png)no-repeat;
  background-size:contain;
}

.pkg-slider{padding-bottom: 100px;}
.pkg-slider .swiper-slide{opacity:.5;}
.pkg-slider .swiper-slide-active{opacity:1}
.pkg-slider .swiper-slide a{
  display:block;
  position: relative;
}
.pkg-slider .swiper-slide a::after{
  content:'';
  display:block;
  width:116px;
  height:125px;
  background:url(/my-koala/assets/img/top/pkg-slider_check.png)no-repeat;
  background-size:contain;
  position: absolute;
  top:54%;
  right:-10px;
}
.pkg-slider .swiper-slide.swiper-slide-active a::after {
  animation: blink 0.9s infinite;
}
@keyframes blink {
  0%, 40% { opacity: 1; }
  30% { opacity: 0; }
}
.pkg-slider .pkg-pagination .swiper-pagination-bullet{
  width:17px;
  height:15px;
  padding-top: 0;
  margin:0 7px !important;
  background:url(/my-koala/assets/img/top/pkg-slider_bullet.png);
  background-size: contain;
  transform: none !important;
}
.pkg-slider .pkg-pagination .swiper-pagination-bullet-active{
  background-image:url(/my-koala/assets/img/top/pkg-slider_bullet-active.png) !important;
  background-size: contain;
}
.p-top-pattern .pkg-slider .swiper-button-prev{
  width:32px;
  height:32px;
  background:url(/my-koala/assets/img/top/pkg-slider_prev.png)no-repeat;
  background-size:contain;
  top:calc(100% - 12px);
  left:calc(50% - 150px);
}
.p-top-pattern .pkg-slider .swiper-button-next{
  width:32px;
  height:32px;
  background:url(/my-koala/assets/img/top/pkg-slider_next.png)no-repeat;
  background-size:contain;
  top:calc(100% - 12px);
  right:calc(50% - 150px);
}


ul.pkg-menu{
  text-align: center;
  max-width:1100px;
  padding-top: 40px;
  margin:0 auto 40px;
  z-index:1;
  position: relative;
}
ul.pkg-menu li{
  color:#523b31;
  font-size: 20px;
  line-height: 1;
  background:#fff;
  border:4px solid #523b31;
  border-radius: 100vh;
  box-shadow:0 6px 0 #523b31;
  display:inline-block;
  padding: .4em 2.7em .5em;
  margin: 0 5px 20px;
}
.p-top-pattern__bnrTxt{/* 上書き */
  text-align:center;
  padding:0 20px 35px;
}
.p-top-pattern__bnrTxt p{
  margin-bottom: 1.2em;
}
.l-share__inner .p-top-pattern__bnr{
  border:5px solid #533c31;
  overflow: hidden;
  margin: 30px auto 56px;
}
@media screen and (min-width:751px) { 
  ul.pkg-menu li:hover{
    box-shadow: none;
    transform: translateY(6px);
  }
  .p-top-pattern__bnrTxt a:hover{
    opacity:.7;
  }
  .l-share__inner .p-top-pattern__bnr{
    border-radius:28px;
  }
}
/* modal2 */
.modal2{
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal2__bg{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
}
.modal2__content{
	width:90%;
  background:#81d7ff;
  /*background:#b0e2fe;*/
  /* border:6px solid #81d7ff; */
  border-radius: 20px;
	max-width:1500px;
	max-height:909px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  padding: 5% 2%;
}
.modal2__content img:not(.js-modal-close){
  width:31%;
  height:auto;
  margin:0 1%;
}
.modal2 img.js-modal-close{
	position: absolute;
	right: 0;
	top: -60px;
	cursor: pointer;
}
.js-modal-open{
  /* text-decoration:underline !important; */
}
.js-modal-open:hover{
  cursor:pointer;
}
@media screen and (max-width:750px) { 
  .p-menu ul{
    padding: 0;
  }
  .p-menu ul li{
    font-size: 3.6vw;
    height:5.5vw;
  }
  .p-menu ul li:nth-child(2),.p-menu ul li:nth-child(4){
    border-right:1px solid #5e3819;
  }
  .p-menu ul li a:not(.ico){
    background-size:3vw auto;
  }
  .p-menu ul li a.ico{
   width:5vw;
   height:5vw;
  }
  .p-top-pattern__inner{/* 上書き */
    padding-top: 0;
    padding-bottom: 11%;
  }
  .p-top-pattern .pkg-slider .swiper-button-prev,
  .p-top-pattern .pkg-slider .swiper-button-next{
    display:inherit;
  }
  ul.pkg-menu li{
    font-size: 3.5vw;
    font-weight: bold;
    border:0.7vw solid #523b31;
    box-shadow:0 0.8vw 0 #523b31;
    padding: .3em 2em;
    margin:0 1vw 3.5vw;
  }
  ul.pkg-menu li:not(:last-child){
    line-height: 1.2;
  }
  ul.pkg-menu li:last-child{
    padding: .4em 2em;
  }
  .pkg-slider{
    padding-bottom: 14vw;
    margin-bottom: 11vw;
  }
  .pkg-slider .swiper-slide a::after{
width:18.667vw;
height:20vw;
    top:54%;
    right:-2vw;
  }
  .modal2 img.js-modal-close{
    width:6.5vw;
    top:-8vw;
  }
}
@media screen and (max-width:1024px) { 
    .modal2__content{
    width:90%;
    height:90%;
    border-radius: 3vw;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .modal2__content img:not(.js-modal-close){
    width:auto;
    height:32%;
    /* height:23vh; */
    display:block;
  }
  .modal2__content img:nth-child(2){
    margin:3vw 0;
  }
}