/*============================================================
左揃えでcenterCSS中の「#」はID名をセレクタにするときに使います。
#test{
color:red;
}
とすれば、
<p id="test">ここが適用</p>
============================================================*/ 
#about-item {
    text-align: center;
   　}
#about-item p {
    display: inline-block;
    text-align: left;
   　}
/*============================================================
文章左揃え・中央表示
============================================================*/ 
.boxbox {
 text-align: center;
 margin:0 auto;
}

.boxbox .mojimoji {
 display: inline-block;
  text-align: left;
}


/*============================================================
マーカー色
============================================================*/ 
.marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
 

/*============================================================
写真コピー禁止
============================================================*/ 
img {
  pointer-events: none;
}

/*============================================================
マイトリ：あわせて読みたい
============================================================*/ 
.entry-content .emphasize-link {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #ee7917;
  background-color: #fffbf5;
}
.entry-content .emphasize-link p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "マイトリ：あわせて読みたい!!";
  background-color: #ee7917;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-link::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #ee7917;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f029";
  font-size: 18px;
  font-family: "blogicon";
  color: #fff;
}


/*titleの下線*/
h2 {
border-bottom: solid 3px skyblue;
position: relative;
}

h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffc778;
bottom: -3px;
width: 30%;
}


table.add_cart_table th {
width: 22%;
padding-left: 0;
}

table.add_cart_table td {
width: 75%;
}
table.add_cart_table {
border: none;
}
table.add_cart_table td table td {
width: 58%;
}

.add_cart_table select {
    width: 100%;
}

h6{
color: #505050;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #dbebf8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
}

h6:before {
content: '●';
color: white;
margin-right: 8px;
}

/*お気に入りcss*/
.product__fav-item {
  margin-top: 10px;
}


.product__fav-item button {
  padding: 0;
  cursor: pointer;
  transition: .2s;
  color: #999999;
  border: 0;
}

.product__fav-item .fav-items {
  color: #ff7373;
}

.product__fav-item svg {
  width: 20px;
  height: 20px;
  vertical-align: -.35em;
  fill: currentColor;
}
