/*=============================================
goods.html
================================================ */
@charset "utf-8";


/* ===============================================
# goods
=============================================== */
.goods {
  margin: 0 auto 150px;
}

.goods-inner {
  margin: 64px auto 150px;
}
@media screen and (max-width: 767px) {
  .goods-inner {
    margin: 64px auto 130px;
  }
}
@media screen and (min-width: 768px) {
  .goods-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
  }
}

@media screen and (min-width: 768px) {
  .goods-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media screen and (max-width: 768px) {
  .goods-message {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .goods-message {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    margin-left: 6.6667%;
  }
}

.goods-message-title  {
    background: #f9f9d0;
    box-shadow: 0px 0px 0px 5px #f9f9d0;
    border: dashed 2px var(--light-yellow);
    padding: 0.2em 0.5em;
    color: var(--dark-yellow);
    margin: 30px auto;;
  }
.sub-img {
  width: 70%;
  margin: 0 auto;
}

  dl {
    text-align: left;
    margin: 30px auto;
    font-family: 'Noto Serif JP', serif;

  }
dt {
  font-size: 1.17rem;
}
dt::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left:10px;
  background-image:url(../img/icon/memo.svg);
  background-size: contain;
  vertical-align: bottom;
 }
  dd {
    margin: 5px auto 20px;
    font-weight: inherit;
	border-top:1px solid #444;
	border-bottom:1px solid #444; 
  }

  @media screen and (min-width: 768px) {
    dd {
      margin: 20px auto;
      line-height: 1.64;
    }
  }