@charset "UTF-8";

/*====================================

  ----------------------------------
  190820 最新
  ----------------------------------

  SP  media screen and (max-width:767px)
  
  ＜MEMO＞
  
  
  ----------------------------------
  パーツ一覧
  ----------------------------------

====================================*/

p.article {
  margin-bottom: 1em;
}

.itemize span {
  display: inline-block;
}

img.product-image {
  border: solid 1px #b4b4b4;
}

.pl-h4 {
 padding-top: 92px;
 margin-top: -92px;
}



.lang-selector {
  position: absolute;
  top: 100px;
  margin: 0px 0px 0px 980px;
  width: 96px;
  z-index: 999;
  font-size: 13px;
  color: #fff;
  background: rgba(255,255,255,0.8);
  background-image: url('../img/common/lang.png');
  background-position: left 6px top 5px;
  background-repeat: no-repeat;
  overflow: hidden;
  border: #999 2px solid;
}

.lang-selector a  {
  color: #333;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 2px 5px 2px 30px;
}

.lang-selector li  {
  height: 0px;
}

.lang-selector li:first-child  {
  height: 28px;
}


.lang-selector:hover li  {
  height: 28px;
}


@media screen and (max-width:767px) {

.lang-selector {
  position: absolute;
  top: 76px;
  right: 8px;
  margin: 0px 0px 0px 0px;
  width: 30px;
  background-position: left 50% top 5px;
}

.lang-selector ul {
  margin-top: 28px;
}

.lang-selector li:first-child  {
  height: 0px;
}

.lang-selector:hover, .lang-selector.open  {
  width: 96px;
}

.lang-selector:hover li, .lang-selector.open li {
  height: 28px;
}

.lang-selector a  {
  padding: 2px 5px 2px 5px;
  text-align: center;
}

}
