/*
================================
å…¨èˆ¬çš„ãªè¨­å®š
================================
*/
html {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    margin: 0;
    font-family: "å°å¡šã‚´ã‚·ãƒƒã‚¯ Pr6N", "Kozuka Gothic Pr6N", "Yu Gothic Medium", "æ¸¸ã‚´ã‚·ãƒƒã‚¯ Medium", YuGothic, "æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“", 'Yu Gothic UI', YuGothic, 'Yu Gothic', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'Hiragino Kaku Gothic ProN', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN W3', "sans-serif";
}

section,
h1,
h2,
h3,
p,
ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

/*パンくず*/
.fs-c-breadcrumb {
    /*font-size: 1.2rem;*/
	font-size: 12px;
}
.fs-c-breadcrumb__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 5px;
}
.fs-c-breadcrumb__list > li {
    box-sizing: border-box;
}
.fs-c-breadcrumb__listItem {
    display: inline-block;
    word-break: break-all;
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
    content: " > ";
}
.fs-c-breadcrumb__listItem a {
    text-decoration: none;
	color: #333333;
}
.fs-c-breadcrumb__listItem a:visited {
    color: #333333;
}
.fs-c-breadcrumb__listItem a:hover {
    border-bottom: #333333 solid 1px;
}
/*パンくず_終了*/

.sp_hide {
    display: none !important;
}

.wrap {
    overflow-x: hidden !important;
    width: 100%;
}

.background_gray {
    background-color: #ECECEC;
    overflow: hidden;
}

.contents {
    width: 91%;
    margin: auto;
}

.title_white,
.title_black {
    /*font-size: 1.8rem;*/
    font-size: 1.75rem;
    font-weight: bold;
}

.title_white {
    color: #ffffff;
}

.title_black {
    color: #2A221D;
}

.button_yellow {
    width: 100%;
    padding: 19px 0;
    font-size: 18px;
    font-weight: bold;
    color: #2A221D;
    border-radius: 4px;
    background-color: #EFBD45;
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
}

.button_yellow::after {
    content: '';
    background-image: url(../picture/i-arrow1-gray.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}

.button_yellow p {
    height: 20px;
    line-height: 20px;
    color: inherit !important;
    margin: 0 !important;
    font-size: inherit !important;
}

/*
================================
ãƒ¡ã‚¤ãƒ³ã‚¿ã‚¤ãƒˆãƒ«
================================
*/
#main_title a {
    text-decoration: none;
}

#main_title {
    width: 100%;
    background-color: #41200D;
}

#main_title h1 {
    width: 97%;
    height: auto;
    font-size: 13px;
    padding: 14px 0px 14px 3%;
    color: #fff;
    font-family: "Noto Sans JP";
    font-weight: 200;
}

/*
================================
topç”»åƒ
================================
*/
.topContents_bg {
    width: 100%;
    background-color: #EF5148;
}

.topContents_mainImg_box {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    /* height: 93vw; */
}

.topContents_main {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.topContents_main img {
    width: 100%;
    height: auto;
}

.topContents_eigyoubi {
    color: #ffffff;
    font-size: calc(100vw / 430 * 16);
    position: absolute;
    left: 4%;
    bottom: -28%;
}

.eigyoubi {
    font-size: calc(100vw / 430 * 16);
    font-weight: bold;
    margin-bottom: 10px;
}

/*
================================
ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼
================================
*/
.menu_bar {
    width: 100%;
    display: flex;
    background-color: #ECECEC;
    border-top: 1px #ECECEC solid;
    border-bottom: 1px #ECECEC solid;
}

.menu_bar li {
    width: calc((100% - 4px) / 4);
    height: 40px;
    background-color: #EF5148;
    font-size: 13px;
    text-align: center;
    padding: 20px 0;
}

.menu_bar li:not(:last-child) {
    border-right: #ECECEC 1px solid;
}

.menu_bar li a {
    display: block;
    color: #ffffff;
    font-size: calc(100vw / 430 * 12);
    font-weight: bold;
}

.fixed2 {
    position: fixed;
    top: 98px;
    width: 100%;
    z-index: 99;
}

/*
================================
å¹¹äº‹æ§˜ã«å–œã°ã‚Œã¦ã„ã‚‹ãƒã‚¤ãƒ³ãƒˆ
================================
*/
.goodpoint {
    width: 100%;
    margin-top: 2%;
    text-align: center;
}

.goodpoint_top {
    width: 100%;
    position: relative;
}

.goodpoint_top img {
    width: 100%;
    height: auto;
}

.goodpoint_top p {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #EF5148;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.goodpoint_title {
    width: 100%;
    padding: 15px 0;
    background-color: #EF5148;
    text-align: center;
}

.goodpoint_title_triangle {
    width: 0;
    margin: 0 auto;
    border-top: 28px solid #EF5148;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

.goodpoint_list {
    width: 100%;
    margin: 5% auto 0%;
    display: flex;
    flex-wrap: wrap;
}

.goodpoint_list li {
    width: 100%;
    margin-right: 4%;
}

.goodpoint_list li:nth-child(odd) {
    margin-right: 4%;
}

.goodpoint_list li:nth-child(-n+2) {
    margin-bottom: 7%;
}

.goodpoint_list li img {
    width: 100%;
    height: auto;
}

.goodpoint li p {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5rem;
    color: #2A221D;
    margin-top: 0.5rem;
}

.goodpoint li {
    font-size: 0.8rem;
}

p.goodpoint_text {
    font-size: .8rem;
    text-align: center;
    margin-bottom: 1rem;
}

p.goodpoint_text+h2 {
    font-size: 1.1rem;
    margin-bottom: .5rem;
}

.goodpoint_title p {
    font-size: 0.7rem;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 2%;
}

/*
================================
ãƒ©ãƒ³ã‚­ãƒ³ã‚°
================================
*/
/*
.ranking_base {
    position: relative;
    background: transparent;
    height: 50vh;
}

.ranking_curve_yellow .ranking_curve_red {
    position: absolute;
    height: 200px;
    width: 100%;
    background: transparent;
    bottom: 0;
}

.ranking_curve_yellow::before,
.ranking_curve_yellow::after,
.ranking_curve_red::before,
.ranking_curve_red::after {
    content: "";
    display: block;
    position: absolute;
}

.ranking_curve_yellow::before,
.ranking_curve_yellow::after {
    border-radius: 50% 100%;
}

.ranking_curve_red::before,
.ranking_curve_red::after {
    border-radius: 100% 50%;
}

.ranking_curve_yellow::before,
.ranking_curve_red::before {
    width: 55%;
    right: -1.5%;
}

.ranking_curve_yellow::before {
    height: 100%;
    background-color: transparent;
    top: 40%;
}

.ranking_curve_red::before {
    background-color: #EF5148;
    height: 109%;
    top: 60%;
}

.ranking_curve_yellow::after,
.ranking_curve_red::after {
    width: 55%;
    left: -1.5%;
}

.ranking_curve_yellow::after {
    height: 109%;
    background-color: #EFBD45;
    top: 60%;
}

.ranking_curve_red::after {
    height: 100%;
    background-color: transparent;
    top: 40%;
}
*/

.ranking_contents {
    /*background-color: #EF5148;*/
    height: 350vw;
    background: url(../picture/sp-bg-ranking.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.ranking_contents .contents {
    padding-top: 21%;
}

.ranking_contents .contents.tanpin {
    padding-top: 12%;
}

.ranking_header {
    font-size: 1.8rem;
    text-align: center;
    position: relative;
}

.ranking_header img {
    margin-bottom: calc(100vw / 430* 15);
}

.ranking_header span {
    font-size: 1.1rem;
    line-height: 1.1rem;
}

.ranking_contents a {
    text-decoration: none;
}

.ranking_contents p {
    font-size: 0.7rem;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 2%;
}

.ranking_contents .button_yellow {
    margin-top: 40px;
}

/*
================================
ãƒ©ãƒ³ã‚­ãƒ³ã‚°ã®å•†å“ä¸€è¦§
================================
*/
.ranking {
    width: 100%;
    margin-top: 4%;
}

/* å•†å“åéƒ¨åˆ† */
.productListItem__productName {
    display: flex;
    flex-direction: column;
    font-size: calc(100vw / 430 * 16);
    margin: 8px 0;
}

.productName__name {
    color: #ffffff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* é‡‘é¡éƒ¨åˆ† */
.productListCarousel__list__item>*+* {
    margin-top: 8px;
}

.productPrice {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    color: #ffffff;
    font-size: calc(100vw / 430 * 14);
}

.productPrice__main {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.productPrice__main__label {
    margin-right: 4px;
}

.productprice__price {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

.productPrice__addon:not(.productPrice__addon--listed) {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.1;
}

.productPrice__addon:not(.productPrice__addon--listed)::before {
    content: "(";
}

.productPrice__addon:not(.productPrice__addon--listed)::after {
    content: ")";
}

/*ã‚¹ãƒªãƒƒã‚¯é–¢ä¿‚*/
.slider {
    width: 88%;
    margin: 0 auto 6%;
}

.slick-list {
    padding-right: 16% !important;
}

.slider li {
    /*width: 132px !important;*/
    height: auto;
}

.slider img {
    max-width: 100%;
}

.ranking .slick-slide:before {
    width: 50px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: auto;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.ranking .slick-slide:nth-child(1):before {
    content: url(https://myroom.itembox.design/item/sp/toppicture/rank_01.svg);
}

.ranking .slick-slide:nth-child(2):before {
    content: url(https://myroom.itembox.design/item/sp/toppicture/rank_02.svg);
}

.ranking .slick-slide:nth-child(3):before {
    content: url(https://myroom.itembox.design/item/sp/toppicture/rank_03.svg);
}

.ranking .slick-slide:nth-child(4):before {
    content: "4ä½";
}

.ranking .slick-slide:nth-child(5):before {
    content: "5ä½";
}

.ranking .slick-slide:nth-child(6):before {
    content: "6ä½";
}

.ranking .slick-slide:nth-child(7):before {
    content: "7ä½";
}

.ranking .slick-slide:nth-child(8):before {
    content: "8ä½";
}

.ranking .slick-slide:nth-child(9):before {
    content: "9ä½";
}

.ranking .slick-slide:nth-child(10):before {
    content: "10ä½";
}

/*
================================
ãŠã™ã™ã‚æ™¯å“ã®å•†å“ä¸€è¦§
================================
*/
.items_popukar {
    background-image: url(../picture/sp-bg-recommend-1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -25vw;
    padding-top: 4%;
    background-size: contain;
}

.selling_recommend {
    padding-top: 0;
}

.selling_recommend p {
    font-size: 0.7rem;
    color: #FFFFFF;
    text-align: center;
}

/* 
ã‚ªã‚¹ã‚¹ãƒ¡æ™¯å“ã®èª¬æ˜Žæ–‡ã®æ–‡å­—è‰²å¤‰æ›´ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒª
ç†ç”±ï¼šã‚·ã‚¹ãƒ†ãƒ ç®¡ç†å®¤ã®ã‚¹ãƒžãƒ›ã§ç¢ºèªã—ãŸã¨ã“ã‚ã€ã‚ªã‚¹ã‚¹ãƒ¡æ™¯å“ã®èª¬æ˜Žæ–‡ã®æ–‡å­—è‰²ãŒèƒŒæ™¯ã¨åŒåŒ–ã—ã¦ã„ãŸ
*/
/* æ¨ªå¹…ãŒ350pxä»¥ä¸‹ã€€â†’ã€€ã‚ªã‚¹ã‚¹ãƒ¡æ™¯å“ã®èª¬æ˜Žæ–‡ã®æ–‡å­—è‰²ã‚’ç™½ã‹ã‚‰é»’ã«å¤‰æ›´ */
/*
@media screen and (max-width: 350px) {
    .ranking_contents .selling_recommend p {
        color: #2A221D;
    }
}
*/

/* æ¨ªå¹…ãŒ320pxä»¥ä¸‹ã€€â†’ã€€ã‚ªã‚¹ã‚¹ãƒ¡æ™¯å“ã®ã‚¿ã‚¤ãƒˆãƒ«ã®æ–‡å­—è‰²ã‚’ç™½ã‹ã‚‰é»’ã«å¤‰æ›´ */
/*
@media screen and (max-width: 320px) {
    .ranking_contents .selling_recommend h2 {
        color: #2A221D;
    }
}
*/

.pt_column {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    align-items: flex-start;
    margin: 5% 0 6%;
}

.pt_column__item {
    color: inherit;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: calc(100vw / 430* 5) 0;
    text-decoration: none;
}

.pt_column__image>img {
    display: block;
    width: 100%;
}

.pt_column__heading {
    font-size: 1.8rem;
    font-weight: bold;
}

.pt_column__item>*+* {
    margin-top: 4px;
}

/*
================================
äºˆç®—åˆ¥ã€ç‚¹æ•°åˆ¥ã®ã‚ªã‚¹ã‚¹ãƒ¡æ™¯å“ã‚»ãƒƒãƒˆ
================================
*/
.contents.recommend {
    width: 100%;
}

.recommend .budget {
    padding-top: calc(100vw / 430* 0);
    padding-bottom: calc(100vw / 430* 0);
}

.recommend .items {
    padding-top: 5%;
}

.recommend h2 {
    position: relative;
    z-index: 0;
}

.recommend h2::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    z-index: -1;
    left: -3%;
}

.recommend .budget h2::before {
    background-image: url(../picture/sp-yosan.png);
    width: 140px;
    height: 152px;
    top: -60%;
}

.recommend .items h2::before {
    background-image: url(../picture/sp-tensu.png);
    width: 98px;
    height: 139px;
    top: -50%;
}

.recommend_header {
    width: 95%;
    text-align: center;
    margin: 0 auto 4%;
}

.recommend .button_yellow {
    width: 90%;
    margin: 7% auto 0;
}

/*
================================
äºˆç®—åˆ¥ã€ç‚¹æ•°åˆ¥ã‚ªã‚¹ã‚¹ãƒ¡æ™¯å“ã‚»ãƒƒãƒˆã®å•†å“ä¸€è¦§
================================
*/
.recommend_wrap {
    width: 100%;
}

.recommend_wrap input {
    display: none;
}

.recommend_wrap label {
    width: 90%;
    display: block;
    margin: 0 auto 4%;
    padding: 3% 0 2% 4%;
    cursor: pointer;
    transition: all 0.5s;
    font-size: 4vw;
    text-align: left;
    color: #FFFFFF;
    background-color: #0855A5;
    position: relative;
}

.recommend_wrap label::before {
    /* content: "";
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 4%;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-color: white transparent transparent transparent;
    border-radius: 3px; */
}


.recommend_wrap label::after {
    /* content: "";
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 26px;
    width: 22px;
    height: 20px;
    border: 2px solid;
    border-color: white transparent transparent transparent;
    border-radius: 3px;
    transform: rotate(90deg); */
}



.recommend_wrap .ac-columnshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.recommend_wrap input:checked~.ac-columnshow {
    width: 94%;
    height: auto;
    opacity: 1;
    margin: 0 auto 12%;
    overflow: hidden;
}



.cat_sub {
    width: 100%;
    height: auto;
    margin: 0;
    padding-inline: calc(100vw / 430 * 20);
}

.cat_sub ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    /* Safari */
}

.cat_sub ul li {
    width: 48%;
    flex-shrink: 0;
}

/*.cat_sub ul li:nth-child(odd){
    margin-right: 6%;
}*/

.cat_sub ul li:nth-child(-n+4) {
    margin-bottom: 6%;
}

.cat_sub ul li a {
    text-decoration: none;
}

.cat_sub ul li a span,
.cat_sub ul li p {
    font-size: calc(100vw / 430 * 16);
    font-weight: normal;
    line-height: 1.8;
    color: #2A221D;
    letter-spacing: 0.1;
}

.cat_sub ul li h3,
.cat_sub ul li p {
    margin: 3% 0 0;
}

.cat_sub ul li h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.cat_sub ul li img {
    width: 100%;
    height: auto;
}

/*
================================
å–œã³ã®å£°ã‚‚ç¶šã€… ! !
================================
*/ 

.voice_contents { 
    background: #F7F4F0;
}

.voice .contents {
    padding-top: 50%;
    width: 100%;
    padding-bottom: 64%;
    margin-bottom: 11%;
}

.voice_top {
    width: 90%;
    margin: 4% auto calc(100vw / 430* 30);
    text-align: center;
    font-size: 13px;
    font-size: calc(100vw / 430* 16);
    font-weight: 500;
}

/*
================================
å–œã³ã®å£°ã‚‚ç¶šã€… ! !ã®æ¨ªã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«
================================
*/
.itemList {
    display: flex;
    width: 80%;
    margin: auto;
}

.yoko_scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /*ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ãƒãƒ¼éžè¡¨ç¤ºï¼ˆIEãƒ»Edgeï¼‰*/
    -ms-overflow-style: none;
    /*ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ãƒãƒ¼éžè¡¨ç¤ºï¼ˆFirefoxï¼‰*/
    scrollbar-width: none;
    margin-left: 10px;
}

.yoko_scroll::-webkit-scrollbar {
    display: none;
}

.list_element {
    width: 280px;
    /*padding: 30px 15px 10px 23px;*/
    padding: 3% 1.2% 3% 1.75%;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px 0px #00000029;
    margin-right: 14px;
    margin-bottom: 14px;
    flex-shrink: 0;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.voice_title {
    font-size: 18px;
    font-weight: bold;
    color: #2A221D;
    line-height: 7vw;
}

.voice_main {
    margin-top: 20px;
    font-size: calc(100vw / 430 * 13);
    color: #2A221D;
}

.voice_star {
    font-size: 13px;
    font-weight: bold;
    color: #EFBD45;
    text-align: right;
}

#slider-voice .slick-list {
    padding-right: 20% !important;
}

#slider-voice .list_element {
    /*height: 275px;*/
    height: 60vw;
}

#slider-voice .slick-prev {
    left: -8%;
}

#slider-voice .slick-next {
    right: -8%;
}

/*
================================
7å€‹ã®ç‰¹å…¸
================================
*/
.tokuten {
    margin-top: 46px;
    width: 100%;
    margin: auto;
}

.tokuten img {
    width: auto;
    height: auto;
}

.tokuten ul {
    width: 90%;
    margin: 10% auto;
}

.tokuten ul li {
    width: 100%;
}

.tokuten ul li:not(:last-child) {
    margin-bottom: 3%;
}

/*
================================
ãŠå•ã„åˆã‚ã›
================================
*/
#contact {
    text-align: center;
    width: 100%;
    margin: 4% auto 0;
    font-size: 16px;
}

.contact_mail {
    display: block;
    margin-bottom: 2%;
}

.contact_mail img {
    width: 100%;
    height: auto;
}

.agree strong {
    font-weight: bold;
}

#contact p {
    margin: 5% auto;
    border-top: 1px solid #000;
}

/*
================================
ä¼šç¤¾æ¦‚è¦
================================
*/
#about {
    text-align: center;
    font-size: 3.3vw;
    border-top: 1px solid #000;
    padding: 1% 4% 1%;
    letter-spacing: -0.1em;
}

/*
================================
ã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒˆ
================================
*/
#Copywrite {
    width: 100%;
    text-align: center;
    font-size: 2.5vw;
    background-color: #222;
    padding: 2% 0 1%;
    color: #fff;
    margin: 2% 0 0;
}


.ranking_items .slick-list {
    margin: 0 3.5% 0 0 !important;
}

.voice_img img {
    width: 100%;
}

/*
================================
QA
================================
*/
.QA_contents {
    padding-top: 3rem;
    width: 90%;
    margin: auto;
}

#budget_recommend .QA_contents {
    padding-top: 10px;
    padding-bottom: 3rem;
    width: 90%;
    margin: auto;
}

.QA_contents h3 {
    text-align: center;
    margin-bottom: 1rem;
}

.QA_contents p {
    font-size: calc(100vw / 430 * 16);
    text-align: left;
    margin-bottom: 2%;
}

.new_contents_wh3 {
    text-align: center;
    margin-bottom: 0;
    margin-top: 5rem;
    color: #2A221D;
    font-size: 1rem;
}

.new_contents_bh3 {
    text-align: center;
    margin-bottom: 0;
    color: #2A221D;
    margin-top: 0 !important;
}

.new_contents_bh3+p {
    margin-bottom: .5rem;
}

.new_contents_wh3+p {
    color: #2A221D;
}


.nijikai-page .menu_bar li a {
    text-decoration: none;
    position: relative;
    height: calc(100vw / 430 * 35);
    padding-top: calc(100vw / 430 * 12);
}

.nijikai-page .menu_bar li:last-of-type a {
    text-decoration: none;
    position: relative;
    height: calc(100vw / 430 * 35);
    /* padding-top: calc(100vw / 430 * 45); */
}

.nijikai-page .menu_bar li a:hover {
    text-decoration: underline;
}

.nijikai-page .menu_bar li a:before {
    content: "";
    /* width: calc(100vw / 430 * 21); */
    /* height: calc(100vw / 430 * 17); */
    /* background: url(../picture/nijikai_deco01.png); */
    display: block;
    background-size: contain;
    position: absolute;
    left: 42%;
    top: 140%;
    border: calc(100vw / 430* 8) solid;
    border-color: white transparent transparent transparent;
}

.nijikai-page .menu_bar li:nth-of-type(2) a {
    padding-top: calc(100vw / 430* 22);
}

.nijikai-page .menu_bar li:nth-of-type(3) a {
    padding-top: calc(100vw / 430* 22);
}

.nijikai-page .menu_bar li:nth-of-type(5) a {
    padding-top: calc(100vw / 430* 22);
}


.nijikai-page #main_title h1 {
    width: auto;
    height: auto;
    font-size: calc(100vw / 430 * 16);
    padding: calc(100vw / 430 * 10);
    margin: 0 auto;
    color: #fff;
    background-color: #EF5148;
    font-family: "Noto Sans JP";
    font-weight: 700;
    text-align: center;
}

.nijikai-page #main_title h1::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: calc(100vw / 430 * 18);
    background: #ffffff;
    transform: rotate3d(1, 1, 1, -45deg);
    position: relative;
    left: -10px;
    top: 3px;
}

.nijikai-page #main_title h1::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: calc(100vw / 430 * 18);
    background: #ffffff;
    transform: rotate3d(1, 1, 1, 45deg);
    position: relative;
    left: 10px;
    top: 3px;
}

.nijikai-page .menu_bar_box {
    width: 100%;
    background-color: #0855A5;
    border-top: 0px #ECECEC solid;
}

.nijikai-page .menu_bar {
    width: 100%;
    display: flex;
    text-align: center;
    background-color: #ECECEC;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-evenly;
}

.nijikai-page .menu_bar li {
    width: calc((100% - 1px * 5) / 5);
    height: calc(100vw / 430 * 70);
    line-height: 1.2;
    border-right: #ECECEC 1px solid;
    background-color: #0855A5;
    font-size: calc(100vw / 430 * 12);
    font-weight: bold;
    position: relative;
    padding: 0;
}

.nijikai-page .menu_bar li:first-child {
    border-left: none;
}


.nijikai-page {
    background: #FEFEFE;
}

.section01 {
    padding: calc(100vw / 430 * 30) 0;
    text-align: center;
    background: #ffffff;
}

.section01 p {
    font-family: 'Noto Sans JP';
    font-size: calc(100vw / 430 * 16);
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.6;
}

.section02 {
    padding: calc(100vw / 430 * 40) 0;
    text-align: center;
    background: #F7F4F0;
}

.section02 .sec02_h2 {
    font-family: 'Noto Sans JP';
    font-size: calc(100vw / 430 * 26);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
    color: #EF5148;
    margin-bottom: calc(100vw / 430 * 40);
    padding-inline: 20px;
}

.section02 p {
    font-family: 'Noto Sans JP';
    font-size: calc(100vw / 430 * 22);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: calc(100vw / 430 * 40);
}

.section02 p span {
    color: #EF5148;
}

.section02 .sec02_h2 span {
    font-size: calc(100vw / 430 * 20);
}

.section02 img {
    width: 90%;
}

.section03:before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100vw / 430 * 60);
    background: url(../picture/sec02_img_deco_sp.png)no-repeat;
    background-size: contain;
    background-position: center;
}

.section03 h2 {
    text-align: center;
    font-size: calc(100vw / 430 * 26);
    margin-top: calc(100vw / 430 * 32);
    margin-bottom: calc(100vw / 430 * 24);
    color: #D61718;
    font-weight: bold;
}

.section03 h2 img {
    width: calc(100vw / 430 * 292);
    margin: calc(100vw / 430 * 60) auto calc(100vw / 430 * 20);
}

.section03 p {
    font-family: 'Noto Sans JP';
    font-size: calc(100vw / 430 * 16);
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.6;
    text-align: center;
}

.nijikai-page .goodpoint_list {
    width: 89%;
    padding-bottom: calc(100vw / 430 * 60);
}

.nijikai-page .goodpoint_list a h3,
.nijikai-page .goodpoint_list a p {
    padding-left: 20px;
}

.nijikai-page .goodpoint_list a {
    text-decoration: none;
    transition: .5s;
}

.nijikai-page .goodpoint_list a:hover {
    opacity: .7;
    transition: .5s;
}

.nijikai-page .goodpoint_list a h3 {
    font-family: 'Noto Sans JP';
    font-size: calc(100vw / 430 * 20);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-align: center;
    color: #2A221D;
    margin: calc(100vw / 430 * 15) 0 calc(100vw / 430 * 20);
}

.nijikai-page .goodpoint_list a p {
    font-family: 'Noto Sans JP';
    font-size: calc(100vw / 430 * 16);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.6;
    color: #2A221D;
}

.nijikai-page .ranking_contents .ranking_header p {
    font-size: calc(100vw / 430 * 18);
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
    margin-bottom: calc(100vw / 430 * 6);
    font-weight: 700;
    letter-spacing: 0.05em;
}

.nijikai-page .ranking_contents .ranking_header p:before {
    content: "";
    width: calc(100vw / 430 * 30);
    height: calc(100vw / 430 * 25);
    background: url(../picture/nijikai_deco01.png);
    display: block;
    background-size: cover;
    position: relative;
    left: 45.7%;
    margin-bottom: calc(100vw / 430 * 15);
}

.nijikai-page .ranking_contents .contents {
    padding-top: calc(100vw / 430 * 150);
}

.nijikai-page .ranking_contents .ranking_header:before {
    content: "";
    width: calc(100vw / 430 * 400);
    height: calc(100vw / 430 * 106);
    background: url(../picture/ranking_deco_sp.png)no-repeat;
    display: block;
    background-size: contain;
    position: absolute;
    top: calc(100vw / 430 * -70);
    left: calc(100vw / 430 * -5);
}

.nijikai-page .title_white,
.nijikai-page .title_black {
    font-size: calc(100vw / 430 * 26);
    margin-bottom: calc(100vw / 430 * 22);
    font-weight: bold;
}

.nijikai-page .title_white span,
.nijikai-page .title_black span {
    font-family: "Roboto";
    font-size: calc(100vw / 430 * 34);
    font-weight: bold;
    letter-spacing: 0.11em;
    line-height: 1;
}

.nijikai-page .ranking_contents p {
    font-size: calc(100vw / 430 * 16);
    color: #FFFFFF;
    font-family: 'Noto Sans JP';
    font-weight: 500;
    text-align: center;
    margin-top: calc(100vw / 430 * 30);
    margin-bottom: calc(100vw / 430 * 30);
    letter-spacing: 0.2;
}

.nijikai-page .ranking .slick-slide:before {
    width: 70px;
    height: 50px;
    line-height: 48px;
    display: block;
    margin: auto;
    font-size: calc(100vw / 430* 18);
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    margin-bottom: calc(100vw / 430* 10);
}

.nijikai-page .ranking .slick-slide:nth-child(1):before {
    content: "";
    width: calc(100vw / 430 * 44);
    height: calc(100vw / 430 * 45);
    background: url(../picture/ranking_deco_01.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 6px;
}

.nijikai-page .ranking .slick-slide:nth-child(2):before {
    content: "";
    background: url(../picture/ranking_deco_02.png);
    background-size: contain;
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    background-repeat: no-repeat;
    margin-top: 6px;
}

.nijikai-page .ranking .slick-slide:nth-child(3):before {
    content: "";
    background: url(../picture/ranking_deco_03.png);
    background-size: contain;
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    background-repeat: no-repeat;
    margin-top: 6px;
}

.nijikai-page .ranking .slick-slide:nth-child(4):before {
    content: "4";
    margin-top: 6px;
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    background: url(../picture/ranking_deco_04.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nijikai-page .ranking .slick-slide:nth-child(5):before {
    content: "5";
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    margin-top: 6px;
    background: url(../picture/ranking_deco_04.png); 
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nijikai-page .ranking .slick-slide:nth-child(6):before {
    content: "6";
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    margin-top: 6px;
    background: url(../picture/ranking_deco_04.png);
    background-repeat: no-repeat;
    background-size: contain;  
    display: flex;
    align-items: center;
    justify-content: center;
}

.nijikai-page .ranking .slick-slide:nth-child(7):before {
    content: "7";
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    margin-top: 6px;
    background: url(../picture/ranking_deco_04.png);
    background-repeat: no-repeat;
    background-size: contain; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.nijikai-page .ranking .slick-slide:nth-child(8):before {
    content: "8";
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    margin-top: 6px;
    background: url(../picture/ranking_deco_04.png);
    background-repeat: no-repeat;
    background-size: contain; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.nijikai-page .ranking .slick-slide:nth-child(9):before {
    content: "9";
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    margin-top: 6px;
    background: url(../picture/ranking_deco_04.png);
    background-repeat: no-repeat;
    background-size: contain; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.nijikai-page .ranking .slick-slide:nth-child(10):before {
    content: "10";
    width: calc(100vw / 430* 44);
    height: calc(100vw / 430* 45);
    margin-top: 6px;
    background: url(../picture/ranking_deco_04.png);
    background-repeat: no-repeat;
    background-size: contain; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.nijikai-page .ranking_contents .slick-prev,
#slider-voice .slick-prev {
    left: -5%;
    height: calc(100vw / 430 * 44);
    width: calc(100vw / 430 * 44);
    background: url(../picture/arrow-right-img.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    transform: none;
    z-index: 2;
}

.nijikai-page .ranking_contents .slick-next,
#slider-voice .slick-next {
    right: -5%;
    height: calc(100vw / 430* 44);
    width: calc(100vw / 430* 44);
    background: url(../picture/arrow-left-img.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    transform: none;
}

.nijikai-page .button_yellow {
    width: calc(100vw / 430* 388);
    padding: calc(100vw / 430* 22) 0;
    font-size: calc(100vw / 430* 17) !important;
    font-weight: bold;
    color: #2A221D;
    border-radius: 4px;
    background-color: #EEA821;
    position: relative;
    display: block;
    text-align: center;
    margin: calc(100vw / 430* 20) auto;
    text-decoration: none;
    transition: .3s;
    border: 2px solid #EEA821 !important;
}

.nijikai-page .button_yellow::after {
    content: '';
    background-image: none;
    background-repeat: no-repeat;
    right: 5%;
    position: absolute;
    top: 42%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    height: 8px;
    width: 8px;
    transform: rotate(45deg);
}

.nijikai-page .button_yellow p {
    height: 19px;
    line-height: 19px;
    color: #ffffff !important;
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.nijikai-page .button_yellow:hover p {
    border-bottom: none;
    color: #2A221D !important;
    transition: .3s;
}

.nijikai-page .button_yellow:hover::after {
    border-top: 2px solid #2A221D;
    border-right: 2px solid #2A221D;
    transition: .3s;
}

.nijikai-page .button_yellow:hover {
    border-bottom: none;
    background-color: #ffffff;
    transition: .3s;
}

.ranking_contents a.button_yellow:hover {
    border-bottom: 2px solid #EEA821;
}

.QA_contents {
    padding-top: calc(100vw / 430* 40);
    width: calc(100vw / 430* 388);
    margin: auto;
    color: white;
}

.nijikai-page .ranking_contents .QA_contents p {
    font-size: calc(100vw / 430* 16);
    color: #FFFFFF;
    font-family: 'Noto Sans JP';
    font-weight: 400;
    text-align: left;
    line-height: 2;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.nijikai-page .QA_contents:before {
    content: "";
    width: calc(100vw / 430* 167);
    height: calc(100vw / 430* 67);
    background: url(../picture/faq_deco_01.png) no-repeat;
    display: block;
    background-size: contain;
    position: relative;
    top: -10px;
    right: -62%;
}


.nijikai-page .QA_contents2:before {
    left: -5%
}

.QA_contents3 {
    color: #000;
}

.nijikai-page .QA_contents3:before {
    background: url(../picture/QA_img3.png) no-repeat top center / contain;
}


.nijikai-page .QA_contents h3 {
    text-align: center;
    margin-bottom: calc(100vw / 430* 20);
    font-size: calc(100vw / 430* 18);
}

.nijikai-page .ranking_contents .contents.tanpin {
    padding-top: calc(100vw / 430* 80);
}

.nijikai-page .ranking_contents .contents.tanpin .ranking_header:before {
    content: none;
}

.nijikai-page .ranking_contents {
    height: calc(100vw / 430 * 2500);
    background-position-x: 2%;
}

.nijikai-page .selling_recommend {
    /*padding-top: calc(100vw / 430* 30);*/
    padding-top: calc(100vw / 430* 35);
    padding-bottom: calc(100vw / 430* 40);
}

.nijikai-page .selling_recommend p {
    font-size: calc(100vw / 430* 16);
    color: #FFFFFF;
    text-align: center;
    line-height: 1.7;
    font-weight: 500;
}

.nijikai-page .tanpin_header {
    text-align: center;
    /*margin-top: calc(100vw / 430* 80);*/
    margin-top: calc(100vw / 430* 110);
}

.nijikai-page .tanpin_header .title_black {
    font-size: calc(100vw / 430* 26);
}

.nijikai-page .tanpin_header .title_black:after {
    content: "";
    width: calc(100vw / 430* 30);
    height: calc(100vw / 430* 4);
    display: block;
    margin: 10px auto calc(100vw / 430* 30);
    background: #EF5148;
}

.nijikai-page .selling_recommend .tanpin_header p {
    color: #2A221D;
    font-family: 'Noto Sans JP';
    margin-bottom: calc(100vw / 430* 30);
    font-size: calc(100vw / 430* 16);
    text-align: center;
    line-height: 1.7;
    font-weight: 500;
}

.nijikai-page .pt_column__item:nth-child(odd) {
    margin-right: 0;
}

.nijikai-page .pt_column__item:nth-child(-n+2) {
    margin-bottom: 0;
}

.nijikai-page .pt_column__image>img {
    border-radius: 6px;
}

.nijikai-page .recommend .budget h2::before {
    background-image: none;
    content: "";
    width: calc(100vw / 430* 28);
    height: calc(100vw / 430* 34);
    background: url(../picture/nijikai_deco02_2.png);
    display: block;
    background-size: cover;
    position: relative;
    left: 46%;
    margin-bottom: calc(100vw / 430* 10);
}

.nijikai-page .recommend_header p {
    color: #2A221D;
    font-family: 'Noto Sans JP';
    margin-bottom: calc(100vw / 430* 110);
    margin-top: calc(100vw / 430* 30);
    font-size: calc(100vw / 430* 16);
    text-align: center;
    line-height: 1.7;
    font-weight: 500;
}

.nijikai-page .items .recommend_header p {
    margin-bottom: calc(100vw / 430* 30);
}

#budget_recommend .QA_contents {
    padding-top: 0;
    width: calc(100vw / 430* 388);
    margin: auto;
    position: relative;
    padding-bottom: calc(100vw / 430* 60);
}

.nijikai-page #budget_recommend .QA_contents p {
    font-size: calc(100vw / 430* 16);
    color: #2A221D;
    font-family: 'Noto Sans JP';
    font-weight: 400;
    text-align: left;
    line-height: 2;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
}

.nijikai-page #budget_recommend .QA_contents:before {
    content: "";
    width: calc(100vw / 430* 167);
    height: calc(100vw / 430* 67);
    background: url(../picture/faq_deco_02.png);
    display: block;
    background-size: contain;
    position: absolute;
    top: calc(100vw / 430* -45);
    right: calc(100vw / 430* -18);
    left: auto;
}

.nijikai-page #budget_recommend .button_yellow {
    margin-top: 0;
}

.nijikai-page .recommend .items {
    margin-top: calc(100vw / 430* 0);
    padding-top: 0;
}

.nijikai-page .items .button_yellow {
    margin-top: calc(100vw / 430* 30);
    margin-bottom: calc(100vw / 430* 60);
}

.nijikai-page .voice {
    /* margin-top: calc(100vw / 430* 80); */
}

.nijikai-page .voice_contents .title_black span {
    font-size: calc(100vw / 430* 20);
    font-family: 'Noto Sans JP';
    line-height: 1.8;
}

.nijikai-page #slider-voice .slick-prev,
.nijikai-page #slider-voice .slick-next {
    border-top: none;
    border-right: none;
}

.nijikai-page #slider-voice .slick-prev {
    left: -8%;
}

.nijikai-page #slider-voice .slick-next {
    right: -8%;
}


.nijikai-page .voice .contents {
    padding-top: calc(100vw / 430* 20);
    padding-bottom: 50px;
    margin-bottom: 0;
}

.nijikai-page .tokuten-back {
    background: #EF5148;
    /* padding: calc(100vw / 430* 80) 0 calc(100vw / 430* 80); */
    width: 100vw;
    height: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.nijikai-page .tokuten .tokuten-back img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.nijikai-page .tokuten .title_black {
    font-size: calc(100vw / 430* 26) !important;
    margin-top: calc(100vw / 430* 60);
}

.nijikai-page .tokuten .title_black:after {
    content: "";
    width: calc(100vw / 430* 30);
    height: calc(100vw / 430* 4);
    display: block;
    margin: 10px auto 20px;
    background: #0855A5;
}

.nijikai-page .tokuten .recommend_header p {
    margin-bottom: calc(100vw / 430* 30);
}

.nijikai-page .recommend .items h2::before {
    background-image: none;
    content: "";
    width: calc(100vw / 430* 27);
    height: calc(100vw / 430* 32);
    background: url(../picture/nijikai_deco03_2.png);
    display: block;
    background-size: cover;
    position: relative;
    left: 47%;
    margin-bottom: calc(100vw / 430* 10);
}

.nijikai-page .tokuten .recommend_wrap label {
    height: auto;
    line-height: 1.6;
    font-size: 18px;
    margin: 0 auto;
    width: calc(100vw / 430* 388);
    padding: calc(100vw / 430* 10);
}

.nijikai-page .tokuten .recommend_wrap .faq-q {
    font-size: calc(100vw / 430* 18);
    width: 100%;
    padding: 3px 10px 0 5px;
}

.nijikai-page .tokuten .recommend_wrap .faq-a p {
    font-size: calc(100vw / 430 * 16);
}



.nijikai-page .tokuten .recommend_wrap .mm-card::before {
    content: "";
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    background: url(../picture/a_icon.png);
    background-size: contain;
    top: 15px;
    left: 10px;
}

.nijikai-page .tokuten .recommend_wrap {
    width: 100%;
    margin: 0 auto;
    margin-bottom: calc(100vw / 430* 20);
}

.nijikai-page .tokuten .recommend_wrap input:checked~.ac-columnshow {
    border: 2px solid #EF5148;
    padding: calc(100vw / 430* 20) calc(100vw / 430* 20) calc(100vw / 430* 30) calc(100vw / 430* 60);
    position: relative;
    width: calc(100vw / 430* 323);
    margin: 0 auto;
}

.nijikai-page .tokuten ul img {
    border-radius: 6px;
}

.nijikai-page .tokuten ul {
    width: 100%;
    margin-top: calc(100vw / 430* 60);
    display: flex;
    flex-wrap: wrap;
}

.nijikai-page .tokuten ul li {
    width: calc(100vw / 430* 388);
    margin: 0 auto;
}

.nijikai-page .tokuten ul li:nth-child(odd) {
    margin-right: auto;
}

.nijikai-page .tokuten ul li:not(:last-child) {
    margin-bottom: calc(100vw / 430* 10);
}
/*
================================
見積もり
================================
*/
.balloon1 {
        position: relative;
        display: inline-block;
        margin: 10% 0 6% 0;
        padding: 2% 0;
        width: 100%;
        max-width: 100%;
        color: #fff;
        background: #009b69;
        text-align: center;
        font-weight: 600;
    }
    #estimate .d-none-sp {
        display: none;
    }
    .balloon1:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid rgba(0, 0, 0, 0);
        border-top: 15px solid #009b69;
    }

/* ========== custom css============= */
.mv-card {
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    box-shadow: 0 5px 12px 0 rgba(89, 94, 103, .07), 0 10px 30px 0 rgba(89, 94, 103, .085);
    overflow: hidden;
    background: white;
}

.mv-card .mm-card {
    border: 2px solid #0855A5;
    padding: 20px 20px 30px 50px;
    position: relative;
    margin-inline: calc(100vw / (430 - 20)* 20);
}

.recommend_wrap .vishen {
    display: flex;
    align-items: start;
}

.vishen .vishen_btn {
    display: flex;
    padding-top: 10px;
}

.vishen .vishen_btn div {
    width: 22px;
    height: 2px;
    background-color: white;
}

.vishen .vishen_btn .vishen_first {
    transform: rotate(90deg);
    margin-right: -20px;
}

.vishen.rotateOpen .vishen_first {
    transform: rotateZ(0deg);
    transition: .3s;
    top: 50%;
    right: 50px
}

.vishen.rotateClose .vishen_first {
    transform: rotate(90deg);
    transition: .3s;
    top: 34%;
    right: 26px;
}


.follow_panel {
    z-index: 3 !important;
}

.fs-p-drawer {
    z-index: 100 !important;
}



.support {
    width: 100%;
}

.support>h3 {
    font-size: 32px; 
    padding: calc(100vw / 430* 60) 0 calc(100vw / 430* 10)
}

.support-container {
    max-width: 1200px;
    margin: auto;
}

.support-card {
    width: 90%;
    padding: 33px 25px;
    background-color: white;
    text-align: center;
    margin-inline: 10px;
    margin-bottom: 20px;
}

.support-card h4 {
    font-size: 20px;
    color: #CF1818;
    font-weight: bold;
    margin: 10px auto 20px auto;
}

.support-card h5 {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.9;
}

.support-container2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}



@media screen and (min-width: 1000px) {
    .fs-l-sideArea {
        display: none;
    }
}