@charset "UTF-8";
/* ============================================================
   ルル メリー ローズコラボ (contents_20261009) PC ＜告知＞
   ・帯 / MV / コラボロゴ / 商品写真 は画像、それ以外はテキスト
   ・英字 Playfair・価格 Shippori Mincho は Google Fonts（追加ヘッダー情報で読込）
     和文は游明朝（端末フォント）
   ============================================================ */

#freePage--pc {
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	min-width: 1200px;
}
#freePage--pc .rmr,
#freePage--pc .rmr *,
#freePage--pc .rmr *::before,
#freePage--pc .rmr *::after {
	box-sizing: border-box;
}
#freePage--pc .rmr {
	position: relative;
	overflow: hidden;
	font-family: "Yu Mincho", YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "HG明朝E", serif;
	font-weight: 400;
	color: #135EAB;
	text-align: center;
}
#freePage--pc .rmr p,
#freePage--pc .rmr h2,
#freePage--pc .rmr h3,
#freePage--pc .rmr ul {
	margin: 0;
	padding: 0;
}
#freePage--pc .rmr img {
	border: 0;
	display: block;
	margin: 0 auto;
	max-width: none;
	height: auto;
}
/* 英字見出し */
#freePage--pc .rmr__en {
	font-family: "Playfair", "Playfair Display", serif;
	font-variation-settings: "opsz" 12, "wdth" 100;
	font-weight: 500;
}

/* ===== 帯（告知のみ） ===== */
#freePage--pc .rmr__obi {
	background: #135EAB;
	height: 76px;
}
#freePage--pc .rmr__obi img {
	width: 1020px;
}

/* ===== MV ===== */
#freePage--pc .rmr__mv {
}
#freePage--pc .rmr__mv img {
	width: 100%;
	position: relative;
}

/* ===== イントロ ===== */
#freePage--pc .rmr__logo {
	padding: 89px 0;
}
#freePage--pc .rmr__logo img {
	width: 951px;
}
#freePage--pc .rmr__intro {
	width: 1200px;
	margin: 10px auto 0;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0.08em;
}
#freePage--pc .rmr__intro p + p {
	margin-top: 32px;
}

/* ===== 柄ブロック ===== */
#freePage--pc .rmr__pattern {
	padding-top: 120px;
}
#freePage--pc .rmr__pattern + .rmr__pattern {
	padding-top: 200px;
}
#freePage--pc .rmr__pattern-head {
	padding-bottom: 100px;
}
#freePage--pc .rmr__pattern-ttl {
	display: inline-block;
	font-size: 48px;
	line-height: 80px;
	letter-spacing: 0.04em;
	border-bottom: 1px solid #135EAB;
}
#freePage--pc .rmr__pattern-sub {
	margin-top: 16px !important;
	font-size: 28px;
	line-height: 44px;
	letter-spacing: 0.08em;
	font-weight: 600;
}
/* 地色エリア（上端に縦線） */
#freePage--pc .rmr__area {
	position: relative;
	padding: 120px 0;
}
#freePage--pc .rmr__area::before {
	content: "";
	position: absolute;
	top: -40px;
	left: 50%;
	width: 1px;
	height: 80px;
	background: #A1BCD8;
}
#freePage--pc .rmr__area--rose { background: #EDF6FC; }
#freePage--pc .rmr__area--pansy { background: #F2EFF6; }
#freePage--pc .rmr__area > * + * {
	margin-top: 100px;
}

/* ===== カテゴリ ===== */
#freePage--pc .rmr__cat {
	width: 560px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
#freePage--pc .rmr__row {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#freePage--pc .rmr__row > .rmr__cat {
	margin: 0;
}
#freePage--pc .rmr__cat-ttl {
	font-size: 42px;
	line-height: 60px;
	letter-spacing: 0.04em;
	white-space: nowrap;
}
#freePage--pc .rmr__cat-lead {
	margin-top: 32px !important;
	font-size: 16px;
	line-height: 36px;
}
#freePage--pc .rmr__cat-ttl + .rmr__card,
#freePage--pc .rmr__cat-lead + .rmr__card {
	margin-top: 40px;
}
/* POUCH：見出しの下に2カラム */
#freePage--pc .rmr__pouch .rmr__row {
	margin-top: 32px;
}
#freePage--pc .rmr__pouch .rmr__cat-lead {
	margin-top: 0 !important;
}

/* ===== 商品カード ===== */
#freePage--pc .rmr__card {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	background: #FFF;
	padding: 32px 16px 60px;
}
#freePage--pc .rmr__card-name {
	padding-top: 20px;   /* デザイン 10px ＋ 游明朝の描画位置の差分 10px */
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 0.12em;
	font-weight: 600;
}
#freePage--pc .rmr__card-body {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#freePage--pc .rmr__card-photo img {
	width: 380px;
}
/* サブ写真 */
#freePage--pc .rmr__card-sub {
	display: flex;
	justify-content: center;
	gap: 12px;
	list-style: none;
}
#freePage--pc .rmr__card-sub li {
	width: 108px;
}
#freePage--pc .rmr__card-sub span {
	display: block;
	font-family: "Playfair", "Playfair Display", serif;
	font-variation-settings: "opsz" 12, "wdth" 100;
	font-size: 18px;
	line-height: 16px;
	white-space: nowrap;
}
#freePage--pc .rmr__card-sub img {
	width: 108px;
	margin-top: 6px;
	background: #F8F8F8;
}
#freePage--pc .rmr__card-info {
	margin-top: 32px;
}
#freePage--pc .rmr__card-spec {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.04em;
	font-weight: 600;
}
#freePage--pc .rmr__card-spec + .rmr__card-spec {
	margin-top: 8px !important;
}
#freePage--pc .rmr__card-price {
	margin-top: 12px !important;
	font-family: "Shippori Mincho", "Yu Mincho", YuMincho, "游明朝", serif;
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 0.04em;
	font-weight: 500;
}
#freePage--pc .rmr__card-price span {
	font-family: "Yu Mincho", YuMincho, "游明朝", "Hiragino Mincho ProN", serif;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.08em;
	font-weight: 600;
}
/* ボタン（告知：リンクなし） */
#freePage--pc .rmr__card-btn {
	display: block;
	width: 420px;
	height: 60px;
	margin: 32px auto 0;
	padding-top: 11px;
	background: #135EAB;
	color: #FFF;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 0.16em;
	font-weight: 600;
	text-decoration: none;
}
#freePage--pc a.rmr__card-btn {
	transition: opacity .2s;
}
#freePage--pc a.rmr__card-btn:hover {
	opacity: .85;
}

/* ===== ご注意ください ===== */
#freePage--pc .rmr__notes {
	background: #FFF;
	border-bottom: 1px solid #EAEAEA;
	padding: 100px 0;
}
#freePage--pc .rmr__notes-ttl {
	display: inline-block;
	padding-bottom: 4px !important;
	border-bottom: 1px solid #135EAB;
	font-size: 32px;
	line-height: 56px;
	letter-spacing: 0.08em;
	font-weight: 600;
}
#freePage--pc .rmr__notes-term {
	margin-top: 60px !important;
	color: #D2616A;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.08em;
	font-weight: 600;
}
#freePage--pc .rmr__notes-term span {
	margin-right: 20px;
}
#freePage--pc .rmr__notes-list {
	width: 1200px;
	margin: 32px auto 0 !important;
	list-style: none;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.08em;
}
#freePage--pc .rmr__notes-list li {
	padding-left: 1em;
	text-indent: -1em;
}
#freePage--pc .rmr__notes-list li + li {
	margin-top: 12px;
}
#freePage--pc .rmr__notes-list li::before {
	content: "・";
}

/* ===== アニメーション（下から上へフェードイン） ===== */
#freePage--pc .rmr .is-fade {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .9s ease, transform 1s cubic-bezier(.22, .61, .36, 1);
}
#freePage--pc .rmr .is-fade.is-show {
	opacity: 1;
	transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
	#freePage--pc .rmr .is-fade {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ============================================================
   ＜通常＞＜終了＞専用（追加）
   ・通常：帯なし／ボタン赤「ご購入はこちら →」／「商品一覧をみる」帯
   ・終了：帯グレー（画像）／ボタングレー「ご好評につき終了いたしました」
   ============================================================ */
/* 帯（終了） */
#freePage--pc .rmr__obi--end {
	background: #8E8E8E;
}

/* ボタン共通：右端の矢印 */
#freePage--pc .rmr__card-btn--buy,
#freePage--pc .rmr__all-btn {
	position: relative;
}
#freePage--pc .rmr__card-btn--buy::after,
#freePage--pc .rmr__all-btn::after {
	content: "";
	position: absolute;
	right: 12px;
	width: 24px;
	height: 8px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='8.71' viewBox='0 0 24.5072 8.70711' fill='none'%3E%3Cpath d='M19.8001 0.353553L23.8001 4.35355L19.8001 8.35355' stroke='white'/%3E%3Cpath d='M0 4.35355H24' stroke='white'/%3E%3C/svg%3E") no-repeat 0 50% / 100% auto;
}

/* ボタン（通常：ご購入はこちら） */
#freePage--pc .rmr__card-btn--buy {
	background: #D2616A;
}
#freePage--pc .rmr__card-btn--buy::after {
	top: 26px;
}

/* ボタン（終了） */
#freePage--pc .rmr__card-btn--end {
	background: #8E8E8E;
	letter-spacing: 0.08em;
}

/* 商品一覧をみる（通常のみ） */
#freePage--pc .rmr__all {
	background: #F8F8F8;
	padding: 120px 24px;
}
#freePage--pc .rmr__all-btn {
	display: block;
	width: 480px;
	height: 72px;
	margin: 0 auto;
	padding-top: 17px;
	background: #135EAB;
	color: #FFF;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 0.16em;
	font-weight: 600;
	text-decoration: none;
	transition: opacity .2s;
}
#freePage--pc .rmr__all-btn::after {
	top: 32px;
}
#freePage--pc .rmr__all-btn:hover {
	opacity: .85;
}