@charset "utf-8";
/* CSS Document */
#be17 p{
    font-family: 'Shippori Mincho', serif!important;
	color: #333333;
}

#be17 .fvBnr div:first-child img:nth-child(2n){
    top: 38%;
    left: 30%;
}

#be17 .introduction {
    background-color: #f7f7f7;
}

#be17 h2 {
	line-height: 1.5;
    letter-spacing: 2px;
}

#be17 .underline {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

#be17 .border-line.fast {
    position: absolute;
    width: 1px;
    height: 0;
    background: #333;
    transform: skewX(45deg);
    top: 25%;
    left: 52%;
    z-index: -1;
}

#be17 .border-line.second {
    position: absolute;
    width: 1px;
    background: #333;
    top:14.5%;
    left: 75%;
    z-index: -1;
}

#be17 .box:nth-child(odd){
     display: flex;
     flex-direction: row-reverse; /*左右入れ替え*/
}
			 
#be17 .box:nth-child(even){
     display: flex;
}

#be17 .box {
    position: relative;
	list-style: none;
}

#be17 .itemList {
    border-top: 1px solid #333333;
}

#be17 .point {
    background-color: #f7f7f7;
    position: absolute;
    width: 44%;
    left: 615px;
    top: 660px;
}

#be17 .border-line {
	position: absolute;
	left:0.2em;
	top:0;
	width:2px;
	height:0;
	background: #ccc;
}

#be17 .list-price__item a:hover {
    text-decoration: none;
}

#be17 .tax:after {
    content: "";
    position: relative;
    left: 15px;
    height: 1px;
    background-color: #a3a3a3;
    bottom: 5px;
    z-index: 0;
    width: 100px;
    display: inline-block;
}

#be17 .btn {
    background: #000;
    color: #fff;
    width: 40px;
    height: 17px;
    line-height: 1.3;
    padding: 0;
    flex-shrink: 0;
    left: 22px;
	border-radius: unset;
}

#be17 .boxlink_sold .tax, .boxlink_sold .btn {
    display: none;
}


/* スライダーここから */
#be17 .slider-thumbnail1 .swiper-slide{
  opacity: 0.5;
  transition: opacity .5s;
  width: 28%!important;
}

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

#be17 .swiper-button-prev1,
#be17 .swiper-button-next1, 
#be17 .swiper-button-prev2, 
#be17 .swiper-button-next2, 
#be17 .swiper-button-prev3, 
#be17 .swiper-button-next3,
#be17 .swiper-button-prev4, 
#be17 .swiper-button-next4, 
#be17 .swiper-button-prev5,
#be17 .swiper-button-next5, 
#be17 .swiper-button-prev6, 
#be17 .swiper-button-next6,
#be17 .swiper-button-prev7, 
#be17 .swiper-button-next7, 
#be17 .swiper-button-prev8, 
#be17 .swiper-button-next8, 
#be17 .swiper-button-prev9, 
#be17 .swiper-button-next9 {
  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(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

#be17 .swiper-button-prev1,
#be17 .swiper-button-prev2,  
#be17 .swiper-button-prev3, 
#be17 .swiper-button-prev4, 
#be17 .swiper-button-prev5,
#be17 .swiper-button-prev6, 
#be17 .swiper-button-prev7, 
#be17 .swiper-button-prev8, 
#be17 .swiper-button-prev9{
  left: var(--swiper-navigation-sides-offset,10px); 
  --swiper-navigation-size: 15px;
  right: auto;
}

#be17 .swiper-button-next1,  
#be17 .swiper-button-next2, 
#be17 .swiper-button-next3,
#be17 .swiper-button-next4, 
#be17 .swiper-button-next5, 
#be17 .swiper-button-next6,
#be17 .swiper-button-next7, 
#be17 .swiper-button-next8,  
#be17 .swiper-button-next9{
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
}

#be17 .swiper-button-next1:after, #be17 .swiper-button-prev1:after,
#be17 .swiper-button-next2:after, #be17 .swiper-button-prev2:after,
#be17 .swiper-button-next3:after, #be17 .swiper-button-prev3:after,
#be17 .swiper-button-next4:after, #be17 .swiper-button-prev4:after,
#be17 .swiper-button-next5:after, #be17 .swiper-button-prev5:after,
#be17 .swiper-button-next6:after, #be17 .swiper-button-prev6:after,
#be17 .swiper-button-next7:after, #be17 .swiper-button-prev7:after,
#be17 .swiper-button-next8:after, #be17 .swiper-button-prev8:after,
#be17 .swiper-button-next9:after, #be17 .swiper-button-prev9: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;
}

#be17 .swiper-button-prev1, #be17 .swiper-rtl .swiper-button-next1,
#be17 .swiper-button-prev2, #be17 .swiper-rtl .swiper-button-next2,
#be17 .swiper-button-prev3, #be17 .swiper-rtl .swiper-button-next3,
#be17 .swiper-button-prev4, #be17 .swiper-rtl .swiper-button-next4,
#be17 .swiper-button-prev5, #be17 .swiper-rtl .swiper-button-next5,
#be17 .swiper-button-prev6, #be17 .swiper-rtl .swiper-button-next6,
#be17 .swiper-button-prev7, #be17 .swiper-rtl .swiper-button-next7,
#be17 .swiper-button-prev8, #be17 .swiper-rtl .swiper-button-next8,
#be17 .swiper-button-prev9, #be17 .swiper-rtl .swiper-button-next9{
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto;
}

#be17 .swiper-button-next1, #be17 .swiper-rtl .swiper-button-prev1,
#be17 .swiper-button-next2, #be17 .swiper-rtl .swiper-button-prev2,
#be17 .swiper-button-next3, #be17 .swiper-rtl .swiper-button-prev3,
#be17 .swiper-button-next4, #be17 .swiper-rtl .swiper-button-prev4,
#be17 .swiper-button-next5, #be17 .swiper-rtl .swiper-button-prev5,
#be17 .swiper-button-next6, #be17 .swiper-rtl .swiper-button-prev6,
#be17 .swiper-button-next7, #be17 .swiper-rtl .swiper-button-prev7,
#be17 .swiper-button-next8, #be17 .swiper-rtl .swiper-button-prev8,
#be17 .swiper-button-next9, #be17 .swiper-rtl .swiper-button-prev9{
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
}

#be17 .swiper-button-next1:after,
#be17 .swiper-button-next2:after,
#be17 .swiper-button-next3:after,
#be17 .swiper-button-next4:after,
#be17 .swiper-button-next5:after,
#be17 .swiper-button-next6:after,
#be17 .swiper-button-next7:after,
#be17 .swiper-button-next8:after,
#be17 .swiper-button-next9:after{
  content: 'next';
}

#be17 .swiper-button-prev1:after,
#be17 .swiper-button-prev2:after,
#be17 .swiper-button-prev3:after,
#be17 .swiper-button-prev4:after,
#be17 .swiper-button-prev5:after,
#be17 .swiper-button-prev6:after,
#be17 .swiper-button-prev7:after,
#be17 .swiper-button-prev8:after,
#be17 .swiper-button-prev9:after{
  content: 'prev';
}

#be17 .bx-bg-bel-white .swiper .swiper-wrapper{
  width: 80%;
}
/* スライダーここまで */

/*------横幅が520px以下CSS（SP用記述記載）------*/
@media screen and (max-width: 520px) {
#be17 .fvBnr div:nth-of-type(2n) img:nth-child(2n) {
    top: 40%;
    left: 10%;
}

#be17 .border-line.fast {
    top: 45%;
    left: 34%;
}

#be17 .border-line.second {
    top: 38%;
    left: 70%;
}

#be17 .itemList {
    padding: 10% 0;
	background-color: #fff;
}

#be17 .box:nth-child(even){
    display: block;
}

#be17 .box:nth-child(odd){
    display: block;
}

#be17 .item {
   display: block;
}

#be17 .point {
    position:static;
    width: 100%;
}

#be17 .tax:after {
    display: none;
}

.allWrap .itemname {
    font-size: 14px;
    text-overflow: ellipsis;
    margin: 20px 0 0 0;
    overflow: unset;
    white-space: initial;
}
}