@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}


h2 { line-height: 1.6em; }

.sales_wrap { background: linear-gradient(transparent 26%, #8DD3F6 26%); }
.sales_wrap .top_intro{margin-bottom: 40px;}
.sales_top_img { width: 100%; margin-bottom: 20px; }
.sales_point_list { display: flex; flex-direction: column; gap: 24px; margin: 40px 0; }
.sales_point_list li { border: 2px solid #004680; }
.sales_point_title { text-align: center; padding: 8px; background: #004680; }
.sales_point { position: relative; width: 100%; height: 150px; padding: 8px; background: #FFF;}
.sales_point_illust { position: absolute; bottom: 0px; left: 3%; }
.sales_point_text { position: absolute; top: 0; bottom: 0; left: 53%; height: fit-content; margin: auto; }
.sales_point_text strong { font-size: 40px; color: #FC5942; }

.shop_contents_bg:nth-child(2n+1) { background: #FFF; }
.shop_wrap_outer { display: flex; flex-direction: column; gap: 80px; }
.shop_wrap { display: flex; flex-direction: column; gap: 16px; }
.shop_wrap_left { width: 100%; height: fit-content; }
.shop_wrap_left .shop_img { display: block; width: 100%; aspect-ratio: 7 / 4; background: #666; }
.shop_wrap_right { display: flex; flex-direction: column; gap: 24px; }
.shop_wrap_right h3 { margin-bottom: 16px; }
.shop_info { display: flex; flex-direction: column; gap: 6px; }
.shop_info dl { display: flex; padding-bottom: 6px; border-bottom: 1px solid #DADADA;  }
.shop_info dl:last-child { border-bottom: none; }
.shop_info dl dt { width: 30%; color: #004680; }

.sell_links_button { display: none; }

@media (min-width:768px) {
  h2 { line-height: 2em !important; }
  .sales_top_img { margin-top: 60px; }
  .sales_wrap { background: linear-gradient(transparent 54%, #8DD3F6 54%); }
  .sales_wrap .top_intro { display: block; margin: 0 auto; text-align: center;margin-bottom: 40px;}
  .sales_point_list { flex-direction: row; width: 80%; margin: -80px auto 40px; }  
  .sales_point_list li { flex: 1; }
  .sales_point { height: auto; padding: 20px; }
  .sales_point_illust { position: relative; display: block; margin: 0 auto; }
  .sales_point_text { position: relative; left: auto; display: block; margin: 20px auto 0; text-align: center; }
  .sales_point_text strong { font-size: 50px;  }

  .shop_contents_bg .contents { padding: 120px 0; }
  .shop_wrap { flex-direction: row; gap: min(4.1vw, 60px); }
  .shop_wrap_left { width: min(51.1vw, 600px);position: relative; }
  .shop_wrap_left::before {content: '';position: absolute;bottom: -24px;left: -24px;width: 60%;height: 60%;background: #004680;
z-index: -1;}
  .shop_wrap_left img{z-index: 1;}
  .shop_wrap_left .shop_img { aspect-ratio: 6 / 4; }
  .shop_wrap_right { flex-grow: 1; justify-content: space-between; }
  .shop_wrap_right h3 { margin-bottom: min(1.4vw, 21px); }
  .shop_info { gap: min(0.6vw, 9px); }
  .shop_info dl { padding-bottom: min(0.6vw, 9px); }
  .button.button_normal { height: min(4.8vw, 70px); margin: 0; }
  .sales_wrap .sell_toplink{margin-bottom: 40px;}

}