@charset "UTF-8";

/*======================================================
  Original style
======================================================== */

body {
  font-family: "Noto Sans Kannada","Noto Sans", "Noto Sans KR", "Noto Sans SC","Noto Sans TC","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "メイリオ", "Meiryo", sans-serif;
}

/*================================================================
スマホ（全てのサイズで読み込む）
================================================================*
/*
main
================================================================*/

/*
about
----------------------------------------------------------------*/
#about {
  max-width: 1000px;
}
.intro {
  font-feature-settings: "palt";
  font-weight: 600;
}
.videoGuide {
  max-width: 950px;
  margin: 0 auto;
}
.videoComment {
  font-size: 1.8rem;
}

.videoComment::before,
.videoComment::after {
  width: 15px;
  height: 20px;
  background-size: cover;
}

.videoComment::before {
  left: -20px;
}

.videoComment::after {
  right: -20px;
}

.videoComment-2 {
  font-weight: 600;
}


/*point
------------*/

.pointList {
  align-items: flex-start;
}

.headline {
  padding: 5px 0px 0;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -.1rem;
  font-feature-settings: "palt";
}

.pointList-item:nth-child(1) .headline,.pointList-item:nth-child(3) .headline,.pointList-item:nth-child(4) .headline {
  padding: 10px 0 0;
  font-size: 1.7rem;
  line-height: 20px;
}

.pointList-item .ex {
  height: auto;
}

/*
Recommend
----------------------------------------------------------------*/

.productName,
.dhc-rip .productName {
  max-width: 100%;
  line-height: 1.2;/*追記*/
  letter-spacing: -.1rem;
}

.productComment {
  height: 145px;
  font-size: 1.5rem;/*追記*/
  line-height: 1.4;
}


/*
store
----------------------------------------------------------------*/
#store {
  max-width: 1000px;
  margin: 0 auto;
}

/* 全体地図
---------------------------------*/

.pftList-btn.pftList-hokkaido {
	width: calc(110px * 0.8);
}

.pftList-btn.pftList-okinawa {
  left: 30px;
	width: calc(106px * 0.8);
}

/* 詳細地図
---------------------------------*/

/*北海道*/

.place.sapporo {
  top: 145px;
  left: 125px;
  width: calc(98px * 0.8);
}

.place.otaru {
	width: calc(86px * 0.8);
}

.place.niseko {
  top: 170px;
  left: 22px;
	width: calc(95px * 0.8);
}

.place.noboribetsu {
  left: 75px;
	width: calc(128px * 0.8);
}

.place.hakodate {
  left: 55px;
	width: calc(125px * 0.8);
}

/*沖縄*/

.place.naha {
	width: calc(90px * 0.8);
}

.place.tomigusuku {
  left: 38px;
	width: calc(111px * 0.8);
}

/* 店舗情報
---------------------------------*/

.storeList-item dl dt {
  padding-top: 2px;
}

/* comment area
---------------------------------*/

.emphasize {
  font-size: 2rem;
  width: 92%;
  margin: 0 auto;
}

.emphasize span {
  background:linear-gradient(transparent 40%, #DADF3F 40%, #DADF3F 80%, transparent 80%);
}

















/*================================================================
 タブレット（画面幅768px以上で読み込む）
================================================================*/
@media screen and (min-width:768px) {

  /*
  about
  ----------------------------------------------------------------*/
  .videoComment-2 {
    top: 17%;
    font-weight: 500;
  }

  /*
  Store
  ----------------------------------------------------------------*/
  /* comment area
  ---------------------------------*/

  .emphasize {
    font-size: 3.0rem;
    letter-spacing: -.2rem;
  }

}













/*================================================================
PC（画面幅1080px以上で読み込む）
================================================================*/

@media screen and (min-width:1080px) {

  /*
  about
  ----------------------------------------------------------------*/
  .videoComment {
  font-size: 3.0rem;
}

.videoComment::before,
.videoComment::after {
  width: 28px;
  height: 33px;
}

.videoComment::before {
  left: -32px;
}

.videoComment::after {
  right: -30px;
}

  /*point
  ------------*/

  .pointList {
    max-width: 950px;
  }

  .headline {
    font-size: 1.7rem;
    padding-top: 5px;
  }

  .pointList-item:nth-child(1) .headline,.pointList-item:nth-child(4) .headline {
    font-size: 1.7rem;
    line-height: 60px;
    padding-top: 5px;
  }
  .pointList-item:nth-child(3) .headline {
    font-size: 1.7rem;
    line-height: 24px;
    padding-top: 10px;
  }


  /*
  Store
  ----------------------------------------------------------------*/

  /* 詳細地図
  ---------------------------------*/

  /*北海道*/

  .place.sapporo {
    top: 155px;
    left: 96px;
  }

  .place.otaru {
    top: 145px;
    left: 19px;
  }

  .place.niseko {
    top: 188px;
    left: -17px;
  }

  .place.noboribetsu {
    bottom: 53px;
    left: 40px;
  }

  .place.hakodate {
    bottom: -1px;
    left: 20px;
  }

  /*沖縄*/

  .place.naha {
    bottom: 74px;
    left: 38px;

  }

  .place.tomigusuku {
    bottom: 0px;
    left: 4px;
  }

}