@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: #589B2B;  /*【←アクセントカラーを設定】*/
}

.all-section {
  background: #E8EFCE !important;  /*【←背景色を設定】*/
}


/*============= 色指定ここまで =============*/

/*============ 全体用CSSここから ===========*/

.section .block p em {
  color: #589B2B;
}

#section01 h3 {
  font-size: 24px;
  font-weight: 500;
}

p.point-number span {
  font-size: 40px;
  margin-top: 15px;
  text-shadow: 0 -1px 1px #aaa;
}

.feature h3 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}

.feature .column2 p {
  font-size: 15px;
  line-height: 1.6;
}

#section00 .block iframe,
#section03 .block iframe {
  border: 10px solid #eee;
}

#section03 .block .block {
  margin-top: 20px;
  border-radius: 6px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  background: #ede082; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #ede082 0%, #fcf6bf 50%, #ede082 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #ede082 0%,#fcf6bf 50%,#ede082 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #ede082 0%,#fcf6bf 50%,#ede082 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section03 .block .block .column2 {
  background: none !important;
  padding: 15px;
}

#section03 .block .block h4 {
  color: #E53A2D;
  margin-bottom: 0;
}

#section03 .block .block span {
  display: block;
  display: inline-block;
  width: 100px;
  background: #468436;
  color: #fff;
  padding: 5px 10px;
  margin-left: 10px;
  text-align: center;
  border-radius: 20px;
  border: 2px solid #E0BB55;
}

#section03 .block .block .column2 p {
  margin-top: 10px;
}

#section03 .block .block .width-small {
  width: 28%;
  padding-right: 0;
}

#section03 .block .block .width-small img {
  border-radius: 50%;
  border :2px solid #fff;
}

#section03 .block .block .width-big {
  width: 70%;
  padding-left: 0;
}

#section03 .block p a {
  display: block;
  background: url(../../ensemble/img/ensemble_sec03_4.jpg) center center no-repeat;
  background-size: 100%;
  width: 440px;
  height: 90px;
  font-size: 0;
  text-decoration: none;
  border: 2px solid #ddd;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 5px;
}
#section03 .block p a:hover,
#section03 .block p a:active {
  opacity: 0.7;
}

.cdlist-default .cdlist-title {
  padding: 6px 10px;
}

.cdlist-default .cdlist-image {
  width: 75%;
}


/*============ 全体用CSSここまで ===========*/

@media screen and (max-width: 767px) {
  /*======= スマートフォン用CSSここから ======*/

  #section01 h3 {
    font-size: 36px;
    font-weight: 700;
  }

  p.point-number span {
    font-size: 60px;
    margin-top: 24px;
  }

  #section00 .block iframe,
  #section03 .block iframe {
    border: 5px solid #eee;
    width: 620px;
  }

  .feature h3 {
    font-size: 40px;
    font-weight: 700;
  }

  .feature .column2 p {
    font-size: 22px;
  }
  
  .feature .width-big p {
    margin-top: 20px;
  }

  #section03 .block .block .column2 {
    float: none;
  }

  #section03 .block .block span {
    font-size: 38px;
    width: 180px;
    padding: 5px 10px 0;
  }

  #section03 .block .block .column2 p {
    margin-top: 10px;
  }

  #section03 .block .block .width-small {
    width: 50%;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  #section03 .block .block .width-small img {
    border-radius: 50%;
    border :2px solid #fff;
  }

  #section03 .block .block .width-big {
    width: 100%;
    padding-left: 20px;
  }

  .cdlist .sp-column2 p {
    font-size: 20px;
  }
  
  /*======= スマートフォン用CSSここまで ======*/
} /* end media query */