/* ==============================
   TAKEOUT：共通
   ============================== */

.takeout_lead {
  text-align: center;
  margin: 60px 0;
}

.takeout_lead h1 {
  font-size: 26px;
  margin-bottom: 20px;
}

.takeout_lead p {
  line-height: 1.8;
	font-size: 14px;
}

/* 見出し */
.shop_ttl {
  border-bottom: 2px solid #6c8f8e;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 18px;
}

/* 店舗一覧 */
.shop_list {
  margin-bottom: 60px;
}

/* 店舗ボックス */
.shop_box {
  background: #e4f0d8;
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
	border-radius: 5px;
}

/* 店舗情報 */
.shop_info {
  line-height: 1.6;
}

/* 店舗名 */
.shop_info strong {
  font-size: 17px;
  display: inline-block;
  margin-bottom: 5px;
}

/* 住所 */
.shop_info .address {
  word-break: break-word;
}

/* 予約ボタン（共通） */
.btn_reserve {
  display: inline-block;
  background-color: #008EA0;
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  border-bottom: 2px solid #026d7a;
  box-sizing: border-box;
}

/* フッター上余白 */
#Contents.takeout + #FooterBox {
  margin-top: 60px;
}

	.shop_btn a:hover,.shop_btn a:visited{
	  color: #fff;
	}
/* ==============================
   CONTENT WIDTH
   ============================== */

/* PC：ヘッダーと同幅 */
@media screen and (min-width:641px) {
  #Contents.takeout {
    width: 970px;
    margin: 0 auto;
  }
}

/* SP：全幅 */
@media screen and (max-width:640px) {
  #Contents.takeout {
    padding: 0 15px;
  }
}

/* ==============================
   PC表示（2列・高さ揃え）
   ============================== */
@media screen and (min-width:641px) {

  /* clearfix(cf) を無効化（重要） */
  .shop_list .shop_box::before,
  .shop_list .shop_box::after {
    content: none !important;
    display: none !important;
  }

  /* 2列レイアウト */
  .shop_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .shop_box {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
  }

  /* 住所は自然に折り返す */
  .shop_info .address {
    white-space: normal;
    line-height: 1.8;
    margin: 4px 0 6px;
  }

  /* ボタン下揃え・右寄せ */
  .shop_btn {
    margin-top: auto;
    text-align: right;
  }

	

  .btn_reserve {
    padding: 10px 40px;
    font-size: 14px;
    white-space: nowrap;
  }
}

/* ==============================
   SP表示
   ============================== */
@media screen and (max-width:640px) {
	.takeout {
	  margin: 0 5px;
	}

  .shop_box {
    margin-bottom: 25px;
  }

  .shop_info {
    line-height: 1.7;
  }

  /* 住所：行間を広げる */
  .shop_info .address {
    display: block;
    line-height: 1.8;
    margin: 4px 0 6px;
  }

  /* ボタン：横幅90％・中央 */
  .shop_btn {
    margin-top: 15px;
    text-align: center;
  }

  .btn_reserve {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 12px 0;
    font-size: 13px;
  }
	.spnone{
		display:none;
	}
}

/* ==============================
   注意文
   ============================== */

.takeout_note h3 {
  margin-top: 40px;
  font-size: 16px;
}

.takeout_note p {
  font-size: 14px;
  line-height: 1.8;
}