@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

#ochugen {
	font-family: "Noto Sans JP", sans-serif;
	color: #212121;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;

	--serif : "Noto Serif JP", serif;
	--maincolor : #000D8D;
	--subcolor : #0095EA;
}

.section_inner {
    width: min(100%, 1260px);
    margin-inline: auto;
    padding-inline: 30px;
}
.section_title {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    text-align: center;
    margin-bottom: 24px;
    color: var(--maincolor);
    font-family: var(--serif);
    position: relative;
}
.section_title:has( + .section_catch) {
		margin-bottom: 16px;
}
.section_title_main {
    display: inline-block;
    font-size: 52px;
    font-weight: 600;
    border-bottom: 1px solid #D8CCB5;
    padding-bottom: 27px;
}
.section_title_en {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    translate: 0 -50%;
    background: #fff;
    padding-inline: 16px;
}
.section_title::before, .section_title::after {
    content: "";
    display: inline-block;
    width: 182px;
    height: 196px;
    background: url(/img/usr/freepage/ochugen25/hanabi01.png) no-repeat center / contain;
    position: absolute;
}
.section_title.odd::before {
		left: 0;
    top: 0;
}
.section_title.odd::after {
		background-image: url(/img/usr/freepage/ochugen25/hanabi02.png);
		right: 0;
    top: -40px;
}
.section_title.even::before {
		background-image: url(/img/usr/freepage/ochugen25/hanabi03.png);
		left: 73px;
		top: 0;
}
.section_title.even::after {
		background-image: url(/img/usr/freepage/ochugen25/hanabi04.png);
		right: 0;
    top: 40px;
}
.section_catch {
    text-align: center;
    font-size: 18px;
    margin-bottom: 24px;
}

.allbtn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--maincolor);
    border-radius: 300px;
    width: min(100%, 440px);
    margin-inline: auto;
    padding-block: 14px;
    color: #fff;
    font-family: var(--serif);
    font-size: 18px;
    text-decoration: none;
}
[data-browse-mode="S"] .section_inner {
    padding-inline: 16px;
}
[data-browse-mode="S"] .section_title_main {
    font-size: 34px;
    padding-bottom: 14px;
    position: relative;
    z-index: 1;
}
[data-browse-mode="S"] .section_title_en {
    font-size: 10px;
    padding-inline: 9px;
    position: relative;
    z-index: 1;
}
[data-browse-mode="S"] .section_title::before {
    background-image: url(/img/usr/freepage/ochugen25/hanabi01.png);
    left: -75px;
    top: 40px;
}
[data-browse-mode="S"] .section_title::after {
    background-image: url(/img/usr/freepage/ochugen25/hanabi01.png);
    right: -60px;
    top: -25px;
}
[data-browse-mode="S"] .section_catch {
    position: relative;
    z-index: 1;
}

.ochugen_maincontent {
    padding-block: 80px;
    background: url(/img/usr/freepage/ochugen25/bg01.jpg) no-repeat left center / auto 100%, url(/img/usr/freepage/ochugen25/bg02.jpg) no-repeat right center / auto 100%;
}
[data-browse-mode="S"] .ochugen_maincontent {
    padding: 0;
    background: no-repeat;
}



#lead {
    margin-bottom: 64px;
}
.lead_title {
    text-align: center;
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 72px;
    position: relative;
}
.lead_title .color {
		color: var(--subcolor);
}
.lead_title::after {
    content: "";
    display: inline-block;
    width: 616px;
    height: 45px;
    background: url(/img/usr/freepage/ochugen25/mizuhiki.png) no-repeat center / contain;
    position: absolute;
    left: 50%;
    top: calc(100% + 16px);
    translate: -50% 0;
}
.lead_text {
    text-align: center;
    font-family: var(--serif);
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 75px;
}

.lead_item {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background: #F8FCFD;
    box-shadow: 0 0 04px #90C4D0;
    border-top: 8px solid;
    border-image-source: linear-gradient(90deg, #006CCF, #00CAFC);
    border-image-slice: 1;
    padding: 27px 40px 24px;
}
.lead_item + .lead_item {
    margin-top: 34px;
}
.lead_item_catch {
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.lead_item_title {
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 40px;
    font-weight: 600;
}
.lead_item_body {
    width: min(100%, 632px);
    border-left: 1px solid #D8CCB5;
}
.lead_item_body dl {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-left: 40px;
}
.lead_item_body dt {
    width: 100%;
    margin-bottom: 7px;
    color: var(--subcolor);
    font-family: var(--serif);
    font-size: 120%;
    font-weight: 600;
    border-bottom: 1px solid var(--subcolor);
}
.lead_item_body dd {
    width: calc(100% - 110px);
}
.lead_item_note {
    font-size: 12px;
    margin-top: 1em;
}
.lead_item_wrap {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding-block: 24px;
    padding-left: 42px;
}
.lead_item_textwrap {
    width: 260px;
}
.lead_item_body_catch {
    display: inline-block;
    width: 100%;
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 12px;
}
.lead_item_textwrap p {
    margin-bottom: 1em;
}
.lead_item_textwrap a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: var(--maincolor);
    border-radius: 300px;
    padding-block: 11px;
    color: #fff;
    font-family: var(--serif);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}
.lead_item_textwrap a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    rotate: 45deg;
    position: absolute;
    right: 20px;
    top: 50%;
    translate: 0 -50%;
}
.lead_item_imgwrap {
    width: 279px;
}


[data-browse-mode="S"] #lead {
    padding-block: 40px 83px;
    margin-bottom: 0;
}
[data-browse-mode="S"] .lead_title {
    font-size: 24px;
    margin-bottom: 47px;
}
[data-browse-mode="S"] .lead_title::after {
    width: 100%;
    background-position: bottom;
    top: calc(100% + -10px);
}
[data-browse-mode="S"] .lead_text {
    font-size: 15px;
    margin-bottom: 44px;
}
[data-browse-mode="S"] .lead_item {
    padding: 24px 16px;
}
[data-browse-mode="S"] .lead_item_catch {
    font-size: 16px;
    margin-bottom: 0;
}
[data-browse-mode="S"] .lead_item_title {
    font-size: 26px;
}
[data-browse-mode="S"] .lead_item_head {
    text-align: center;
    margin-bottom: 37px;
    width: 100%;
    position: relative;
}
[data-browse-mode="S"] .lead_item_head::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
    background: #D8CCB5;
    background: linear-gradient(0deg, #D8CCB5 0%, #D8CCB5 16%, transparent 16%, transparent 42%, #D8CCB5 42%, #D8CCB5 58%, transparent 58%, transparent 84%, #D8CCB5 84%, #D8CCB5 100%);
    position: absolute;
    left: 0;
    bottom: -20px;
}
[data-browse-mode="S"] .lead_item_body {
    border: none;
}
[data-browse-mode="S"] .lead_item_body dl {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}
[data-browse-mode="S"] .lead_item_body dt {
    margin-bottom: 10px;
		text-align: center;
}
[data-browse-mode="S"] .lead_item_body dd {
    width: 100%;
    text-align: center;
}
[data-browse-mode="S"] .lead_item_body dl:nth-of-type(n + 3) dd {
    text-align: left;
}
[data-browse-mode="S"] .lead_item_wrap {
    flex-flow: column wrap;
    justify-content: center;
    gap: 30px;
    padding: 0;
}
[data-browse-mode="S"] .lead_item_textwrap {
    display: contents;
}
[data-browse-mode="S"] .lead_item_body_catch {
    text-align: center;
    margin-bottom: -20px;
}
[data-browse-mode="S"] .lead_item_textwrap p {
    margin-bottom: 0;
    text-align: center;
}
[data-browse-mode="S"] .lead_item_textwrap a {
    order: 3;
    width: min(100%, 260px);
}





#ranking .section_title_main {
    color: var(--subcolor);
    border-bottom: none;
}
#ranking {
    margin-bottom: 64px;
}
.ranking_content {
    background: #F0F0F0;
    border-radius: 8px;
    padding: 40px 48px;
    position: relative;
}
#ranking .swiper {
		padding-bottom: 24px;
}
#ranking .swiper-button-next,
#ranking .swiper-button-prev {
	display: none;
}
#ranking .swiper-pagination {
		display: inline-block;
    width: 100%;
		height: 4px;
    background: #fff;
    margin-top: 20px;
}
#ranking .swiper-scrollbar-drag {
    background: var(--maincolor);
}
#ranking .block-ranking-lightningrecommend .block-ranking-r--goods-image .block-ranking-r--rank {
    font-size: 32px;
    top: 10px;
    left: 16px;
}
#ranking .block-ranking-lightningrecommend .block-ranking-r--goods-description {
    margin-top: 10px;
}
#ranking .block-ranking-lightningrecommend .block-ranking-r--goods-name {
    text-align: left;
}
#ranking .block-ranking-lightningrecommend .block-ranking-r--goods-name a {
    font-size: 14px;
}
[data-browse-mode="S"] #ranking .section_title::before, [data-browse-mode="S"] #ranking .section_title::after {
    background-image: url(/img/usr/freepage/ochugen25/hanabi03.png);
}
[data-browse-mode="S"] .block-ranking-lightningrecommend .block-ranking-r--items li {
    flex-wrap: nowrap;
}
[data-browse-mode="S"] .ranking_content {
    background: #EFE2CA;
    padding: 16px;
}
[data-browse-mode="S"] #ranking .swiper {
    padding-bottom: 0;
}
[data-browse-mode="S"] #ranking .swiper-pagination {
    background: #e5d2af;
}
[data-browse-mode="S"] #ranking .swiper-scrollbar-drag {
    background: #876527;
}
[data-browse-mode="S"] #ranking .block-ranking-r--price.price {
    font-size: 18px;
}

#nav {
    margin-bottom: 80px;
    padding-block: 110px 60px;
		position: relative;
}
#nav::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/img/usr/freepage/ochugen25/bg03.jpg) repeat-x center / auto 100%;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
}
.nav_inner {
    width: min(100%, 928px);
    margin-inline: auto;
    padding-inline: 30px;
    position: relative;
}
.nav_title {
    color: #fff;
    text-align: center;
    font-family: var(--serif);
    font-size: 56px;
    margin-bottom: 24px;
}
.nav_title p {
    display: inline-block;
    position: relative;
}
.nav_title p::before {
    content: "";
    display: inline-block;
    width: 264px;
    height: 90px;
    background: url(/img/usr/freepage/ochugen25/hikouki.png) no-repeat center / contain;
    position: absolute;
    left: -100px;
    top: -40px;
}
.nav_title .small {
    font-size: 86%;
}
.nav_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
}
.nav_item {
    width: calc(25% - 12px);
}
.nav_item.pickup {
    width: calc(50% - 8px);
}
.nav_item a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px 16px;
    background: #fff;
    width: 100%;
    height: 100%;
    border-bottom: 22px solid #D8CCB5;
    padding-block: 24px 16px;
		color: #212121;
		text-decoration: none;
		position: relative;
}
.nav_item.pickup a {
    padding-block: 24px;
}
.nav_item a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 1px solid #212121;
    border-bottom: 1px solid #212121;
    rotate: 45deg;
    position: absolute;
    left: 50%;
    bottom: -18px;
    translate: 0 -50%;
}
.nav_icon {
    width: 74px;
}
.pickup .nav_icon {
    width: 86px;
}
.nav_text {
    width: 100%;
    text-align: center;
    font-family: var(--serif);
    font-size: 24px;
    font-weight: 500;
}
.pickup .nav_text {
    width: auto;
    font-size: 32px;
}
[data-browse-mode="S"] #nav::before {
    display: none;
}
[data-browse-mode="S"] #nav {
    background: linear-gradient(180deg, #006CCF, #00CAFC);
    padding-block: 50px;
    margin-bottom: 34px;
}
[data-browse-mode="S"] .nav_title {
    font-size: 34px;
}
[data-browse-mode="S"] .nav_title p::before {
    width: 135px;
    height: 45px;
    left: -14px;
    top: -30px;
}
[data-browse-mode="S"] .nav_item {
    width: calc(50% - 8px);
}
[data-browse-mode="S"] .nav_icon {
    width: 48px;
}
[data-browse-mode="S"] .nav_text {
    font-size: 16px;
}
[data-browse-mode="S"] .nav_item a {
    padding-block: 16px;
}

#limited {
    margin-bottom: 130px;
}
[data-browse-mode="S"] #limited {
    margin-bottom: 60px;
}

#recommend {
    margin-bottom: 130px;
}
[data-browse-mode="S"] #recommend {
    margin-bottom: 60px;
}


#price {
    margin-bottom: 170px;
}
.price_content ol {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    position: relative;
}
.price_content li {
    width: 205px;
}
.price_content a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 2px solid #D8CCB5;
    padding-block: 9px;
    text-align: center;
    font-family: var(--serif);
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    text-decoration: none;
}
[data-browse-mode="S"] #price {
    margin-bottom: 60px;
}
[data-browse-mode="S"] .price_content ol {
    list-style: none;
}
[data-browse-mode="S"] .price_content li {
    width: calc(50% - 8px);
}



#category {
		margin-bottom: 120px;
}
.category_content ul {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    position: relative;
}
.category_content li {
    width: calc(25% - 12px);
}
.category_content a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #D8CCB5;
    padding: 3px;
    text-decoration: none;
}
.category_text {
    text-align: center;
    color: #212121;
    font-family: var(--serif);
    font-size: 20px;
    font-weight: 500;
    padding-block: 9px 6px;
}
[data-browse-mode="S"] #category {
    margin-bottom: 60px;
}
[data-browse-mode="S"] .category_content li {
    width: calc(50% - 8px);
}
[data-browse-mode="S"] .category_content a {
    background: #C39C51;
}
[data-browse-mode="S"] .category_text {
    color: #fff;
		font-size: 16px;
}



#target {
    margin-bottom: 160px;
}
.target_content ul {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    position: relative;
}
.target_content li {
    width: 205px;
}
.target_content a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 2px solid #D8CCB5;
    padding-block: 24px;
    text-align: center;
    font-family: var(--serif);
    color: #212121;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    text-decoration: none;
}
[data-browse-mode="S"] #target {
    margin-bottom: 60px;
}
[data-browse-mode="S"] .target_content li {
    width: calc(50% - 8px);
}

#brand {
    margin-bottom: 80px;
}
.brand_content ul {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    position: relative;
}
.brand_content li {
    width: calc(25% - 12px);
}
.brand_content a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #D8CCB5;
    padding: 3px;
    text-decoration: none;
}
.brand_img {
    width: 100%;
    text-align: center;
    background: #fff;
    padding-block: 24px;
}
.brand_text {
    text-align: center;
    color: #212121;
    font-family: var(--serif);
    font-size: 20px;
    font-weight: 500;
    padding-block: 9px 6px;
}
[data-browse-mode="S"] #brand {
    margin-bottom: 60px;
}
[data-browse-mode="S"] .brand_content li {
     width: calc(50% - 8px);
}
[data-browse-mode="S"] .brand_content a {
    background: #C39C51;
}
[data-browse-mode="S"] .brand_img {
    padding: 20px;
}
[data-browse-mode="S"] .brand_text {
    color: #fff;
		font-size: 16px;
}

#allbtn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--maincolor);
    border-radius: 300px;
    width: min(100%, 440px);
    margin-inline: auto;
    padding-block: 14px;
    color: #fff;
    font-family: var(--serif);
    font-size: 18px;
    text-decoration: none;
}

[data-browse-mode="S"] #allbtn {
    margin-bottom: 60px;
}

.ochugen_bottomcontent {
    border-top: 8px solid var(--maincolor);
}

#noshi {
    padding-block: 68px 60px;
    background: #F8FCFD;
}
.noshi_title {
    text-align: center;
    color: var(--maincolor);
    font-family: var(--serif);
    margin-bottom: 48px;
}
.noshi_title_catch {
    font-size: 20px;
    font-weight: 600;
}
.noshi_title_main {
    font-size: 40px;
    font-weight: 600;
    display: inline-block;
    position: relative;
}
.noshi_title_main::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 7px;
		background: #D8CCB5;
		background: linear-gradient(0deg, #D8CCB5 0%, #D8CCB5 16%, transparent 16%, transparent 42%, #D8CCB5 42%, #D8CCB5 58%, transparent 58%, transparent 84%, #D8CCB5 84%, #D8CCB5 100%);
    position: absolute;
    left: 0;
    bottom: -20px;
}
.noshi_lead {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #D8CCB5;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
.noshi_lead_img {
    width: min(100%, 406px);
}
.noshi_lead_text {
    width: min(100%, 584px);
    margin-top: 42px;
}
.noshi_lead_catch {
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}
.noshi_lead_text_note {
    font-size: 12px;
    color: #AE1F24;
    margin-top: 1em;
}
.noshi_flow_title {
    text-align: center;
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 24px;
}
.noshi_flow_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #D8CCB5;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
.noshi_flow_item {
    width: calc((100% - 260px) / 3);
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}
.noshi_flow_num {
    width: 73px;
    background: var(--subcolor);
    padding-block: 2px;
    margin-bottom: 1em;
    text-align: center;
    color: #fff;
    font-family: var(--serif);
    font-weight: 600;
}
.noshi_flow_num::before {
    content: "STEP";
}
.noshi_flow_text {
    height: 92px;
}
.noshi_flow_text_note {
    font-size: 12px;
    color: #AE1F24;
    margin-top: 5px;
}
.noshi_recommend_title {
    text-align: center;
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 24px;
}
.noshi_allbtn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--maincolor);
    border-radius: 300px;
    width: min(100%, 260px);
    margin-inline: auto;
    padding-block: 14px;
    color: #fff;
    font-family: var(--serif);
    font-size: 18px;
    text-decoration: none;
}
[data-browse-mode="S"] #noshi {
    padding-block: 34px 44px;
    background: #E6F7FF;
}
[data-browse-mode="S"] .noshi_title_main {
    font-size: 24px;
}
[data-browse-mode="S"] .noshi_lead_text {
    margin-block: 0 16px;
}
[data-browse-mode="S"] .noshi_lead_catch {
    font-size: 20px;
    text-align: center;
}
[data-browse-mode="S"] .noshi_lead {
    padding-bottom: 0;
    border: none;
    margin-bottom: 32px;
}
[data-browse-mode="S"] .noshi_flow_content {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
[data-browse-mode="S"] .noshi_flow_title {
    font-size: 20px;
    margin-bottom: 16px;
}
[data-browse-mode="S"] .noshi_flow_item {
    width: 100%;
    margin-bottom: 45px;
    position: relative;
}
[data-browse-mode="S"] .noshi_flow_item:not(:nth-of-type(1))::before {
    content: "";
    display: inline-block;
    border: 30px solid transparent;
    border-top: 13px solid #fff;
    position: absolute;
    left: 50%;
    top: -30px;
    translate: -50% 0;
}
[data-browse-mode="S"] .noshi_flow_text {
    height: auto;
    margin-bottom: 1em;
}
[data-browse-mode="S"] .noshi_recommend_title {
    font-size: 20px;
}


#trivia {
    padding-block: 64px 128px;
    background: url(/img/usr/freepage/ochugen25/kumo.png) no-repeat right top / auto 200px;
    position: relative;
}
#trivia::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/img/usr/freepage/ochugen25/kumo.png) no-repeat right top / auto 200px;
    position: absolute;
    left: 0;
    top: 0;
    rotate: 180deg;
}
#trivia .section_title::before, #trivia .section_title::after {
    display: none;
}
.trivia_content {
    width: min(100%, 865px);
    margin-inline: auto;
    position: relative;
}
.trivia_item + .trivia_item {
    margin-top: 24px;
}
h3.trivia_title {
    color: var(--maincolor);
    font-family: var(--serif);
    font-size: 20px;
    font-weight: 600;
    padding-block: 16px;
    border-bottom: 1px solid var(--maincolor);
		cursor: pointer;
    position: relative;
}
.trivia_text {
    display: none;
    padding-top: 24px;
}
.trivia_title::before,
.trivia_title::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 2px;
    background: var(--maincolor);
    border-radius: 300px;
    position: absolute;
    right: 0;
    top: 50%;
    translate: 0 -50%;
    transition: .3s;
}
.trivia_title:not(.is-active)::before {
    rotate: 90deg;
}
.trivia_teta {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    margin-top: 24px;
}
.trivia_teta dl {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    border-top: 1px solid var(--maincolor);
    border-left: 1px solid var(--maincolor);
}
.trivia_teta dt {
    width: 123px;
    background: #E2E9F0;
    padding: 8px;
    border-right: 1px solid var(--maincolor);
}
.trivia_teta dd {
    width: 204px;
    padding: 8px;
}
.trivia_teta_wrap {
    border-right: 1px solid var(--maincolor);
    border-bottom: 1px solid var(--maincolor);
}
html[data-browse-mode=S] #trivia,
html[data-browse-mode=S] #trivia::before {
    background-size: contain;
}




ul.item_list {
}
html[data-browse-mode=S] ul.item_list {
  flex-wrap: nowrap;
}
ul.item_list + .swiper-pagination {
	display: inline-block;
	width: 100%;
	height: 4px;
	background: #fff;
	margin-top: 20px;
	position: relative;
	margin-bottom: 30px;
}
ul.item_list + .swiper-pagination .swiper-scrollbar-drag {
    background: var(--maincolor);
}
ul.item_list li {
	background: #fff;
	height: auto;
}
ul.item_list li a {
  color: #000;
  text-decoration: none;
	width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  padding: 10px 10px 56px;
}
html[data-browse-mode=P] ul.item_list li a {
  transition: .4s;
}
html[data-browse-mode=P] ul.item_list li a:hover {
  opacity: .7;
}
.item_list_img {
  height: 200px;
  margin-bottom: 10px;
}
.item_list_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.item_list_rating {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: 24px;
}
.item_list_star {
  font-size: 16px;
  line-height: 1;
  margin-right: 10px;
  position: relative;
  color: #ccc;
}
.item_list_star.rat0 {
  opacity: 0;
}
.item_list_star:before {
  content: "★★★★★";
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #C7A276;
  position: absolute;
}
.item_list_star.rat49:before {width: 98%;}
.item_list_star.rat48:before {width: 96%;}
.item_list_star.rat47:before {width: 94%;}
.item_list_star.rat46:before {width: 92%;}
.item_list_star.rat45:before {width: 90%;}
.item_list_star.rat44:before {width: 88%;}
.item_list_star.rat43:before {width: 86%;}
.item_list_star.rat42:before {width: 84%;}
.item_list_star.rat41:before {width: 82%;}
.item_list_star.rat40:before {width: 80%;}
.item_list_star.rat39:before {width: 78%;}
.item_list_star.rat38:before {width: 76%;}
.item_list_star.rat37:before {width: 74%;}
.item_list_score {
  font-size: 14px;
  line-height: 1.4;
}
.item_list_name {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: bold;
}
.item_list_price {
  font-size: 18px;
  position: absolute;
  left: 10px;
  bottom: 20px;
}
.item_list_price span.tax {
  font-size: 14px;
  margin-left: 6px;
}
.item_list_shop {
    display: inline-block;
    width: 100%;
    height: 1.5em;
    border-bottom: 1px solid #707070;
    margin-bottom: 8px;
    color: var(--maincolor);
    font-size: 12px;
    line-height: 1;
}