/* 商品名 */
.itemname {
  margin:20px 5px;
  padding-left: 1em;
  text-align: left;
  font-size: 1.7em;
  font-weight: bold;
  position: relative;
}

.itemname::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f559";
    margin-right: 0.6em;
}

.itemname:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 2px, #fff 4px);
}

/*パンくず*/
.pankuzu{text-align: right;
margin-bottom: 15px;
font-size: 0.8em;
color: #bfbfbf;/*文字色*/
padding: 0.4em;/*文字周りの余白*/}

.pankuzu a{
    color: #bfbfbf;
    transition: .3s;}
.pankuzu a:hover {
  color:#93baca;
}

/* 製品紹介 */
.item_block{
  max-width: 980px;
 margin: 5px;
}

.mainImage{
  display: inline-block;
  width:40%;}

.mainImage img{
    border:1px solid #eee;
    padding:10px;
    width:100%;
  }

.item_thumb{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
width:100%;
}

ul.item_thumb li{
  width:18%;
  list-style: none;
  padding: 0;
}

  .item_description {
  display: inline-block;
  padding: 5px;
  padding-top: 20px;
  background: #fff;
  width: 55%;
  text-align: left;
  vertical-align: top;
  margin:10px;
  }

  .appeal{
    font-weight: bolder;
    color:#EE6557;
  }


@media (max-width: 600px) {
.mainImage{width:90%;}
.item_block, .item_description {
     width: 100%;
       margin:5px;
}
}

/*お買求めはコチラ*/
  .shopping {
  	color: #27313d;/*文字色*/
  	font-size: 1em;
  	display: flex;
  	align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    padding-left:1em;
    padding-bottom: 0.4em;
  }
  .shopping::before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f07a";
      margin-left: 1em;
      margin-right: 0.6em;
  }

 .shopping:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: -webkit-repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 2px, #fff 4px);
  }

  .shopping>  img{margin-right: 5px;
  width:16px;
  filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
}

  .shopping_c,.shopping_y, .shopping_r, .shopping_a
 {
 text-decoration: none;
 text-align: center;
 margin:0 auto;
 font-weight: bold;
 margin: 0.4em;
 width:45%;
 font-size: 0.8em;
 padding: 0.5em;/*文字周りの余白*/
 border-radius: 10px;
 float:left;
 display: inline-block;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
.shopping_c:hover,.shopping_y:hover,.shopping_r:hover,.shopping_a:hover {
    -webkit-transform: scale(1.1);
     transform: scale(1.1);
  }

/*** クリヤケミカルweb用　店舗ごと ***/
/*本店*/
    .shopping_c{
      background-color: #F4F4F4;
      color: #333;/*文字色*/
      border: solid 1px #ccc;/*線色*/
  }

/*Yahoo*/
  .shopping_y{
    background-color: #fff;
    color: #FF0033;/*文字色*/
    border: solid 1px #FF0033;/*線色*/
}
/*楽天*/
  .shopping_r{
    background-color: #BF0000;
    color: #fff;/*文字色*/
}

/*amazon*/
  .shopping_a{
    background-color: #000;
    color: #F3A847;/*文字色*/
}

@media (max-width: 600px) {
.item_block {
     width: 100%;
       margin:5px;
}
.item_text{width: 100%;
       margin:5px;}
}

/***　STORES買物カゴ　***/
.stores_block{
  width:100%;
  padding:0.2em;
  font-size: 1.2rem;
}
.stores_block tr {
  border-bottom: dotted 1px #ccc;
}
.stores_block td{
    vertical-align: middle;
    padding: 0.5em;
  }

.stores_kg{position: relative;
font-size:1.4rem;
padding-left: 1.1em;/*アイコン分のスペース*/
line-height: 1.4;
}

.stores_kg:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #33a2ba; /*アイコン色*/
}

.stores_tax{
  font-size:1.0rem;
  margin-right: 0.8em;
}

.stores_souryo:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f199";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color:#cc0000;
  margin-right:1em;}

  .stores_souryo{
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}



/*品質表示*/
.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  vertical-align: middle;
  font-size: 1.4rem;
}
.cp_table {
  margin:20px auto;
  width: 100%;
  border-collapse: collapse;
}
.cp_table  td {
  text-align: left;
	padding: 5px;
	border: 1px solid #dddddd;
}
.cp_table th {
  white-space: nowrap;
  font-weight: bold;
  padding: 8px;
  border: 1px solid #dddddd;
	text-align: center;
	background: #f4f4f4;
}