@charset "UTF-8";
@keyframes fusen_a {
  0%, 100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}
@keyframes fusen_b {
  0%, 100% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(6deg);
  }
}
/*$font02:"Barlow","Barlow Semi Condensed";
$font03:'Barlow Semi Condensed';
$fontGothic:"Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
/*-------------------------------------------------------------
MVメインビジュアル
---------------------------------------------------------------*/
#mv_area {
  position: relative; /*h1の中央寄せ配置の起点とするためのrelative*/
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transform-origin: center center;
  background-size: cover;
  background-position: top center;
  /*========= END PC ===============*/
  /*========= END SP ===============*/
}
#mv_area .mv_inner {
  width: 90%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#mv_area .mv_inner img {
  vertical-align: bottom;
}
@media print, screen and (min-width: 780px) {
  #mv_area {
    background-image: url("../img/pc_bg1.jpg");
  }
  #mv_area .mv_inner {
    width: 93%;
  }
  #mv_area .mv_inner .mv_tit {
    width: 49.1397849462%;
    position: absolute;
    left: 50%;
    top: 4.1666666667rem;
    z-index: 1;
    transform: translate(-50%, 0);
  }
}
@media only screen and (max-width: 779px) {
  #mv_area {
    background-image: url("../img/sp_bg1.png");
    height: 122.9333333333vw;
  }
  #mv_area .mv_inner .mv_tit {
    width: 91.4666666667vw;
    position: absolute;
    left: 50%;
    top: 23.2vw;
    z-index: 1;
    transform: translate(-50%, 0);
  }
}

/*========= END mv_area ===============*/
/*-------------------------------------------------------------
INFORMATION
---------------------------------------------------------------*/
#info {
  background-color: #f8f8ec;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  position: relative;
  /*========= END PC ===============*/
  /*========= END SP ===============*/
}
#info::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transform-origin: center center;
  background-image: url("../img/fusen_red.png");
  animation: fusen_a 3s linear infinite;
}
#info .info_area .info_box:not(:last-child) {
  border-bottom: 1px dotted #231815;
}
#info .info_area .info_box .day {
  line-height: 1.4;
}
#info .info_area .info_box .txt a {
  display: inline-block;
  text-decoration: underline;
  color: #79c1ad;
}
@media print, screen and (min-width: 780px) {
  #info {
    padding-bottom: 18rem;
    background-image: url("../img/info_bottom_pc.png");
  }
  #info::before {
    position: absolute;
    top: 13.3333333333rem;
    left: 2%;
    z-index: 0;
  }
  #info::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform-origin: center center;
    background-image: url("../img/fusen_green.png");
    animation: fusen_b 4s linear infinite;
    position: absolute;
    top: 16.6666666667rem;
    right: 2%;
    z-index: 0;
  }
  #info::before, #info::after {
    width: 2.4166666667rem;
    height: 6.5rem;
    background-size: cover;
  }
  #info .info_area {
    width: 68.4306569343%;
    margin: 1.1666666667rem auto 0;
  }
  #info .info_area .info_box {
    padding: 1.3333333333rem 0;
    font-size: 1.3333333333rem;
  }
  #info .info_area .info_box .day {
    width: 19.1176470588%;
    text-align: center;
  }
  #info .info_area .info_box .txt {
    width: 80.8823529412%;
    padding-right: 3em;
  }
}
@media only screen and (max-width: 779px) {
  #info {
    padding-bottom: 21.3333333333vw;
    background-image: url("../img/info_bottom_sp.png");
  }
  #info::before {
    position: absolute;
    bottom: -6.6666666667vw;
    right: 16.2666666667vw;
    z-index: 0;
    width: 5.0666666667vw;
    height: 13.3333333333vw;
    background-size: cover;
  }
  #info .info_area {
    margin: 1.1666666667rem auto 0;
  }
  #info .info_area .info_box {
    padding: 2.1333333333vw 0;
    font-size: 1.1666666667rem;
  }
  #info .info_area .info_box .txt {
    padding: 0 1em;
  }
}

/*========= END info ===============*/
/*-------------------------------------------------------------
NEW SHOP
---------------------------------------------------------------*/
#newshop {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  /*========= END PC ===============*/
  /*========= END SP ===============*/
}
#newshop .slid_area {
  position: relative;
}
#newshop .slid_area .slider img {
  width: 100%;
  height: auto;
}
#newshop .slid_area .slick-prev,
#newshop .slid_area .slick-next {
  position: absolute; /*絶対配置にする*/
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 5px solid #666; /*矢印の色*/
  border-right: 5px solid #666; /*矢印の色*/
}
#newshop .slid_area .slick-prev { /*戻る矢印の位置と形状*/
  transform: rotate(-135deg);
}
#newshop .slid_area .slick-next { /*次へ矢印の位置と形状*/
  transform: rotate(45deg);
}
#newshop .slid_area .slick-dots {
  text-align: center;
}
#newshop .slid_area .slick-dots li {
  display: inline-block;
}
#newshop .slid_area .slick-dots button {
  border: none;
  color: transparent;
  outline: none;
  display: block;
  border-radius: 50%;
  background: #ccc; /*ドットボタンの色*/
}
#newshop .slid_area .slick-dots .slick-active button {
  background: #4eb849; /*ドットボタンの現在地表示の色*/
}
@media print, screen and (min-width: 780px) {
  #newshop {
    padding-bottom: 15.8333333333rem;
    background-image: url("../img/shop_bottom_pc.png");
  }
  #newshop .inner {
    position: relative;
    z-index: 0;
  }
  #newshop .inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform-origin: center center;
    background-image: url("../img/bg.png");
    width: 14.4166666667rem;
    height: 14.4166666667rem;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
  #newshop .inner::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform-origin: center center;
    background-image: url("../img/fusen_green.png");
    animation: fusen_a 3s linear infinite;
    width: 2.4166666667rem;
    height: 6.5rem;
    background-size: cover;
    position: absolute;
    top: -10rem;
    left: 24%;
    z-index: 2;
  }
  #newshop .slid_area::before {
    position: absolute;
    left: 2%;
    bottom: -16.6666666667rem;
    z-index: 2;
  }
  #newshop .slid_area::after {
    position: absolute;
    bottom: -8.3333333333rem;
    right: 12%;
    z-index: 2;
  }
  #newshop .slid_area::before, #newshop .slid_area::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform-origin: center center;
    background-image: url("../img/fusen_pink.png");
    animation: fusen_b 4s linear infinite;
    width: 2.4166666667rem;
    height: 6.5rem;
    background-size: cover;
  }
  #newshop .slid_area .slick-list {
    padding: 0.8333333333rem 0;
  }
  #newshop .slid_area .slider .slick-slide {
    margin: 0 0.8333333333rem;
  }
  #newshop .slid_area .slick-prev,
  #newshop .slid_area .slick-next {
    height: 1.6666666667rem;
    width: 1.6666666667rem;
  }
  #newshop .slid_area .slick-prev { /*戻る矢印の位置と形状*/
    left: -3%;
  }
  #newshop .slid_area .slick-next { /*次へ矢印の位置と形状*/
    right: -3%;
  }
  #newshop .slid_area .slick-dots {
    margin: 1.6666666667rem 0 0 0;
  }
  #newshop .slid_area .slick-dots li {
    margin: 0 0.4166666667rem;
  }
  #newshop .slid_area .slick-dots button {
    width: 0.3333333333rem; /*ドットボタンのサイズ*/
    height: 0.8333333333rem; /*ドットボタンのサイズ*/
  }
}
@media only screen and (max-width: 779px) {
  #newshop {
    padding-bottom: 37.3333333333vw;
    background-image: url("../img/shop_bottom_sp.png");
  }
  #newshop .slid_area::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform-origin: center center;
    background-image: url("../img/fusen_pink.png");
    animation: fusen_a 3s linear infinite;
    width: 5.0666666667vw;
    height: 13.3333333333vw;
    background-size: cover;
    position: absolute;
    left: 2.6666666667vw;
    bottom: -34.6666666667vw;
    z-index: 2;
  }
  #newshop .slid_area .slick-list {
    padding: 0 0 4vw;
  }
  #newshop .slid_area .slider .slick-slide {
    margin: 0 1.3333333333vw;
  }
  #newshop .slid_area .slick-prev,
  #newshop .slid_area .slick-next {
    height: 4vw;
    width: 4vw;
  }
  #newshop .slid_area .slick-prev { /*戻る矢印の位置と形状*/
    left: -5.3333333333vw;
  }
  #newshop .slid_area .slick-next { /*次へ矢印の位置と形状*/
    right: -5.3333333333vw;
  }
  #newshop .slid_area .slick-dots {
    margin: 2.6666666667vw 0 0 0;
  }
  #newshop .slid_area .slick-dots li {
    margin: 0 0.6666666667vw;
  }
  #newshop .slid_area .slick-dots button {
    width: 1.0666666667vw; /*ドットボタンのサイズ*/
    height: 3.2vw; /*ドットボタンのサイズ*/
  }
}

/*========= END newshop ===============*/
/*-------------------------------------------------------------
NEW SHOP SHOP LIST 共通
---------------------------------------------------------------*/
#newshop, #shoplist {
  /*========= END PC ===============*/
  /*========= END SP ===============*/
}
#newshop .list_box, #shoplist .list_box {
  margin: 0 auto;
}
#shoplist .list_box.flex_box_pc {
  align-items: stretch;
}
#newshop .list_box .cate_box, #shoplist .list_box .cate_box {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

#shoplist .list_box .cate_box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#newshop .list_box .shop_cate, #shoplist .list_box .shop_cate {
  align-items: center;
}
#newshop .list_box .shop_cate figure img, #shoplist .list_box .shop_cate figure img {
  vertical-align: bottom;
}
#newshop .list_box .shop_cate .tit, #shoplist .list_box .shop_cate .tit {
  letter-spacing: 0.14em;
  color: #fff;
}
#newshop .list_box .txt_area .txt_box, #shoplist .list_box .txt_area .txt_box{
  margin: 0 auto;
}
#shoplist .list_box .txt_area {
  flex: 1 1 auto;
}
#newshop .list_box .txt_area .txt_box .tit, #shoplist .list_box .txt_area .txt_box .tit {
  border-bottom: 1px solid #4eb849;
  color: #666 !important;
  font-weight: bold;
}
#shoplist .link_area ul, #newshop .link_area ul {
  margin: 0 auto;
}
#newshop .list_box .link_area ul,#shoplist .list_box .link_area ul{
  display: grid;
}
#shoplist .list_box .link_area {
  margin-top: auto;
}
#newshop .list_box .link_area ul li a,#shoplist .list_box .link_area ul li a{
  display: block;
  text-align: center;
}
#shoplist .list_box .link_area ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.3rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 780px) {
  #newshop .list_box, #shoplist .list_box {
    width: 87.5912408759%;
  }
  #newshop .list_box .shop_cate, #shoplist .list_box .shop_cate {
    padding: 0.5rem 1.6666666667rem;
  }
  #newshop .list_box .shop_cate figure, #shoplist .list_box .shop_cate figure {
    width: 2.25rem;
  }
  #newshop .list_box .shop_cate .tit, #shoplist .list_box .shop_cate .tit {
    margin-left: 1rem;
    font-size: 1.1666666667rem;
  }
  #newshop .list_box .txt_area, #shoplist .list_box .txt_area {
    padding: 1.25rem 0;
  }
  #newshop .list_box .txt_area .txt_box, #shoplist .list_box .txt_area .txt_box {
    width: 87.2093023256%;
  }
  #newshop .list_box .txt_area .txt_box .tit, #shoplist .list_box .txt_area .txt_box .tit {
    font-size: 1rem;
    padding-bottom: 0.5rem;
  }
  #newshop .list_box .txt_area .txt_box .txt, #shoplist .list_box .txt_area .txt_box .txt {
    margin-top: 0.5rem;
  }
  #newshop .link_area ul, #shoplist .link_area ul {
    width: 87.5912408759%;
  }
  #newshop .list_box .link_area,#shoplist .list_box .link_area {
    margin-bottom: 16px;
  }
  #newshop .list_box .link_area ul.col__2,#shoplist .list_box .link_area ul.col__2{
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
  #newshop .list_box .link_area ul.col__1,#shoplist .list_box .link_area ul.col__1{
    grid-template-columns: 1fr;
  }
  #newshop .list_box .link_area ul li a,#shoplist .list_box .link_area ul li a{
    padding: 1rem .5rem;
    border: 1px solid #4eb849;
    border-radius: 8px;
  }
  #newshop .list_box .link_area ul li a.btn_corp,#shoplist .list_box .link_area ul li a.btn_corp{
    color: #4eb849;
  }
  #newshop .list_box .link_area ul li a.btn_ec,#shoplist .list_box .link_area ul li a.btn_ec{
    background: #4eb849;
    color: #fff;
  }
}
@media only screen and (max-width: 779px) {
  #newshop .list_box, #shoplist .list_box {
    width: 85vw;
  }
  #newshop .list_box .shop_cate, #shoplist .list_box .shop_cate {
    padding: 1.6vw 5.3333333333vw;
  }
  #newshop .list_box .shop_cate figure, #shoplist .list_box .shop_cate figure {
    width: 6.9333333333vw;
  }
  #newshop .list_box .shop_cate .tit, #shoplist .list_box .shop_cate .tit {
    margin-left: 2.9333333333vw;
    font-size: 1.0833333333rem;
  }
  #newshop .list_box .txt_area, #shoplist .list_box .txt_area {
    padding: 3.3333333333vw 0;
  }
  #newshop .list_box .txt_area .txt_box, #shoplist .list_box .txt_area .txt_box {
    width: 87.5912408759%;
  }
  #newshop .list_box .txt_area .txt_box .tit, #shoplist .list_box .txt_area .txt_box .tit {
    font-size: 1.1666666667rem;
    padding-bottom: 1.8666666667vw;
  }
  #newshop .list_box .txt_area .txt_box .txt, #shoplist .list_box .txt_area .txt_box .txt {
    margin-top: 2.4vw;
  }
  #newshop .link_area ul, #shoplist .link_area ul {
    width: 87.5912408759%;
  }
  #newshop .list_box .link_area,#shoplist .list_box .link_area {
    margin-bottom: 16px;
  }
  #newshop .list_box .link_area ul.col__2,#shoplist .list_box .link_area ul.col__2{
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
  #newshop .list_box .link_area ul.col__1,#shoplist .list_box .link_area ul.col__1{
    grid-template-columns: 1fr;
  }
  #newshop .list_box .link_area ul li a,#shoplist .list_box .link_area ul li a{
    padding: 1rem .5rem;
    border: 1px solid #4eb849;
    border-radius: 8px;
  }
  #newshop .list_box .link_area ul li a.btn_corp,#shoplist .list_box .link_area ul li a.btn_corp{
    color: #4eb849;
  }
  #newshop .list_box .link_area ul li a.btn_ec,#shoplist .list_box .link_area ul li a.btn_ec{
    background: #4eb849;
    color: #fff;
  }
}

/*========= END #newshop,#shoplist ===============*/
/*-------------------------------------------------------------
SHOP LIST
---------------------------------------------------------------*/
#shoplist {
  background-color: #f8f8ec;
  background-repeat: repeat-x;
  position: relative;
  /*========= END PC ===============*/
  /*========= END SP ===============*/
}
#shoplist::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transform-origin: center center;
  background-image: url("../img/fusen_green.png");
  animation: fusen_b 4s linear infinite;
  background-size: cover;
}
#shoplist .list_area {
  position: relative;
  z-index: 0;
}
#shoplist .list_area::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transform-origin: center center;
  background-image: url("../img/fusen_red.png");
  animation: fusen_a 3s linear infinite;
  background-size: cover;
}
@media print, screen and (min-width: 780px) {
  #shoplist {
    background-image: url("../img/f_img.png");
    padding-bottom: 16.6666666667rem;
    background-position: bottom center;
  }
  #shoplist::after {
    width: 2.4166666667rem;
    height: 6.5rem;
    background-size: cover;
    position: absolute;
    left: 2%;
    bottom: 33.3333333333rem;
    z-index: 0;
  }
  #shoplist .inner {
    position: relative;
    z-index: 0;
  }
  #shoplist .inner::before {
    position: absolute;
    left: 0;
    bottom: -4.1666666667rem;
    z-index: -1;
  }
  #shoplist .inner::after {
    position: absolute;
    top: 4.1666666667rem;
    left: 0;
    z-index: -1;
  }
  #shoplist .inner::before, #shoplist .inner::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform-origin: center center;
    background-image: url("../img/bg.png");
    width: 14.4166666667rem;
    height: 14.4166666667rem;
    background-size: cover;
  }
  #shoplist .list_area::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform-origin: center center;
    background-image: url("../img/bg.png");
    width: 14.4166666667rem;
    height: 14.4166666667rem;
    background-size: cover;
    position: absolute;
    bottom: 30rem;
    right: 0;
    z-index: -1;
  }
  #shoplist .list_area::after {
    width: 2.4166666667rem;
    height: 6.5rem;
    position: absolute;
    top: 16.6666666667rem;
    right: 0;
    z-index: 0;
  }
  #shoplist .list_box .cate_box {
    width: 32.0833333333%;
  }
  #shoplist .list_box .cate_box:not(:nth-child(3n)) {
    margin-right: 1.8%;
  }
  #shoplist .list_box .cate_box:nth-child(n+4) {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 779px) {
  #shoplist {
    background-image: url("../img/f_img_sp.png");
    padding-bottom: 44vw;
    background-position: bottom left;
  }
  #shoplist::after {
    width: 5.0666666667vw;
    height: 13.3333333333vw;
    background-size: cover;
    position: absolute;
    top: 26.6666666667vw;
    right: 2.6666666667vw;
    z-index: 0;
  }
  #shoplist .list_area::after {
    width: 5.0666666667vw;
    height: 13.3333333333vw;
    position: absolute;
    left: 13.3333333333vw;
    bottom: -20vw;
    z-index: 0;
  }
  #shoplist .list_box .cate_box:not(:first-child) {
    margin-top: 9.0666666667vw;
  }
}

/*========= END shoplist ===============*/
.comingsoon_area {
  /*========= END PC ===============*/
  /*========= END SP ===============*/
}
.comingsoon_area p {
  text-align: center;
  color: #ec6941;
  font-weight: bold;
}
@media print, screen and (min-width: 780px) {
  .comingsoon_area {
    margin-bottom: 4.1666666667rem !important;
  }
  .comingsoon_area p {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 779px) {
  .comingsoon_area {
    margin-bottom: 6.6666666667vw !important;
  }
  .comingsoon_area p {
    font-size: 1.75rem;
  }
}

.slick-track {
  display: flex;
}

.slick-slide {
  height: auto !important;
}

.boxScroll {
  opacity: 1 !important;
}

.search_panel {
  width: 100%;
  margin: 1.6666666667rem auto 1.2rem;
  background: #ffffff;
  border-radius: 10px;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.search_row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.search_row input,
.search_row select,
.search_row button,
.search_row .btn_clear {
  height: 42px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 14px;
}

.search_row button {
  background: #4eb849;
  color: #fff;
  border: none;
  cursor: pointer;
}

.search_actions {
  display: flex;
  align-items: stretch;
  gap: 10px;
}

.search_actions .btn_search {
  min-width: 132px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 2;
}

.search_actions .btn_clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
  min-width: 88px;
  border: none;
  flex: 1;
}

.search_meta {
  margin-top: 10px;
  font-size: 14px;
}

@media print, screen and (min-width: 780px) {
  .search_panel {
    width: 87.5912408759%;
  }

  .search_row {
    display: grid;
    grid-template-columns: minmax(280px, 2.2fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
    gap: 10px;
    align-items: center;
  }

  .search_row .search_keyword,
  .search_row .search_category,
  .search_row .search_sort {
    width: 100%;
    min-width: 0;
  }

  .search_actions {
    justify-self: start;
    gap: 8px;
  }
}

@media print, screen and (min-width: 780px) and (max-width: 1100px) {
  .search_row {
    grid-template-columns: 1fr 1fr;
  }

  .search_row .search_keyword {
    grid-column: 1 / -1;
  }

  .search_actions {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media only screen and (max-width: 779px) {
  .search_panel {
    margin: 4vw auto 3vw;
    padding: 3.2vw;
  }

  .search_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.4vw;
    align-items: stretch;
  }

  .search_row .search_keyword {
    grid-column: 1 / -1;
  }

  .search_row .search_category {
    grid-column: 1;
    min-width: 0;
  }

  .search_row .search_sort {
    grid-column: 2;
    min-width: 0;
  }

  .search_actions {
    grid-column: 1 / -1;
    gap: 2.4vw;
  }

  .search_row input,
  .search_row select,
  .search_row button,
  .search_actions .btn_clear {
    width: 100%;
    min-height: 42px;
    height: 11.2vw;
    box-sizing: border-box;
  }

  .search_actions .btn_search {
    flex: 2;
    min-width: 0;
  }

  .search_actions .btn_clear {
    flex: 1;
    min-width: 0;
    padding: 0 8px;
  }

  .search_meta {
    margin-top: 2.4vw;
  }
}

.pager {
  margin-top: 1.25rem;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.pager a,
.pager span {
  min-width: 36px;
  text-align: center;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-decoration: none;
  color: #231815;
  background: #fff;
}

.pager .current {
  background: #4eb849;
  border-color: #4eb849;
  color: #fff;
}

#newshop .slid_area .slick-prev,
#newshop .slid_area .slick-next {
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  line-height: 0;
  background: transparent;
  border-left: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
}

#newshop .slid_area .slick-prev::before,
#newshop .slid_area .slick-next::before {
  content: none;
}

#newshop .slid_area .slick-dots {
  line-height: 0;
}

#newshop .slid_area .slick-dots li {
  vertical-align: middle;
  line-height: 0;
}

#newshop .slid_area .slick-dots li button {
  vertical-align: middle;
}

#newshop .slid_area .slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  padding: 0;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

@media only screen and (max-width: 779px) {
  #newshop .slid_area .slick-dots li button {
    width: 8px !important;
    height: 8px !important;
  }
}

.ext-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.ext-modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.ext-modal-content h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #333;
}

.ext-modal-content p {
  font-size: 1rem;
  margin: 20px 0;
  color: #666;
  line-height: 1.8;
}

.ext-modal-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.ext-modal-buttons button,
.ext-modal-buttons a {
  padding: 10px 25px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  border: none;
  transition: 0.3s;
  line-height: 1.4em;
}

.btn-cancel {
  background: #e0e0e0;
  color: #333;
}

.btn-ok {
  background: #4eb849;
  color: #fff !important;
}

.btn-cancel:hover {
  background: #d0d0d0;
}

.btn-ok:hover {
  opacity: 0.8;
}
/*# sourceMappingURL=top.css.map */