@media (max-width: 480px) {
.item2 {
   position: relative;
   height: 345px;
  margin-left: -2%;
  margin-right: -2%;
}
}


@media (max-width: 420px) {
.item2 {
   position: relative;
   height: 320px;
  margin-left: -2%;
  margin-right: -2%;
}
}
@media (max-width: 380px) {
.item2 {
   position: relative;
   height: 280px;
  font-size: 0.9em;
  margin-left: -2%;
  margin-right: -2%;
}
}
@media (max-width: 350px) {
.item2 {
   position: relative;
   height: 260px;
  font-size: 0.9em;
  margin-left: -4%;
  margin-right: -4%;
}
}




@media (max-width: 420px) {
.item {
   position: relative;
   height: 330px;
}
}
@media (max-width: 385px) {
.item {
   position: relative;
   height: 310px;
}
}
@media (max-width: 350px) {
.item {
   position: relative;
   height: 290px;
  font-size: 0.9em;
}
}




.okuni { position: relative;
z-index: 0;
margin: 0 auto;
}



.cg_freespace_01 p { max-width: 700px; }


.cg_freespace_01{ padding: 50px; }

@media ( max-width: 480px ) {
.cg_freespace_01 { padding: 10px;
             font-size: 0.9em; }
}

@media ( max-width: 768px ) {
.cg_freespace_01 { padding: 25px; }
}



.product-list__fav-items {
  margin-top: -6px;
  width: 30px;
  float: right;
}

.product-list__fav-items button {
  display: block;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
}

.product-list__fav-items .fav-items {
  color: #ff7373;
}

.product-list__fav-items svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}




.tooltip2{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip2 img{
    margin:0;
    padding:0;
}
.description2 {
    display: none;
    position: absolute;
  margin-left: -50px;
    padding: 5px;
    font-size: 0.9em;

    color: #fff;
    border-radius: 5px;
    background: #bebcac;
    width: 120px;
    opacity: 0.9;
}
.description2:before {
    content: "";
    position: absolute;
    top: 0%;
    right: 95%;
    border: 15px solid transparent;
    border-top: 15px solid #bebcac;
    margin-left: -15px;
    transform: rotateZ(90deg);
}
.tooltip2:hover .description2{
    display: inline-block;
    top: 0px;
    left: 85px;
}


@media ( max-width: 768px ) {
  
  .tooltip2{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip2 img{
    margin:0;
    padding:0;
}
.description2 {
    display: none;
    position: absolute;
  margin-left:10px;
    padding: 5px;
    font-size: 0.9em;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #bebcac;
    width: 100px;
}
.description2:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 120px;
    border: 15px solid transparent;
    border-top: 15px solid #bebcac;
    margin-left: -25px;
    transform: rotateZ(270deg);
}
.tooltip2:hover .description2{
    display: inline-block;
    top: 0px;
    left: -118px;
}
}