@charset "utf-8";

body {
font-family: "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

/* ------------------------------------------

モップリストページ

------------------------------------------ */
img {
  vertical-align:top;
  vertical-align: bottom;
}

#wrapper940{
  width:940px;
  margin:auto;
  padding-top:30px;
  text-align:left;
}
/*タイトル*/
#wrapper940 ul{
  width:940px;
  height:32px;
  border-bottom:#89b700 3px solid;
  list-style:none;
  margin-bottom:20px;
}
#wrapper940 li{
  float:left;
  margin-right:4px;
}
#wrapper940 p.alignRight.pcOnly {
  display: block;
}

/* 商品一覧*/
#fixedTableArea {
  width: 100%;
}
#topLeftArea {
  float: left;
  width: 30%;
}
#topRightArea {
  width: 70%;
  float: left;
}
#bottomLeftArea {
  float: left;
  width: 30%;
  overflow: hidden;
}
#bottomRightArea {
  width: 70%;
  float: left;
}
.fixedTable {
  border-collapse: collapse;
  width: 100%;
}
.fixedTable td {
  border: 1px solid #888;
  border-left: none;
  border-right: none;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 0;
}
.fixedTable tr.top td {
  border-top: none;
}
#topLeftArea td,
#bottomLeftArea td {
  padding: 5px;
}
#topRightArea td,
#bottomRightArea td {
  width: 108px;
}
td.itemTitle {
  height: 141px;
  vertical-align: middle;
}
td.autoHeight {
  height: 41px;
  vertical-align: middle;
}
.goods{
  text-align:center;
  font-weight:bold;
}
.goods01{
  text-align:center;
  font-weight:bold;
}
.goods02{
}
.mop{
  text-align:center;
  font-weight:bold;
  background:#EEEEEE;
}
.mop01{
  text-align:center;
  font-weight:bold;
}
.moptext{
  text-align:center;
  background:#EEEEEE;
}
.moptext01{
  text-align:center;
}

.pcOnly {
  display: inline-block;
}
.spOnly {
  display: none;
}
@media screen and (max-width: 667px) {
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
  #wrapper940 {
    width: 100%;
  }
  #wrapper940 ul {
    width: 95%;
    height: auto;
    padding: 0 2.5%;
    overflow: hidden;
    border-bottom: 3px solid #65ad27;
  }
  #wrapper940 ul li {
    width: 49.5%;
    margin: 0;
    display: block;
  }
  #wrapper940 ul li:last-child {
    float: right;
  }
  #wrapper940 img {
    width: 100%;
    height: auto;
  }
  #wrapper940 p.alignRight.pcOnly {
    display: none;
  }

  #fixedTableArea {
    width: 95%;
    height: 330px;
    margin: 0 auto;
  }
  #topLeftArea {
    width: 35%;
  }
  #topRightArea {
    width: 65%;
    overflow-x: auto;
    margin-left: -2px;
    padding-right: 5px;
    box-sizing: border-box;
  }
  #bottomLeftArea {
    width: 35%;
    height: 170px;
    overflow: hidden;
    padding-bottom:5px;
    box-sizing: border-box;
  }
  #bottomRightArea {
    width: 65%;
    height: 170px;
    overflow: scroll;
    margin-left: -2px;
  }
  #bottomRightArea::-webkit-scrollbar {
    height: 5px;
    width: 5px;
  }
  #bottomRightArea::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
  }
  #bottomRightArea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }

  .fixedTable td {
    font-size: 10px;
  }

  #topRightArea table,
  #bottomRightArea table {
    width: 600px;
  }
  #topRightArea td,
  #bottomRightArea td {
    width: 14%;
  }

  #bottomLeftArea td.goods01 {
    padding: 0 5px;
  }

  td.itemTitle p {
    font-size: 10px;
  }
  td.itemTitle img {
    width: 70% !important;
    margin: 0 auto !important;
  }


.spHeight {
	height: 42px;
}
}

a p {
	color: #09C;
}
a:hover p,
a:hover {
	color: #000!important;
}


/* 20200227追記*/
td.autoHeight.v02 {
    height: 56px;
    vertical-align: middle;
}