@charset "utf-8";


.blossombitter {
  background: url("/sweets/chocolate/the-chocolate/lp/blossombitter/images/bg_pod_patern.png") no-repeat top center;
  background-position-y: 260px;
  font-size: 28px;
  text-align: left;
}

.blossombitter .inner {
  width: 960px;
  margin: 153px auto 0;
}

.blossombitter .inner .title {
  margin-bottom: 130px;
}

.blossombitter .inner .kv-area {
  margin-left: -24px;
}

.blossombitter .inner .kv-area .package {
  margin-bottom: 145px;
}

.blossombitter .inner .read-msg {
  line-height: 1.6;
  margin-bottom: 1.6em;
}


/* .feature settings */
.blossombitter .inner .feature {
  margin-bottom: 49px;
}

.blossombitter .inner .feature .title {
  font-size: 38px;
  color: #00a9a5;
  font-weight: normal;
  text-align: center;
  margin-bottom: 38px;
}

.blossombitter .inner .feature  p {
  margin-bottom: 1.6em;
  line-height: 1.6;
}

.blossombitter .inner .feature p span {
  font-weight: bold;
}

.blossombitter .inner .feature .description {
  font-size: 24px;
  line-height: 1.65;
}

.blossombitter .inner .feature .description span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}


/* .cp-area settings */
.blossombitter .cp-area {
  background: #f7f4e9;
  padding: 107px 0 136px;
}

.blossombitter .cp-area .inner {
  width: 960px;
  margin: 0 auto;
}

.blossombitter .cp-area .inner .title,
.blossombitter .cp-area .inner .sub-title {
  color: #833e00;
  text-align: center;
  font-weight: normal;
}

.blossombitter .cp-area .inner .title {
  font-size: 38px;
  text-decoration: underline;
  margin-bottom: 40px;
}

.blossombitter .cp-area .inner .overview {
  line-height: 1.6;
  margin-bottom: 30px;
}

.blossombitter .cp-area .inner .overview span {
  font-weight: bold;
}

.blossombitter .cp-area .inner a:hover {
  opacity: .7;
}

.blossombitter .ingredient .inner {
  margin: 120px auto 10px;
}

/*======= share-wrap =======*/
.share-wrap {
  margin-top: 57px;
  padding: 70px 0 88px;
  background: url("/sweets/chocolate/the-chocolate/images/bg_cacao.png") top center no-repeat;
  text-align: center;
}

.share-wrap .sns-link {
  width: 350px;
  margin: 0 auto 28px;
}

.share-wrap .sns-link li {
  float: left;
  margin-left: 10px;
}

.share-wrap .sns-link li:last-child {
  margin-bottom: 0;
}

.share-wrap .sns-link li a:hover {
  opacity: 0.7;
}