@charset "UTF-8";

#Summer-Tokyo-souvenirs25 {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	--mincho : "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}


.section_inner {
    width: min(1260px, 100%);
    margin-inline: auto;
    padding-inline: 30px;
}
.section_title {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.section_title_main {
    color: var(--titlemain);
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
}
.section_title_sub {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 11px;
    color: var(--titlesub);
    font-family: var(--mincho);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bolder;
		position: relative;
}
.section_title_sub::before, .section_title_sub::after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 1px;
    background: var(--titlesub, #000);
}

.section_wave {
    position: relative;
}
.section_wave::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 40px;
    background: url(/img/usr/freepage/Summer-Tokyo-souvenirs25/wave.png) repeat-x center / auto 40px;
    position: absolute;
    left: 0;
    bottom: 100%;
    filter: var(--wavefill);
}

.page_title img {
    width: 100%;
}

#nav {
    position: fixed;
    right: 10px;
    bottom: 110px;
    background: #fff;
    border: 1px solid #B4D7EC;
    border-radius: 4px;
    padding-inline: 5px;
    z-index: 99;
}
.nav_item:nth-of-type(n + 2) {
    border-top: 1px solid #B4D7EC;
}
.nav_item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-block: 17px;
}
.nav_img {
    width: 22px;
    margin-inline: auto;
    margin-bottom: 4px;
}
.nav_text {
    text-align: center;
    color: #004798;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
}

#lead {
    background: #EBF7FF;
    padding-block: 60px 110px;
}
.lead_text {
    text-align: center;
    color: #0079C4;
    font-size: 19px;
    font-weight: bold;
    position: relative;
}
.lead_text::before {
    content: "";
    display: inline-block;
    width: 118px;
    height: 98px;
    background: url(/img/usr/freepage/Summer-Tokyo-souvenirs25/illu01.png) no-repeat center / contain;
    position: absolute;
    right: -15px;
    bottom: -30px;
}


#ranking {
    padding-block: 70px 120px;
    --titlemain: #004798;
    --titlesub: #9CCAE6;
    --wavefill: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(103%);
}
.ranking_content .swiper {
    width: min(100%, 1080px);
}
.ranking_content .swiper-button-prev,
.ranking_content .swiper-button-next {
    width: 43px;
    height: 43px;
    background: url(/img/usr/freepage/Summer-Tokyo-souvenirs25/arrow.png) no-repeat center / contain;
    translate: 0 -50%;
    margin: 0;
}
.ranking_content .swiper-button-prev::after,
.ranking_content .swiper-button-next::after {
		display: none;
}
.ranking_content .swiper-button-prev {
    rotate: y 180deg;
    left: 0;
}
.ranking_content .swiper-button-next {
    right: 0;
}
.ranking_content .block-ranking-lightningrecommend .block-ranking-r--goods-image .block-ranking-r--rank {
    font-size: 30px;
    line-height: 1.5;
    left: 10px;
    top: 0;
}
.ranking_content .block-ranking-lightningrecommend .block-ranking-r--goods-name {
    text-align: left;
}
.ranking_content .block-ranking-lightningrecommend .block-ranking-r--goods-name a {
    color: #184D8A;
    font-size: 16px;
    font-weight: bold;
}
.ranking_content .block-ranking-r--goods .price {
    text-align: left;
}
.ranking_content .block-ranking-r--goods .price {
    text-align: left;
    color: #184D8A;
}


section#select {
    padding-block: 70px 120px;
    background: #8ad7fe;
    --titlemain: #004798;
    --titlesub: #EBF7FF;
    --wavefill: brightness(0) saturate(100%) invert(82%) sepia(68%) saturate(2430%) hue-rotate(172deg) brightness(102%) contrast(99%);
}
.select_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 60px 30px;
    width: min(100%, 1142px);
    margin-inline: auto;

}
.select_item {
    width: calc((100% - 90px) / 4);
}
.select_item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 4px;
    padding-block: 18px 38px;
		position: relative;
}
.select_item a::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #004798;
    border-bottom: 2px solid #004798;
    rotate: 45deg;
    translate: 50% 0;
    position: absolute;
    right: 50%;
    bottom: 18px;
}
.select_img {
    width: 36px;
    margin-inline: auto;
    margin-bottom: 15px;
}
.select_text {
    text-align: center;
    color: #004798;
    font-size: 19px;
    font-weight: bold;
}
.select_item.hascatch {
    width: min(100%, 800px);
}


#topickup {
    padding-block: 40px 80px;
    --wavefill: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(103%);
}
.topickup_btn {
    width: min(100%, 800px);
    margin-inline: auto;
}
.topickup_btn:nth-of-type(n + 2) {
    margin-top: 16px;
}
.topickup_btn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding-block: 22px;
    position: relative;
}
.topickup_btn a::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #004798;
    border-bottom: 2px solid #004798;
    rotate: 45deg;
    translate: 50% 0;
    position: absolute;
    right: 50%;
    bottom: 18px;
    right: 30px;
    bottom: 50%;
    translate: 0 25%;
}
.topickup_btn.typea a {
		border: 1px solid #8ad7fe;
}
.topickup_btn.typeb a {
    background: #E8EFFD;
}
.typea .topickup_catch {
    color: #184D8A;
    font-size: 16px;
    font-weight: bold;
}
.typea .topickup_text {
    color: #0077C4;
    font-size: 24px;
    font-weight: bold;
}
.typeb .topickup_catch {
    color: #B40000;
    font-size: 16px;
    font-weight: bold;
}
.typeb .topickup_text {
    color: #121659;
    font-size: 24px;
    font-weight: bold;
}


#recommend {
    padding-block: 70px 120px;
    background: #64c9d8;
    --titlemain: #FFFFFF;
    --titlesub: #EBF7FF;
    --wavefill: brightness(0) saturate(100%) invert(79%) sepia(90%) saturate(7298%) hue-rotate(158deg) brightness(91%) contrast(85%);
}
.recommend_content {
    width: 100%;
    padding-inline: 10px;
    padding-bottom: 30px;
}
.recommend_content .swiper-wrapper {
		flex-direction: row;
    align-items: stretch;
}
.recommend_item {
    padding: 10px;
		height: auto;
}
.recommend_item a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
}
.recommend_img {
    width: 270px;
    padding: 10px;
}
.recommend_textwrap {
    width: calc(100% - 280px);
    padding: 20px;
    padding-left: 10px;
}
.recommend_catch {
    background: #FFF9AE;
    padding: 12px 20px;
    margin-bottom: 14px;
    border-left: 4px solid #0077C4;
    color: #184D8A;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    position: relative;
}
.recommend_catch::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.recommend_brand {
    color: #06A6BF;
    font-size: 12px;
    font-weight: bolder;
    margin-bottom: 4px;
}
.recommend_name {
    color: #184D8A;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
}
.recommend_price {
    color: #184D8A;
    font-size: 18px;
    margin-bottom: 12px;
}
.recommend_price::before {
    content: "￥";
}
.recommend_price::after {
    content: "（税込）";
    font-size: 14px;
}
.recommend_text {
    color: #184D8A;
    font-size: 14px;
    line-height: 1.5;
}
.recommend_content .swiper-button-prev,
.recommend_content .swiper-button-next {
    width: 43px;
    height: 43px;
    background: url(/img/usr/freepage/Summer-Tokyo-souvenirs25/arrow.png) no-repeat center / contain;
    translate: 0 calc(-15px - 50%);
    margin: 0;
}
.recommend_content .swiper-button-prev::after,
.recommend_content .swiper-button-next::after {
		display: none;
}
.recommend_content .swiper-button-prev {
    rotate: y 180deg;
    left: 0;
}
.recommend_content .swiper-button-next {
    right: 0;
}
.recommend_content .swiper-button-pagination {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.recommend_content .swiper-pagination-bullet {
    opacity: 1;
    width: 11px;
    height: 11px;
    background: #fff;
}
.recommend_content .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0079C4;
}



#theme {
    padding-block: 70px 120px;
    background: #8ad7fe;
    --titlemain: #004798;
    --titlesub: #EBF7FF;
    --wavefill: brightness(0) saturate(100%) invert(82%) sepia(68%) saturate(2430%) hue-rotate(172deg) brightness(102%) contrast(99%);
}
.theme_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 14px;
}
.theme_item {
    width: calc((100% - 70px) / 6);
}
.theme_item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    padding: 16px 16px 24px;
}
.theme_img {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 15px;
}
.theme_text {
    text-align: center;
    color: #184D8A;
    font-size: 15px;
    font-weight: bold;
}
.theme_content02 {
    margin-top: 60px;
}
.themae_wrap {
    background: #fff;
    padding: 40px;
    border-radius: 5px;
}
.themae_wrap:nth-of-type(n + 2) {
    margin-top: 48px;
}
.theme_wrap_title {
    text-align: center;
    color: #184D8A;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 32px;
}
.theme_wrap_title::before, .theme_wrap_title::after {
    content: "-";
    margin-inline: .5em;
}
.themae_wrap_items .swiper-wrapper {
    transform: none;
    flex-flow: row wrap;
    justify-content: space-between;
}
.themae_wrap_item {
		width: 18%;
}
.themae_wrap_item a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.themae_wrap_item_img {
    margin-bottom: 8px;
}

.themae_wrap_item_rating {
  font-size: 16px;
  line-height: 1;
  position: relative;
  color: #ccc;
  margin-bottom: 8px;
  display: inline-block;
}
.themae_wrap_item_rating::before {
  content: "★★★★★";
  display: inline-block;
  width: calc(20% * var(--score));
  white-space: nowrap;
  overflow: hidden;
  color: #C7A276;
  position: absolute;
}
.themae_wrap_item_rating[rate="3"] {--score:3;}
.themae_wrap_item_rating[rate="31"] {--score:3.1;}
.themae_wrap_item_rating[rate="32"] {--score:3.2;}
.themae_wrap_item_rating[rate="33"] {--score:3.3;}
.themae_wrap_item_rating[rate="34"] {--score:3.4;}
.themae_wrap_item_rating[rate="35"] {--score:3.5;}
.themae_wrap_item_rating[rate="36"] {--score:3.6;}
.themae_wrap_item_rating[rate="37"] {--score:3.7;}
.themae_wrap_item_rating[rate="38"] {--score:3.8;}
.themae_wrap_item_rating[rate="39"] {--score:3.9;}
.themae_wrap_item_rating[rate="4"] {--score:4;}
.themae_wrap_item_rating[rate="41"] {--score:4.1;}
.themae_wrap_item_rating[rate="42"] {--score:4.2;}
.themae_wrap_item_rating[rate="43"] {--score:4.3;}
.themae_wrap_item_rating[rate="44"] {--score:4.4;}
.themae_wrap_item_rating[rate="45"] {--score:4.5;}
.themae_wrap_item_rating[rate="46"] {--score:4.6;}
.themae_wrap_item_rating[rate="47"] {--score:4.7;}
.themae_wrap_item_rating[rate="48"] {--score:4.8;}
.themae_wrap_item_rating[rate="49"] {--score:4.9;}
.themae_wrap_item_rating[rate="50"] {--score:5;}
.themae_wrap_item_rating[rate="0"] {opacity: 0;}

.themae_wrap_item_rating::after {
  content:"（" attr(count) "）";
  color: #333;
	font-size: 14px;
}
.themae_wrap_item_name_brand {
    color: #004798;
    font-weight: bold;
    margin-bottom: 4px;
}
.themae_wrap_item_name {
    color: #184D8A;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}
.themae_wrap_item_price {
    font-size: 18px;
    color: #333;
}
.themae_wrap_item_price::after {
    content: "円（税込み）";
    font-size: 14px;
}
.themae_wrap_btn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    background: #0077c4;
    border-radius: 300px;
    width: min(100%, 380px);
    margin-top: 48px;
    margin-inline: auto;
    padding-block: 14px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

#category {
    padding-block: 70px 60px;
    background: #eaf5ff;
    --titlemain: #004798;
    --titlesub: #9CCAE6;
    --wavefill: brightness(0) saturate(100%) invert(88%) sepia(5%) saturate(1082%) hue-rotate(190deg) brightness(105%) contrast(107%);
}
.category_content {
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
.category_item {
    width: calc((100% - 48px) / 3);
    border-radius: 6px;
    overflow: hidden;
}
.category_item a {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}
.category_img {
    grid-area: 1 / 1;
    aspect-ratio: 384 / 160;
    filter: brightness(0.8);
}
.category_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.category_text {
    grid-area: 1 / 1;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    z-index: 3;
}


#price {
    background: #eaf5ff;
    --titlemain: #004798;
    --titlesub: #9CCAE6;
}
#price .section_inner {
    padding-block: 60px 80px;
    border-top: 1px solid #54BCCC;
}
.price_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.price_item {
    width: calc(25% - 15px);
}
.price_item a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    background: #0077C4;
    border-radius: 300px;
    padding-block: 24px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
.price_unit {
    font-size: 18px;
}

section#allbtn {
    background: #eaf5ff;
}
#allbtn .section_inner {
    padding-block: 60px 80px;
    border-top: 1px solid #54BCCC;
}
section#allbtn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    width: min(100%, 480px);
    background: #fff;
    border: 1px solid #0077C4;
    border-radius: 300px;
    margin-inline: auto;
    padding-block: 10px;
    color: #004798;
    font-size: 20px;
    font-weight: bold;
}


section#useful {
    padding-block: 100px 80px;
}
.useful_catch {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #0077c4;
}
.useful_title {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.useful_title p {
    display: inline-block;
    color: #121659;
    font-size: 30px;
    font-weight: bold;
    background: #ffffff;
    padding-inline: 15px;
    position: relative;
}
.useful_title::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #8487AE;
    position: absolute;
    left: 0;
    top: 50%;
}

.useful_content_wrap:nth-of-type(n + 2) {
    margin-top: 80px;
}
.useful_content .swiper {
    padding-inline: 70px;
		padding-bottom: 30px;
}
.useful_content_catch {
    text-align: center;
    color: #121659;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 26px;
}
.useful_content_catch .color {
    color: #B40000;
}
.useful_content_wrap .swiper-button-prev,
.useful_content_wrap .swiper-button-next {
    width: 43px;
    height: 43px;
    background: url(/img/usr/freepage/Summer-Tokyo-souvenirs25/arrow.png) no-repeat center / contain;
    translate: 0 calc(-15px - 50%);
    margin: 0;
    filter: grayscale(1) brightness(1.5);
}
.useful_content_wrap .swiper-button-prev::after,
.useful_content_wrap .swiper-button-next::after {
		display: none;
}
.useful_content_wrap .swiper-button-prev {
    rotate: y 180deg;
    left: 0;
}
.useful_content_wrap .swiper-button-next {
    right: 0;
}
.useful_content_wrap .swiper-button-pagination {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.useful_content_wrap .swiper-pagination-bullet {
    opacity: 1;
    width: 11px;
    height: 11px;
    background: #DBDBDB;
}
.useful_content_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #A8A9B4;
}
.useful_ban {
    aspect-ratio: 1 / 1;
}
.useful_ban img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.useful_text {
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 14px;
}




section#pickup {
    background: #e7effc;
}
.pickup_slide .swiper {
    width: min(100%, 1160px);
}
.pickup_slide .swiper-button-prev,
.pickup_slide .swiper-button-next {
    width: 43px;
    height: 43px;
    background: url(/img/usr/freepage/Summer-Tokyo-souvenirs25/arrow.png) no-repeat center / contain;
    translate: 0 -50%;
    margin: 0;
    filter: grayscale(1) brightness(1.5);
    z-index: 5;
}
.pickup_slide .swiper-button-prev::after,
.pickup_slide .swiper-button-next::after {
		display: none;
}
.pickup_slide .swiper-button-prev {
    rotate: y 180deg;
    left: 0;
}
.pickup_slide .swiper-button-next {
    right: 0;
}
.pickup_slide .block-ranking-lightningrecommend .block-ranking-r--goods-image .block-ranking-r--rank {
    font-size: 30px;
    line-height: 1.5;
    left: 10px;
    top: 0;
}
.pickup_slide .block-ranking-lightningrecommend .block-ranking-r--goods-name {
    text-align: left;
}
.pickup_slide .block-ranking-lightningrecommend .block-ranking-r--goods-name a {
    font-size: 16px;
    font-weight: bold;
}

.pickup_btn {
    padding: 48px 30px;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.pickup_btn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 300px;
    width: min(100%, 240px);
    padding: 14px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}
.pickup_btn a::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    border-top: 2px solid;
    rotate: 45deg;
    position: absolute;
    right: 16px;
    top: 50%;
    translate: 0 -50%;
}





[data-browse-mode="S"] .section_inner {
    width: 100%;
    padding-inline: 20px;
}
[data-browse-mode="S"] .section_title {
    margin-bottom: 20px;
    position: relative;
}
[data-browse-mode="S"] .section_title_main {
    font-size: 24px;
    margin-bottom: 10px;
    position: relative;
}
[data-browse-mode="S"] .section_wave::before {
    background-position: left -100px center;
    background-size: 400px 40px;
}
[data-browse-mode="S"] .section_title_sub {
    background: var(--bgcolor);
    padding-inline: 10px;
}
[data-browse-mode="S"] .section_title_sub::before,
[data-browse-mode="S"] .section_title_sub::after {
		display: none;
}
[data-browse-mode="S"] .section_title_main::before {
    content: "";
    display: inline-block;
    width: max(100%, 120px);
    height: 1px;
    background: var(--titlesub);
    position: absolute;
    left: 50%;
    bottom: -18px;
    translate: -50% 0;
}


[data-browse-mode="S"] #nav {
    right: initial;
    left: 10px;
    bottom: 20px;
    width: calc(100% - 90px);
    padding: 8px 0;
}
[data-browse-mode="S"] .navcontent {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
[data-browse-mode="S"] .nav_item {
    flex: 1;
}
[data-browse-mode="S"] .nav_item:nth-of-type(n + 2) {
    border-top: none;
    border-left: 1px solid #B4D7EC;
}
[data-browse-mode="S"] .nav_item a {
    padding: 0;
}
[data-browse-mode="S"] .nav_img {
    width: 16px;
    margin-bottom: 0;
}
[data-browse-mode="S"] .nav_text {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 2em;
    font-size: 10px;
}


[data-browse-mode="S"] #lead {
    padding-block: 34px 70px;
}
[data-browse-mode="S"] .lead_text {
    font-size: 16px;
}
[data-browse-mode="S"] .lead_text::before {
    width: 75px;
    height: 62px;
    right: -30px;
    bottom: -20px;
}

[data-browse-mode="S"] #ranking {
    padding-block: 40px 70px;
    --bgcolor: #fff;
}
[data-browse-mode="S"] .ranking_content .block-ranking-r--items li {
    flex-wrap: nowrap;
}
[data-browse-mode="S"] .ranking_content .swiper-pagination {
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #EBEBEB;
    margin-top: 0;
    border-radius: 2px;
}
[data-browse-mode="S"] .ranking_content .swiper-scrollbar-drag {
    background: #184D8A;
    border-radius: 2px;
}
[data-browse-mode="S"] .ranking_content .block-ranking-lightningrecommend .block-ranking-r--goods-name a {
    font-size: 14px;
}
[data-browse-mode="S"] .ranking_content .block-ranking-r--goods .price {
    font-size: 18px;
}


[data-browse-mode="S"] section#select {
    padding-block: 40px 80px;
    --bgcolor: #8ad7fe;
}
[data-browse-mode="S"] .select_content {
    gap: 10px;
}
[data-browse-mode="S"] .select_item {
    width: calc((100% - 30px) / 4);
}
[data-browse-mode="S"] .select_item a {
    padding-block: 12px 20px;
}
[data-browse-mode="S"] .select_item a::before {
    width: 8px;
    height: 8px;
    bottom: 8px;
}
[data-browse-mode="S"] .select_img {
    margin-bottom: 8px;
}
[data-browse-mode="S"] .select_text {
    font-size: 12px;
    line-height: 1;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 2em;
}


[data-browse-mode="S"] section#topickup {
    padding-block: 30px 70px;
}
[data-browse-mode="S"] .topickup_btn a {
    flex-direction: column;
    gap: 0;
    padding-block: 18px;
}
[data-browse-mode="S"] .typea .topickup_catch,
[data-browse-mode="S"] .typeb .topickup_catch {
    font-size: 14px;
}
[data-browse-mode="S"] .typea .topickup_text,
.typeb .topickup_text {
    font-size: 20px;
}


[data-browse-mode="S"] section#recommend {
    padding-block: 40px 70px;
    --bgcolor: #64c9d8;
}
[data-browse-mode="S"] .recommend_content {
    padding: 0;
    overflow: visible;
}
[data-browse-mode="S"] .recommend_item {
    padding: 0;
}
[data-browse-mode="S"] .recommend_item a {
    padding: 30px 25px;
    text-decoration: none;
}
[data-browse-mode="S"] .recommend_img {
    width: 100%;
    padding: 0;
    margin-bottom: 29px;
    order: 2;
}
[data-browse-mode="S"] .recommend_textwrap {
    display: contents;
}
[data-browse-mode="S"] .recommend_catch {
    order: 1;
    width: 100%;
    margin-bottom: 10px;
}
[data-browse-mode="S"] .recommend_brand {
    order: 3;
}
[data-browse-mode="S"] .recommend_name {
    order: 4;
}
[data-browse-mode="S"] .recommend_price {
    order: 5;
}
[data-browse-mode="S"] .recommend_text {
    order: 6;
}
[data-browse-mode="S"] .recommend_content .swiper-button-next {
    right: -20px;
}
[data-browse-mode="S"] .recommend_content .swiper-button-prev {
    left: -20px;
}
[data-browse-mode="S"] .recommend_content .swiper-button-pagination {
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #B4F6F9;
    margin-top: 0;
    position: relative;
    inset: initial;
}
[data-browse-mode="S"] .recommend_content .swiper-scrollbar-drag {
    background: #184D8A;
    border-radius: 2px;
}


[data-browse-mode="S"] section#theme {
    padding-block: 40px 70px;
    --bgcolor: #8ad7fe;
}
[data-browse-mode="S"] .theme_item {
    width: calc(50% - 7px);
}
[data-browse-mode="S"] .theme_item a {
    padding-bottom: 12px;
}
[data-browse-mode="S"] .theme_img {
    margin-bottom: 12px;
}


[data-browse-mode="S"] .theme_content02 {
    margin-top: 38px;
}
[data-browse-mode="S"] .themae_wrap {
    padding: 20px;
}
[data-browse-mode="S"] .themae_wrap:nth-of-type(n + 2) {
    margin-top: 28px;
}
[data-browse-mode="S"] .theme_wrap_title {
    font-size: 20px;
    margin-bottom: 16px;
}
[data-browse-mode="S"] .themae_wrap_items .swiper-wrapper {
    flex-wrap: nowrap;
}
[data-browse-mode="S"] .themae_wrap_items_slidebar {
    height: 4px;
    background: #eaf5ff;
    margin-top: 20px;
}
[data-browse-mode="S"] .themae_wrap_items_slidebar .swiper-scrollbar-drag {
    background: #184D8A;
}
[data-browse-mode="S"] .themae_wrap_btn a {
    margin-top: 28px;
    padding-block: 12px;
    font-size: 16px;
}



[data-browse-mode="S"] section#category {
    padding-block: 40px;
    --bgcolor: #eaf5ff;
}
[data-browse-mode="S"] .category_content {
    gap: 14px;
}
[data-browse-mode="S"] .category_item {
    width: calc(50% - 7px);
}
[data-browse-mode="S"] .category_img {
    aspect-ratio: 188 / 118;
}
[data-browse-mode="S"] .category_text {
    font-size: 18px;
}


[data-browse-mode="S"] section#price {
    --bgcolor: #eaf5ff;
}
[data-browse-mode="S"] #price .section_inner {
    padding: 40px 0;
    margin-inline: 20px;
    width: calc(100% - 40px);
    border-style: dashed;
}
[data-browse-mode="S"] .price_content {
    gap: 16px 8px;
}
[data-browse-mode="S"] .price_item {
    width: calc(50% - 4px);
}
[data-browse-mode="S"] .price_item a {
    padding-block: 16px;
    font-size: 15px;
}
[data-browse-mode="S"] .price_unit {
    font-size: inherit;
}

[data-browse-mode="S"] #allbtn .section_inner {
    padding: 40px 0;
    margin-inline: 20px;
    width: calc(100% - 40px);
    border-style: dashed;
}
[data-browse-mode="S"] section#allbtn a {
    font-size: 16px;
}

[data-browse-mode="S"] section#useful {
    padding-block: 40px 50px;
}
[data-browse-mode="S"] .useful_catch {
    font-size: 14px;
}
[data-browse-mode="S"] .useful_title {
    margin-bottom: 30px;
}
[data-browse-mode="S"] .useful_title p {
    font-size: 24px;
    padding-inline: 20px;
}
[data-browse-mode="S"] .useful_content_wrap:nth-of-type(n + 2) {
    margin-top: 50px;
}
[data-browse-mode="S"] .useful_content_catch {
    font-size: 20px;
    margin-bottom: 20px;
}
[data-browse-mode="S"] .useful_content .swiper {
    padding: 0;
}
[data-browse-mode="S"] .useful_content_wrap .swiper-button-prev,
[data-browse-mode="S"] .useful_content_wrap .swiper-button-next {
	display: none;
}
[data-browse-mode="S"] .useful_content_wrap .swiper-button-pagination {
    display: inline-block;
    width: 100%;
    height: 4px;
    margin-top: 20px;
    position: relative;
    inset: initial;
}
[data-browse-mode="S"] .useful_content_wrap .swiper-scrollbar-drag {
    background: #184D8A;
    border-radius: 2px;
}
[data-browse-mode="S"] .useful_text {
    font-size: 14px;
    margin-top: 10px;
}


[data-browse-mode="S"] .pickup_ban {
    margin-inline: -40px;
}
[data-browse-mode="S"] #pickup .pickup_slide .swiper-wrapper {
    flex-wrap: nowrap;
}
[data-browse-mode="S"] .pickup_slide .swiper-pagination {
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #fff;
    margin-top: 0;
}
[data-browse-mode="S"] .pickup_slide .swiper-scrollbar-drag {
    background: #184D8A;
    border-radius: 2px;
}