@charset "UTF-8";
/*================================================================
スマホ（全てのサイズで読み込む）
================================================================*
/*
about
----------------------------------------------------------------*/

.intro {
  font-size: 1.7rem;
}

.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: 700;
}


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

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

.headline {
  letter-spacing: 0;
}

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

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

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

.productName,
.dhc-rip .productName {
  max-width: 280px;
	display: flex;
  align-items: flex-end;
	justify-content: center;
  line-height: 1.2;
}

.productComment {
  height: 200px;
}

.couponInfo > p {
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.6;
		width: 90%;
		margin: 0 auto;
  }

/*
store
----------------------------------------------------------------*/

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

.pftList-btn {
  width: 93px;
}

.pftList-btn img {
	vertical-align: top;
}
.pftList-btn.pftList-hokkaido {
  top: 30px;
  right: 110px;
	width: 93px;
}

.pftList-btn.pftList-okinawa {
  top: 94px;
  left: 20px;
	width: 84px;
}

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

/*北海道*/

.place.sapporo {
  top: 150px;
  left: 130px;
  width: 94px;
}

.place.otaru {
  top: 142px;
  left: 50px;
}

.place.niseko {
  top: 173px;
  left: 19px;
	width: 76px;
}

.place.noboribetsu {
  bottom: 79px;
  left: 106px;
	width: 119px;
}

.place.hakodate {
  bottom: 36px;
  left: 86px;
	width: 97px;
}

/*沖縄*/

.place.naha {
  left: 80px;
	width: 60px;
}

.place.tomigusuku {
  bottom: 38px;
  left: 61px;
	width: 115px;
}

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

.storeComment-area p:nth-child(2) {
  font-size: 1.6rem;
}
.externalLink-wrapper p {
    font-size: 1.4rem;
}

.fukidashi span {
	font-size: 1.4rem;
}

.fukidashi span::before,
.fukidashi span::after{
  top: 1px;
}
.fukidashi span::before{
  left: -10px;
}
.fukidashi span::after{
  right: -10px;
}


/*
company
----------------------------------------------------------------*/

.companyInfo dt,
.companyInfo dd {
  font-size: 1.2rem;
}

.companyInfo dt {
  width: 30%;
	font-weight: 500;
}

.companyInfo dd {
  width: 70%;
}


















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

  /*
  about
  ----------------------------------------------------------------*/

  .videoComment {
		font-size: 3rem;
		margin-bottom: 10px;
  }

  .videoComment-2 {
		font-size: 1.6rem;
    font-weight: 700;
  }

  .videoComment::before,
  .videoComment::after {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    content: "";
    width: 28.38px;
    height: 32.88px;
    background: url(../img/parts/fuki.png) no-repeat;
    background-size: cover;
    z-index: 0;
  }
	.videoComment::before {
		left: -30px;
	}
	.videoComment::after {
		right: -25px;
	}

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

  /*coupon*/

  .couponInfo > p {
    line-height: 1.6;
    letter-spacing: 0;
		width: 100%;
		margin: 0 auto;
  }

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

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

	.pftList-btn.pftList-hokkaido {
    top: 40px;
    right: 192px;
  }

  .pftList-btn.pftList-okinawa {
    top: 92px;
    left: 25px;
  }

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

	/*北海道*/

  .place.sapporo {
    top: 143px;
    left: 130px;
  }

  .place.otaru {
    top: 136px;
    left: 56px;
  }

  .place.niseko {
    top: 173px;
    left: 23px;
  }

  .place.noboribetsu {
    bottom: 75px;
    left: 86px;
  }

  .place.hakodate {
    bottom: 28px;
    left: 69px;
  }

  /*沖縄*/

  .place.naha {
    bottom: 95px;
    left: 70px;
  }

  .place.tomigusuku {
    bottom: 30px;
    left: 55px;
  }

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

  .storeInfo-inner {
		width: 94%;
  }
	.storeInfo-inner .inner {
		width: 94%;
	}

  .storeName {
		line-height: 1.5;
  }

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

	.fukidashi span {
		font-size: 1.8rem;
	}

  .fukidashi span::before,
  .fukidashi span::after{
		top: 3px;
  }

  /*
  company
  ----------------------------------------------------------------*/
  .companyInfo dt {
    width: 25%;
  }

  .companyInfo dd {
    width: 75%;
  }

}













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

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

  /*
  about
  ----------------------------------------------------------------*/

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

  .pointList-item {
    width: 23%;
  }

  .headline {
		width: 92%;
  }

  .pointList-item:nth-child(1) .headline,
	.pointList-item:nth-child(3) .headline,
	.pointList-item:nth-child(4) .headline{
    font-size: 1.9rem;
    line-height: 24px;
  }

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

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

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

  /*北海道*/

  .place.sapporo {
    top: 168px;
    left: 98px;
  }

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

  .place.niseko {
    top: 192px;
    left: -13px;
  }

  .place.noboribetsu {
    bottom: 60px;
    left: 73px;
  }

  .place.hakodate {
    bottom: 5px;
    left: 50px;
  }

  /*沖縄*/

  .place.naha {
    bottom: 73px;
    left: 50px;

  }

  .place.tomigusuku {
    bottom: 8px;
    left: 27px;

  }

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

	#store.inner .map-box {
		max-width: 950px;
		margin: 0 0 0 auto;
	}


}