@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Roboto&display=swap');


body.page-top {
    /* max-width: 1200px; */
    max-width: none;
}

.container {
    min-width: auto;
}


a:focus {
    text-decoration: none;
}

@media screen and (max-width: 1200px) {
    body.page-top {
        overflow-x: scroll;
    }
}

#more_btn {
    width: 183px;
    height: 52px;
    background: #111111;
    margin: 52px auto 0;
}

#more_btn > a {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif, 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', tbudgothic-std, sans-serif;
}

#more_btn > a::after {
    content: "";
    transform: rotate(45deg);
    color: #FFFFFF;
    position: relative;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 15px;
    position: absolute;
}

#more_btn_plus {
    width: 183px;
    height: 52px;
    display: block;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#more_btn_plus a {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: 5px;
}

#more_btn_plus a::before,
#more_btn_plus a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    background-color: #444;
    opacity: 1;
    right: auto;
    bottom: auto;
    transform-origin: 50% 50%;
    transform: none;
}

#more_btn_plus a::before {
    width: 2px;
    height: 14px;
    margin-top: -6.5px;
    left: -15px;
}

#more_btn_plus a::after {
    width: 15px;
    height: 2px;
    margin-top: -1px;
    left: -21px;
}

#more_btn_plus a.minus::before {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.pane-contents .container {
    margin-bottom: 77px;
}


/*--------------------
 トップページ本文
--------------------*/

#block_of_top_body {
    margin-top: 0;
    margin-bottom: 0;
}

#top-slider-warp {
    width: 100%;
    height: 46.11vw;
}

.block-top-body .top_container {
    height: 100%;
    margin: 0;
    min-width: 1200px;
    overflow-x: auto;
}

.block-top-body .top_container .swiper {
    height: 100%;
}

.block-top-body .top_container .swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.block-top-body .top_container .swiper .swiper-slide a {
    height: 100%;
}

.block-top-body .top_container .swiper .swiper-slide a:hover {
    opacity: 1;
}

.block-top-body .top_container .swiper .swiper-slide img {
    width: 100%!important;
    height: 100%;
}

.block-top-body .top_container .swiper-topmv-prev:after,
.block-top-body .top_container .swiper-topmv-next:after {
    content: none;
}

.block-top-body .top_container .swiper-topmv-next,
.block-top-body .top_container .swiper-topmv-prev {
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #FFFFFF;
    position: absolute;
    top: auto;
    bottom: 35px;
    z-index: 100;
}

.block-top-body .top_container .swiper-topmv-next {
    left: calc(50% - -25px);
    transform: rotate(0deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.block-top-body .top_container .swiper-topmv-prev {
    transform: rotate(0deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    right: calc(50% - -25px);
    left: auto;
}

.block-top-body .top_container .top_pagination {
    bottom: 30px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
}

.top-content {
    width: 1200px;
    margin: 70px auto;
}

.top-content > h2 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 0.25em;
    text-align: center;
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 2;
}

#top-pickup-area > ul {
    padding-top: 58px;
    gap: 0 40px;
    align-items: center;
    display: flex;
    width: 960px;
    margin: 0 auto;
}

#top-pickup-area > ul li {
    width: 460px;
}

#top-pickup-area > ul li a img {
    width: 100%;
}

#top-pickup-area > ul li a > p {
    margin: 0;
    padding: 20px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #111111;
    letter-spacing: 0em;
}

#top-specialkit-area .topic_items {
    width: 960px;
    margin: 0 auto;
    /* overflow-x: scroll; */
}

#top-specialkit-area .topic_items::-webkit-scrollbar {
    height: 3px;
    background: transparent;
}

#top-specialkit-area .topic_items::-webkit-scrollbar-track {
    background: transparent;
    /* background:#fff;
    border:none;
    border-radius:10px;
    box-shadow:inset 0 0 2px #777; */
}

#top-specialkit-area .topic_items::-webkit-scrollbar-thumb {
    background: #DDDDDD;
    width: 102px;
    border-radius: 5px;
}

#top-specialkit-area .topic_items > ul {
    margin: 56px 0 30px;
    display: flex;
    text-align: left;

    /* コンテンツ数が2件の場合 */
    justify-content: center;
}

#top-specialkit-area .topic_items > ul li {
    margin: 0 0 0 25px;
    padding: 25px;
    width: 425px;
    border: 1px solid #111111;
    flex-shrink: 0;
}

#top-specialkit-area .topic_items > ul li:first-of-type {
    margin: 0;
}

#top-specialkit-area .topic_items > ul li p {
    padding-top: 20px;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    color: #111111;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    letter-spacing: 0;
}

#top-specialkit-area .topic_items > ul li a {
    text-align: right;
    display: block;
    margin-top: 19px;
    font-size: 14px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 0.075em;
    width: 100%;
}

#top-specialkit-area {
    position: relative;
}

#top-specialkit-area .swiper-s_kit-prev,
#top-specialkit-area .swiper-s_kit-next {
    width: 16px;
    height: 16px;
    border-top: 2px solid #111111;
    border-right: 2px solid #111111;
    position: absolute;
    top: 300px;
    z-index: 100;
    cursor: pointer;
}

#top-specialkit-area .swiper-s_kit-prev.swiper-button-disabled,
#top-specialkit-area .swiper-s_kit-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

#top-specialkit-area .swiper-s_kit-prev {
    position: absolute;
    transform: rotate(0deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 80px;
}

#top-specialkit-area .swiper-s_kit-next {
    transform: rotate(0deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 80px;
}

#top-specialkit-area .swiper-s_kit-scrollbar {
    background:transparent;
    width: 100%;
    left: 0;
}

#top-specialkit-area .swiper-scrollbar-drag {
    background:#DDDDDD;
    cursor: pointer;
}

#top-brand-area {
    /* background: #F3F3F3; */
    width: auto;
    margin: 0;
    padding: 105px 0;
    position: relative;
    background: #F3F3F3;
}

#top-brand-area .back-color {
    background: #F3F3F3;
    content: "";
    width: calc(100% - 120px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    min-width: 1080px;
}

#top-brand-area > h2 {
    width: 1200px;
    margin: 0 auto;
    z-index: 2;
}

#top-brand-area > ul {
    padding-top: 56px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 1080px;
    margin: 0 auto;
    transition: transform .4s;
    position: relative;
    box-sizing: content-box;
}

#top-brand-area > ul li {
    width: 530px;
    transition: transform .4s;
}

#top-brand-area > ul li figure {
    display: flex;
    flex-direction: row-reverse;
}

#top-brand-area > ul li figure > figcaption {
    width: 130px;
    height: 176px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#top-brand-area > ul li figure > figcaption > img {
    
}

#top-brand-area > ul li:nth-of-type(1) figure > figcaption > img {
}
/* 
#top-brand-area > ul li figure > figcaption > span {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #707070;
    padding-top: 10px;
} */

#top-search-area {

}

#top-search-area > ul {
    display: flex;
    max-width: 960px;
    min-height: 261.5px;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 0;
}

#top-search-area > ul > li {
    width: 31.25%;
}

#top-search-area > ul > li:not(:last-child) {
    margin-right: 30px;
}

#top-search-area .list{
    display: flex;
    max-width:960px;
    min-height: 261.5px;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    gap: 0;
    margin: 56px auto 0;
  }
  #top-search-area .list > li{
    width: 31.25%;
  }
  #top-search-area .list > li:not(:last-child){
    margin-right: 30px;
  }
  #top-search-area .list_mini{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #top-search-area ul .list_mini .list_mini_title {
    display: flex;
    height: 40px;
    align-items: center;
    margin-bottom: 9px;
  }
  #top-search-area ul .list_mini .list_mini_title > div{
    width: 45px;
    height: 40px;
    border-bottom: 1px solid #DCDCDC
  }
  #top-search-area ul .list_mini .list_mini_title img {
    width: 25px;
    height: 100%;
    padding-bottom: 6px;
    margin: 0 auto;
    display: block;
  }

  #top-search-area .list > li:nth-of-type(1) .list_mini_title img {
    width: 21px;
  }

  #top-search-area .list > li:nth-of-type(2) .list_mini_title img {
    width: 21px;
  }

  #top-search-area .list > li:nth-of-type(3) .list_mini_title img {
    width: 30px;
  }

  #top-search-area ul .list_mini .list_mini_title span,
  #top-search-area ul .list_mini .list_mini_title a {
    font-family: 'Noto Sans JP', sans-serif, 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',
     tbudgothic-std, sans-serif;
    font-size: 15px;
    width: 255px;
    height: 100%;
    padding: 10px 0px 15px 8px;
    letter-spacing: 0.06em;
    font-weight: 500;
    color: #000000;
    border-bottom: 1px solid #DCDCDC;
  }
  #top-search-area .list_mini li{
    /* margin: 12px 36px 12px 56px; */
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif, 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',
     tbudgothic-std, sans-serif;
    position: relative;
    padding: 10px 0 10px 56px;
  }
  #top-search-area .list_mini li a{
    width: 100%;
    display: block;
    padding: 2px 36px 2px 0;
  }
  #top-search-area .list_mini li a::after{
    background-image: url(../../img/usr/sp/common/icon-arrow2.svg);
    background-repeat: no-repeat;
    content: "";
    background-size: contain;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0px;
    top: calc(50% - 5px);
  }

#top-search-area .search_block {
    max-width: 960px;
    margin: 35px auto 0;
    display: flex;
    gap: 0 30px;
}

#top-search-area .search_block form {
    width: 480px;
    height: 50px;
    flex-shrink: 0;
}

#top-search-area .search_block form .block-search-box--form {
    background-color: transparent;
    border-bottom: 1px solid #111111;
}

#top-search-area .search_block form .block-search-box--form .input-group-area {
    width: 100%;
}

#top-search-area .search_block form .block-search-box--form input[type=text] {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

#top-search-area .search_block form .block-search-box--form .input-group-btn {
    position: relative;
    width: 19px;
    height: 19px;
    border: none!important;
    padding-right: 30px;
    box-sizing: content-box;
}

#top-search-area .search_block form .block-search-box--form .input-group-btn button {
    border: none!important;
    width: 100%;
    padding: 0;
    top: 0%;
    position: absolute;
}

#top-search-area .search_block form .block-search-box--form .input-group-btn button i.fa {
    font-size: 1.5em;
}

#top-search-area .search_block form .block-search-box--form .input-group-btn button img {
    width: 100%;
}

#top-search-area .search_block .search_keyword_block {
    width: 420px;
    height: auto;
}

#top-search-area .search_block .search_keyword_block .searchbox_keyword_img {
    display: flex;
    gap: 8px 10px;
    flex-wrap: wrap;
}

#top-search-area .search_block .search_keyword_block .searchbox_keyword_img a {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    letter-spacing: 0.06em;
    line-height: calc(17 / 12);
    height: 30px;
    padding: 8px 10px;
    color: #111111;
    background: #F3F3F3;
}

#block_of_top_free1 {
    width: 100%;
}

#top-instagram-area {
    width: 960px;
    margin: 105px auto;
}

#top-instagram-area > h2 {
    width: 960px;
}

#top-instagram-area .top-instagram-area-tab-btn {
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 56px;
}

#top-instagram-area .top-instagram-area-tab-btn li {
    width: 480px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: calc(20 / 14);
    color: #BFBFBF;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#top-instagram-area .top-instagram-area-tab-btn li.active {
    background: #F3F3F3;
    color: #111111;
}

#top-instagram-area .top-instagram-area-tab-btn li:hover {
    opacity: 0.7;
}

#top-instagram-area .ecbn-selection-widget {
    margin: 0 auto;
}

#top-instagram-area .vsm-slider .ecbn-selection-widget-new div.ecbn-selection-wrapper {
    margin: 0;
}

#top-instagram-area .ecbn-selection-page-tabs-area {
    margin: 58px auto 0;
}

#top-instagram-area .ecbn-selection-page-tabs-area ul {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

#top-instagram-area .ecbn-selection-page-tabs-area ul li {
    padding: 0 10px;
    width: auto;
    background: #F3F3F3;
    height: 32px;
}

#top-instagram-area .ecbn-selection-page-tabs-area ul li a {
    background-color: #F3F3F3;
    color: #111111!important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    width: 100%;
    height: 100%;
}

#top-instagram-area .ecbn-selection-slide-wrapper {
    width: 100%;
    margin: 20px auto 0;
}

#top-instagram-area .ecbn-selection-slide-wrapper .ecbn-selection-item {
    margin-right: 20px;
    width: 257px;
}

#top-instagram-area .ecbn-selection-slide-wrapper .ecbn-selection-item a {
    width: 257px;
    height: 257px;
}

#top-instagram-area .ecbn-selection-item .ecbn-selection-detail {
    height: 108px;
    padding: 16px 0 0;
    width: 100%;
}

#top-instagram-area .ecbn-selection-item .ecbn-selection-detail p.ecbn-selection-user {
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #111111!important;
}

#top-instagram-area .ecbn-selection-item .ecbn-selection-detail .ecbn-selection-caption {
    font-size: 12px;
    font-weight: 400;
    height: 64px;
    line-height: calc(20 / 12);
    overflow: hidden;
    position: relative;
    margin-top: 16px;
    color: #111111;
}

#top-instagram-area .ecbn-selection-to-nextpage-btn.vsm-selection-to-nextpage-btn.more {
    width: 183px;
    height: 52px;

    background: #333333;
    border: none;
    border-radius: 0x;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    margin: 37px auto 20px;
    padding: 00;
    text-align: center;
    text-decoration: none;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif, 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', tbudgothic-std, sans-serif;
}

#top-instagram-area .ecbn-selection-to-nextpage-btn.vsm-selection-to-nextpage-btn.more::after {
    content: "";
    transform: rotate(45deg);
    color: #FFFFFF;
    position: relative;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 15px;
    position: absolute;
}

#top-column-area {
    background: #DCDED6;
    padding: 0 0 77px;
    width: 100%;
    margin-bottom: 0;
}

#top-column-area > h2 {

}

#top-column-area .top-column-area-content {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#top-column-area .top-column-area-content > h2 {
    padding: 0;
    text-align: left;
    position: absolute;
    top: -43px;
    left: 0;
}

#top-column-area .top-column-area-content > h2 > img {
    width: 269px;
    height: auto;
}

#top-column-area .top-column-area-content > p {
    font-size: 14px;
    color: #111111;
    font-weight: 400;
    letter-spacing: 0;
    padding-top: 45px;
}

#top-column-area .top-column-area-content > ul {
    padding-top: 35px;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

#top-column-area .top-column-area-content > ul > li {
    width: 230px;
}

#top-column-area .top-column-area-content > ul > li a > figure {

}

#top-column-area .top-column-area-content > ul > li a > .column-content {
    padding-top: 8px;
    position: relative;
} 

#top-column-area .top-column-area-content > ul > li a > .column-content .column-content-title {
    width: 79px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 0.05em;
}

#top-column-area .top-column-area-content > ul > li a > .column-content p {
    padding-top: 16.5px;
    font-size: 13px;
    color: #111111;
    font-weight: 400;
    letter-spacing: 0;
}

#top-column-area .top-column-area-content > ul > li a > .column-content .column-content-date {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
    color: #848484;
    font-weight: 300;
    letter-spacing: 0;
}

#top-gallery-area {
    padding: 82px 0;
}

#top-gallery-area .ecbn-selection-page-wrapper {
    max-width: 960px;
    margin: 0 auto!important;

}

#top-gallery-area .ecbn-selection-page-wrapper .ecbn-selection-title {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.25em;
    margin: 0;
    padding-left: 0;
    text-align: center;
    color: #111111;
}

#top-gallery-area .ecbn-selection-page-wrapper .ecbn-selection-title img {
    display: none;
}

#top-gallery-area .ecbn-selection-page-wrapper .ecbn-selection-description {
    display: none;
}

#top-gallery-area .ecbn-selection-content.ecbn-selection-content--active {
    max-width: 960px;
    padding-top: 56px;
    margin: 0 auto;
    max-height: 316px;
    box-sizing: content-box;
}

#top-gallery-area .ecbn-selection-content.ecbn-selection-content--active.openList {
    max-height: none;
} 

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper ul.ecbn-selection-snap {
    width: 960px!important;
    height: 100%!important;
    display: grid;
    grid-template-columns: 158px 158px 158px 158px 158px 158px;
    grid-template-rows: 158px;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item {
    position: static!important;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(1) {
    width: 316px!important;
    grid-row: 1/3;
    grid-column: 1/3;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(2) {
    width: 158px!important;
    grid-column: 3/4;
    grid-row: 1/2;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(3) {
    width: 158px!important;
    grid-row: 2/3;
    grid-column: 3/4;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(4) {
    width: 316px!important;
    grid-row: 1/3;
    grid-column: 4/6;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(5) {
    width: 158px!important;
    grid-row: 1/2;
    grid-column: 6/7;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(6) {
    width: 158px!important;
    grid-row: 2/3;
    grid-column: 6/7;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(7) {
    width: 316px!important;
    grid-row: 3/5;
    grid-column: 1/3;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(8) {
    width: 158px!important;
    grid-row: 3/4;
    grid-column: 3/4;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(9) {
    width: 158px!important;
    grid-row: 4/5;
    grid-column: 3/4;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(10) {
    width: 316px!important;
    grid-row: 3/5;
    grid-column: 4/6;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(11) {
    width: 158px!important;
    grid-row: 3/4;
    grid-column: 6/7;
}

#top-gallery-area .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-of-type(12) {
    width: 158px!important;
    grid-row: 4/5;
    grid-column: 6/7;
}


#top-gallery-area .ecbn-selection-image-loading-more {
    display: none;
}

#block_of_topic {
    width: 960px;
}

#block_of_topic > .title {
    height: auto;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;

    display: flex;
    flex-direction: column;

    font-size: 30px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 0.25em;
    text-align: center;
    line-height: calc(46 / 30);
    font-weight: bold;
}

#block_of_topic > .title span {
    display: none;
}

#block_of_topic .block-top-topic--body {
    padding-top: 56px;
    margin-bottom: 0;
    width: 100%;
}

#block_of_topic .block-top-topic--body > ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 13px;
    width: 100%;
    margin: 0;
}

#block_of_topic .block-top-topic--body > ul > li {
    width: 230px;
    max-width: none;
    padding: 0;
    border-bottom: none;
    flex-basis: auto;
}

#block_of_topic .block-top-topic--body > ul > li dl {
    position: relative;
    min-height: 86px;
    padding-bottom: 24px;
}

#block_of_topic .block-top-topic--body > ul > li dl dt {
    position: absolute;
    margin-right: 0;
    bottom: 0;
    right: 0;
    padding-top: 10px;
    height: auto;
    color: #848484;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 300;
    text-align: right;
}

#block_of_topic .block-top-topic--body > ul > li dl dd {
    font-size: 13px;
    font-weight: 400;
    color: #111111;
    letter-spacing: 0;
    height: 60px;
    -webkit-line-clamp: 3;
}

#block_of_itemhistory {
    padding-top:77px;
    width: auto;
}


#block_of_itemhistory > h2 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: bold;
    color: #111111;
    letter-spacing: 0.25em;
    text-align: center;
}

#block_of_itemhistory .goods_p_.goods_list_wrapper_ {
    display: flex;
    width: 960px;
    margin: 56px auto 0;
    gap: 14px;
}

#block_of_itemhistory .goods_p_.goods_list_wrapper_ > li {
    width: 230px;

}

#block_of_itemhistory .goods_p_.goods_list_wrapper_ > li > a > figure {
    width:100%;
    height:230px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#block_of_itemhistory .goods_p_.goods_list_wrapper_ > li > a > .desc_ {
    padding-top:12px;
}

#block_of_itemhistory .goods_p_.goods_list_wrapper_ > li > a > .desc_ .name_ span {
    font-size: 12px;
    color: #111111;
    font-weight: 400;
    letter-spacing: 0;
    line-height:calc(18 / 12);
}

#top-review-area {
    /* width: 960px; */
}

#top-review-area > h2 {
    width: 960px;
}

#top-review-area #top-review-user {
    position: relative;
}

#top-review-area #top-review-user .revico-common-background-style {
    background: transparent;
    width: 960px;
    margin: 0 auto;
}

#top-review-area #top-review-user .revico-multicomment-inner {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

#top-review-area #top-review-user .revico-comment-main.revico-widget {
    width: 960px;
    max-width: none;
    padding-bottom: 20px;
}

#top-review-area #top-review-user .revico-comment-main.revico-widget > .revico-logo {
    display: none;
}

#top-review-area #top-review-user .revico-comment-main.revico-widget > .revico-review-comment-row-wrapper {
    width: 203px;
    margin-right: 15px;
}

#top-review-area #top-review-user .revico-comment-main.revico-widget > .revico-review-comment-row-wrapper .revico-review-comment-detail {
    padding: 0;
}

#top-review-area #top-review-user .revico-comment-main.revico-widget > .revico-review-comment-row-wrapper .revico-review-comment-row[data-pickup-review=true] .revico-review-comment-detail::after{
    left: 0;
    top: 0;
    padding: 3px 8px;
    color: #111111;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    background: #F2D652;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 62px;
    height: 22px;
    content: "PICK UP";
}

#top-review-area #top-review-user .revico-comment-header {
    display: none;
}

#top-review-area #top-review-user .revico-review-comment-detail--product-name {
    display: flex;
    flex-direction: column;
    border-bottom: none;
    padding: 0;
    margin-bottom: 0;
}

#top-review-area #top-review-user .revico-review-comment-detail--product-name .revico-review-comment-detail--product-name-image img {
    max-width: 203px;
    max-height: 203px;
    margin-right: 0;
    border: 1px solid #DDDDDD;
}

#top-review-area #top-review-user .revico-review-comment-detail--product-name > p {
    font-size: 14px;
    font-weight: bold;
    height: 68px;
    line-height: calc(24 / 14);
    margin-top: 14px;
}

#top-review-area #top-review-user .revico-review-comment-detail--product-name > .revico-review-comment-detail--star {
    margin-right: auto;
    margin-top: 14px;
    margin-bottom: 0;
    height: 15px;
}

#top-review-area #top-review-user .revico-review-comment-detail--product-name > .revico-review-comment-detail--comment {
    font-size: 13px;
    font-weight: 300;
    line-height: calc(18 / 12);
    text-align: left;
    width: 100%;
    margin-bottom: 0;
    height: 78px;
}

#top-review-area #top-review-user .revico-comment-main.revico-widget > .revico-comment-footer {
    display: none;
}

#top-review-area #top-review-user .swiper-user-prev,
#top-review-area #top-review-user .swiper-user-next {
    width: 16px;
    height: 16px;
    border-top: 2px solid #111111;
    border-right: 2px solid #111111;
    position: absolute;
    top: 95px;
    z-index: 100;
    cursor: pointer;
}

#top-review-area #top-review-user .swiper-user-prev.swiper-button-disabled,
#top-review-area #top-review-user .swiper-user-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

#top-review-area #top-review-user .swiper-user-prev {
    position: absolute;
    transform: rotate(0deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 80px;
}

#top-review-area #top-review-user .swiper-user-next {
    transform: rotate(0deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 80px;
}

#top-review-area #top-review-staff {
    position: relative;
}

#top-review-area #top-review-staff .revico-multicomment-inner {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

#top-review-area #top-review-staff .revico-comment-main.revico-widget {
    width: 960px;
    max-width: none;
    padding-bottom: 20px;
}

#top-review-area #top-review-staff .revico-comment-main.revico-widget > .revico-logo {
    display: none;
}

#top-review-area #top-review-staff .revico-comment-header {
    display: none;
}

#top-review-area #top-review-staff .revico-common-background-style {
    background: transparent;
    width: 960px;
    margin: 0 auto;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper {
    width: 425px;
    padding: 20px;
    margin: 0;
    margin-right: 25px;
    background: #F3F3F3;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail {
    padding: 0;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--addition > div {
    width: 100%;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--addition > div .revico-review-comment-detail--addition-reviewer-image {
    width: 60px;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--title {
    padding-top: 25px;
}
#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--title .revico-review-comment-detail--title-review-title {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 17px;
    line-height: calc(25 / 17);
    color: #111111;
    text-align: center;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--product {
    padding-top: 23px;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--product .revico-review-comment-detail--product-name {
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #111111;
    padding: 15px 15px 23px;
    margin-bottom: 0;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    position: relative;
    background: #FFFFFF;
    gap: 0 10px;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--product .revico-review-comment-detail--product-name .revico-review-comment-detail--product-name-image img {
    max-width: 112px;
    max-height: 112px;
    margin-right: 0;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--product .revico-review-comment-detail--product-name .revico-review-comment-detail--product-name-box {
    width: 233px;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--product .revico-review-comment-detail--product-name .revico-review-comment-detail--product-name-box > p {
    font-weight: bold;
    font-size: 14px;
    line-height: calc(22 / 14);
    color: #111111;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--product .revico-review-comment-detail--product-name .revico-review-comment-detail--product-name-box > .revico-review-comment-detail--comment {
    font-weight: 300;
    font-size: 12px;
    line-height: calc(18 / 12);
    color: #111111;
    height: 74px;
    overflow: hidden;
    max-height: 74px;
    margin: 12px 0 0;
}

#top-review-area #top-review-staff .revico-review-comment-row-wrapper .revico-review-comment-detail .revico-review-comment-detail--product .revico-review-comment-detail--product-name .revico-review-comment-detail--product-name-box > a {
    margin-top: 17px;
    font-weight: bold;
    font-size: 12px;
    line-height: calc(22 / 12);
    color: #111111;
    text-align: right;
    display: block;
}

#top-review-area #top-review-staff .revico-review-comment-detail--addition-reviewer-image img {
    width: 60px;
    height: 60px;
}

#top-review-area #top-review-staff .revico-review-comment-detail--addition-reviewer-profile {
    width: 310px;
    margin-left: 15px;
}

#top-review-area #top-review-staff .revico-review-comment-detail--addition-reviewer-profile .revico-review-comment-detail--addition-reviewer-profile--attribute {
    font-size: 12px;
    font-weight: 300;
    color: #111111;
    width: 100%;
    height: 17px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#top-review-area #top-review-staff .revico-review-comment-detail--addition-reviewer-profile .revico-review-comment-detail--addition-reviewer-profile--attribute > li:not(:last-child)::after {
    content: "　";
}

/* #top-review-area #top-review-staff .revico-review-comment-detail--addition-reviewer-profile .revico-review-comment-detail--addition-reviewer-profile--attribute > li[data-revico-reviewer-evaluationanswer-id="00000000-0000-0000-0000-000000000001"],
#top-review-area #top-review-staff .revico-review-comment-detail--addition-reviewer-profile .revico-review-comment-detail--addition-reviewer-profile--attribute > li[data-revico-reviewer-evaluationanswer-id="00000000-0000-0000-0000-000000000011"],
#top-review-area #top-review-staff .revico-review-comment-detail--addition-reviewer-profile .revico-review-comment-detail--addition-reviewer-profile--attribute > li[data-revico-reviewer-evaluationanswer-id="00000000-0000-0000-0000-000000000011"] */

#top-review-area #top-review-staff  .revico-review-comment-detail--addition-reviewer-profile--name {
    font-size: 16px;
    font-weight: bold;
    line-height: calc(24 / 16);
}

#top-review-area #top-review-staff .revico-comment-main.revico-widget > .revico-comment-footer {
    display: none;
}

#block_of_top_free1 .swiper-scrollbar {
    width: 100%;
    left: 0;
    background: transparent;
}

#block_of_top_free1 .swiper-scrollbar .swiper-scrollbar-drag {
    background: #DDDDDD;
    cursor: pointer;
}

#block_of_top_free1 .swiper-staff-prev,
#block_of_top_free1 .swiper-staff-next {
    width: 16px;
    height: 16px;
    border-top: 2px solid #111111;
    border-right: 2px solid #111111;
    position: absolute;
    top: 190px;
    z-index: 100;
    cursor: pointer;
}

#block_of_top_free1 .swiper-staff-prev {
    position: absolute;
    transform: rotate(0deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 80px;
}

#block_of_top_free1 .swiper-staff-next {
    transform: rotate(0deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 80px;
}

#block_of_top_free1 .swiper-staff-prev.swiper-button-disabled,
#block_of_top_free1 .swiper-staff-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

#top-review-area .review-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 56px;
    height: 40px;
    box-sizing: content-box;
}

#top-review-area .review-tab .review-tab-btn {
    width: 480px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    line-height: calc(20 / 14);
    letter-spacing: 0.2em;
    color: #BFBFBF;
    cursor: pointer;
}

#top-review-area .review-tab .review-tab-btn.active {
    background: #F3F3F3;
    color: #111111;
}

#top-review-area .review-content-tab {
    padding-top: 20px;
    display: none;
}

#top-review-area .review-content-tab.active {
    display: block;
}