@charset "UTF-8";
/* ==========================================================================
  P.20用
========================================================================== */

/* --------------------------------------------------------------------------
 デザイン装飾（スマホ基準）
-------------------------------------------------------------------------- */
/* 全体（背景・フォント・基本の文字色） */
.rc-osechi {
    background-image: url("/img/usr/goods/27osechi/p22/bg_base.webp");
    background-repeat: repeat-y;
    color: #222;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
}

/* 共通セクション */
.rc-osechi__section-title {
    font-weight: 700;
}

/* 1. メインビジュアル下 キャッチコピーエリア */
.rc-osechi__mv-copy {
	color: #ffffff;
    font-weight: 700;
	background:
		url("/img/usr/goods/27osechi/p22/line_gold.webp"),
		url("/img/usr/goods/27osechi/p22/line_gold.webp"),
		url(/img/usr/goods/27osechi/p22/bg_copy.webp);
	background-color: #008842;
	background-position: top center, bottom center, top center;
	background-size: 100% 2px, 100% 2px, cover;
	background-repeat: no-repeat, no-repeat, no-repeat;
}

/* 2. 注目のお料理エリア */
.rc-osechi__pickup {
	color: #ffffff;
	position: relative;
	background: 
		url(/img/usr/goods/27osechi/p22/bg_deco2.webp),
		url(/img/usr/goods/27osechi/p22/bg_dish.webp);
	background-position: 0% -220px, bottom right;
	background-size: contain, cover;
	background-repeat: no-repeat, no-repeat;
	z-index: 0;
}

.rc-osechi__pickup .rc-osechi__section-title{
	text-shadow: 2px 1px 0 #ea5363;
}

.rc-osechi__pickup-item:not(:last-child) {
    background-image: url("/img/usr/goods/27osechi/p22/line_gold.webp");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 2px;
}

.rc-osechi__pickup-item-title {
	text-shadow: 2px 1px 0 #ea5363;
}

.rc-osechi__pickup-item-text {
	text-shadow: 2px 1px 0 #ea5363;
}

/* 3. お品書きエリア */
.rc-osechi__menu {
    background-image:
        url("/img/usr/goods/27osechi/p22/line_gold.webp"),
        url("/img/usr/goods/27osechi/p22/line_gold.webp"),
        url("/img/usr/goods/27osechi/p22/bg_deco1.webp"),
        url("/img/usr/goods/27osechi/p22/bg_menu.webp");
    background-repeat: no-repeat, no-repeat, repeat, no-repeat;
    background-position: top, bottom, center, top;
    background-size: 100% 8px, 100% 8px, 200%, cover;
}

.rc-osechi__menu .rc-osechi__section-title {
	position: relative;
	width: fit-content;
	margin: 0 auto;
}

.rc-osechi__menu .rc-osechi__section-title::before {
	content: "";
	position: absolute;
	place-self: center;
	left: -1em;
	display: inline-block;
	width: 1em;
	height: 1em;
    background-image: url("/img/usr/goods/27osechi/p22/ttl_menu.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1em auto;
	margin: auto;
	padding: 0;
}

/* 各お重の区切り線 */
.rc-osechi__menu-block:not(:last-child) {
    background-image: url("/img/usr/goods/27osechi/p22/line_gold.webp");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 2px;
}

/* 「〇の重 / 〇品」見出し */
.rc-osechi__menu-block-title {
    color: #fff;
    background-color: #222;
}

.rc-osechi__menu-badge {
    color: #222;
    border: 1px solid #222;
    background-color: #fff;
}

/* 4. おせちのこだわり & 店舗紹介エリア */
.rc-osechi__about {
    background-image:
		url("/img/usr/goods/27osechi/p22/bg_copy02.webp"),
		url("/img/usr/goods/27osechi/p22/bg_copy.webp");
	background-position: top center, top center;
    background-repeat: no-repeat, no-repeat;
	background-size: contain, cover;
	background-color: #008842;
    color: #ffffff;
}

.rc-osechi__comments {
	color: #000000;
	display: block;
	width: 100%;
	max-width: 40em;
	box-sizing: border-box;
	background-color: #fbffdf;
	margin: 1em auto 0;
	padding: 1em 2em 2em;
}

.rc-osechi__comments h3 {
	color: #008842;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	line-height: 1.25;
	border: solid;
	border-width: 0 0 1px 0;
	margin: 0 auto 1em;
	padding: 0 0 0.5em 0;
}
.rc-osechi__comments h3 em {
	font-size: 1.5em;
	font-style: normal;
}
.rc-osechi__comments p:nth-of-type(2n) {
	margin-top: 0.5em;
}

.rc-osechi__brand-profile {
/*    padding-bottom: 30px;*/
    color: #222222;
    background-color: #ffffff;
    outline: 2px solid rgb(174, 129, 72);
}
#p20_01{
	color: #000000;
}
#p20_01 .rc-osechi__brand-profile{
	display: block;
}
#p20_01 .rc-osechi__brand-profile h3 {
	text-align: center;
	font-weight: bold;
	display: block;
	width: 100%;
}


/* --------------------------------------------------------------------------
 PC用のデザイン上書き (780px以上)
-------------------------------------------------------------------------- */
@media only screen and (min-width: 780px) {

    /* 2. 注目のお料理エリア */
	.rc-osechi__pickup {
		background: 
			url(/img/usr/goods/27osechi/p22/bg_deco2.webp),
			url(/img/usr/goods/27osechi/p22/bg_deco2.webp),
			url(/img/usr/goods/27osechi/p22/bg_dish.webp);
		background-position: 0% -340px, 0% 526px, bottom right;
		background-size: contain, contain, cover;
		background-repeat: repeat-x, repeat-x, no-repeat;
	}

    /* タイトル */
    .rc-osechi__pickup .rc-osechi__section-title {
        background-position: left 100px bottom;
        background-size: 300px auto;
    }

	.rc-osechi__pickup-item:not(:last-child) {
		background: none;
	}

    /* 注目料理のタイトルをPCのときだけ下線に変更 */
    .rc-osechi__pickup-item-title {
		width: 100%;
		box-sizing: border-box;
		border-left: none;
        border-bottom: 1px solid #ffffff;
		margin: 0;
    }

    .rc-osechi__pickup-item:not(:last-child) {
        border-bottom: 0;
    }

    /* 3. お品書きエリア */
	.rc-osechi__menu {
		background-size: 100% 8px, 100% 8px, contain, cover;
	}

	.rc-osechi__brand-profile {
        align-items: center;
        padding: 1em 4em 1em 1em;
    }

	/* 4. おせちのこだわり & 店舗紹介エリア */
	.rc-osechi__about {
		background-size: cover, cover;
	}

	.rc-osechi__comments h3 {
		line-height: 1;
	}
}