@charset "utf-8";

/* =========================================================

 module

========================================================= */

.c_section_inner {
	min-width: 769px;
	max-width: 1164px;
	margin-right: auto;
	margin-left: auto;
}

.c_link_adjust_header::before {
	content: "";
	display: block;
	height: 224px;
	margin-top: -224px;
	visibility: hidden;
}

.c_head_section {
	font-size: 3.2rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-align: center;
}

.c_head_section.c_head_section--line {
	padding-bottom: 1.8rem;
	border-bottom: solid 1px #fff;
}

.c_head_section.c_head_section--black {
	border-color: #333;
}

.c_btn_line {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 63rem);
	padding: 1.8rem 0;
	border: solid 1px #fff;
	transition: all 0.5s;
}

.c_btn_line:hover {
	background: rgba(255, 255, 255, 0.15);
	transition: all 0.5s;
}

.c_btn_line.c_btn_line--black {
	color: #333;
	border-color: #333;
}

.c_btn_line.c_btn_line--black:hover {
	background: rgba(51, 51, 51, 0.15);
}

.c_btn_reserve {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 25rem;
	height: 25rem;
	background: #fff;
	border: solid 3px #9e2b34;
	font-size: 2.4rem;
	color: #333;
	border-radius: 50%;
	transition: all 0.5s;
}

.c_btn_reserve .btn_reserve__lead {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: underline;
	text-underline-offset: 0.4rem;
}

.c_btn_reserve .btn_reserve__lead::after {
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	margin-top: 0.8rem;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	transform: rotate(45deg);
}

.c_btn_reserve .btn_reserve__note {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1.6rem;
	font-size: 1.6rem;
}

.c_btn_reserve:hover {
	transform: translateY(-1rem);
	opacity: 0.9;
	transition: all 0.5s;
}

.c_btn_social {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 100%;
	padding: 1rem 2rem;
	background: #fff;
	border: solid 2px #333;
	border-radius: 1rem;
	color: #333;
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, sans-serif;
	font-size: 2.4rem;
}

.c_btn_social .c_btn_social__sub {
	font-size: 1.8rem;
}

.c_btn_social::before {
	content: "";
	flex-shrink: 0;
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	margin-right: 2.4rem;
	background-position: center center;
	background-size: contain;
}

.c_btn_social.social--instagram {
	border-color: #d501bd;
}

.c_btn_social.social--instagram::before {
	background-image: url(../img/special/harmonycollection20230629/icon_instagram.png);
}

.c_btn_social.social--facebook {
	border-color: #217bf2;
}

.c_btn_social.social--facebook::before {
	background-image: url(../img/special/harmonycollection20230629/icon_facebook.png);
}

.c_btn_social.social--line {
	border-color: #0cc85a;
}

.c_btn_social.social--line::before {
	background-image: url(../img/special/harmonycollection20230629/icon_line.png);
}

.l_harmonycollection {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
	font-size: 2rem;
	line-height: 1.5;
	color: #fff;
}

.l_harmonycollection img {
	max-width: 100%;
	height: auto;
}

.l_harmonycollection .l_kv {
	display: flex;
	align-items: center;
	min-width: 769px;
	max-width: 1164px;
	margin-right: auto;
	margin-left: auto;
	height: 51.8rem;
	background: url(../img/special/harmonycollection20230629/kv_background.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.l_harmonycollection .l_kv .kv_inner {
	display: flex;
	align-items: center;
}

.l_harmonycollection .l_kv .kv__introduction {
	display: inline-block;
	flex-direction: column;
	min-width: 40.55%;
	margin-left: 5.49%;
	padding: 6rem 4rem 4rem;
	background: rgba(26, 26, 26, 0.5);
	backdrop-filter: blur(3px);
	text-align: center;
	overflow: hidden;
}

.l_harmonycollection .l_kv .kv__introduction-title {
	font-size: 2.4rem;
	letter-spacing: 0.06em;
}

.l_harmonycollection .l_kv .kv__introduction-title__sub {
	margin: 1.2rem calc(50% - 50vw) 0;
	padding: 0.4rem 0;
	letter-spacing: 0.15em;
	background: rgba(158, 43, 52, 0.75);
}

.l_harmonycollection .l_kv .kv__introduction-date {
	margin-top: 3.8rem;
	padding: 2rem 0;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	font-size: 2rem;
	letter-spacing: 0.075em;
}

.l_harmonycollection .l_kv .kv__introduction-date .date--em {
	font-size: 3.2rem;
}

.l_harmonycollection .l_kv .kv__introduction-venue {
	margin-top: 3.8rem;
}

.l_harmonycollection .l_menu {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background: #f5e9d2;
}

.l_harmonycollection .l_menu .list_menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 19.4rem;
}

.l_harmonycollection .l_menu .list_menu a {
	color: #333;
	opacity: 0.8;
}

.l_harmonycollection .l_menu .list_menu a:hover {
	opacity: 0.8;
}

.l_harmonycollection .l_event {
	padding-top: 12rem;
	padding-bottom: 12rem;
	background: #9e2b34;
	background: url(../img/special/harmonycollection20230629/bg_red.jpg);
	background-size: cover;
	position: relative;
}

.l_harmonycollection .l_event .event__name {
	margin-top: 7.8rem;
	font-size: 2.4rem;
	font-weight: 600;
	text-align: center;
}

.l_harmonycollection .l_event .event__name + .event__lead {
	margin-top: 4rem;
}

.l_harmonycollection .l_event .event__lead + .event__lead {
	margin-top: 1.8rem;
}

.l_harmonycollection .l_event .event__info {
	display: flex;
	justify-content: space-between;
	margin-top: 8rem;
	padding: 4rem;
	background: rgba(255, 255, 255, 0.65);
}

.l_harmonycollection .l_event .info__text {
	color: #333;
}

.l_harmonycollection .l_event .info__text .info__text--em {
	font-size: 3.2rem;
	font-weight: 600;
}

.l_harmonycollection .l_event .info__text__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 0;
}

.l_harmonycollection .l_event .info__text__list dt {
	flex-basis: 13.2rem;
	font-size: 2.4rem;
}

.l_harmonycollection .l_event .info__text__list dd {
	flex-basis: calc(100% - 13.2rem);
}

.l_harmonycollection .l_event .info__text__list dd span {
	display: inline-block;
}

.l_harmonycollection .l_event .info__text__date {
	line-height: 1;
	letter-spacing: -0.01em;
}

.l_harmonycollection .l_event .info__text__note {
	font-size: 1.4rem;
}

.l_harmonycollection .l_event .info__image {
	flex-shrink: 0;
}

.l_harmonycollection .l_event .event__map {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9.6rem;
	margin-top: 8rem;
	padding: 0 4rem;
}

.l_harmonycollection .l_event .map__link {
	flex-grow: 1;
	text-align: center;
}

.l_harmonycollection .l_event .map__link a {
	color: #fff;
}

.l_harmonycollection .l_event .map__link__note {
	margin-top: 0.8rem;
	font-size: 1.6rem;
}

.l_harmonycollection .l_event .map__image {
	flex-shrink: 0;
}

.l_harmonycollection .l_event_contents {
	padding-top: 8.4rem;
	padding-bottom: 8.4rem;
	background: #f5e9d2;
	color: #333;
	scroll-margin-top: 114px;
	position: relative;
}

.l_harmonycollection .l_event_contents .c_head_section + .event__lead {
	margin-top: 8rem;
}

.l_harmonycollection .l_event_contents .event__lead + .event__lead {
	margin-top: 0.8rem;
}

.l_harmonycollection .l_event_contents .list_event {
	display: flex;
	justify-content: space-between;
	gap: 4rem;
	margin-top: 8rem;
}

.l_harmonycollection .l_event_contents .item_event {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem 0;
}

.l_harmonycollection .l_event_contents .contents_head {
	font-size: 2.4rem;
}

.l_harmonycollection .l_event_contents .lead_reserve {
	margin-top: 8.4rem;
	text-align: center;
}

.l_harmonycollection .l_event_contents .lead_reserve__note {
	margin-top: 0.8rem;
	font-size: 1.6rem;
}

.l_harmonycollection .l_event_note {
	padding-top: 8rem;
	padding-bottom: 12rem;
	background: #9e2b34;
	font-size: 1.6rem;
}

.l_harmonycollection .l_event_note .event_note__organizer {
	margin-top: 3.2rem;
}

.l_harmonycollection .l_event_note .event_note__organizer a {
	text-decoration: underline;
	color: #fff;
}

.l_harmonycollection .l_limited {
	padding-top: 12rem;
	padding-bottom: 12rem;
	background: #f5e9d2;
	background: url(../img/special/harmonycollection20230629/bg_coffee.jpg);
	background-size: cover;
	color: #333;
}

.l_harmonycollection .l_limited .limited__name {
	margin-top: 3rem;
	text-align: center;
	letter-spacing: 0.06em;
}

.l_harmonycollection .l_limited .name__head {
	display: flex;
	gap: 4rem;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	font-weight: 600;
	color: #9e2b34;
}

.l_harmonycollection .l_limited .name__head::before,
.l_harmonycollection .l_limited .name__head::after {
	content: "";
	flex-grow: 1;
	min-width: 1rem;
	height: 1px;
	background-color: #9e2b34;
}

.l_harmonycollection .l_limited .name__kana {
	margin-top: 0.8rem;
	font-size: 2.4rem;
	font-weight: 600;
}

.l_harmonycollection .l_limited .name__sub {
	font-size: 1.8rem;
	font-weight: 600;
}

.l_harmonycollection .l_limited .limited__detail {
	display: flex;
	align-items: stretch;
	margin-top: 4rem;
}

.l_harmonycollection .l_limited .limited__detail:nth-child(even) {
	flex-direction: row-reverse;
}

.l_harmonycollection .l_limited .limited__detail__image {
	flex-basis: 50%;
}

.l_harmonycollection .l_limited .limited__detail__text {
	flex-basis: 50%;
	display: grid;
	align-content: center;
	gap: 1.6rem;
	padding: 0 4rem;
	background: #fff;
}

.l_harmonycollection .l_about_harmonycollection {
	padding-top: 11.2rem;
	padding-bottom: 12rem;
	background: #250804;
	background: url(../img/special/harmonycollection20230629/bg_brown.jpg);
	background-size: cover;
	color: #fde4d0;
	position: relative;
}

.l_harmonycollection .l_about_harmonycollection .block_about {
	display: flex;
	gap: 8rem;
	max-width: 90rem;
	margin: 0 auto;
	margin-top: 8rem;
}

.l_harmonycollection .l_about_harmonycollection .about_image {
	flex-shrink: 0;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__tasting {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 0;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__tasting dt {
	flex-basis: 10rem;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__tasting dd {
	flex-basis: calc(100% - 10rem);
}

.l_harmonycollection .l_about_harmonycollection .about__lead__spec {
	display: flex;
	flex-wrap: wrap;
	margin-top: 6rem;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__spec dt {
	flex-basis: 10rem;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__spec dd {
	flex-basis: calc(100% - 10rem);
}

.l_harmonycollection .l_about_harmonycollection .about__bland_link {
	margin-top: 9rem;
	text-align: center;
}

.l_harmonycollection .l_about_harmonycollection .about__bland_link .c_btn_line {
	color: #fde4d0;
	border-color: #fde4d0;
}

.l_harmonycollection .l_social {
	padding-top: 8rem;
	padding-bottom: 8rem;
	background: #f5e9d2;
	color: #333;
	position: relative;
}

.l_harmonycollection .l_social .c_head_section {
	font-size: 2.4rem;
}

.l_harmonycollection .l_social .list_social {
	display: flex;
	justify-content: space-between;
	gap: 4rem;
	margin-top: 4rem;
}

.l_harmonycollection .l_social .item_social {
	width: 100%;
}

.l_harmonycollection .l_fixed_btn {
	position: fixed;
	z-index: 9999;
	right: 2%;
	bottom: 1%;
}

@media screen and (max-width: 1164px) {

.c_section_inner {
	padding-right: 2.8571428571%;
	padding-left: 2.8571428571%;
}

.l_harmonycollection .l_kv {
	padding-right: 2.8571428571%;
	padding-left: 2.8571428571%;
}

}

@media screen and (max-width: 768px) {

.c_section_inner {
	width: 100%;
	max-width: initial;
	min-width: initial;
	padding-right: 0;
	padding-left: 0;
}

.c_head_section {
	font-size: 5.46875vw;
}

.c_head_section span {
	display: inline-block;
}

.c_btn_line {
	width: 100%;
	padding: 5.2083333333vw 0;
	font-size: 4.4270833333vw;
}

.c_btn_reserve {
	width: 32.5520833333vw;
	height: 32.5520833333vw;
	font-size: 3.125vw;
	font-feature-settings: "palt";
}

.c_btn_reserve .btn_reserve__lead::after {
	width: 1.5625vw;
	height: 1.5625vw;
	margin-top: 1.0416666667vw;
}

.c_btn_reserve .btn_reserve__note {
	margin-top: 2.0833333333vw;
	font-size: 2.0833333333vw;
}

.c_btn_social {
	padding: 3.90625vw 2.34375vw;
	font-size: 4.4270833333vw;
	font-feature-settings: "palt";
}

.c_btn_social .c_btn_social__sub {
	font-size: 3.125vw;
}

.c_btn_social::before {
	width: 7.8125vw;
	height: 7.8125vw;
	margin-right: 2.6041666667vw;
}

.l_harmonycollection {
	font-size: 3.90625vw;
}

.l_harmonycollection .l_kv {
	width: 100%;
	max-width: initial;
	min-width: initial;
	padding-right: 0;
	padding-left: 0;
}

.l_harmonycollection .l_kv {
	background-image: url(../img/special/harmonycollection20230629/kv_background_sp.jpg);
	height: auto;
}

.l_harmonycollection .l_kv .kv__introduction {
	width: 100%;
	min-width: initial;
	height: 100%;
	margin: 0;
	padding: 3.90625vw;
	background: rgba(26, 26, 26, 0.8);
	backdrop-filter: none;
}

.l_harmonycollection .l_kv .kv__main {
	margin-top: 4.1666666667vw;
}

.l_harmonycollection .l_kv .kv__introduction-title {
	font-size: 4.1666666667vw;
	letter-spacing: 0.05em;
	line-height: 1.4;
}

.l_harmonycollection .l_kv .kv__introduction-title__sub {
	margin: 1.3020833333vw calc(50% - 50vw) 0;
}

.l_harmonycollection .l_kv .kv__introduction-date {
	margin-top: 4.1666666667vw;
	padding: 2.6041666667vw 0;
	font-size: 3.90625vw;
	letter-spacing: 0.06em;
}

.l_harmonycollection .l_kv .kv__introduction-date .date--em {
	font-size: 5.46875vw;
}

.l_harmonycollection .l_kv .kv__introduction-venue {
	margin-top: 2.6041666667vw;
	font-size: 3.6458333333vw;
}

.l_harmonycollection .l_menu {
	padding-top: 5.2083333333vw;
	padding-bottom: 5.2083333333vw;
}

.l_harmonycollection .l_menu .list_menu {
	justify-content: space-around;
	gap: 0;
	font-size: 3.90625vw;
}

.l_harmonycollection .l_event {
	padding-left: 3.90625vw;
	padding-right: 3.90625vw;
}

.l_harmonycollection .l_event {
	padding-top: 18.2291666667vw;
	padding-bottom: 18.2291666667vw;
}

.l_harmonycollection .l_event .event__name {
	margin-top: 13.0208333333vw;
	font-size: 4.4270833333vw;
}

.l_harmonycollection .l_event .event__name span {
	display: inline-block;
}

.l_harmonycollection .l_event .event__name + .event__lead {
	margin-top: 6.7708333333vw;
}

.l_harmonycollection .l_event .event__lead + .event__lead {
	margin-top: 3.6458333333vw;
}

.l_harmonycollection .l_event .event__info {
	flex-direction: column;
	gap: 4.9479166667vw;
	margin-top: 7.8125vw;
	padding: 5.2083333333vw;
}

.l_harmonycollection .l_event .info__text .info__text--em {
	font-size: 5.46875vw;
}

.l_harmonycollection .l_event .info__text__list {
	gap: 5.2083333333vw 0;
}

.l_harmonycollection .l_event .info__text__list dt {
	flex-basis: 26%;
	font-size: 4.4270833333vw;
}

.l_harmonycollection .l_event .info__text__list dd {
	font-feature-settings: "palt";
	flex-basis: 74%;
	font-size: 3.90625vw;
}

.l_harmonycollection .l_event .info__text__note {
	font-size: 3.125vw;
}

.l_harmonycollection .l_event .event__map {
	flex-direction: column-reverse;
	align-items: stretch;
	justify-content: center;
	gap: 4.9479166667vw;
	margin-top: 13.0208333333vw;
	padding: 0;
}

.l_harmonycollection .l_event .map__link__note {
	margin-top: 2.6041666667vw;
	font-size: 3.3854166667vw;
}

.l_harmonycollection .l_event_contents {
	padding-left: 3.90625vw;
	padding-right: 3.90625vw;
}

.l_harmonycollection .l_event_contents {
	padding-top: 18.2291666667vw;
	padding-bottom: 13.0208333333vw;
}

.l_harmonycollection .l_event_contents .c_head_section + .event__lead {
	margin-top: 12.2395833333vw;
}

.l_harmonycollection .l_event_contents .event__lead + .event__lead {
	margin-top: 3.125vw;
}

.l_harmonycollection .l_event_contents .list_event {
	flex-direction: column;
	justify-content: stretch;
	align-items: center;
	gap: 13.0208333333vw;
	margin-top: 12.2395833333vw;
}

.l_harmonycollection .l_event_contents .item_event {
	flex-basis: 100%;
	gap: 4.1666666667vw 0;
}

.l_harmonycollection .l_event_contents .contents_head {
	padding-bottom: 1.0416666667vw;
	font-size: 4.1666666667vw;
}

.l_harmonycollection .l_event_contents .lead_reserve {
	margin-top: 13.0208333333vw;
}

.l_harmonycollection .l_event_contents .lead_reserve__note {
	margin-top: 2.0833333333vw;
	font-size: 3.3854166667vw;
}

.l_harmonycollection .l_event_note {
	padding-left: 3.90625vw;
	padding-right: 3.90625vw;
}

.l_harmonycollection .l_event_note {
	padding-top: 12.5vw;
	padding-bottom: 18.2291666667vw;
	font-size: 3.3854166667vw;
}

.l_harmonycollection .l_event_note .event_note__organizer {
	margin-top: 6.25vw;
}

.l_harmonycollection .l_limited {
	padding-left: 3.90625vw;
	padding-right: 3.90625vw;
}

.l_harmonycollection .l_limited {
	padding-top: 18.2291666667vw;
	padding-bottom: 18.2291666667vw;
}

.l_harmonycollection .l_limited .name__head {
	gap: 2.6041666667vw;
	font-size: 4.4270833333vw;
}

.l_harmonycollection .l_limited .name__kana {
	font-size: 4.4270833333vw;
	font-feature-settings: "palt";
}

.l_harmonycollection .l_limited .name__sub {
	font-size: 3.6458333333vw;
	font-feature-settings: "palt";
}

.l_harmonycollection .l_limited .limited__detail {
	flex-direction: column;
	margin-top: 7.2916666667vw;
}

.l_harmonycollection .l_limited .limited__detail:nth-child(even) {
	flex-direction: column;
}

.l_harmonycollection .l_limited .limited__detail__text {
	padding: 5.2083333333vw;
}

.l_harmonycollection .l_about_harmonycollection {
	padding-left: 3.90625vw;
	padding-right: 3.90625vw;
}

.l_harmonycollection .l_about_harmonycollection {
	padding-top: 17.578125vw;
	padding-bottom: 18.2291666667vw;
}

.l_harmonycollection .l_about_harmonycollection .block_about {
	flex-direction: column;
	align-items: center;
	gap: 5.2083333333vw;
}

.l_harmonycollection .l_about_harmonycollection .about_image {
	width: 38.28125vw;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__tasting {
	gap: 6.25vw 0;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__tasting dt {
	flex-basis: 22%;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__tasting dd {
	flex-basis: 78%;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__spec {
	margin-top: 5.46875vw;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__spec dt {
	flex-basis: 22%;
}

.l_harmonycollection .l_about_harmonycollection .about__lead__spec dd {
	flex-basis: 78%;
}

.l_harmonycollection .l_about_harmonycollection .about__bland_link {
	margin-top: 13.0208333333vw;
}

.l_harmonycollection .l_social {
	padding-left: 3.90625vw;
	padding-right: 3.90625vw;
}

.l_harmonycollection .l_social .c_head_section {
	font-size: 4.4270833333vw;
}

.l_harmonycollection .l_social .list_social {
	flex-wrap: wrap;
	gap: 5.2083333333vw 0;
	margin-top: 7.5520833333vw;
}

.l_harmonycollection .l_social .item_social {
	width: 43.4895833333vw;
}

}