@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rokkitt:ital,wght@0,500;1,500&display=swap');

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li {
  line-height: inherit;
}

/* 店舗基本・枠 */
.shop__wrap {
  font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #424242;
	background: #eeeeee;
	padding: 20px 20px 60px;
	line-height: 1.6;
}
.shop__frame {
	background: #fff;
	border: 3px solid #c12d00;
}
.shop__frame:first-child{
	margin-bottom: 30px;
}
.shop__inner {
	padding: 0;
}
.shop__content {
	padding: 50px 30px 30px;
}

/* 店舗タイトル */
.shop__title {
	padding: 30px;
	font-size: 42px;
	line-height: 1;
	cursor: pointer;
}
.shop__title::after{
	content: '▼';
	float: right;
}
.shop__title.open::after{
	content: '▲';
}

/* 店舗情報・基本 */
.shop__info {
	margin-bottom: 55px;
	padding: 0 20px;
	border-left: 3px solid #c12d00;
	font-size: 29px;
	letter-spacing: 0.03em;
}
/* 店舗情報・タイトル */
.shop__info .shop__info-head {
	display: flex;
	padding-bottom: 30px;
	span {
		display: inline-block;
		background: #424242;
		padding: 10px;
		font-size: 30px;
		color: #fff;
		line-height: 1;
	}
}
a.btn-gmap {
	display: inline-block;
	margin:0 0 0 auto;
	background: #424242;
	padding: 10px 20px;
	font-size: 30px;
	color: #fff;
	line-height: 1;
	border-radius: 9999px;
}

/* 店舗情報・詳細 */
.shop__info .shop__info-body {
}
.member__title {
	line-height: 1.4;
	em {
		font-weight: bold;
		font-style: normal;
	}
}
.member__price {
	margin-bottom: 30px;
	line-height: 1.4;
	em {
		font-family: "Rokkitt", serif;
		font-size: 60px;
		font-weight: normal;
		font-style: normal;
	}
}
.member__caution {
	margin-top: -20px;
	margin-bottom: 30px;
}
.member__info {
	padding: 20px;
	border: 1px solid #424242;
}

/* 店舗情報・プラン */
.shop__plan {
}
/* 店舗情報・プランタイトル */
.shop__plan .shop__plan-title {
	display: inline-block;
	margin-bottom: 30px;
	padding: 10px;
	background: #c12d00;
	font-size: 30px;
	color: #fff;
	line-height: 1;
	font-weight: normal;
}
.shop__plan .shop__plan-title-2 {
	font-weight: normal;
}
.shop__plan .shop__plan-txt-1 {
	margin-bottom: 20px;
	font-size: 18px;
}
/* 店舗情報・プランリード */
.shop__plan-lead-1 {
	text-align: center;
	font-size: 29px;
	letter-spacing: 0.1em;
}
.shop__plan-lead-2 {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}
.shop__plan-lead-3 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
/* 店舗情報・プランイメージ */
.shop__plan-img-1 {
	padding: 10px 0 30px;
}
/* 店舗情報・プランボタン */
.shop__plan-btn-1 {
	margin-top: 10px;
	margin-bottom: 50px;
	a {
		display: inline-block;
		padding: 5px 0;
	}
}
.shop__plan-btn-2 {
	margin-top: 10px;
	margin-bottom: 20px;
	a {
		display: inline-block;
		padding: 5px 0;
	}
}
.shop__plan-btn-3 {
	margin-top: 50px;
	margin-bottom: 20px;
	a {
		display: inline-block;
		padding: 5px 0;
	}
}

/* 店舗情報・プランコード */
.plan-code {
	display: flex;
	justify-content: center;
	align-items: center;
}
.plan-code__txt {
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
}
.plan-code__copy {
	display: inline-block;
	background: #eee;
	padding: 10px 12px 12px;
	font-size: 24px;
	line-height: 1;
	border-radius: 5px;
	cursor: pointer;
  position: relative;
	border: none;
	color: #000;
}
.plan-code__copy::before {
  content: 'コピーました';
  width: 8em;
  padding: 10px;
  text-align: center;
  font-size: 24px;
  background: #414141;
  border-radius: 5px;
  opacity: 0;
	color: #fff;
  position: absolute;
  top: calc(-100% - 6px);
  right: 0;
  pointer-events: none;
  z-index: 3;
}
/* .plan-code__copy::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #414141;
  opacity: 0;
  position: absolute;
  top: calc(-100% + 17px);
  right: 8px;
  transform: rotate(45deg);
  pointer-events: none;
  z-index: 2;
} */

.plan-code__copy.-add-fukidashi::before,
.plan-code__copy.-add-fukidashi::after {
  opacity: 1;
}

/* 店舗情報・リスト */
.shop__info-list-1 {
}
.shop__info-list-1 li::before {
	content:"・";
	color:#c12d00;
	font-weight: bold;
}
.shop__info-list-2 {
	span {
		display: inline-block;
		width: 4em;
	}
}
.shop__info-list-3 {
}
.shop__info-list-3 li::before {
	content:"・";
}
.shop__info-list-4 {
	margin-bottom: 20px;
	font-size: 18px;
}
.shop__info-list-4 li {
	margin-bottom: 5px;
	padding-left: 1em;
  text-indent: -1em;
}