/*蝠�刀繝壹�繧ｸ*/

#item-sin{
  margin-bottom: 100px;
}

.itembox01{
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.itembox01 > div{
  width: 48%;
}

.thumb_nail figure img{
  opacity:0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha( opacity=40 )";
}

.thumb_nail .slick-current figure img{
  border: 1px solid;
  opacity:1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
}

.thumb_nail{
  margin: 20px 0;
}

.sizebox h3{
  font-size: 30px;
  font-weight: normal;
  padding-bottom: 20px;
  color: #21338D;
}

.sizebox table tr{
  border-bottom: 1px solid #bfbfbf;
}

.sizebox table tr th,.sizebox table tr td{
  padding: 11px 11px 11px 0;
}

.itembox02{
  margin-bottom: 50px;
}

.itembox02 h4{
  font-size: 26px;
  font-weight: normal;
  padding-bottom: 10px;
  color: #21338D;
  border-bottom: 1px solid;
  margin-bottom: 20px;
}

.itembox02 > div{
  display: flex;
  justify-content: space-between;
}

.itembox02 > div img{
  width: 50%;
  margin-left: 35px;
}

.itembox02 > div .sizebox{
  margin-top: 25px;
}

.itembox02 > div .sizebox th{
  width: 20%;
}

.itembox03{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.itembox03 > div{
  width: 31%;
  margin-bottom: 30px;
}

.itembox03:after {
    content: "";
    display: block;
    width: 31%;  /* .box縺ｫ謖�ｮ壹＠縺毆idth縺ｨ蜷後§蟷�ｒ謖�ｮ壹☆繧� */
    height: 0;
}

.itembox03 > div p{
  font-size: 13px;
  margin-top: 10px;
}

.online-btn{
  margin-top: 30px;
}

.online-btn a{
  display: inline-block;
  background-color: #FF6969;
  color: #FFF;
  font-size: 16px;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 20px;
}

.online-btn a:hover{
  opacity:0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha( opacity=40 )";
}

/*荳€隕ｧ*/

#item-list h3{
  font-size: 33px;
  color: #21338D;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.itemlist{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

.itemlist:after {
    content: "";
    display: block;
    width: 23%;  /* .box縺ｫ謖�ｮ壹＠縺毆idth縺ｨ蜷後§蟷�ｒ謖�ｮ壹☆繧� */
    height: 0;
}

.itemlist article{
  width: 23%;
  margin-bottom: 10px;
  border: 1px solid #bfbfbf;
  padding: 20px;
  margin-right: 1%;
}

.itemlist article a:hover{
  opacity:0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha( opacity=40 )";
}

.itemlist h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
}

.itemlist article .s-text{
  font-size: 14px;
}

.itemlist article .price{
    color: #CC0000;
    margin-bottom: 10px;
    text-align: right;
    font-size: 15px;
}

#item-list #top-ranking,#item-list #top-ranking .category{
  padding: 0 0 50px;
}

.btn01{
  text-align: center;
  margin-top: 25px;
}

.btn01 a{
  display: inline-block;
    background-color: #21338D;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 30px;
    border-radius: 20px;
}

.btn01 a:hover{
  opacity:0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha( opacity=40 )";
}

.single-item_pt .breadcrumbs,.page-id-12211 .breadcrumbs,.tax-item_cat .breadcrumbs{
  padding-top: 100px;

}

.ttl01{
  font-family: "Roboto", sans-serif;
  font-size: 3.3333333333vw;
  font-weight: 300;
  letter-spacing: .06em;
  margin-bottom: 15px;
}

.ttl01 span{
  font-size: 1.8vw;
}

#top-ranking .category ul li{
  margin-bottom: 20px;
}

.sp{
  display: none;
}

.hosyou{
  display: flex;
  margin-bottom: 20px;
}

.hosyou img{
  width: 60px !important;
  height: 60px;
  margin-left: 0 !important;
  margin-right: 10px;
}

.hosyou p{
  font-size: 18px;
  font-weight: bold;
}

.bnr{
  margin-bottom: 60px;
}


/*繧ｹ繝槭�*/
@media screen and (max-width: 480px) {

  .sp{
    display: block;
  }

  .itembox01{
    display: block;
  }

  .itembox01 > div{
    width: 100%;
  }

  .online-btn a{
    font-size: 14px;
  }

  .itembox02 > div{
    display: block;
  }

  .itembox02 > div img{
    width: 100%;
    margin: 20px 0 0 0;
  }

  .hosyou img{
    margin-top: 0 !important;
    margin-right: 10px !important;
  }

  .itembox03 > div {
    width: 48%;
  }

  .itemlist article{
    width: 48%;
  }

  .itemlist h4{
    font-size: 15px;
  }

  .sizebox table tr th,.sizebox table tr td{
    display: block;
  }

  .ttl01{
    font-size: 8vw;
  }

  .ttl01 span{
    font-size: 6vw;
  }

}