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

/* --------------------------------------------------------------------------
 デザイン装飾（スマホ基準）
-------------------------------------------------------------------------- */
/* 全体（背景・フォント・基本の文字色） */
.rc-osechi {
    background-image: url("/img/usr/goods/27osechi/p17/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 {
    font-weight: 700;
	text-shadow: 1px 1px 0 #ffffff;
    background-image: url("/img/usr/goods/27osechi/p17/bg_copy.webp");
    background-repeat: repeat;
    background-size: cover;
	background-position: bottom;
}


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

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

.rc-osechi__menu .rc-osechi__section-title::before,
.rc-osechi__menu .rc-osechi__section-title::after {
	content: "";
	position: absolute;
	place-self: center;
	left: auto;
	right: calc(100% + 0.5em);
	display: inline-block;
	width: calc(60px * 0.5);
	height: calc(53px * 0.5);
	background: url(/img/usr/goods/27osechi/p17/ttl_menu.webp) 0 0 no-repeat;
	background-size: contain;
	margin: auto;
	padding: 0;
}

.rc-osechi__menu .rc-osechi__section-title::after {
	left: calc(100% + 0.5em);
	right: auto;
}

.rc-osechi__menu_noCatch {
	position: relative;
}

.rc-osechi__menu_noCatch::before {
	content: "";
	position: absolute;
	place-self: center;
	top: 0;
	display: block;
	width: 100%;
	height: 10px;
	box-sizing: border-box;
	background-image: url("/img/usr/goods/27osechi/p17/line_gold.webp");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 8px;
	margin: auto;
	padding: 0;
}

/* 各お重の区切り線 */
.rc-osechi__menu-block:not(:last-child) {
    background-image: url("/img/usr/goods/27osechi/p17/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/p17/bg_bottom.webp");
    background-repeat: no-repeat;
	background-size: cover;
    color: #ffffff;
}

.rc-osechi__brand-profile {
    padding-bottom: 30px;
    color: #222;
    background-color: #fff;
    outline: 2px solid rgb(174, 129, 72);
}


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

    /* 2. 注目のお料理エリア */
    /* タイトル */
    .rc-osechi__pickup .rc-osechi__section-title {
        background-position: left 100px bottom;
        background-size: 300px auto;
    }

    /* 注目料理のタイトルをPCのときだけ下線に変更 */
    .rc-osechi__pickup-item-title {
        border-left: none;
        border-bottom: 1px solid rgba(174, 129, 72, 0.5);
        padding-left: 0;
    }

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

    /* 3. お品書きエリア */
/*    .rc-osechi__menu .rc-osechi__section-title {
    }*/
	.rc-osechi__brand-profile {
		align-items: center;
		padding: 1em 4em 1em 1em;
	}
}