@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------
	pickup_topics
---------------------------------------------------------------------*/
.pickup_topics {
	margin: 20px 0;
	border: 1px solid #BFBFBF;
	border-radius: 6px;
}
.pickup_topics .ttl {
	background: #FFCC00;
	font-size: 1.8rem;
	font-weight: normal;
	border-bottom: 1px solid #BFBFBF;
	padding: 10px;
	position: relative;
	border-radius: 6px 6px 0 0;
}
.pickup_topics .list {
	background: #FFFAE5;
	padding: 10px;
	border-radius: 0 0 6px 6px;
}
.pickup_topics .list li + li {
	margin-top: 5px;
  padding-top: 5px;
	border-top: 1px dashed #BFBFBF;
}
.pickup_topics .list a {
	display: block;
	color: #000;
	position: relative;
	padding-left: 20px;
}
.pickup_topics .list a::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 8px;
    border: 4px solid transparent;
    border-left: 7px solid #E86C00;
}

/* pc */
@media print, screen and (min-width: 1280px) {
  
  .pickup_topics {
    display: table;
    width: 100%;
  }
  .pickup_topics .ttl {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    border-radius: 6px 0 0 6px;
    text-align: center;
    padding: 15px 20px;
    border-bottom: none;
  }
  .pickup_topics .list {
    display: table-cell;
    vertical-align: middle;
    border-radius: 0 6px 6px 0;
  }
}

/*---------------------------------------------------------------------
	top_slide
---------------------------------------------------------------------*/
.top_slide .slick-dotted.slick-slider {
	margin-bottom: 0;
}
.top_slide .pc {
	display: none;
}
.top_slide .slick-dots {
    bottom: 10px;
}

/* pc */
@media screen and (min-width: 1280px) {
	.top_slide {
		position: relative;
	}
	.top_slide .pc {
		display: block;
	}
	.top_slide .sp {
		display: none;
	}
}

/*---------------------------------------------------------------------
	bnr_pickup
---------------------------------------------------------------------*/
.bnr_pickup {
    margin: 30px 0;
}
.bnr_pickup li {
    margin: 0 10px;
}
.bnr_pickup a {
	text-decoration: none;
	display: block;
	color: #000;
}
.bnr_pickup .ttl {
	display: block;
	border-bottom: 1px solid #BBB;
	position: relative;
	background: url("../image/top/more.png") no-repeat right center/60px;
	padding: 10px 60px 10px 0;
	font-size: 1.5rem;
}
.bnr_pickup .ttl::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 60px;
	height: 1px;
	background: #3DB4EB;
}

/* pc */
@media screen and (min-width: 1280px) {
	.bnr_pickup {
    margin: 40px 0;
	}
	.bnr_pickup li {
		margin: 0 15px;
	}
	.bnr_pickup .ttl {
    background-size: auto;
    font-size: 1.8rem;
    padding-right: 90px;
		margin-top: 5px;
	}
	.bnr_pickup .ttl::before {
		width: 80px;
	}
}

/*---------------------------------------------------------------------
	top_topics
---------------------------------------------------------------------*/
.top_topics {
  background: #F5F5F5;
  padding: 20px 0 40px;
  margin-top: 60px;
}

.top_topics .link {
  text-align: center;
  margin-top: 20px;
}

/* tablet */
@media screen and (min-width: 768px) {
	.top_topics {
		padding: 40px 20px;
	}
}

/*---------------------------------------------------------------------
	un_homeYonabaruLook - Instagram posts (左=バナー画像, 右=HTML)
---------------------------------------------------------------------*/
.un_homeYonabaruLook_inner {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  max-width: 1280px;
  margin: 0 auto;
}

.un_homeYonabaruLook_banner {
  flex-shrink: 0;
}

.un_homeYonabaruLook_banner picture {
  display: block;
}

.un_homeYonabaruLook_banner img {
  width: 100%;
  height: auto;
  display: block;
}

.un_homeYonabaruLook_content {
  padding: 20px 16px;
  width: calc(100% - 10.6666667vw);
  margin-inline: auto;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
}

.un_homeYonabaruLook_posts {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
}

.un_homeYonabaruLook_postItem {
  overflow: hidden;
  border-radius: 8px;
}

.un_homeYonabaruLook_postItem--main {
  grid-row: 1 / 3;
}

.un_homeYonabaruLook_postItem a {
  display: block;
  height: 100%;
}

.un_homeYonabaruLook_postItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.un_homeYonabaruLook_cta {
  text-align: center;
  margin-top: 16px;
}

.un_homeYonabaruLook_ctaTxt {
  font-size: 0.875rem;
  color: #333;
}

.un_homeYonabaruLook_ctaTxt strong {
  color: #f8643e;
  font-weight: bold;
}

.un_homeYonabaruLook_ctaSub {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: #333;
  margin-top: 6px;
}

.un_homeYonabaruLook_ctaSub img {
  flex-shrink: 0;
}

/* PC: 左右2カラム */
@media print, screen and (min-width: 992px) {
  .un_homeYonabaruLook_inner {
    flex-direction: row;
    padding-right: 20px;
    height: min(36.5927419vw, 470px);
  }

  .un_homeYonabaruLook_banner {
    width: 50%;
  }

  .un_homeYonabaruLook_banner img {
    width: 100%;
  }

  .un_homeYonabaruLook_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 24px;
    flex: 1;
    border-radius: 0 20px 20px 0;
  }

  .un_homeYonabaruLook_posts {
    gap: 12px;
    flex: 1;
    min-height: 0;
  }

  .un_homeYonabaruLook_postItem {
    border-radius: 12px;
  }

  .un_homeYonabaruLook_cta {
    margin-top: 12px;
    flex-shrink: 0;
  }

  .un_homeYonabaruLook_ctaTxt {
    font-size: 1rem;
  }

  .un_homeYonabaruLook_ctaSub {
    font-size: 0.875rem;
  }
}

/*---------------------------------------------------------------------
	トップページ　オーバーライド
---------------------------------------------------------------------*/

@media print, screen and (min-width: 992px) {
  .un_homeInfo .ly_centered,
  .un_homeAbout_centered,
  .un_homeSpecial_centered,
  .un_homeShopInfo .ly_centered,
  .un_homeEvent .ly_centered {
    max-width: 800px;
  }
  .un_homeInfo .bl_infoItem {
    flex-direction: row;
    gap: 0 21px;
    padding: 30px 0;
  }
  .un_homeInfo .bl_infoItem_imgWrap {
    min-width: 140px;
    width: 140px;
  }
  .un_homeInfo .bl_infoItem_body {
    flex: 1;
  }

  .un_homeSpecial_cards .bl_specialCards {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
    width: 100%;
  }
  .un_homeSpecial_cards .bl_specialCards .bl_specialCard {
    width: calc((100% - 50px) / 3);
  }

  .un_homeSpecial .bl_pickupMedia {
    box-shadow: 10px 10px 0 0 #f07443;
    flex-direction: row;
    gap: 0 40px;
    margin-bottom: 80px;
    padding: 38px 48px 38px 38px;
  }
  .un_homeSpecial .bl_pickupMedia_imgWrap {
    width: 342px;
  }
  .un_homeSpecial .bl_pickupMedia_body {
    flex: 1;
  }
  .un_homeSpecial .bl_pickupMedia_btnWrap {
    bottom: -30px;
    margin-top: 0;
    position: absolute;
    right: 30px;
    width: 258px;
  }

  .un_homeSpotBox_container {
    max-width: 800px;
  }

  .un_homeAbout_container {
    gap: 40px 0;
  }
}

@media print, screen and (min-width: 1280px) {
  .un_homeInfo .ly_centered,
  .un_homeAbout_centered,
  .un_homeSpecial_centered,
  .un_homeShopInfo .ly_centered,
  .un_homeEvent .ly_centered {
    max-width: 1000px;
  }

  .un_homeSpecial_cards .bl_specialCards {
    gap: 50px;
  }
  .un_homeSpecial_cards .bl_specialCards .bl_specialCard {
    width: 300px;
  }

  .un_homeSpotBox_container {
    max-width: 880px;
    width: calc(100% - 80px);
  }

  .un_homeAbout_container {
    gap: 0;
  }
}