@charset "utf-8";

 #be30 a {
     text-decoration: none
 }

 #be30 p,
 #be30 h2 p,
 #be30 h2 span {
     font-family: "Shippori Mincho", serif !important
 }

 #be30 h2 {
     border-bottom: 1px solid #f64c8d
 }

 #be30 nav.container ul {
     column-gap: .3rem;
     row-gap: .3rem
 }

 #be30 nav.container li::after {
     content: '';
     width: 20px;
     height: 20px;
     border-top: solid 2px #000000;
     border-right: solid 2px #000000;
     transform: rotate(135deg);
     position: absolute;
     left: 50%;
     bottom: 6%;
     transition: all .4s
 }

 #be30 nav.container li:hover::after {
     bottom: 2%
 }

 #be30 .mainWrap .mainDetail a,
 #be30 .itemname,
 #be30 .brandname,
 #be30 .videoText,
 #be30 .video + p {
     font-family: "Noto Sans JP", sans-serif !important
 }

 #be30 .itemname {
     letter-spacing: 0
 }

 #be30 .price {
     font-family: "Jost", sans-serif !important;
     letter-spacing: 0
 }

 #be30 .fvBnr+nav,
 #be30 section {
     margin-top: 7%
 }

 #be30 .mainWrap .subCopy {
     z-index: 2;
     top: -2%;
     left: 180%;
     writing-mode: vertical-rl;
     text-orientation: upright
 }

 #be30 .mainWrap .subCopy span {
     background-color: #f64c8d
 }

 #be30 .mainWrap .subImg {
     height: 525px
 }

 #be30 .mainWrap .price {
     font-size: 18px !important
 }

 #be30 .mainWrap .boxlink_sold .mainDetail {
     display: none
 }

 #be30 .mainWrap .mainRight .boxlink_sold {
     margin-bottom: 2%
 }

 #be30 .mainWrap .price_down {
     display: flex !important;
     justify-content: center;
     width: 35%;
     color: #fff !important;
     padding: 3px 5px !important;
     margin: 7px auto
 }

 #be30 .mainWrap .mainBtn,
 #be30 .itemList .moreBtn {
     background-color: #f64c8d;
     height: 40px
 }

 #be30 .itemList li img {
     display: block !important
 }

 #be30 .videoText {
     background: linear-gradient(transparent 50%, #ffdbe9 10%)
 }

 #be30 .play-btn {
     display: block;
     width: 20%;
     position: absolute;
     top: 50%;
     left: 50%;
     opacity: .7;
     transform: translateY(-50%) translateX(-50%);
     -webkit-transform: translateY(-50%) translateX(-50%)
 }

 #be30 .video .play-btn.playActive {
     display: none
 }

 #be30 .play-btn2 {
    display: block;
    width: 20%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .7;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

#be30 .video .play-btn2.playActive {
    display: none
}

 @media screen and (max-width:520px) {

     #be30 .fvBnr+nav,
     #be30 section {
         margin-top: 30%
     }

     #be30 .mainWrap .subCopy {
         top: -5%;
         left: 93%
     }

     #be30 .mainWrap .subImg {
         height: 240px
     }

     #be30 .mainWrap .subImg img {
         top: -10%;
         z-index: 1
     }

     #be30 .mainWrap .price_down {
         margin: 15px auto 0;
         width: 35%
     }

     #be30 .mainWrap .boxlink_sold {
         height: 250px
     }

     #be30 .mainWrap .boxlink_sold .subImg img {
         left: 45%
     }

     #be30.allWrap .boxlink_sold .mask::after {
         left: 73% !important
     }

     #be30 .mainWrap .mainRight .itemname,
     #be30 .mainWrap .mainRight .price {
         font-size: 16px !important
     }

     #be30 .mainWrap .mainLeft li .itemname {
         font-size: 17px
     }

     #be30 .mainWrap .mainLeft .price {
         font-size: 20px
     }

     #be30 .mainWrap .mainLeft .price_down {
         justify-content: center;
         width: 50%;
         margin: 5px auto !important
     }
 }