@charset "utf-8";

#be27 a {
    text-decoration-line: none
}

#be27 p,
#be27 a,
#be27 span {
    font-family: "Noto Sans JP", sans-serif !important;
    color: #333
}

#be27 h2 {
    font-family: "Shippori Mincho", serif !important
}

#be27 .camButton {
    background: #c1c1c1;
    padding: .3% 2%
}

#be27 .introduction p:first-child {
    background-color: #037e8b
}

#be27 .introduction p:first-child:after {
    content: "";
    position: absolute;
    top: 98%;
    left: 50%;
    margin-left: -15px;
    border: 10px solid transparent;
    border-top: 10px solid #037e8b
}

#be27 .introduction h2 span {
    font-family: "Shippori Mincho", serif !important;
    background: linear-gradient(transparent 60%, #037e8b61 60%)
}

#be27 nav .navBtn+i {
    top: 97%
}

#be27 .container li.boderBottom {
    border-bottom: solid 1px #e0e0e0
}

#be27 .container li.mainBtn a {
    background-color: #037e8b;
    height: 33px
}

#be27 .container li.subBtn a {
    border: solid 2px #037e8b;
    color: #037e8b !important;
    height: 33px
}

#be27 .container li .collaboPict {
    color: #037e8b;
    border-bottom: 4px solid
}

#be27 .container li .price {
    font-family: "Jost", sans-serif !important
}

#be27 .boxlink_sold {
    margin: 8px 0
}

#be27 .boxlink_sold .tax,
#be27 .boxlink_sold .btn {
    display: none
}

#be27 .slider-thumbnail1 .swiper-slide {
    opacity: .5;
    transition: opacity .5s;
    width: 28% !important
}

#be27 .swiper-slide.swiper-slide-thumb-active {
    opacity: 1
}

#be27 .swiper-button-prev1,
#be27 .swiper-button-next1,
#be27 .swiper-button-prev2,
#be27 .swiper-button-next2,
#be27 .swiper-button-prev3,
#be27 .swiper-button-next3,
#be27 .swiper-button-prev4,
#be27 .swiper-button-next4 {
    background-color: rgba(51, 51, 51, .102);
    width: 50px !important;
    height: 50px !important;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0 -(var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

#be27 .swiper-button-prev1,
#be27 .swiper-button-prev2,
#be27 .swiper-button-prev3,
#be27 .swiper-button-prev4 {
    left: var(--swiper-navigation-sides-offset, 10px);
    --swiper-navigation-size: 15px;
    right: auto
}

#be27 .swiper-button-next1,
#be27 .swiper-button-next2,
#be27 .swiper-button-next3,
#be27 .swiper-button-next4 {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

#be27 .swiper-button-next1:after,
#be27 .swiper-button-prev1:after,
#be27 .swiper-button-next2:after,
#be27 .swiper-button-prev2:after,
#be27 .swiper-button-next3:after,
#be27 .swiper-button-prev3:after,
#be27 .swiper-button-next4:after,
#be27 .swiper-button-prev4:after {
    color: #ccc;
    --swiper-navigation-size: 15px;
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

#be27 .swiper-button-prev1,
#be27 .swiper-rtl .swiper-button-next1,
#be27 .swiper-button-prev2,
#be27 .swiper-rtl .swiper-button-next2,
#be27 .swiper-button-prev3,
#be27 .swiper-rtl .swiper-button-next3,
#be27 .swiper-button-prev4,
#be27 .swiper-rtl .swiper-button-next4 {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

#be27 .swiper-button-next1,
#be27 .swiper-rtl .swiper-button-prev1,
#be27 .swiper-button-next2,
#be27 .swiper-rtl .swiper-button-prev2,
#be27 .swiper-button-next3,
#be27 .swiper-rtl .swiper-button-prev3,
#be27 .swiper-button-next4,
#be27 .swiper-rtl .swiper-button-prev4 {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

#be27 .swiper-button-next1:after,
#be27 .swiper-button-next2:after,
#be27 .swiper-button-next3:after,
#be27 .swiper-button-next4:after {
    content: 'next'
}

#be27 .swiper-button-prev1:after,
#be27 .swiper-button-prev2:after,
#be27 .swiper-button-prev3:after,
#be27 .swiper-button-prev4:after {
    content: 'prev'
}

#be27 section.comment h2 {
    color: #037e8b;
    border-left: 10px solid #037e8b
}

#be27 section.profile {
    border: 2px solid #333
}

@media screen and (max-width:520px) {
    .allWrap .itemname {
        font-size: 13px;
        text-overflow: ellipsis;
        margin: 20px 0 0 0;
        overflow: unset;
        white-space: initial
    }
    
#be27 .introduction .video iframe {
    height: 180px !important;
}

}