@charset "shift_jis";

/*============ 商品ページ個別CSS ===========*/

/*============= 色指定ここから =============*/
.main1c .section h2:after,
.main1c .section .block-title,
.main1c .section .box,
.main1c .cdlist-default .cdlist-title,
.main1c .section .underline:after,
.main1c p.point-number {
  background: #269b63;  /*【←アクセントカラーを設定】*/
}

.all-section {
  background: #beead4 !important;  /*【←背景色を設定】*/
}

.cdlist-default .cdlist-title .title span {
  display: block !important;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
}

/*============= 色指定ここまで =============*/

/*============ 全体用CSSここから ===========*/

.main1c h3.font-serif {
  font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif !important;
  text-align: center;
}

#section01 h4 {
  text-align: center;
  margin-top: 10px;
}

#section01 h4,
#section01 .column3 p {
  padding-left: 12px;
  padding-right: 12px;
}

#section01 .column3 p {
  margin-top: 10px;
}


#section01 .music span,
#section01 .movie span,
#section01 .photo span {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

#section01 .music span {
  border: 2px solid #df0600;
  color: #df0600 !important;
}
#section01 .movie span {
  border: 2px solid #0229ce;
  color: #0229ce !important;
}
#section01 .photo span {
  border: 2px solid #007c00;
  color: #007c00 !important;
}

h2 .icon {
  color: #fff !important;
  display: block;
  text-align: center;
  border-radius: 8px;
  padding: 5px 30px 7px;
  margin-bottom: 3px;
}

h2 .music {
  background: #df0600;
}
h2 .movie {
  background: #0229ce;
}
h2 .photo {
  background: #007c00;
}

.main1c .mono-annotation {
  padding-right: 5px;
  padding-left: 2px;
}

.feature h3 {
  margin-bottom: 10px;
}

.feature h3 span {
  display: block !important;
  font-size: 80%;
  color: #269b63;
}


/*============ 全体用CSSここまで ===========*/

@media screen and (max-width: 767px) {
  /*======= スマートフォン用CSSここから ======*/



  /*======= スマートフォン用CSSここまで ======*/
} /* end media query */