@charset "UTF-8";

#refine ul li {width: 130px;}
#detailpage .info p.half { height: auto; white-space:normal;line-height: 1.6em; width: calc(893px / 2 - (2em));}
.sp{display: none;}
#refine ul li:nth-of-type(3),#refine ul li:nth-of-type(5){ width: 160px;}
.fulltitle{ width: 160px;}

@media screen and (max-width:689px) {
  .pc{display: none;}
  .sp{display: block;}
  #refine ul li {width: 48%;}
  #detailpage .info p.full { width: calc(100% - 2em); padding: 1em 1em 1em 1em; min-height: 1em; }
  #detailpage .info p.half { width: calc(100% - 2em); padding: 1em 1em 1em 1em; min-height: 1em; }
  #detailpage .info p.half b{ position: absolute; left: 2em;}
  #refine ul li:nth-of-type(2),#refine ul li:nth-of-type(5){ width: 48%;}
  #refine ul li:nth-of-type(3),#refine ul li:nth-of-type(6){ width: 48%;}
}