/* -----------------------------------------------------------------------------
**
** PC商品詳細 CSS
**
----------------------------------------------------------------------------- */

.TOL-item-info-PC {
    font-family: Noto sans jp, "roboto";
}

.TOL-item-info-PC * {
    max-width: 1400px;
    overflow-wrap: anywhere;
    word-break: break-all;
}

/* 全体パーツ中央寄せ */
.TOL-item-info-PC > div{
 margin:  0 auto; 
 width: 80%;    
 min-width: 1080px;
}
/* width100%でも余白ができるため調整 */
body{
    margin:0;
    padding:0;
}
/* タグ中央揃え */
.TOL-item-info-PC .common-tag {
    align-items: center;
}

/* 商品詳細上部 */
.TOL-item-info-PC-header{
    width: 100%;
}
/* パンくずリスト */
.TOL-item-info-PC-breadcrumbs {
    display: flex;
    margin: 10px 0px;
    height: auto;
    list-style: none;
    padding-left: 0px;
    flex-wrap: wrap;
    align-items: center;
}
    .TOL-item-info-PC-breadcrumbs li:not(:last-of-type)::after {
        content: ">";
        margin: 6px;
        color: var(--tr-medium-gray);
    }
    .TOL-item-info-PC-breadcrumbs .PC-item-info-artist-name, 
    .TOL-item-info-PC-breadcrumbs .PC-item-info-artist-name a {
        font-size: 10px;
        color: var(--tr-black);
    }
    .TOL-item-info-PC-breadcrumbs span:not(.is-text-gray){
        color: var(--tr-black);
    }
/* 注文済文言枠 */
.TOL-item-info-PC-orderd-alert {
    background: var(--tr-light-gray);
    display: flex;
    justify-content: space-between;
    margin: 14px 0px;
    height: 30px;
    align-items: center;
    margin-bottom: 27px;
}
.TOL-item-info-PC-orderd-alert-message {
    padding-left: 20px;
}
.TOL-item-info-PC-orderd-alert-link {
    text-align: right;
    padding-right: 8px;
}
.TOL-item-info-PC-orderd-alert-link-va {
    vertical-align: -7px /* アイコンの位置合わせ */
}


.PC-item-info-top-area{
    display: flex;
    justify-content:center;
    margin-top: 10px;
    min-width: 0;
}

/* ジャケ写～共有～キャンペーンタブ */
.PC-item-info-jacket-campaign{
    width: 38%;
    max-width: 525px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 320px;
    min-width: 38%;
    padding-bottom: 15px;
}
.PC-item-info-jacket-campaign button:hover{
    opacity: 0.8;
}
.PC-item-info-jacket-area{
    width: 100%;
}

   .PC-item-info-jacket-img-area{
        aspect-ratio: 1 / 1;
        display: flex;
        cursor: pointer;
        border: 1px solid var(--tr-dark-gray);
        margin-bottom: 10px;
    }
    .PC-item-info-jacket-img{
        margin: auto;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .PC-item-info-jacket-img.is-actual-size{
        margin: auto;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .PC-item-info-jacket-btn{
        width: 30px;
        height: 30px;
        border-radius:50%;
        background-color:var(--tr-deep-gray) ;
    }
    .PC-item-info-jacket-btn img{
        position: relative;
        top: 2.0px;
        height: 16px;
    }
    .PC-item-info-jacket-pagination{
        width: 300px;
        margin: auto;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        margin-top: 6px;
    }
    .PC-item-info-jacket-pagination span{
        font-size: 32px;
    }
    .PC-item-info-jacket-btn-area{
        display: flex;
        align-items: end;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 30px;
        position: relative;
    }
    .PC-item-info-jacket-btn-area button{
        margin-right: 10px;
    }
    .PC-item-info-jacket-btn{
        width: 30px;
        height: 30px;
        border-radius:50%;
        background-color:var(--tr-deep-gray) ;
    }
    .PC-item-info-jacket-btn img{
        position: relative;
        top: 2.0px;
        height: 16px;
    }


 /* 試し読みボタン */
.PC-common-main-sample-btn {
    border-radius: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    width: 86px;
    border: 1.5px solid var(--tr-deep-gray);
    background: white;
    margin-top: 8px;
}
.PC-common-main-sample-btn img{
    height: 17px;
     margin-right: 6px;
}

.PC-item-info-copy-share{
    display: flex;
    justify-content: space-between;
}
/* 共有ボタン */
.PC-item-info-share-btn-area{
    position: relative;
}
.PC-item-info-share-btn img{
    height: 26px;
}
/* SNSモーダル */
.PC-item-info-share-mordal{
    width: 60px;
    height: 199px;
    background: var(--tr-light-gray);
    position: absolute;
    top: -44px;
    left: -38px;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s;
    transform: translateY(4px);
}
.PC-item-info-share-mordal.active{
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
.PC-item-info-share-mordal-inner{
    position: relative;
}
.PC-item-info-share-mordal-inner >button{
    position: absolute;
    right: 4px;
    top: -14px;
}
.PC-item-info-share-mordal-inner ul{
    margin-top: 15px;
}
.PC-item-info-share-mordal-inner ul li{
    width: fit-content;
    margin: auto;
    padding: 7px;
}
.PC-item-info-share-mordal-inner ul li img{
    height: 26px;
}
.PC-item-info-share-mordal-btn-radius{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    position: relative;
}
.PC-item-info-share-mordal-btn-radius >img{
    position: absolute;
    height: 24px;
    top: 2px;
    left: 2px;
    transform: scale(0.7);
}
.PC-item-info-line-img{
border-radius: 50%;
transform: scale(1.1);
}

/* 共通cssの流用 */
.common-pagination {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}
.common-pagination-prev,
.common-pagination-next {
  display: flex;
  align-items: center;

}
.common-pagination-prev {
 margin-right: 12px;
}
.common-pagination-next {
 margin-left: 12px;
}
.common-pagination-button.item-info {
  background: var(--tr-medium-gray);
  border-radius: 50px;
  line-height: 1;
  font-size: 14px;
  width: 10px;
  min-width: 10px;
  height: 10px;
  margin: unset;
  min-width: unset;
}
.common-pagination-button.item-info-small {
    background: var(--tr-medium-gray);
    border-radius: 50px;
    line-height: 1;
    font-size: 14px;
    width: 7px;
    min-width: 7px;
    height: 7px;
    margin: unset;
    min-width: unset;
}
button.common-pagination-button.item-info.is-active {
  background: var(--tr-red);
}
.common-pagination button {
  color: var(--tr-black);
}
.material-symbols-outlined.item-info {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}




/* キャンペーン特集 */
.item-detail-campaign-tab-container {
    max-width: 500px;
    width: 100%;
}
    .item-detail-campaign-tab-container .campaign-list{
        margin-top:20px;
        margin-bottom:15px;
    }
    .item-detail-campaign-tab-container .campaign-list .campaign-explanation {
        margin-bottom:10px;
        padding:10px;
        border: 1px solid var(--tr-deep-gray);
        display: flex;
        flex-direction: column;
    }
    .item-detail-campaign-tab-container .caution-by-purchase {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.5;
    }
        .item-detail-campaign-tab-container .caution-by-purchase span {
            display: block;
        }
    .item-detail-campaign-tab-container .special-feature-info {
        margin: 15px auto;
    }
        .item-detail-campaign-tab-container .special-feature-info .special-feature-info-link {
            display: flex;
            align-items: center;
            text-decoration: none;
        }
            .item-detail-campaign-tab-container .special-feature-info .special-feature-info-link:hover {
                text-decoration: underline;
            }
            .item-detail-campaign-tab-container .special-feature-info .special-feature-info-link .special-feature-icon {
                width: 55px;
                margin-right:8px;
            }

.TOL-item-info-warning-PC-icon{
    height: 13px;
    position: relative;
    top: 2px;
    left: -3px;
}
.TOL-item-info-warning-PC-icon-red{
    height: 13px;
    position: relative;
    top: 2px;
    left: -3px;
    display: none;
}
.tr-tab-list-item.is-active {
    .TOL-item-info-warning-PC-icon {
        display: none;
    }

    .TOL-item-info-warning-PC-icon-red {
        display: unset;
    }
}

.PC-item-info_title-cart-area{
    width: 62%;
    padding: 7px 0px 10px 36px;
    box-sizing: border-box;
    min-width: 450px;
    min-width: 62%;
}
.PC-item-info-genre{
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
    }
    .PC-item-info-genre >span{
        margin-left: 10px;
    }
    .PC-item-info-future-area{
        width: auto;
        height: 48px;
        position: absolute;
        right: 0px;
        top: -7px;
    }
    .PC-item-info-future-area ul{
        display: flex;
        column-gap: 5px;
    }
    .PC-item-info-future-area ul li{
        display: inline;
    }
    .PC-item-info-future-area ul li a img{
        height: 48px;
    }

    /* ジャンルtag */
    .PC-item-info-tag{
        margin: 10px 0px;
    }
    .common-tag.is-black.is-light {
        border: 1.5px solid var(--tr-black);
        background: white;
        padding: 0px 8px;
    }
    /* 特集 */
    .PC-item-info-future{
        position: absolute;
        right: 18px;
        top: 85px;
    }
    .PC-item-info-future img{
        height:38px;
    }

/* タイトル */
.PC-item-info-title-area{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.PC-item-info-title-area a{
    display: inline-block
}
.PC-item-info-artist-link{
    font-size: 22px;
    margin-bottom: 15px;
}
.PC-item-info-title{
    font-size: 27px;
    width: 96%;
    line-height: 1.2;
}
/* アーティスト単体 */
.PC-item-info-artist-single{
    font-size: 22px;
    margin-bottom: 15px;
}
/* アーティスト複数 */
.PC-item-info-artist-multi ul li{
    display: inline;
    list-style: none;
    font-size: 20px;
}

/* ★ */
.PC-item-info-star-rating-area-detail{
    display: flex;
    margin-top: 9px;
    align-items: center;
}
.PC-item-info-star-rating-detail {
    width: 100px;
    height: auto;
    position: relative;
}

.PC-item-info-star-rating-front-detail {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
}
.PC-item-info-star-rating-front-detail:before {
    content: "";
    background-image: url(../img/star_yellow.svg);
    background-repeat: no-repeat;
    display: block;
    width: 100px;/*.PC-item-info-star-ratingと同じ幅を指定*/
    height: 100%;
}

.PC-item-info-star-rating-value-detail {
    padding-left: 7px;
}


.PC-item-info-price-area {
    margin-top: -10px;
}
/* 販売価格 */
.PC-item-info-sale-price-area {
    position: relative;
    margin-top: 30px;
    margin-left: 3px;
    margin-bottom: 7px;
}
.PC-item-info-price {
    position: absolute;
    display: flex;
    right: 1px;
    top: 5px;
    align-items: baseline;
}
.PC-item-info-price.off {
    position: initial;
    margin-left: 10px;
}
.PC-item-info-price-text {
    margin-top: -18px;
}
.PC-item-info-price-text span{
    font-size: 29px;
}
.PC-item-info-price span{
    margin-left: 4px;
}
/* オフ価格 */
.PC-item-info-off-price-area {
    margin-left: 3px;
    padding-top: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.PC-item-info-off-price-area p{
    margin: 0 6px 8px 0;
}
.TOL-item-info-point-pc{

}
.PC-item-info-zaiko-shipping-area{
    display: flex;
    border-top: 1.5px solid rgb(206, 206, 206);
}
.PC-item-info-zaiko{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    min-width: 150px;
    margin: 12px 12px 0;
}
.PC-item-info-zaiko span{
    margin-top: 8px;
    white-space: nowrap;
}
.PC-item-info-shipping{
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
.PC-tr-icon-text-group{
    display: flex;
    align-items: baseline;
    position: relative;
}
.PC-tr-icon-text-group img {
    height: 18px;
    top: 3px;
    position: relative;
    margin-right: 10px;
}

.PC-item-info-shipping-info{
    display: flex;
    align-items: normal;
}
.PC-item-info-shipping-info > div{
    margin-right: 10px;
    margin-top: -2px;
}
.PC-item-info-shipping-info > span{
    padding-top: 9px;
    white-space: nowrap;
}
.PC-item-info-shipping-info > img{
    padding-top: 1px;
    margin-left: 7px;
    height: 30px;
}
.tr-icon-text-group >span{
    margin-top: 1.5px;
}
.PC-item-info-shipping-info-flaget{
    padding-top: 1px;
}
.PC-item-info-shipping-info-flaget img{
    height: 27px;
}

/* ？アイコン */
.common-question-icon-container.is-PC-bottom{
   padding-top: 10px;
    transform: scale(1.6);
    cursor: pointer;
}

.PC-item-info-shipping-detail p{
    line-height: 1.4;
}
.PC-item-info-shipping-detail-alcohol{
    display: flex;
    margin-top: 13px;
    padding-right: 5px;
    align-items: center;
    margin-bottom: 7px;
}
.PC-item-info-shipping-detail-alcohol p{
    line-height:1.4;
    width: 88%;
    margin-left: 8px;
}
    .common-tag.is-black.is-shipping {
        border: 1.0px solid var(--tr-black);
        background: white;
        height: 15px;
    }
    .common-tag.is-black.is-shipping span{
        margin-left: -2px;
    }
.PC-item-info-shipping-detail{
    width: 100%;
    margin-top: 8px;
    margin-left: 12px;
}
.PC-item-info-shipping-detail p{
    line-height: 1.6;
}
.PC-item-info-shipping-detail-alcohol{
    display: flex;
    margin-top: 13px;
    padding-right: 5px;
    align-items: center;
    margin-bottom: 9px;
}
.PC-item-info-shipping-detail-alcohol p{
    line-height:1.4;
    width: 88%;
    margin-left: 8px;
}
    .common-tag.is-black.is-shipping-PC {
        border: 1.5px solid var(--tr-black);
        background: white;
    }

/* カートエリア */
.PC-item-info-cart-limit{
    width: 100%;
    background-color: var(--tr-light-red);
    text-align: center;
    padding: 4px 0px;
}
.PC-item-info-cart-limit p{
    line-height: 2.1;
}
.PC-item-info-cartin{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: #fff7d6;
    margin-top: 6px;
    padding: 19px 80px;
    box-sizing: border-box;
}
.PC-item-info-cartin span,
.PC-item-info-cartin span{
    white-space: nowrap;
}
.common-main-button.cart-in{
height: 75px;
}
.common-main-button.cart-in span{
    font-size: 19px;
}
.PC-item-info-first-edition{
    text-align: center;
}
.PC-item-info-cart-text-area{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}

.PC-item-info-stock-display-and-shipping-guideline{
    justify-content: center;
    width: 100%;
    display: flex;
    align-items: center;
}
.material-symbols-outlined.is-market{
    color: var(--tr-medium-gray);
    position: absolute;
    right: 1px;
}
.PC-item-info-cart-listing-area{
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 4px;
    width: 100%;
}
.PC-item-info-cart-listing-area a{
    white-space: nowrap;
}
.PC-item-info-cart-listing-area.is-keep{
    justify-content: center;
    width: 100%;
}
.PC-item-info-cart-listing-area img{
    height: 11px;
    margin-right: 7px;
}

/* 取り置き */
.PC-item-info-cart-listing-area{
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 3px;
    width: 100%;
}
.PC-item-info-cart-listing-area.is-keep{
    justify-content: center;
    width: 100%;
}
.PC-item-info-cart-listing-area img{
    height: 11px;
    margin-right: 7px;
}
.PC-item-info-keep-area{
    padding: 17px 80px;
    box-sizing: border-box;
    width: 100%;
}
.material-symbols-outlined.is-keep-PC{
    margin-top: 1px;
}




/* 欲しいものリスト・コレクション このあたりはマージ時要調整と思います */
.TOL-item-info-PC-wish-list-collection-container {
    width: 75%;
    min-width: 440px;
    margin: auto;
}
/* 欲しいものリスト・コレクション追加ボタン */
.TOL-item-info-PC-wish-list-collection-add-button-container {
    display: flex;
    justify-content: space-between;
}
.TOL-item-info-PC-wish-list-collection-add-button {
    display: flex;
    align-items: center;
    width: 49%;
    border: 1.5px solid var(--tr-dark-gray);
    border-radius: 5px;
    position: relative;
}
    .TOL-item-info-PC-wish-list-collection-add-button:hover {
        background: var(--tr-light-gray);
    }

.TOL-item-info-PC-wish-list-collection-add-button-icon {
    background: var(--tr-deep-gray);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin:8px;
    position:relative;
}

    /* 追加済アイコン */
    .TOL-item-info-PC-wish-list-collection-add-button-icon.is-added {
        background: var(--tr-red);
    }

.TOL-item-info-PC-wish-list-collection-add-button-icon-heart {
    width: 18px;
    margin-top:7px;
}
.TOL-item-info-PC-wish-list-collection-add-button-icon-books {
    width: 16px;
    margin-top: 7px;
}
.TOL-item-info-PC-wish-list-collection-add-button-text {
}

/* 欲しいものリストが１つ かつ 追加済の際の吹き出し */
.addWantList-balloon {
    position: absolute;
    display: inline-block;
    margin: 1.5em 0;
    padding: 10px;
    min-width: 120px;
    max-width: 100%;
    color: white;
    font-size: 13px;
    background: #d60024;
    z-index: 1;
    top: -63px;
    left: 35px;
    animation: balloon-fadeOut 3s forwards;
}
.addWantList-balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 8px solid #d60024;
}
@keyframes balloon-fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* 欲しいものリスト・コレクション登録者表示 */
.TOL-item-info-PC-wish-list-collection-registrant-container {
    display: block;
    margin-top: 8px;
    border: 1.5px solid var(--tr-dark-gray);
    border-radius: 5px;
    width:100%;
}
.TOL-item-info-PC-wish-list-collection-registrant-header {
    margin:12px 12px 0px 12px;
    display: flex;
    align-items: center;
    justify-content:center;
}
.TOL-item-info-PC-wish-list-collection-registrant-graph-icon {
    width: 18px;
    margin-right: 12px;
}
.TOL-item-info-PC-wish-list-collection-registrant-header:after {
    content: "";
    transition: .5s;
    margin-left: 24px;
    width: 6px;
    height: 6px;
    border-top: solid 2px var(--tr-medium-gray);
    border-right: solid 2px var(--tr-medium-gray);
    transform: rotate(135deg);
}
.TOL-item-info-PC-wish-list-collection-registrant-header.is-open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
}
.TOL-item-info-PC-wish-list-collection-registrant-hidden-area {
    margin: 6px;
    display: flex;
    justify-content: space-between;
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.TOL-item-info-PC-wish-list-collection-registrant-count-container {
    display: inline-block;
    background: var(--tr-gray);
    border-radius: 5px;
    width: 48%;
    text-align: center;
    margin: 4px;
}
.TOL-item-info-PC-wish-list-collection-registrant-text {
    padding:6px;
}
/* 詳細表示リンク */
.TOL-item-info-PC-collection-info-link-container {
    display: flex;
    text-align: center;
    margin: 8px;
}
.TOL-item-info-PC-collection-info-link {
    margin-left:32px;
}
.TOL-item-info-PC-collection-qa-link {
    margin-left: 12px;
}
.TOL-item-info-PC-collection-link-icon {
    vertical-align: -8px /* アイコンの位置合わせ */
}




.PC-common-main-button-float {
  border-radius: 7px;
  display: flex;  
  align-items: center;
  justify-content: center;
  padding: 14px;
  width: 100%;
}
.PC-common-main-button-float.is-white-market {
    background:var(--tr-white);
    border: 1px solid var(--tr-medium-gray);
    padding: 9px;
    justify-content: center;
    text-align: left;
    position: relative;
    margin-top: 10px;
    height: 67px;
    min-width: 270px;
}
.PC-common-main-button-float.is-white-market:hover{
    background: var(--tr-light-gray);
}
.PC-common-main-button-float.is-white-market span{
    line-height: 1.2;
}
.common-main-button-img.is-size-xl-PC{
    height: 24px;
    margin-right: 10px;
}
.common-main-button.is-blue-PC span{
text-align: left;
}
.common-main-button.is-blue-PC{
  background:var(--tr-blue);
    padding: 9px;
}
.common-main-button.is-blue-PC:hover {
  background: var(--tr-blue-hover);
}
.common-main-button.is-blue-PC.is-inactive {
    background: var(--tr-dark-gray);
}
.common-main-button.is-yellow-PC{
  background:var(--tr-yellow);
    padding: 19px;
}
.common-main-button.is-yellow-PC:hover {
  background: var(--tr-yellow-hover);
}
.common-main-button.is-yellow-PC img{
  height: 30px;
}
.common-main-button.is-inactive-PC {
    background: var(--tr-medium-gray);
    cursor: unset;
    padding: 19px;
}


.PC-common-tag-group {
  display: flex;
  flex-wrap: wrap;
    margin: 23px 0px 5px 0px;
    justify-content: end;
}
.PC-common-tag-group.is-benefits {
    justify-content: start;
}
.PC-common-tag-group.item-info-point {
    margin-top: 15px;
    margin-bottom: 14px;
}
.PC-common-tag-group .PC-common-tag{ 
  margin: 0 4px 4px 0;
}
.PC-common-tag{
    display: inline-flex;
    padding: 1px 4px;
    border-radius: 2px;
    white-space: nowrap;
    width: auto;
    min-width: 83px;
}
.PC-common-tag span{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.PC-common-tag-img{
    height: 14px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.PC-common-tag.is-red.is-light {
  border: 1px solid var(--tr-red);
}
.PC-common-tag.is-gray {
  border: 1px solid var(--tr-deep-gray);
  background: var(--tr-deep-gray);
}
.PC-common-tag.is-gray.is-light {
  border: 1px solid var(--tr-deep-gray);
  background: white;
}
.PC-common-tag.is-red:not(.is-light) {
  border: 1px solid var(--tr-red);
  background: var(--tr-red);
}
.PC-common-tag.is-yellow {
  background: var(--tr-yellow);
}








/* バリエーション */
.PC_item_info_05{
width: 100%;
height: 600px;
background-color: rgb(236, 238, 254);
}





/* タブエリア */
/* タブ全体の表示調整用 このあたりはマージ時要調整と思います */
.TOL-item-info-PC-tab {
    /* デザインモック */
    /*
    max-width: 1400px;
    margin: auto;
    width: 100% !important;
    */
    /* デザインモックだとずれますが、実際の商品詳細CSSはこっち */
    margin: 0 auto;
    width: 80%;
    min-width: 1080px;
}

/* --------------------基本情報・収録内容・商品の紹介切り替えタブ-------------------- */
.TOL-item-info-PC-tab-padding {
    padding: 0px 12px;
}

.TOL-item-info-PC-tab-headphone-icon {
    width: 14px;
    vertical-align: -1px;
}

.TOL-item-info-PC-tab-headphone-icon-style {
    fill: none;
    stroke: var(--tr-black);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.3px;
}

.TOL-item-info-PC-tab .tr-tab-list-item.is-inactive h3 {
    color: var(--tr-medium-gray);
}

/* 収録内容タブがアクティブになったときのヘッドフォンアイコン（色変更） */
.tr-tab-list-item.is-active .TOL-item-info-PC-tab-headphone-icon-style {
    stroke: var(--tr-red);
}

/* 基本情報・収録内容・商品の紹介切り替えタブの内容 */
.TOL-item-info-PC-tab-content {
    display: none;
}

    .TOL-item-info-PC-tab-content.is-show {
        display: block;
    }

/* --------------------基本情報タブの内容-------------------- */
.TOL-item-info-PC-tab-basic-info {
}

/* 基本情報のテーブル（SKUなど） */
.TOL-item-info-PC-tab-basic-info-table {
    margin: 14px 0px;
}

.TOL-item-info-PC-tab-basic-info-table-column,
.TOL-item-info-PC-tab-basic-info-table-field {
    border-bottom: 1px solid var(--tr-gray);
    padding: 10px 20px;
}

.TOL-item-info-PC-tab-basic-info-table-column {
    width: 106px;
}

.TOL-item-info-PC-tab-basic-info-table-field {
    width: 1000px;
}

/* 注記（基本情報テーブル下の注記） */
.TOL-item-info-PC-tab-basic-info-note {
}

/* 動画表示 */
.TOL-item-info-PC-tab-basic-info-video-area {
    margin: 36px;
    text-align: center;
}

.TOL-item-info-PC-tab-basic-info-video {
    height: 400px;
}

/* バナーエリア */
.TOL-item-info-PC-tab-basic-info-banner-area {
    display: flex;
    justify-content: space-between;
    margin: 36px 20px;
}

.TOL-item-info-PC-tab-basic-info-banner {
    height: 150px;
    width: 48%;
    object-fit: contain;
}

/* スペック・特典エリア */
.TOL-item-info-PC-tab-basic-info-hr {
    border: 0;
    border-bottom: 2px solid var(--tr-dark-gray);
}

.TOL-item-info-PC-tab-basic-info-content {
    margin: 18px 18px;
}

.TOL-item-info-PC-tab-basic-info-content.is-common-annotation {
    text-align: justify;
    padding: 12px;
    border: 2px solid var(--tr-dark-gray);
    margin: 18px 0;
}
.TOL-item-info-PC-tab-basic-info-content.is-common-annotation p:first-child {
    margin-bottom: 6px;
}

.TOL-item-info-PC-tab-basic-info-content-title {
    margin: 24px 0px;
}

.TOL-item-info-PC-tab-basic-info-content-main-text {
    margin: 12px 0px;
}

.TOL-item-info-PC-tab-basic-info-content-sub-text {
    text-align: justify;
}

/* 共通CSSのタグを特典エリア用に調整 */
.TOL-item-info-PC-tab-basic-info-content-tag {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0px;
}

/* 管理画面から設定するHTMLで使用されている特典情報クラス */
.privilege-text {
    text-align: justify;
}

/* 管理画面から設定するHTMLで記載される画像用 */
.TOL-item-info-PC-tab-basic-info-content img {
    height: 300px;
    object-fit: contain;
}

/* -------------------------------収録内容タブの内容--------------------------- */
.TOL-item-info-PC-tab-recorded-contents {
    margin: 14px 16px;
}

/* 収録内容の説明 */
.TOL-item-info-PC-tab-recorded-contents-text {
    text-align: justify;
}

/* 収録内容のリスト */
.TOL-item-info-PC-tab-recorded-contents-list {
    margin: 8px 0px;
    list-style: none;
    padding-left: 0;
}
/* 収録内容 ディスクごとの情報 */
.TOL-item-info-PC-tab-recorded-contents-list-text {
    margin: 8px ;
}
.TOL-item-info-PC-tab-recorded-contents-list-text p {
    margin-top: 4px;
}
/* 収録内容　映像作品情報 */
.TOL-item-info-PC-tab-recorded-contents-audio-data {
    margin-left: 16px;
}
.TOL-item-info-PC-tab-recorded-contents-audio-data-title {
    margin-top: 12px;
    margin-bottom: 8px;
    display: block;
}
.TOL-item-info-PC-tab-recorded-contents-audio-data-info {
    display: flex;
    margin-top: 2px;
}
.TOL-item-info-PC-tab-recorded-contents-audio-data-info:last-child {
    margin-bottom: 8px;
}
.TOL-item-info-PC-tab-recorded-contents-audio-data-info span:first-of-type{
    width: 110px;
}
/* 収録内容のリストのアイテム（盤・グッズ単位） */
.TOL-item-info-PC-tab-recorded-contents-list-item {
    margin: 18px 0px;
}

.TOL-item-info-PC-tab-recorded-contents-list-item-name {
    margin: 8px 0px;
}

.TOL-item-info-PC-tab-recorded-contents-list-item-name-text {
    margin: 0px 3px;
}

.TOL-item-info-PC-tab-recorded-contents-list-item li:nth-child(odd) {
    background: var(--tr-light-gray);
}

/* 収録内容のリストのアコーディオンリストのアイテム（トラック単位） */
.TOL-item-info-PC-tab-recorded-contents-list-track-item {
    list-style: none;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-header {
    display: flex;
    align-items: center;
    padding: 8px;
    position: relative;
}

/* 試聴がない場合の試聴ボタン */
.TOL-item-info-PC-tab-recorded-contents-list-track-listening-btn {
    background: var(--tr-dark-gray);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-left: 8px;
    text-align: center;
    flex-shrink: 0;
}

    .TOL-item-info-PC-tab-recorded-contents-list-track-listening-btn .headphone-icon {
        width: 18px;
        padding: 25%;
    }

    .TOL-item-info-PC-tab-recorded-contents-list-track-listening-btn .headphone-icon-style {
        fill: none;
        stroke: var(--tr-medium-gray);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.4px;
    }

    /* 試聴可能な場合の試聴ボタン（is-able） */
    .TOL-item-info-PC-tab-recorded-contents-list-track-listening-btn.is-able {
        background: var(--tr-yellow);
    }

        .TOL-item-info-PC-tab-recorded-contents-list-track-listening-btn.is-able .headphone-icon-style {
            stroke: var(--tr-red);
        }

.TOL-item-info-PC-tab-recorded-contents-list-track-main-info {
    margin-left: 18px;
    width: 100%;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-number {
    width: 22px;
    display: inline-block;
    vertical-align: top;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-title {
    display: inline-block;
    vertical-align: top;
    margin-left: 6px;
    overflow-wrap: anywhere;
    word-break: break-all;
    max-width: 95%;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-artist {
    display: block;
    margin-left: 30px;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-length {
    margin: 0 16px 0 auto;
    flex-shrink: 0;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-accordion-btn {
    margin: 0 0 0 0;
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-accordion-btn-icon {
}

    .TOL-item-info-PC-tab-recorded-contents-list-track-accordion-btn-icon::before,
    .TOL-item-info-PC-tab-recorded-contents-list-track-accordion-btn-icon::after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 2px;
        background-color: var(--tr-red);
        position: absolute;
        left: 10px;
        transform: translateY(-50%);
        transition: opacity 0.5s;
    }

    .TOL-item-info-PC-tab-recorded-contents-list-track-accordion-btn-icon::after {
        transform: translateY(-50%) rotate(90deg);
        transition: transform 0.5s;
    }

.TOL-item-info-PC-tab-recorded-contents-list-track-item.is-open
.TOL-item-info-PC-tab-recorded-contents-list-track-accordion-btn-icon::before {
    opacity: 0;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-item.is-open
.TOL-item-info-PC-tab-recorded-contents-list-track-accordion-btn-icon::after {
    transform: translateY(-50%) rotate(180deg);
}

/* アコーディオンの開閉部 */
.TOL-item-info-PC-tab-recorded-contents-list-track-hidden-area {
    height: 0;
    overflow: hidden;
    transition: .5s;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-hidden-contents-area {
    margin-left: 98px;
    margin-bottom: 14px;
    margin-top: -8px;
}

.TOL-item-info-PC-tab-recorded-contents-list-track-hidden-paragraph {
    margin: 8px 0px;
}

/* 収録内容のリストのアコーディオンではないリストのアイテム（グッズ単位） */
.TOL-item-info-PC-tab-recorded-contents-list-goods-item {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 8px;
    min-height: 46px;
}

.TOL-item-info-PC-tab-recorded-contents-list-goods-number {
    margin-left: 12px;
    width: 20px;
}

.TOL-item-info-PC-tab-recorded-contents-list-goods-name {
    margin-left: 8px;
}

/* -----------------------------------------商品の紹介タブの内容------------------------------------ */
.TOL-item-info-PC-tab-product-introduction {
}

.TOL-item-info-PC-tab-product-introduction-title {
    background: var(--tr-light-gray);
    border-top: 1px solid var(--tr-dark-gray);
    padding: 12px 16px;
}

.TOL-item-info-PC-tab-product-introduction-content {
    margin: 14px 16px 24px 16px;
}

.TOL-item-info-PC-tab-product-introduction-paragraph {
    margin: 14px 0px;
}

.TOL-item-info-PC-tab-product-introduction-sub-title {
}

.TOL-item-info-PC-tab-product-introduction-text {
    text-align: justify;
}

.TOL-item-info-PC-tab-product-introduction-source {
    text-align: right;
    margin: 6px;
}

.TOL-item-info-PC-tab-product-introduction-hr-dashed-line {
    background-size: 12px 2px;
    background-image: linear-gradient(to right, var(--tr-dark-gray) 6px, transparent 6px);
    background-repeat: repeat-x;
    background-position: left top;
    margin-top: 12px;
    padding-bottom: 2px;
}


/* レコメンドエリア */
.PC-item-info-06{
width: 100%;
height: 300px;
background-color: rgb(207, 248, 234);
}

/* ** メンバーズレビュー ** */
.PC-item-info-members-review{
width: 100%;
}
/* ** メンバーズレビュー ** */
.item-detail-PC-members-review-container {
}

.item-detail-PC-members-review-title {
    background-color: var(--tr-gray);
    height: 40px;
    padding-left: 15px;
    display: flex;
    align-items: center;
}

.item-detail-PC-members-review-contents {
    padding: 0 15px;
}

/* メンバーズレビュー 全体評価欄 */
.item-detail-PC-members-review-contents-summary-number {
    padding: 10px 0;
}

.item-detail-PC-members-review-contents-summary-rating-star {
    padding-bottom: 15px;
    display: flex;
    column-gap: 30px;
}

.item-detail-PC-members-review-contents-summary-rating-star.no-review {
    display: none;
}

/* メンバーズレビュー 評価☆デザイン css*/
.PC-item-info-star-rating-area {
    margin-top: 0px;
    display: flex;
    align-items: center;
}

.PC-item-info-star-rating {
    width: 130px;
    height: auto;
    position: relative;
}

.PC-item-info-star-rating-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
}

.PC-item-info-star-rating-front:before {
    content: "";
    background-image: url(../img/star_yellow.svg);
    background-repeat: no-repeat;
    display: block;
    width: 130px;
    /*.PC-item-info-star-ratingと同じ幅を指定*/
    height: 100%;
}

.PC-item-info-star-rating-back {
    width: 100%;
    height: auto;
}

.PC-item-info-star-rating-value {
    padding-left: 4px;
}

/* メンバーズレビュー 全体評価 詳細表示欄 */
.item-detail-PC-members-review-contents-summary-rating-star-details-star {
    display: flex;
    align-items: center;
    height: 18px;
}

.PC-item-info-star-rating.detail-star {
    width: 80px;
}

.PC-item-info-star-rating-front.detail-star:before {
    width: 80px;
    /*.PC-item-info-star-ratingと同じ幅を指定*/
}

/*評価☆数　バー*/
.item-detail-PC-members-review-progress-container {
    background-color: var(--tr-gray);
    overflow: hidden;
    height: 6px;
    width: 70px;
    margin: 0 5px;
}

.item-detail-PC-members-review-progress-bar {
    width: 50%;
    height: 6px;
    background-color: #FFBB00;
}

/* メンバーズレビュー レビュー表示欄 */
.item-detail-PC-members-review-contents-item {
    border-top: 1px solid var(--tr-dark-gray);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 5px;
}

.item-detail-PC-members-review-contents-item.posted_comment {
    animation: changeBackground_posted_comment 2s ease-in-out;
}

@keyframes changeBackground_posted_comment {
    0% {
        background-color: white;
    }
    50% {
        background-color: var(--tr-yellow-hover);
    }
    100% {
        background-color: white;
    }
}

.item-detail-PC-members-review-contents-item-contents {
    padding: 10px 0;
    width: 100%;
}

/*レビュー内　評価☆*/
.PC-item-info-star-rating.item-star {
    width: 100px;
    padding-bottom: 3px;
}

.PC-item-info-star-rating-front.item-star:before {
    width: 100px;
    /*.PC-item-info-star-ratingと同じ幅を指定*/
}

/*レビュー内　テキスト*/
.item-detail-PC-members-review-contents-item-item-name {
    padding-bottom: 5px;
}

.item-detail-PC-members-review-contents-item-comment {
    padding-bottom: 5px;
}

/*レビュー内　テキスト 長文の表示・非表示*/
.grad-wrap {
    position: relative;
    margin-bottom: 30px;;
}

.grad-item {
    position: relative;
    height: 75px;
    overflow: hidden;
}

.grad-trigger:checked ~ .grad-item{
    height: auto;
}

.grad-item::before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
}
  
.grad-trigger:checked ~ .grad-item::before {
    display: none;
}

.grad-trigger {
    display: none;
}

.grad-btn{
    position:absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin: auto;
    bottom: -40px;
    right: 0;
    left: 0;
    cursor: pointer;
    padding: 10px 0;
}

.grad-trigger:checked ~ .grad-btn::before {
    content: "閉じる"; /*チェックされていたら、文言を変更する*/
    font-size: 12px;
}

.grad-btn::before {
    content: "すべて表示"; 
    font-size: 12px;
}

.grad-trigger:checked ~ .grad-btn .material-symbols-outlined.members-review-all-contents-arrow{
    transform: rotate(-90deg);
}

.material-symbols-outlined.members-review-all-contents-arrow{
    transform: rotate(90deg);
    font-size: 16px;
}

/* グッドボタン CSS */
.item-detail-PC-members-review-contents-item-good {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-bottom: 10px;
}

.item-detail-SP-members-contents-review-item-good-button {
    height: 18px;
}

.common-main-button-img.review-item-good {
    height: 18px;
    margin: 0;
}

/* グッドボタン吹き出し CSS */
.item-detail-PC-members-review-contents-item-balloon {
    position: relative;
    display: inline-block;
    margin: auto;
    text-align: center;
    padding-bottom: 2px;
    width: 18px;
    height: 16px;
    color: var(--tr-red-hover);
    background-color: var(--tr-gray);
    border-radius: 5px;
}

.item-detail-PC-members-review-contents-item-balloon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30%;
    margin-top: -15%;
    border: 3px solid transparent;
    border-right: 3px solid;
    color: var(--tr-gray);
}

/* メンバーズレビュー もっとみるボタン */
.item-detail-PC-members-review-contents-review-more {
    display: flex;
    margin: 10px 0 20px 0;
}

.item-detail-PC-members-review-contents-review-more-button {
    display: flex;
    align-items: center;
}

.item-detail-PC-members-review-contents-review-more-button-text {
    margin-bottom: 3px;
}

.material-symbols-outlined.members-review-more-arrow {
    font-size: 16px;
    transform: rotate(90deg);
}

/* メンバーズレビュー この商品をレビューするボタン */
.item-detail-PC-members-review-contents-review-button {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-bottom: 30px;   
}

.common-main-button.review-button {
    flex-direction: row;
    padding: 10px 14px;
    width: 200px;
}

/* ** メンバーズレビュー入力・確認モーダル ** */
.TOL-item-info-PC>div.item-detail-PC-members-review-input-modal-wrapper {
    width: 100%;
}

.TOL-item-info-PC *.item-detail-PC-members-review-input-modal-wrapper {
    max-width: initial;
}

.item-detail-PC-members-review-input-modal-wrapper {
    background: var(--tr-black-translucent);
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: 0;
    z-index: 2;
}

.item-detail-PC-members-review-input-modal-container {
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    width: 70%;
    max-width: 1000px;
    min-width: 550px;
    overflow-y: scroll;
    max-height: 90%
}

.item-detail-PC-members-review-input-modal-content {
    height: 100%;
    width: 75%;
    margin: auto;
}

/* メンバーズレビュー入力・確認モーダル共通 上部 */
.item-detail-PC-members-review-input-modal-top-close {
    margin: 15px 0 5px 0;
    text-align: right;
}

.item-detail-PC-members-review-input-modal-top-close-button {
    font-size: 24px;
    color: var(--tr-medium-gray);
    font-weight: bold;
    height: 30px;
    width: 30px;
    margin: auto;
}

.material-symbols-outlined.members-review-input-modal {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' -25, 'opsz' 24;
}

.item-detail-PC-members-review-input-modal-top-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}

/* メンバーズレビュー入力モーダル中央 */
.item-detail-PC-members-review-input-modal-main {
    background-color: var(--tr-gray);
    height: 320px;
    padding: 20px 30px;
}

/* メンバーズレビュー入力確認モーダル中央 */
.item-detail-PC-members-review-input-modal-check-main {
    background-color: var(--tr-gray);
    padding: 20px 30px;
}

/* メンバーズレビュー入力・確認モーダル中央 共通 ニックネーム */
.item-detail-PC-members-review-input-modal-main-name {
    margin-bottom: 15px;
}

.item-detail-PC-members-review-input-modal-main-name-title {
    margin-bottom: 5px;
}

.item-detail-PC-members-review-input-modal-main-name-textbox {
    width: 310px;
}

/* メンバーズレビュー入力モーダル中央 ニックネーム */
.common-textbox.members-review-input-modal-name {
    padding: 7px;
    border-radius: 3px;
}

/* メンバーズレビュー入力・確認モーダル共通 中央 オススメ度 */
.item-detail-PC-members-review-input-modal-main-reccomend {
    margin-bottom: 15px;
}

.item-detail-PC-members-review-input-modal-main-reccomend-title {
    margin-bottom: -6px;
}

.item-detail-PC-members-review-input-modal-main-reccomend-recommendation {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.PC-item-info-star-rating-value.members-review-input-modal {
    padding-left: 6px;
    padding-bottom: 0px;
}

/* メンバーズレビュー入力モーダル中央 オススメ度 */
.item-detail-PC-members-review-input-modal-main-reccomend-recommendation-delete {
    margin-left: 20px;
    cursor: pointer;
}

.item-detail-PC-members-review-input-modal-main-reccomend-recommendation-stars span {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 4px;
}

.item-detail-PC-members-review-input-modal-main-reccomend-recommendation-stars input[type='radio'] {
    display: none;
}

.item-detail-PC-members-review-input-modal-main-reccomend-recommendation-stars label {
    content: "";
    background-image: url(../img/star_gray_icon.svg);
    background-repeat: no-repeat;
    display: block;
    width: 23px;
    height: 23px;
    margin-bottom: 2px;
    cursor: pointer;
}

.item-detail-PC-members-review-input-modal-main-reccomend-recommendation-stars label:hover,
.item-detail-PC-members-review-input-modal-main-reccomend-recommendation-stars label:hover~label,
.item-detail-PC-members-review-input-modal-main-reccomend-recommendation-stars input[type='radio']:checked~label {
    content: "";
    background-image: url(../img/star_icon.svg);
    background-repeat: no-repeat;
    display: block;
    width: 23px;
    height: 23px;
}

/* メンバーズレビュー入力・確認モーダル共通 中央 コメント  */
.item-detail-PC-members-review-input-modal-main-comment-title {
    margin-bottom: 5px;
}

/* メンバーズレビュー入力モーダル中央 コメント */
.item-detail-PC-members-review-input-modal-main-comment-textarea {
    margin-bottom: 3px;
    padding-right: 20px;
}

.members-review-input-modal-comment-textarea {
    padding: 7px 10px;
    border-color: var(--tr-dark-gray);
    border-radius: 5px;
    height: 90px;
    resize: none;
    width: 100%;
}

.members-review-input-modal-comment-textarea::placeholder {
    color: var(--tr-medium-gray);
}

/* メンバーズレビュー入力確認モーダル中央 コメント*/
.item-detail-PC-members-review-input-modal-main-comment-check-text {
    width: 100%;
    overflow-wrap: anywhere;
}

/* メンバーズレビュー入力モーダル中央 注意事項 */
.item-detail-PC-members-review-input-modal-main-comment-attention{
    display: inline-grid;
}

/* メンバーズレビュー入力モーダル下部　確認するボタン */
.item-detail-PC-members-review-input-modal-bottom {
    display: flex;
    justify-content: center;
    padding: 20px 0 40px 0;
    margin: auto;
}

.item-detail-PC-members-review-input-modal-bottom-check-button {
    width: 200px;
}

.common-main-button.members-review-input-modal-check-button {
    border: 1.5px solid var(--tr-deep-gray);
}

/* メンバーズレビュー入力確認モーダル下部 修正するボタン */
.item-detail-PC-members-review-input-modal-bottom-revision {
    display: flex;
    justify-content: center;
    margin: 20px 10px 10px 0;
}

.item-detail-PC-members-review-input-modal-bottom-revision-button {
    display: flex;
    align-items: center;
}

.item-detail-PC-members-review-input-modal-bottom-revision-button-text {
    margin-bottom: 3px;
}

.material-symbols-outlined.members-review-input-modal-revision-button-size {
    font-size: 16px;
}

/* メンバーズレビュー入力確認モーダル下部 投稿するボタン */
.item-detail-PC-members-review-input-modal-bottom-post-button {
    padding: 5px 0 40px 0;
    width: 200px;
    margin: auto;
}















/* 07ホットトピックス～記事枠 */
.PC-item-hot-topics-area{
width: 100%;
}
.item-detail-hot-topics-container {
    padding: 30px 0 25px 0;
    position: relative;
    margin-bottom: 25px;
}
    .item-detail-hot-topics-container::before,
    .item-detail-hot-topics-container::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 2px;
        background-color: var(--tr-dark-gray);
    }
    .item-detail-hot-topics-container::before {
        top:0;
    }
    .item-detail-hot-topics-container::after {
        bottom:0;
    }
    .item-detail-hot-topics-container .hot-topics-list {
        width: 98%;
        margin: 0 auto;
    }
    .item-detail-hot-topics-container .section-title-leftline-container {
        margin-bottom: 20px;
        margin-left: 17px;
    }
    .item-detail-hot-topics-container .hot-topics-list .hot-topics-contents {
        display: flex;
        flex-direction: column;
        border-bottom: 2px solid var(--tr-gray);
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .item-detail-hot-topics-container .hot-topics-list .hot-topics-contents:last-of-type{
        border-bottom:none;
    }


/* 記事枠 */
.PC_item_info_075{
width: 100%;
height: 350px;
background-color: azure;
}





/* 関連商品 */
.PC-item-info-related-area{
    width: 100%;
    border-bottom: solid 1.5px var(--tr-dark-gray);
    border-top: solid 1.5px var(--tr-dark-gray);
}
.PC-item-info-related-area-title{
        margin-left: 21px;
    margin-top: 30px;
}
.common-slider-container.PC-related-padding{
    padding: 15px 21px 33px 21px;
}
/* 金額位置調整 */
.recommend-price{
    margin-top: -1px;
    position: relative;
}
.common-square-button.is-related{
    width: 96%;
    margin: auto;
    white-space: nowrap;
}

/* ハートボタン */
.PC-item-info-related-button-icon {
    background: var(--tr-dark-gray);
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: 1px;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
    /* 追加済アイコン */
    .PC-item-info-related-button-icon.is-added {
        background: var(--tr-red);
    }
.PC-item-info-related-button-icon:hover{
    opacity: 0.8;
}
.PC-item-info-related-button-icon-heart {
    margin-top: 3.5px;
    transform: scale(0.65);
}







/* SNS枠 */
.PC-item-info-sns-area{
width: 100%;
height: 600px;
}
.item-detail-sns-area-container {
    height: 400px;
    background-color:var(--tr-gray);
    content: "";
}


/* カートイン文字 */
.common-cartin-container {
    background: var(--tr-black-translucent);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    min-width: 100vw;
    z-index: 999;
}
.common-cartin-modal {
    background: var(--tr-white);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px;
    max-width: 500px;
    border-radius: 4px;
    padding: 40px 20px;
}
@media screen and (max-width: 850px) {
    .common-cartin-modal {
        width: 80%;
    }
}
.common-cartin-modal-close-button {
    position: absolute;
    top: 4px;
    right: 12px;
    color: var(--tr-medium-gray);
    font-size: 36px;
}
.common-cartin-inner {
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.common-cartin-inner p {
    margin: 0;
}

.PC-item-info-jacket-modal-wrappar{
    background: var(--tr-black-translucent);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    min-width: 100vw !important;
    z-index: 999;
    display: none;
}
.PC-item-info-jacket-modal-wrappar.is-open{
    display: block;
}
.PC-item-info-jacket-modal.full-size-view{
background: var(--tr-white);
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: fit-content;
    min-width: 180px;
    height: auto;
}
.PC-item-info-jacket-modal.list-view{
    background: var(--tr-white);
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: auto;
        max-width: 980px;
        height: auto;
    }
.PC-item-info-jacket-modal.full-size-view .PC-product-image-summary-container {
    content: "";
    display: flex;
    flex-direction: column;
    border: 1px solid var(--tr-dark-gray);
}
.PC-item-info-jacket-modal.list-view .PC-product-image-summary-container {
    height: 700px;
    content: "";
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--tr-dark-gray);
}

    .PC-product-image-summary-container .PC-product-image-summary-title {
        position: absolute;
        top: 23px;
        left: 10px;
    }

    .PC-item-info-jacket-modal.full-size-view .PC-product-image-summary-container .PC-product-image-summary-list {
        margin: 10px;
        display: flex;
        justify-content: center;
    }

    .PC-item-info-jacket-modal.list-view .PC-product-image-summary-container .PC-product-image-summary-list {
        min-width: 530px;
        min-height: 530px;
        margin: auto;
        display: flex;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -55%);
    }

        /*パターン１(ジャケ写がたくさんあるパターン)の場合のCSS*/
        .PC-product-image-summary-container .PC-product-image-summary-list .inner {
            width: 100%;
            padding-top: 20px;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-content: flex-start;
        }

            .PC-product-image-summary-container .PC-product-image-summary-list .inner .PC-product-image-summary-content {
                width: 30%;
                aspect-ratio: 1 / 1;
                border: 1px solid var(--tr-dark-gray);
                display: flex;
                justify-content: center;
            }

                .PC-product-image-summary-container .PC-product-image-summary-list .inner .PC-product-image-summary-content img {
                    max-width: 100%;
                    max-height: 100%;
                    object-fit: contain;
                }

        /*パターン２(ジャケ写が１つだけ表示されるパターン)の場合のCSS*/
        .PC-product-image-summary-container .PC-product-image-summary-list .inner-one {
            width: 100%;
            padding-top: 20px;
            display: flex;
            justify-content: center;
        }

            .PC-item-info-jacket-modal.full-size-view .PC-product-image-summary-container .PC-product-image-summary-list .inner-one .PC-product-image-summary-content {
                width: fit-content;
                border: 1px solid var(--tr-dark-gray);
                display: flex;
                justify-content: center;
            }
            .PC-item-info-jacket-modal.list-view .PC-product-image-summary-container .PC-product-image-summary-list .inner-one .PC-product-image-summary-content {
                width: 100%;
                aspect-ratio: 1 / 1;
                border: 1px solid var(--tr-dark-gray);
                display: flex;
                justify-content: center;
            }

                .PC-product-image-summary-container .PC-product-image-summary-list .inner-one .PC-product-image-summary-content img {
                    max-width: calc(100vw - 100px);
                    max-height: calc(100vh - 250px);
                    object-fit: contain;
                }

.PC-product-image-summary-close-block.top {
    margin: 5px;
    text-align: right;
}

.PC-item-info-jacket-modal.full-size-view .PC-product-image-summary-close-block.bottom {
    width: 100%;
    margin: 30px auto 30px auto;
    text-align: center;
    display: grid;
}

.PC-item-info-jacket-modal.list-view .PC-product-image-summary-close-block.bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 30px auto 30px auto;
    text-align: center;
    display: grid;
}

.PC-product-image-summary-close-button {
    font-size: 24px;
    color: var(--tr-medium-gray);
    font-weight: bold;
    height: 40px;
    width: 40px;
    margin: auto;
}

.PC-product-image-summary-close-block.top .PC-product-image-summary-close-button {
    margin-top: 5px;
    margin-right: 10px;
}

.PC-product-image-summary-close-button .material-symbols-outlined {
    font-size: 40px;
}

.PC-product-image-summary-close-text {
    color: var(--tr-medium-gray);
    font-size: 12px;
    width: 50px;
    margin: auto;
}

.tr-common-modal {

}

/* フラゲモーダル用クラス */
.PC-item-info-flying-get-modal-inner * {
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 1.2;
}
.PC-item-info-flying-get-modal-inner {
    position: relative;
    padding: 20px 40px 30px;
    width: 800px;
}
.PC-item-info-flying-get-modal-title {
    margin-bottom: 8px;
}
.PC-item-info-flying-get-modal-title img{
    height: 50px;
}
.tr-common-modal .PC-tabWrap input {
    display: none;
}
.PC-item-info-flying-get-modal-seven img {
    width: 40px;
    margin-right:12px;
     padding-top: 2px;
}
.PC-item-info-flying-get-modal-takuhai img {
    width: 36px;
    margin-right:12px;
    padding-top: 2px;
}

.PC-item-info-flying-get-modal-japan-map {
    z-index: -1;
    display: block;
    width: 60%;
    margin: 30px 0 0 180px;
}
.PC-item-info-flying-get-modal-text-area {
    position: absolute;
    top: 10px;
    margin: 30px;
}
.PC-item-info-flying-get-modal-annotation {
   margin-bottom: 6px;
}
.PC-item-info-flying-get-modal-annotation span {
    text-decoration: underline;
}
.PC-item-info-flying-get-modal-explanation {
    display: flex;
    align-items: center;
}
.PC-item-info-flying-get-modal-explanation .is-yellow {
    color: #F2C81C;
}
.PC-item-info-flying-get-modal-explanation .is-blue {
    color: #98CAE6;
}

.PC-item-info-flying-get-modal-todofuken {
    margin-left: 14px;
}
.PC-item-info-flying-get-modal-note {
    margin-top: 14px;
}
.PC-item-info-flying-get-modal-footer {
    margin-top: 20px;

}
.PC-item-info-flying-get-modal-first-message {
    padding: 20px 0;
    display: block;
    border: 1px solid var(--tr-dark-gray);
    border-top: none;
    text-align: center;
}
/*19commoからコピー*/
.PC-tabContent {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    position: relative;
}
.tabSwitch:checked + .PC-tabLabel {
    background: #FFFFFF;
    border-top: 3px solid var(--tr-red);
    border-bottom: initial;
}
.PC-tabLabel:not(:last-of-type) {
    margin-right: 5px;
}
.tabSwitch:checked + .PC-tabLabel + .PC-tabContent {
    height: auto;
    opacity: 1;
    transition: .5s opacity;
}
.PC-tab-border {
    border: 1px solid var(--tr-dark-gray);
    border-top: none;
}
.PC-tabWrap {
    display: flex;
    flex-wrap: wrap;
}
.PC-tab-label-pos {
    display: flex;
    align-items: center;
    justify-content: center;
}
.PC-tabLabel {
    background: #F3F3F3;
    white-space: nowrap;
    text-align: center;
    padding: 10px .5em;
    order: -1;
    position: relative;
    cursor: pointer;
    border: 1px solid #DCDCDC;
    border-radius: 5px 5px 0 0;
    flex: 1;
}
.PC-tab-label-title {
    font-weight: bold;
    font-size: 18px;
}
.popup-footer {
    color: gray;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding-top: 20px;
}
    /**/

/*blazorで接続が切れたときのエラー表示を非表示に*/
#components-reconnect-modal {
    display: none !important;
}

/* スライダー<>ボタン 非活性時*/
.TOL-item-info-PC .common-slider-next-button:disabled,
.TOL-item-info-PC .common-slider-prev-button:disabled {
    border: 1px solid var(--tr-deep-gray);
}

    .TOL-item-info-PC .common-slider-next-button:disabled:hover,
    .TOL-item-info-PC .common-slider-prev-button:disabled:hover {
        background: none;
        cursor: default;
    }

    .TOL-item-info-PC .common-slider-next-button:disabled > span,
    .TOL-item-info-PC .common-slider-prev-button:disabled > span {
        color: var(--tr-deep-gray);
    }

/*タブ構成変更対応*/
.TOL-item-info-PC-tab-radio{
    display: none;
}

.TOL-item-info-PC-tab-content {
    display: none;
    overflow: hidden;
    background: white;
  }

  .TOL-item-info-PC-tab {
    position: relative;
  }
  .TOL-item-info-PC-tab::before {
    content: "";
    background: var(--tr-light-gray);
    border-bottom: 1px solid var(--tr-dark-gray);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    height: 46px;
}
  .TOL-item-info-PC-tab-menu {
    display: inline-flex;
    padding: 12px 36px;
    cursor: pointer;
    background: var(--tr-light-gray);
    margin-right: -3px; /*labelにすきまができるため対策*/
 }
 .TOL-item-info-PC-tab-menu:hover {
    opacity: .7;
 }
 .TOL-item-info-PC-tab-menu.is-inactive {
    cursor: default;
    pointer-events: none;
    color: var(--tr-medium-gray);
  }
  .TOL-item-info-PC-tab-menu.is-inactive .TOL-item-info-PC-tab-headphone-icon-style {
    stroke:  var(--tr-medium-gray);
  }  
  
  #BasicInfoTab:checked ~ #BasicInfoContent,
  #RecordedContentsTab:checked ~ #RecordedContent,
  #ProductIntroductionTab:checked ~ #ProductIntroductionContent{
    display: block;
  }

  #BasicInfoTab:checked ~ #BasicInfoTab,
  #RecordedContentsTab:checked ~ #RecordedContentsTab,
  #ProductIntroductionTab:checked ~ #ProductIntroductionTab{
    color: var(--tr-red);
    border-bottom: 2px solid var(--tr-red);
    margin-bottom: 0px;
  }

  #RecordedContentsTab:checked ~ #RecordedContentsTab .TOL-item-info-PC-tab-headphone-icon-style {
    stroke: var(--tr-red);
  }
  
  #RecordedContentsTab .TOL-item-info-PC-tab-headphone-icon {
    margin-left: 4px;
    margin-top: -2px;
  }
  .TOL-item-info-PC-tab-menu h2 {
    display: inline;
}

.is-text-light-gray {
    color: var(--tr-medium-gray);
}

.common-slider-next-button img,
.common-slider-prev-button img {
    fill: var(--tr-red);
    height: 20px;
    filter: invert(9%) sepia(100%) saturate(7466%) hue-rotate(0deg) brightness(119%) contrast(113%);
}

.common-slider-next-button:disabled img,
.common-slider-prev-button:disabled img {
    fill: var(--tr-deep-gray);
    height: 20px;
    filter: invert(71%) sepia(0%) saturate(1%) hue-rotate(348deg) brightness(87%) contrast(84%);
}

img.is-svg-icon-gray {
    filter: invert(71%) sepia(0%) saturate(1%) hue-rotate(348deg) brightness(87%) contrast(84%);
}

.margin-left-8 {
    margin-left:8px;
}

.margin-left-16 {
    margin-left:16px;
}

.tr-common-modal-close span.text-size-20 {
    font-size:20px;
}

.item-detail-PC-members-review-input-modal-bottom-revision-button-arrow img {
    filter: invert(48%) sepia(9%) saturate(1033%) hue-rotate(182deg) brightness(94%) contrast(87%);
}

img.is-svg-icon-blue {
    filter: invert(24%) sepia(85%) saturate(1800%) hue-rotate(190deg) brightness(94%) contrast(101%);
}

.grad-trigger:checked ~ .grad-btn img {
    transform: rotate(180deg);
}

.PC-item-info-flying-get-modal-explanation .square {
    width: 14px;
    height: 14px;
    display:inline-block;
    margin-right:4px;
}

    .PC-item-info-flying-get-modal-explanation .square.is-red {
        background-color: var(--tr-red);
    }

    .PC-item-info-flying-get-modal-explanation .square.is-yellow {
        background-color: #F2C81C;
    }

    .PC-item-info-flying-get-modal-explanation .square.is-gray {
        background-color: var(--tr-deep-gray);
    }

    .PC-item-info-flying-get-modal-explanation .square.is-blue {
        background-color: #98CAE6;
    }

/* URLコピーボタン押下時　吹き出し */
.share-mordal-URL-balloon {
    position: absolute;
    display: inline-block;
    margin: 1.5em 0;
    padding: 10px;
    min-width: 120px;
    max-width: 100%;
    color: white;
    font-size: 12px;
    background: #d60024;
    z-index: 2;
    top: -66px;
    left: -55px;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s;
}

    .share-mordal-URL-balloon:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        border: 8px solid transparent;
        border-top: 8px solid #d60024;
    }

    .share-mordal-URL-balloon.show {
        opacity: 1;
        visibility: visible;
    }

.PC-item-info-share-mordal-inner button:hover {
    opacity: 1
}