@charset "UTF-8";
/*
 いろんな症状に効くチョコラシリーズ
*/
#box01 {
  margin: 30px auto 50px;
  width: 978px;
}

#box01 .ttl_txt {
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

#box01 .ttl {
  height: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 200%;
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/product/ttl_symptom.png) center no-repeat;
}

#chocola_select ul {
  width: 960px;
  margin-left: 14px;
  margin-bottom: 8px;
}

#chocola_select ul li {
  width: 230px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  overflow: hidden;
}

#chocola_select ul li img {
  border-radius: 5px;
}

#chocola_select ul li:hover img {
  opacity: 0.8;
}

/* スマホ用　*/

@media print, screen and (max-width: 640px) {

  /*
  いろんな症状に効くチョコラシリーズ
  */
  #box01 {
    margin: 0 auto 2%;
    width: 95%;
  }

  #box01 .ttl {
    width: %;
    height: 0;
    margin: 0 auto 5px;
    padding-bottom: 16.23246%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 200%;
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/product/ttl_symptom_sp.png) center no-repeat;
    background-size: 100%;
  }

  #box01 .ttl_txt {
    text-align: left;
  }

  #chocola_select ul {
    width: auto;
    margin-left: 0;
    margin-bottom: 8px;
  }

  #chocola_select ul li {
    width: 49%;
    margin-right: 0;
    margin-bottom: 2%;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
  }

  #chocola_select ul li:nth-child(even) {
    float: right;
  }

  #chocola_select ul li:hover img {
    opacity: 1;
  }

  .pc {
    display: none;
  }
}

/*------------------------------------------*/

#cholp #wrap {
  background-color: #fff;
}

#cholp #gnavi {
  margin-bottom: 0;
}

#cholp #contents {
  margin: 0 auto;
  padding-top: 0;
  width: 100%;
}

#cholp p {
  color: #403e5a;
  line-height: 1.5;
}

#cholp .marker {
  background-color: #ffff99;
}

#cholp .sortWhite {
  border: 1px solid #fff;
  padding: 3px;
}

#cholp .sortBlue {
  border: 1px solid #403e5a;
  padding: 3px;
}

#cholp p .sortBlue {
  margin-top: 10px;
  font-size: 12px;
}

#cholp .under p {
  font-size: 12px;
  color: #fff;
}

#cholp .deco {
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/common/icn01.png) no-repeat, url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/common/icn02.png) no-repeat;
  background-position: left bottom, right bottom;
  min-height: 35px;
}

#cholp .under .name,
#cholp .itemDetail,
#cholp .sec04,
#cholp .sec05 {
  text-align: center;
}

#cholp .under .sortWhite {
  margin-left: 5px;
}

#cholp .under .fr {
  bottom: 50px;
  position: relative;
}

#cholp .under .fr li {
  display: inline-block;
}

#cholp .sec01 p {
  font-size: 172%;
}

#cholp .sec01Item .item {
  padding-top: 6%;
  padding-bottom: 2%;
  text-align: center;
}

#cholp .title_movie {
  /* border-bottom: 1px solid #000; */
  margin: 0 auto 2%;
  padding-top: 2%;
  text-align: center;
}

#cholp .movie {
  padding: 1% 0 4%;
  text-align: center;
}

#cholp .sec02 .contentsInner,
#cholp .date .contentsInner {
  background-color: #ffffff;
  padding: 0 40px;
  width: 950px;
}

#cholp #contents .column:first-child {
  border-top: none;
}

#cholp .column div {
  position: relative;
  width: 410px;
}

#cholp .column h3 {
  left: -85px;
  margin: 0 auto 6%;
  position: relative;
}

#cholp .column p {
  font-size: 16px;
}

#cholp .column .attention {
  float: right;
  font-size: 12px;
}

#cholp .sec03 h2 {
  padding: 5% 0;
  text-align: center;
}

#cholp .sec03 .clf div {
  text-align: center;
}

#cholp .sec03 h4 {
  /* font-size: 167%; */
  font-size: 20px;
}

#cholp .sec03 .introItem {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  text-align: center;
  /* padding-bottom: 10px */
}

#cholp .sec03 .introItem .introItemCaption {
  margin: 10px 0 0;
  font-size: 12px;
}

#cholp .sec03 li {
  display: inline-block;
  font-size: 12px;
}

#cholp .sec03 .clf div p {
  margin: 10px 0 60px;
}

#cholp .item01 .contentsInner>h3 {
  left: 0;
  position: absolute;
  right: 0;
  top: -35px;
}

#cholp .detailInner {
  padding: 4% 0;
  min-height: 450px;
  box-sizing: content-box;
}

#cholp .detailComment,
#cholp .detailImg {
  float: left;
}

#cholp .detailComment p {
  margin: 30px 0;
}
#cholp .itemDetail .detailComment .caption {
  font-size: 12px;
}

#cholp .detailComment span {
  color: #403e5a;
}

#cholp .itemDetail .deco {
  margin: 0 auto;
  text-align: center;
  width: 440px;
}

#cholp .item01 .deco {
  padding-top: 60px;
}

#cholp .detailImg {
  position: relative;
}

#cholp .detailImg p {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

#cholp .point li {
  margin-bottom: 5px;
}

#cholp .point p {
  font-size: 12px;
}

#cholp .itemDetail.item02,
#cholp .itemDetail.item03 {
  padding-top: 3%;
}

#cholp .item01,
#cholp .item02,
#cholp .item03,
#cholp .item04 {
  position: relative;
}

#cholp .cholpHistory h2 {
  padding: 4% 5%;
  text-align: center;
}

#cholp .lineup h2 {
  padding: 4% 0;
  text-align: center;
}

#cholp .lineup .contentsInner {
  width: 1103px;
}

#cholp .historyInner li {
  background-color: #fff;
  padding: 20px;
  position: relative;
  text-align: center;
}

#cholp .cholpHistory .historyBow {
  left: 0;
  position: absolute;
  right: 0;
  top: -12px;
}

#cholp .cholpHistory h4 {
  margin: 10% 0 3%;
}

#cholp .cholpHistory .txt {
  font-size: 16px;
  text-align: left;
}

#cholp .lineup li {
  /* float: left; */
  text-align: center;
  padding: 0 16px;
}

#cholp .lineup li a:hover {
  text-decoration: none;
}

#cholp .lineup li a:hover img {
  opacity: 0.6;
}

#cholp .lineup dt {
  height: auto;
  padding: 20px 0 15px;
  min-height: 30px;
  font-size: 12px;
  box-sizing: content-box;
}
#cholp .lineup dd p,
#cholp .lineup dd span {
  font-size: 12px;
}

#cholp .fbTimeline {
  margin: 50px auto;
  text-align: center;
}

#cholp .qa h2 {
  padding: 2%;
  text-align: center;
}

#cholp .qa dl {
  background-color: #ffffff;
  margin-bottom: 1%;
}

#cholp .qa dd p {
  color: #403e5a;
}

#cholp .sec05 h2 {
  padding: 4% 0;
}

#cholp .sec05 li {
  display: inline-block;
  margin: 0 10px;
}

#cholp .itemsInner {
  text-align: center;
}

#cholp .items p {
  font-size: 16px;
  margin-bottom: 20px;
}

#cholp .items .item02,
#cholp .items .item03 {
  position: relative;
}

#cholp .items .social-area-syncer {
  padding-bottom: 10px;
}

#cholp .items .social-button-syncer {
  width: auto;
  text-align: center;
}

#cholp .items .social-button-syncer li {
  display: inline-block;
  float: none;
}

/* PC用 */

@media print, screen and (min-width: 641px) {
  #cholp .contentsInner {
    margin: 0 auto;
    width: 950px;
  }

  #cholp .mv h1 {
    padding-top: 30px;
  }

  #cholp .under {
    margin-top: 204px;
    position: relative;
  }

  #cholp .underTxt {
    bottom: 10px;
    margin: 0 auto;
    position: absolute;
    width: 371px;
  }

  #cholp .underTxt .social-button-syncer {
    width: auto;
    text-align: center;
  }

  #cholp .underTxt .social-button-syncer li {
    display: inline-block;
    float: none;
    margin: 0 4px;
  }

  #cholp .sec01 h2,
  #cholp .sec01 p {
    margin: 0 auto;
    width: 950px;
  }

  #cholp .itemDetail .detailComment p,
  #cholp .detailImg span {
    /* font-size: 115%; */
    font-size: 115%;
  }

  #cholp .itemDetail .detailComment h3,
  #cholp .itemDetail .detailComment p {
    margin-right: 40px;
    text-align: left;
    width: 320px;
  }

  #cholp .point {
    float: right;
    position: relative;
  }

  #cholp .point div {
    left: 0;
    position: absolute;
    right: 0;
  }

  #cholp .historyInner li {
    box-sizing: content-box;;
    float: left;
    height: 480px;
    margin-left: 10px;
    width: 270px;
  }

  #cholp .historyInner li:first-child {
    margin-left: 0;
  }

  #cholp .cholpHistory h4 {
    margin-left: -10px;
    margin-right: -10px;
  }

  #cholp .cholpHistory h4+p {
    margin-left: -10px;
    margin-right: -10px;
  }

  #cholp ul.lineup {
    margin: 0 auto;
    /* width: 1000px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
  }

  #cholp .qa dl {
    padding: 20px 40px;
    /* width: 870px; */
  }

  #cholp .qa dd img {
    padding: 20px 0;
  }

  #cholp .qa dd p {
    font-size: 115%;
    padding-left: 60px;
  }

  #cholp .itemsInner {
    float: left;
    position: relative;
    width: 50%;
  }

  #cholp .items h3 {
    left: 0;
    position: absolute;
    right: 0;
    top: -40px;
  }

  #cholp .items h2 {
    margin: 50px auto;
    padding-top: 60px;
    width: 470px;
  }

  #cholp .items .social-button-syncer li {
    margin: 0 4px;
  }
}

/* スマホ用　*/

@media print, screen and (max-width: 640px) {
  #cholp .underTxt {
    padding: 0 3%;
  }

  #cholp .underTxt .social-button-syncer {
    text-align: center;
    width: auto;
  }

  #cholp .underTxt p {
    margin: 0 auto;
    width: 75%;
  }

  #cholp .sec01,
  #cholp .sec01Item h3,
  #cholp .sec02 h2,
  #cholp .date h2,
  #cholp .sec03,
  #cholp .itemDetail .contentsInner,
  #cholp .sec05 {
    padding: 0 3%;
  }

  #cholp .sec01 {
    background: #f1f0eb;
    padding-top: 24px;
    padding-bottom: 20px;
  }

  #cholp .sec01 p {
    font-size: 140%;
    padding: 3%;
  }

  #cholp .sec01Item .item {
    background: #fff;
  }

  #cholp .movie {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 5%;
  }

  #cholp .movie iframe {
    height: 100% !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
  }

  #cholp .sec02 .contentsInner,
  #cholp .date .contentsInner {
    margin: 0 auto;
    padding: 0 6%;
    /* width: 80%; */
    width: 92%;
  }

  #cholp .column div {
    margin: 0 auto;
    width: 100%;
  }

  #cholp .column h3 {
    left: -10%;
  }

  #cholp .column p {
    margin-bottom: 4%;
  }

  #cholp .sec03 .clf>p {
    font-size: 16px;
    margin-bottom: 10%;
  }

  #cholp .sec03 h4 {
    margin: 0 auto;
    width: 90%;
  }

  #cholp .item01 .contentsInner>h3 {
    padding: 0 3%;
    top: -5%;
  }

  #cholp .item01 .deco {
    padding-top: 12%;
  }

  #cholp .item01 .deco,
  #cholp .item02 .deco {
    margin-bottom: 5%;
  }

  #cholp .item02 .deco {
    padding-top: 3%;
  }

  #cholp .itemDetail .deco {
    width: 100%;
  }

  #cholp .itemDetail .deco img,
  #cholp .items .deco img {
    width: 70%;
  }

  #cholp .detailComment {
    text-align: left;
    width: 60%;
  }

  #cholp .detailComment p {
    margin: 5% 0;
  }

  #cholp .detailComment div {
    margin: 0 auto 8%;
    width: 90%;
  }

  #cholp .itemDetail .detailImg {
    width: 40%;
  }

  #cholp .detailImg p {
    bottom: 20px;
  }

  #cholp .point {
    margin: 0 auto;
  }

  #cholp .pointNote {
    margin: 0 auto;
    width: 80%;
  }

  #cholp .item02 .plus li {
    width: 45%;
  }

  #cholp .plus li {
    vertical-align: top;
    max-width: 45%;
  }

  #cholp .plus li.plusIcn {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 -10px;
    padding-top: 5% !important;
    width: auto !important;
  }

  #cholp .plus li.plusIcn img {
    width: 15px;
    height: auto;
  }

  #cholp .plusIcn {
    margin: 0 auto;
    width: 7% !important;
  }

  #cholp .cholpHistory h4 {
    margin: 5% 0 3%;
  }

  #cholp .historyInner li {
    margin: 5% auto 8%;
    /* width: 80%; */
    width: 92%;
  }

  #cholp .historyInner img {
    width: 60%;
  }

  #cholp .lineup .contentsInner {
    width: 100%;
  }

  #cholp ul.lineup {
    margin: 0 auto;
    /* width: 1000px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
  }

  #cholp .lineup li {
    margin-bottom: 6%;
    padding: 0 1%;
    /* width: 30%; */
  }

  #cholp .lineup li:last-child {
    margin-right: 0;
    padding-left: 0;
  }

  #cholp .lineup li>div {
    margin: 0 auto;
    text-align: center;
  }

  #cholp .lineup li img {
    width: auto !important;
  }

  #cholp .qa .contentsInner {
    margin: 0 auto;
    width: 90%;
  }

  #cholp .qa dl {
    padding: 2%;
  }

  #cholp .qa dt {
    color: #403e5a;
    font-size: 16px;
    line-height: 1.5;
    padding: 2% 8% 2% 2%;
  }

  #cholp .qa dd {
    display: none;
  }

  #cholp .qa dd {
    font-size: 115%;
    line-height: 1.5;
    margin-top: 2%;
    padding: 2%;
  }

  #cholp .qa dd p {
    padding: 2% 0 0 4%;
  }

  #cholp .sec05 li {
    margin: 0 1%;
    width: 20%;
  }

  #cholp .items .item01,
  #cholp .items .item02,
  #cholp .items .item03 {
    padding: 5%;
  }

  #cholp .items .item01 .deco,
  #cholp .items .item02 .deco,
  #cholp .items .item03 .deco {
    padding-top: 3%;
  }

  #cholp .items .item01 div p,
  #cholp .items .item02 div p {
    margin: 0 auto;
    width: 80%;
  }
  
  #cholp .items .item03 div p {
    margin: 2% -60% 0;
    width: 220%;
  }

  #cholp .items .social-button-syncer {
    margin: 0 auto;
    width: 90%;
  }
}

@media print, screen and (max-width: 480px) {
  #cholp #shimiLP ul.lineup:nth-child(4) li:first-child {
    padding-top: 5%;
  }
}

@media print, screen and (max-width: 400px) {
  #cholp #shimiLP ul.lineup:nth-child(4) li:first-child {
    padding-top: 10%;
  }
}

@media print, screen and (max-width: 360px) {
  #cholp #shimiLP ul.lineup:nth-child(4) li:first-child {
    padding-top: 13%;
  }
}

/*----------*/

/*   SNS    */

/*----------*/

@media screen and (min-width: 641px) {
  ul.social-button-syncer {
    width: 238px;
    margin: 10px auto 30px;
  }

  ul.social-button-syncer li {
    float: left;
    text-align: center;
    height: 20px;
    margin: 0 8px;
    padding: 0;
  }
}

/* デスクトップ */

@media screen and (min-width: 480px) {
  ul.social-button-syncer {
    width: 265px;
  }
}

@media screen and (max-width: 640px) {
  ul.social-button-syncer {
    padding-top: 3%;
  }

  ul.social-button-syncer li {
    display: inline-block;
    text-align: center;
    margin: 0 1%;
    padding: 0;
  }

  ul.social-button-syncer li.sc-li {
    width: 80px !important;
  }
}

/*----------*/




/* refreshLP */

/*-----------*/

#cholp #refreshLP .under {
  background-color: #fc6a79;
}

#cholp #refreshLP .underTxt {
  bottom: 5px;
}

#cholp #refreshLP .underTxt p {
  text-align: center;
  /* margin-top: 20px; */
  font-size: 12px;
}

#cholp #refreshLP .name {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

#cholp #refreshLP .name li {
  /* width:calc(100% / 3); */
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
}

#cholp #refreshLP .name li:first-child {
  margin-left: -8px;
  padding-right: 5px;
}

#cholp #refreshLP .name li:nth-child(2) {
  padding-right: 19px;
}

@media print, screen and (max-width: 640px) {
  #cholp #refreshLP .name {
    justify-content: center;
  }
#cholp #refreshLP .underTxt p {
  margin-top: 10px;
}
  #cholp #refreshLP .name li {
    margin-top: 0;
  }
}
@media print, screen and (max-width: 320px) { 
#cholp #refreshLP .name li:first-child {
  padding-right: 10px;
}
#cholp #refreshLP .name li:nth-child(2) {
  padding-right: 10px;
}
}
@media print, screen and (max-width: 640px) {
  #cholp #refreshLP .name li:last-child {
    padding-right: 0;
    margin-top: 0px;
  }
}

#cholp #refreshLP .sec01 h2 {
  padding: 37px 0 25px;
}

@media print, screen and (max-width: 640px) {
  #cholp #refreshLP .sec01 h2 {
    padding: 0 0 12px;
  }
}

#cholp #refreshLP .sec02,
#cholp #refreshLP .qa {
  background-color: #fc6a79;
  padding-bottom: 3%;
}

#cholp #refreshLP .sec02 h2 {
  margin: 0 auto 2%;
  padding-top: 2%;
  text-align: center;
}

/* #cholp #refreshLP .sec03 .introItem li:last-child {
  margin-top: 10px;
} */

#cholp #refreshLP .column {
  border-top: 3px dotted #fc6a79;
  padding: 4% 0;
}

#cholp #refreshLP .item01,
#cholp #refreshLP .item03 {
  position: relative;
}

#cholp #refreshLP .itemDetail.item01,
#cholp #refreshLP .itemDetail.item03 {
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/item01_bg.png) no-repeat top center;
  width: 100%;
}

#cholp #refreshLP .itemDetail.item03.Muscat {
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/item01_bg02.png) no-repeat top center;
  width: 100%;
}

#cholp #refreshLP .itemDetail.item02 {
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/item02_bg.png) no-repeat top center;
  width: 100%;
}

#cholp #refreshLP .itemDetail.item03.Zero {
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/item04_bg.png) no-repeat top left;
  width: 100%;
}

#cholp #refreshLP .cholpHistory,
#cholp #refreshLP .sec05 {
  background: rgb(255, 153, 153);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

#cholp #refreshLP .cholpHistory li:first-child h4+p {
  position: relative;
}

#cholp #refreshLP .cholpHistory h4+p>span {
  position: absolute;
  bottom: 2px;
  left: 10px;
  font-size: 12px;
}

#cholp .lineup dt {
  height: auto;
  min-height: 30px;
}

#cholp #refreshLP .qa dd {
  border-top: 3px dotted #fc6a79;
  margin-top: 20px;
}

#cholp #refreshLP .items .item03 .detailImg {
  width: 45%;
}

#cholp #refreshLP .items .item03 .detailBtn p,
#cholp #refreshLP .items .item03 .detailImg span {
  font-size: 100%;
}

/* PC用 */

@media print, screen and (min-width: 641px) {
  #cholp #refreshLP .mv {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/mv_bg.png) no-repeat center top #f4f3f8;
    background-size: inherit;
    height: 550px;
    /* min-width: 1200px; */
    width: 100%;
  }

  #cholp #refreshLP .under {
    margin-top: 205px;
  }

  #cholp #refreshLP .sec01 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/sec01_bg.png) no-repeat scroll center center #f1f0eb;
    /* background-size: 100%; */
    height: 284px;
    /* min-width: 1200px; */
    height: 325px;
    /* margin-top: 44px; */
    width: 100%;
  }

  #cholp #refreshLP .sec01Item {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/sec01_item_bg.png) no-repeat bottom center;
    background-size: 100%;
    width: 100%;
    padding-bottom: 30px;
  }

  #cholp #refreshLP .sec03 {
    margin-bottom: 70px;
  }

  #cholp #refreshLP .sec03.contentsInner .contentsInnerWrap {
    display: flex;
    flex-wrap: wrap;
  }

  #cholp #refreshLP .sec03 .contentsIntro p {
    text-align: center;
    font-size: 12px;
  }

  #cholp #refreshLP .sec03 .contentsTxt {
    width: 550px;
    margin-right: 30px;
  }

  #cholp #refreshLP .sec03 .contentsTxt p {
    font-size: 150%;
  }

  #cholp #refreshLP .sec03 .contentsIntro {
    width: 370px;
  }

  /* #cholp #refreshLP .sec03 p.fl {
    font-size: 175%;
    width: 580px;
  } */

  #cholp #refreshLP .sec03 .clf div {
    float: right;
    width: 350px;
  }

  #cholp #refreshLP .itemDetail.item01,
  #cholp #refreshLP .itemDetail.item02 {
    background-size: 100% 100%;
  }
  
  #cholp #refreshLP .itemDetail.item03,
  #cholp #refreshLP .itemDetail.item03.Muscat,
  #cholp #refreshLP .itemDetail.item03.Zero {
    background-size: cover;
  }
  
  #cholp #refreshLP .itemDetail.item03 {
    padding-bottom: 60px;
  }
  
  #cholp #refreshLP .itemDetail.item03.Zero {
    padding-bottom: 115px;
  }

  #cholp #refreshLP .item03 .contentsInner>h3 {
    left: 0;
    position: absolute;
    right: 0;
    top: -35px;
  }

  #cholp #refreshLP .item03 .detailInner {
    min-height: 430px;
  }

  #cholp #refreshLP .item01 .detailComment {
    margin-top: 90px;
  }

  #cholp #refreshLP .item01 .detailComment p,
  #cholp #refreshLP .item03 .detailComment p {
    margin: 30px 0 80px;
  }

  #cholp #refreshLP .item02 .detailComment {
    margin-top: 10px;
  }

  #cholp #refreshLP .item02 .detailComment p {
    margin: 30px 0 30px;
  }

  #cholp #refreshLP .item03 .detailComment {
    float: none;
  }

  #cholp #refreshLP .item03 .detailComment h3,
  #cholp #refreshLP .item03 .detailComment p {
    width: 100%;
    text-align: center;
  }

  #cholp #refreshLP .item03 .detailComment h3 {
    margin-top: 30px;
  }

  #cholp #refreshLP .item03 .detailComment p {
    margin-bottom: 0;
  }

  #cholp #refreshLP .detailImg {
    width: 240px;
  }

  #cholp #refreshLP .item03 .detailImg {
    width: 47%;
    margin-left: 0;
  }

  #cholp #refreshLP .item03 .detailImg.fr {
    float: right;
  }

  #cholp #refreshLP .item03 .detailBtn p {
    margin-bottom: 10px;
  }

  #cholp #refreshLP .item03 .detailBtn span {
    font-size: 115%;
  }

  #cholp #refreshLP .item03 .detailImg>div:first-of-type {
    float: right;
  }

  #cholp #refreshLP .item03 .detailImg.fr>div:first-of-type {
    float: left;
  }

  #cholp #refreshLP .detailImg p {
    bottom: -50px;
  }

  #cholp #refreshLP .item03 .detailImg p {
    text-align: right;
    bottom: -20px;
    margin-right: -45px;
  }

  #cholp #refreshLP .item03 .detailImg.fr p {
    text-align: left;
    bottom: -20px;
    margin-left: -10px;
  }

  #cholp #refreshLP .item01,
  #cholp #refreshLP .item03 {
    /* height: 2050px; */
    height: auto;
    min-width: 1200px;
  }

  #cholp #refreshLP .item01 h2 {
    width: 550px;
  }

  #cholp #refreshLP .item03 h2 {
    width: 550px;
    padding-top: 20px;
  }

  #cholp #refreshLP .item01 .point {
    top: 130px;
  }

  #cholp #refreshLP .item02 {
    height: 970px;
    min-width: 1200px;
  }

  #cholp #refreshLP .item02 .point {
    top: 70px;
  }

  #cholp #refreshLP .item03 .point {
    float: left;
    top: 90px;
  }

  #cholp #refreshLP .item03 .fr .point {
    float: right;
  }

  /*** リフレッシュLPnew体裁 ***/

  #refreshLP .detailInnerProduct {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*margin-top: 45px;*/
  }
  
   /*　追加 */
  #refreshLP .item03 .detailInnerProduct {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
   margin-top: 45px;
   margin-left: 27%;
  }
      
   /* #refreshLP .detailInnerSpCol1 {
   margin-left: 0%;
  } */
  
    #refreshLP .item03 .detailInnerSpCol1_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 45px;
    margin-left: 0%;
  }
  
    #refreshLP .item03 .detailInnerMuscat {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
   margin-left: 27%;
  }
  
    #refreshLP .item03 .detailInnerZero {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
   margin-left: 27%;
  }
  
   /*  
  #refreshLP .Muscat .detailInnerProduct {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
    margin-left: 27%;
  } */

  #refreshLP .detailItem {
    display: flex;
    align-items: center;
  }

  #refreshLP .detailItemPoint {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #refreshLP .detailItemPoint li:nth-child(n + 2) {
    margin-top: 5px;
  }

  #refreshLP .detailItemImg,
  #refreshLP .detailItemImg_1 {
    width: 230px;
  }

  #refreshLP .detailItemImg .caption {
    font-size: 14px;
  }

  /****************/

  #cholp #refreshLP .item01 .ingredient,
  #cholp #refreshLP .item03 .ingredient {
    background-color: #fdc6c8;
    height: 340px;
    padding-top: 30px;
    margin-top: 50px;
    position: relative;
  }

  #cholp #refreshLP .item01 .ingredient h4,
  #cholp #refreshLP .item03 .ingredient h4 {
    left: 0;
    position: absolute;
    right: 0;
    top: -16px;
  }

  #cholp #refreshLP .item01 .ingredient li,
  #cholp #refreshLP .item03 .ingredient li {
    display: inline-block;
    width: 160px;
  }

  #cholp #refreshLP .item01 .ingredient li:nth-child(2n),
  #cholp #refreshLP .item03 .ingredient li:nth-child(2n) {
    position: relative;
    top: 130px;
  }

  #cholp #refreshLP .item02 .ingredient {
    background-color: #ffe9c8;
    padding: 30px 0;
    margin-top: 45px;
    position: relative;
  }

  #cholp #refreshLP .item02 .ingredient h4 {
    left: 0;
    position: absolute;
    right: 0;
    top: -16px;
  }

  #cholp #refreshLP .item02 .ingredient li {
    display: inline-block;
    margin: 0 10px;
  }


  /*** リフレッシュLPnew体裁 ***/

  #refreshLP .ingredientArea {
    background-color: #fdc6c8;
    box-sizing: content-box;
    padding: 30px 30px 30px;
    margin-top: 50px;
    position: relative;
  }
  
  #refreshLP .ingredientAreaPeach {
    height: 310px;
  }

  #refreshLP .ingredientAreaMuscat {
    background-color: #fffeed;
    height: 310px;
    padding: 40px 30px 30px;
    margin-top: 50px;
    position: relative;
  }
  
    #refreshLP .ingredientAreaZero {
    background-color: #fbc1b5;
    height: auto;
    padding: 40px 30px 30px;
    margin-top: 50px;
    position: relative;
  }

  #refreshLP .ingredientArea+.ingredientArea {
    margin-top: 60px;
  }

  #refreshLP .ingredientArea.ingredientAreaMuscat {
    height: 496px;
  }
  
  #refreshLP .ingredientArea .ingredientAreaZero {
    height: 496px;
  }
  
  #refreshLP .ingredientArea h4 {
    left: 0;
    position: absolute;
    right: 0;
    top: -10px;
  }
  
    #refreshLP .ingredientAreaZero h4 {
    left: 0;
    position: absolute;
    right: 0;
    top: -10px;
  }

  #refreshLP .ingredientInner {
    display: flex;
    align-items: end;
  }

  #refreshLP .ingredientAreaMuscat .ingredientInner,
  #refreshLP .ingredientAreaZero .ingredientInner {
    align-items: center;
  }
  
  #refreshLP .ingredientAreaZero .ingredientInner {
    margin-bottom: -55px;
  }

  #refreshLP .ingredientParts:first-child {
    width: 220px;
  }

  #refreshLP .ingredientParts:last-child {
    width: 848px;
    margin: 0 auto;
    position: relative;
  }

  #refreshLP .ingredientParts {
    position: relative;

  }

   #refreshLP .ingredientParts .caption {
    color: #007f00;
    text-align: right;
    position: absolute;
    bottom: -339px;
    right: -30px;
  } 
    /* ▽ゼロトリプル */
    #refreshLP .ingredientParts_zero .caption_zero {
    font-size: 10px;
  }　

  #refreshLP .ingredientParts .ingredientPartsSlogan {
    left: 0;
    position: absolute;
    right: 0;
    top: -100px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientAreaZero .ingredientParts .ingredientPartsSlogan {
    left: 10px;
    top: -70px;
  }

  #refreshLP .ingredientParts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #refreshLP .ingredientParts ul li:first-child,
  #refreshLP .ingredientParts_zero ul li:first-child {
    padding-right: 20px;
  }

  #refreshLP .ingredientParts ul li:nth-child(n+2) {
    padding: 0 20px;
  }

  #refreshLP .ingredientParts ul li:nth-child(4) {
    position: absolute;
    bottom: -129px;
    left: 140px;
  }

  #refreshLP .ingredientParts ul li:last-child {
    padding-right: 20px;
    position: absolute;
    bottom: -129px;
    right: 157px;
  }

/* ▼マスカット ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(4) {
    position: absolute;
    top: 130px;
    left: 146px;

  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(5) {
    position: absolute;
    top: 130px;
    right: 151px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(6) {
    position: absolute;
    bottom: -266px;
    left: -16px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(7) {
    position: absolute;
    bottom: -266px;
    left: 307px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(8) {
    position: absolute;
    bottom: -266px;
    right: -16px;
  }
  
  /*　▼ゼロトリプルーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
 #refreshLP .ingredientParts_zero ul {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /*　▼カロリーゼロ　*/
  #refreshLP .ingredientParts_zero ul li:first-child {
    padding-left: 20px;
    padding-right: 60px;
  }

     /*　▼糖類・脂質　*/
  #refreshLP .ingredientParts_zero ul li:nth-child(n+2) {
    padding: 0 50px;
  }
  
  #refreshLP .ingredientParts_zero ul li:nth-child(n+4) {
    margin-top: 30px;
    padding: 0;
  }
  
  #refreshLP .ingredientParts_zero ul li:nth-child(4) {
/*     position: absolute;
    bottom: 154px;
    left: 148px; */
  }

  #refreshLP .ingredientParts_zero ul li:last-child {
/*     padding-right: 20px;
    position: absolute;
    bottom: -129px;
    right: 157px; */
  }

 /*　▼ビタミンC　*/
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(4) {
/*     position: absolute;
    top: 257px;
    left: 157px; */

  }
  
 /*　▼ナイアシン　*/
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(5) {
/*     position: absolute;
    top: 258px;
    right: 182px; */
  }

  /*　▼鉄　*/
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(6) {
/*     position: absolute;
    bottom: 33px;
    left: 8px; */
  }

  /*　▼ビタミンB1　*/
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(7) {
/*     position: absolute;
    bottom: 33px;
    left: 317px; */
  }
/*　▼ビタミンB6　*/
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(8) {
/*     position: absolute;
    bottom: 33px;
    right: 62px; */
  }
  /* end of ゼロトリプルーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/

  #refreshLP .ingredientParts .ingredientBtn {
    margin-top: 20px;
  }

  /****************/
  #cholp #refreshLP .historyInner li {
    height: 610px;
  }

  #cholp #refreshLP .lineup ul.hideSP li:last-child dt {
    padding-bottom: 22px;
  }

  #cholp #refreshLP .items .item01 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/items_bg01.png) no-repeat top right;
    background-size: 100% 100%;
    height: 710px;
    min-width: 50%;
    width: 100%;
  }

  #cholp #refreshLP .items .item02 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/items_bg02.png) no-repeat top left;
    background-size: 100% 100%;
    height: 710px;
    min-width: 50%;
    width: 100%;
  }

  #cholp #refreshLP .items .itemsInner .item02 .deco {
    margin-bottom: 83px;
  }

  #cholp #refreshLP .items .item03 {
    height: 700px;
    box-sizing: content-box;
    background-size: cover;
  }

  #cholp #refreshLP .items .item03 h2 {
    padding: 0;
  }

  #cholp #refreshLP .items .item03 .detailImg p {
    bottom: -30px;
  }

  #cholp #refreshLP .items .item03 .detailBtn {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}

/* スマホ用　*/

@media print, screen and (max-width: 640px) {
  #cholp #refreshLP .sec01Item p {
    padding: 20px;
  }
  #cholp #refreshLP .sec01Item .item {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/sec01_item_bg.png) no-repeat bottom center;
    background-size: 100%;
    width: 100%;
  }

  @media print, screen and (max-width: 640px) {
   #refreshLP .ingredientParts_zero .caption_zero {
     padding-top: 20px;
     padding-bottom: 27px;
     text-align: left;
    }
     
  #cholp #refreshLP .sec03 {
    margin: 10px 0 10%;
  }

  #cholp #refreshLP .cholpHistory h4+p>span {
    left: 0;
  }

  #cholp #refreshLP .cholpHistory li:first-child h4+p {
    padding-bottom: 3%;
  }

  /* #cholp #refreshLP .sec03 .introItem li:first-child img {
    width: 79%;
  } */
  #cholp #refreshLP .sec03 .contentsIntro p {
    text-align: center;
  }

  #cholp #refreshLP .sec03 .introItem li {
    display: block !important;
    width: calc(100% / 3);
  }

  /* #cholp #refreshLP .sec03 .introItem li:first-child {
    margin-left: -5%;
  } */

  /* #cholp #refreshLP .sec03 .introItem li:last-child {
    display: block;
    margin: 20px 0 auto;
  } */

  #cholp #refreshLP .itemDetail.item01,
  #cholp #refreshLP .itemDetail.item02,
  #cholp #refreshLP .itemDetail.item03,
  #cholp #refreshLP .itemDetail.item03.Muscat,
  #cholp #refreshLP .itemDetail.item03.Zero {
  background-size: auto 100%;
  }

  #cholp #refreshLP .itemDetail.item03 {
    padding-bottom: 30px;
  }
 
 /*@media print, screen and (max-width: 640px) {
  #cholp #refreshLP .itemDetail.Zero {
    padding-bottom: 80px;
  }
  }*/
    
  #cholp #refreshLP .item01,
  #cholp #refreshLP .item02,
  #cholp #refreshLP .item03 {
    padding-bottom: 3%;
  }

  #cholp #refreshLP .item01 .contentsInner>h3 {
    top: -3%;
  }

  #cholp #refreshLP .itemDetail.item01 .deco {
    padding-top: 17%;
  }

  #cholp #refreshLP .item01 .detailComment p {
    margin: 5% 0 60%;
  }

  #cholp #refreshLP .item03 .detailComment {
    text-align: center;
    width: 100%;
  }

  #cholp #refreshLP .detailImg p {
    position: relative;
  }

  #cholp #refreshLP .itemDetail.item03 .detailImg {
    width: 100%;
  }

  #cholp #refreshLP .itemDetail.item03 .detailImg>div:first-of-type {
    width: 35%;
    float: right;
  }

  #cholp #refreshLP .itemDetail.item03 .detailImg.fr>div:first-of-type {
    float: left;
  }

  #cholp #refreshLP .itemDetail.item03 .detailImg .point {
    width: 60%;
    margin: 0;
    position: absolute;
    top: 70px;
  }

  #cholp #refreshLP .itemDetail.item03 .detailImg.fr .point {
    float: right;
    right: 0;
  }

  #cholp #refreshLP .item03 .detailImg p {
    position: absolute;
    text-align: left;
    bottom: 70px;
  }

  #cholp #refreshLP .item03 .detailImg.fr p {
    text-align: right;
  }

  #cholp #refreshLP .itemDetail.item03 .pointNote {
    width: 100%;
  }

  #cholp #refreshLP .item03 .detailBtn>div:first-of-type {
    max-width: 270px;
    margin: 10px auto;
  }

  #cholp #refreshLP .item01 .ingredient,
  #cholp #refreshLP .item03 .ingredient {
    background-color: #fdc6c8;
    padding: 3%;
  }

  #cholp #refreshLP .item01 .ingredient ul,
  #cholp #refreshLP .item03 .ingredient ul {
    margin-top: 3%;
  }

  #cholp #refreshLP .item01 .ingredient li,
  #cholp #refreshLP .item03 .ingredient li {
    display: inline-block;
    width: 45%;
  }

  #cholp #refreshLP .item02 .detailComment p {
    margin: 5% 0 20%;
  }

  #cholp #refreshLP .item02 .ingredient {
    background-color: #ffe9c8;
    padding: 3%;
  }

  #cholp #refreshLP .item02 .ingredient ul {
    margin-top: 3%;
  }

  #cholp #refreshLP .item02 .ingredient li {
    display: inline-block;
    margin: 2%;
    width: 45%;
  }

  #cholp #refreshLP .cholpHistory {
    background: rgb(255, 153, 153);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }

  #cholp #refreshLP .qa dt {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/qa_open.png) no-repeat right;
  }

  #cholp #refreshLP .qa dt.open {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/qa_close.png) no-repeat right;
  }

  #cholp #refreshLP .qa dd {
    border-top: 3px dotted #fc6a79;
    color: #fc6a79;
  }

  #cholp #refreshLP .items .itemsInner:first-child {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/items_bg01.png) no-repeat center top;
    background-size: auto 100%;
    width: 100%;
  }

  #cholp #refreshLP .items .itemsInner {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/refresh/items_bg02.png) no-repeat center top;
    background-size: auto 100%;
    width: 100%;
  }

  #cholp #refreshLP .items .item03 {
    padding: 3% 0;
  }

  #cholp #refreshLP .items .item03 .detailImg p {
    bottom: 0;
    margin-bottom: 20px;
    text-align: center;
  }

  #cholp #refreshLP .items .itemDetail.item03 .detailImg>div:first-of-type {
    float: none;
    width: 30%;
    margin: 0 auto 40px;
  }

  #cholp #refreshLP .items .item03 .detailBtn span.sort {
    font-size: 16px;
  }

  #cholp #refreshLP .items .item03 .detailBtn>div:first-of-type {
    margin-bottom: 0;
  }


  /*** リフレッシュLPnew体裁SP ***/

  #refreshLP .detailComment {
    float: none;
    display: block;
  }

  #refreshLP .detailInnerProduct {
    display: block;
    margin-top: 20px;
  }

  #refreshLP .detailInnerProduct .detailTaste {
    width: 60%;
    margin: 0 auto;
  }

  #refreshLP .detailInnerProduct .detailInnerMuscat .detailTaste,
  #refreshLP .detailInnerProduct .detailInnerZero .detailTaste {
    width: 50%;
    margin: 0 auto;
  }

  #refreshLP .detailItem,
  #refreshLP .detailItem_1 {
    display: flex;
    align-items: center;
  }
    
  #refreshLP .detailInnerSpCol1 .detailItem,
  #refreshLP .detailInnerSpCol1_1 .detailItem_1{
    padding-bottom: 30px;
  }
    
  #refreshLP .detailInnerPeach .detailItem:first-child .detailItemImg {
    margin-left: 15px;
  }

  #refreshLP .detailInnerProduct.detailInnerPeach .detailItem:nth-child(2) .detailItemImg {
    margin-left: 15px;
  }

  #refreshLP .detailInnerProduct.detailInnerPeach .detailItem:last-child .detailItemPointNote {
    margin-left: 15px;
  }

  #refreshLP .detailInnerMuscat .detailItem .detailItemPointNote,
  #refreshLP .detailInnerZero .detailItem .detailItemPointNote {
    margin-left: 15px;
  }

  #refreshLP .detailInnerSpCol1 .detailItem .detailItemImg,
  #refreshLP .detailInnerSpCol1_1 .detailItem_1 .detailItemImg_1 {
    margin: 0 auto;
  }
    
  #refreshLP .detailItem:first-child .caption {
    text-align: left;
  }

  #refreshLP .detailItem:nth-child(2) .caption {
    text-align: right;
  }

  #refreshLP .detailInnerMuscat .detailItem .caption {
    text-align: right;
  }

  #refreshLP .detailItemPoint {
    display: block;
    width: 63%;
  }

  #refreshLP .detailItemPoint.pc {
    display: none !important;
  }

  #refreshLP .detailItemPoint li:nth-child(n + 2) {
    margin-top: 5px;
  }

  #refreshLP .detailItemImg,
  #refreshLP .detailItemImg_1 {
    width: 40%;
  }

  #refreshLP .detailInnerSpCol1 .detailItemImg,
  #refreshLP .detailInnerSpCol1_1 .detailItemImg_1 {
    width: 25%;
  }

  #refreshLP .caption {
    font-size: 12px;
  }
    
  /****************/
  /*** リフレッシュLPnew体裁 ***/

  #refreshLP .ingredientArea {
    background-color: #fdc6c8;
    padding: 20px 10px 10px;
    margin-top: 50px;
    position: relative;
  }

  #refreshLP .ingredientArea.ingredientAreaMuscat {
    background-color: #fffeed;
    padding: 20px 10px 10px;
    margin-top: 50px;
    position: relative;
  }
  
  /* ▼セロトリプル */
    #refreshLP .ingredientArea .ingredientAreaZero {
    height: 496px;
    background-color: #fbc1b5;
    padding: 20px 10px 10px;
    margin-top: 50px;
    position: relative;
  }

  #refreshLP .ingredientArea.ingredientAreaMuscat,
  #refreshLP .ingredientArea.ingredientAreaZero {
    padding: 50px 10px 10px;
  }

  #refreshLP .ingredientArea h4 {
    width: 100%;
    left: 2.5%;
    position: absolute;
    right: 0;
    top: 2%;
  }

  #refreshLP .ingredientArea.ingredientAreaMuscat h4,
　#refreshLP .ingredientArea.ingredientAreaZero h4 {
    top: 2%;
  }

  #refreshLP .ingredientArea h4 img {
    width: 95%;
  }

  #refreshLP .ingredientInner {
    display: block;
  }

  #refreshLP .ingredientParts {
    position: relative;
    margin-top: 60px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts,
　#refreshLP .ingredientAreaZero .ingredientParts_zero {
    margin-top: 30px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts+.ingredientParts,
  #refreshLP .ingredientAreaZero .ingredientParts+.ingredientParts {
    margin-top: 75px;
  }

  #refreshLP .ingredientParts .caption {
    color: #007f00;
    text-align: left;
  }
  
  .ingredientParts+.ingredientParts {
    position: relative;
    margin-top: 70px;
  }

  #refreshLP .ingredientParts .ingredientPartsProduct {
    width: 20.2%;
  }

  #refreshLP .ingredientParts .ingredientPartsSlogan {
    width: 43.31%;
    left: 21px;
    position: absolute;
    right: 0;
    top: -54px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts .ingredientPartsSlogan {
    width: 33.384%;
    left: 23px;
    top: -25px;
  }

  #refreshLP .ingredientParts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
    #refreshLP .ingredientParts_zero ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #refreshLP .ingredientParts ul li,
  #refreshLP .ingredientParts_zero ul li{
    width: calc(100% / 2.5);
  }

/*   #refreshLP .ingredientParts_zero ul li:nth-of-type(3) {
    padding: 0 calc(100% / 1.25);
  } */
  
  #refreshLP .ingredientParts_zero ul li.microNutrien {
    width: calc(100% / 3.2);
    margin: 0 2px;
  }

  #refreshLP .ingredientParts ul li img,
  #refreshLP .ingredientParts_zero ul li img {
    /* width: 149px; */
    width: 100%;
  }

  #refreshLP .ingredientParts ul li:first-child,
  #refreshLP .ingredientParts_zero ul li:first-child {
    /* padding-right: 20px; */
    order: 1;
    padding-right: 3px;
  }

  #refreshLP .ingredientParts ul li:nth-child(2),
　#refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(3) {
    order: 3;
    /* margin: 0 36%; */
    padding-right: 3px;
  }

  #refreshLP .ingredientParts ul li:nth-child(3),
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(5) {
    order: 5;
    /* padding-left: 27px; */
  }

  #refreshLP .ingredientParts ul li:nth-child(4),
　#refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(2) {
    order: 2;
    /* padding-left: 27px; */
    padding-left: 3px;
  }

  #refreshLP .ingredientParts ul li:nth-child(5) 
/*     ,
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(4)  */
    {
    /* padding-right: 20px; */
    order: 4;
    padding-left: 3px;

  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:first-child {
    order: 1;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(2) {
    order: 3;
    margin: 0 10%;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(3) {
    order: 5;
    /* padding-left: 15px; */
    margin-left: 15px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(4) {
    order: 2;
    /* padding-left: 27px; */
    margin-left: 27px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(5) {
    order: 4;
    /* padding-right: 15px; */
    margin-right: 15px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(6) {
    order: 6;
    margin: 0 10%;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(7) {
    order: 7;
    /* padding-right: 15px; */
    margin-right: 15px;
  }

  #refreshLP .ingredientAreaMuscat .ingredientParts ul li:nth-child(8) {
    order: 8;
    /* padding-left: 15px; */
    margin-left: 15px;

  }
  
  /* ▼ゼロトリプル--------------------------------*/
   #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:first-child {
    order: 1;
  }

  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(2) {
    order: 2;
    margin: 0 3%;
  }

  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(3) {
    order: 3;
    margin: 0 calc(100% / 4.5);
  }

  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(n + 4) {
    margin-top: 15px;
  }
    
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(4) {
    order: 4;
    margin-left: calc(100% / 8);
  }

  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(5) {
    order: 5;
    margin-right: calc(100% / 8);
  }

  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(6) {
    order: 6;
  }

  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(7) {
    order: 7;
  }

  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-child(8) {
    order: 8;
  }
    
  #refreshLP .ingredientAreaZero .ingredientParts_zero ul li:nth-last-child(1) {
    padding-bottom: 25px;
  }    
  /* end of ゼロトリプル--------------------------------*/
  

  #refreshLP .ingredientParts .ingredientBtn {
    margin-top: 20px;
  }

  #refreshLP .ingredientParts .ingredientBtn a {
    width: 35%;
    display: inline-block;
  }
 
  /****************/
}


/*-----------*/

/* shimiLP */

/*-----------*/

#cholp #shimiLP .under {
  background-color: #0042b3;
}

#cholp #shimiLP .sec01 h2 {
  padding: 16px 0 27px;
}

@media print, screen and (max-width: 640px) {
  #cholp #shimiLP .sec01 h2 {
    padding: 0 0 12px;
  }
}

#cholp #shimiLP .sec02,
#cholp #shimiLP .qa {
  background-color: #0042b3;
  padding-bottom: 3%;
}

#cholp #shimiLP .sec02 h2 {
  margin: 0 auto 2%;
  padding-top: 2%;
  text-align: center;
}

#cholp #shimiLP .column {
  border-top: 3px dotted #0042b3;
  padding: 4% 0;
}

#cholp #shimiLP .item01 {
  position: relative;
}

#cholp #shimiLP .item01 p {
  color: #fff;
}

#cholp #shimiLP .itemDetail.item01 {
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/shimi/item01_bg.png) no-repeat top center;
  width: 100%;
}

#cholp #shimiLP .ingredient {
  background-color: #eeeeee;
  padding-top: 3%;
}

#cholp #shimiLP .ingredient h4 {
  padding-bottom: 3%;
}

#cholp #shimiLP .ingredient p {
  font-size: 115%;
  margin-bottom: 30px;
  text-align: left;
}

#cholp #shimiLP .cholpHistory,
#cholp #shimiLP .sec05 {
  background: rgb(255, 228, 155);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 228, 155, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 228, 155, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 228, 155, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

#cholp #shimiLP .qa dd {
  border-top: 3px dotted #0042b3;
  margin-top: 20px;
}

#cholp #shimiLP .itemsInner {
  width: 100%;
}

/* PC用 */

@media print, screen and (min-width: 641px) {
  #cholp #shimiLP .mv {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/shimi/mv_bg.png) no-repeat center top;
    background-size: inherit;
    height: 550px;
    /* min-width: 1200px; */
    width: 100%;
  }

  #cholp #shimiLP .under {
    margin-top: 200px;
  }

  #cholp #shimiLP .underTxt>.hideSP {
    position: relative;
    top: 15px;
  }

  #cholp #shimiLP .sec01 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/shimi/sec01_bg.png) no-repeat scroll center center #f1f0eb;
    /* background-size: 100%; */
    /* min-width: 1200px; */
    height: 290px;
    margin-top: -3px;
    width: 100%;
  }

  #cholp #shimiLP .sec03 {
    margin-bottom: 30px;
  }

  #cholp #shimiLP .sec03 p.fl {
    /* font-size: 175%; */
    font-size: 21px;
    width: 580px;
  }

  #cholp #shimiLP .sec03 .clf div {
    float: right;
    width: 350px;
  }

  #cholp #shimiLP .sec03 .deco {
    height: 42px;
    line-height: 1.5;
  }

  #cholp #shimiLP .itemDetail.item01 {
    background-size: 100% 100%;
  }

  #cholp #shimiLP .detailImg {
    margin-top: 40px;
  }

  #cholp #shimiLP .detailImg p {
    bottom: -50px;
  }

  #cholp #shimiLP .item01 {
    height: 700px;
    min-width: 1200px;
  }

  #cholp #shimiLP .item01 h2 {
    width: 550px;
  }

  #cholp #shimiLP .item01 .point {
    top: 80px;
  }

  #cholp #shimiLP .ingredient p {
    width: 320px;
  }

  #cholp #shimiLP .ingredient .contentsInner div {
    float: left;
  }

  #cholp #shimiLP .ingredient div>img {
    margin: 20px 10px;
  }

  #cholp #shimiLP .ingredient .ingredientRight {
    margin-top: 90px;
  }

  #cholp #shimiLP .historyInner li {
    height: 470px;
  }

  #cholp #shimiLP .items .item01 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/shimi/item01_bg.png) no-repeat center top;
    background-size: 100% 100%;
    width: 100%;
  }
}

/* スマホ用　*/

@media print, screen and (max-width: 640px) {
  #cholp #shimiLP .sec03 .clf>p {
    margin-bottom: 5%;
  }

  #cholp #shimiLP .sec03 .deco {
    line-height: 2;
  }

  #cholp #shimiLP .itemDetail.item01 {
    background-size: auto 100%;
  }

  #cholp #shimiLP .item01 {
    padding-bottom: 3%;
  }

  #cholp #shimiLP .item01 .contentsInner>h3 {
    top: -3%;
  }

  #cholp #shimiLP .itemDetail.item01 .deco {
    padding-top: 17%;
  }

  #cholp #shimiLP .detailImg p {
    position: relative;
  }

  #cholp #shimiLP .ingredient .contentsInner div {
    margin: 0 auto;
    width: 80%;
  }

  #cholp #shimiLP .ingredient .contentsInner div>img {
    margin: 3% auto 5%;
    width: 70%;
  }

  #cholp #shimiLP .cholpHistory {
    background: rgb(255, 228, 155);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 228, 155, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 228, 155, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 228, 155, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }

  #cholp #shimiLP .qa dt {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/shimi/qa_open.png) no-repeat right;
  }

  #cholp #shimiLP .qa dt.open {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/shimi/qa_close.png) no-repeat right;
  }

  #cholp #shimiLP .qa dd {
    border-top: 3px dotted #0042b3;
    color: #0042b3;
  }

  #cholp #shimiLP .items .itemsInner {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/shimi/item01_bg.png) no-repeat center top;
    background-size: auto 100%;
    width: 100%;
  }
}

/*------------*/

/* tsukareLP */

/*------------*/

#cholp #tsukareLP .sort {
  border: 1px solid;
  padding: 3px;
}

#cholp #tsukareLP .sort.border-none {
  border: 0;
}

#cholp #tsukareLP .mainvisual_under .left_box {
  text-align: center;
}

#cholp #tsukareLP .mainvisual_under .sort {
  color: #fff;
  display: inline-block;
  margin: 10px 39px 0 20px;
  font-size: 12px;
}

#cholp #tsukareLP .mainvisual_under {
  background-color: #e0427f;
}

#cholp #tsukareLP .mainvisual_under .social-button-syncer {
  width: auto;
  text-align: center;
}

#cholp #tsukareLP .mainvisual_under .social-button-syncer li {
  display: inline-block;
  float: none;
  margin: 0 5px;
}

#cholp #tsukareLP .sec01 h2 {
  padding: 0 0 27px;
}

@media print, screen and (max-width: 640px) {
  #cholp #tsukareLP .sec01 h2 {
    padding: 0 0 12px;
  }
}

#cholp #tsukareLP .sec02,
#cholp #tsukareLP .qa {
  background-color: #e0427f;
  padding-bottom: 3%;
}

#cholp #tsukareLP .sec02 h2 {
  padding: 2% 0;
  text-align: center;
}

#cholp #tsukareLP .column {
  border-top: 3px dotted #e0427f;
  padding: 4% 0;
}

#cholp #tsukareLP .itemDetail li:first-child {
  margin-bottom: 15px;
}

#cholp #tsukareLP .item01 {
  position: relative;
}

#cholp #tsukareLP .item02 {
  background-image: -moz-linear-gradient(102deg, rgb(203, 1, 34) 0%, rgb(246, 225, 158) 30%);
  background-image: -webkit-linear-gradient(102deg, rgb(203, 1, 34) 0%, rgb(246, 225, 158) 30%);
  background-image: -ms-linear-gradient(102deg, rgb(203, 1, 34) 0%, rgb(246, 225, 158) 30%);
  background-color: #f6e19e;
}

#cholp #tsukareLP .item02 .marker,
#cholp #tsukareLP .item03 .marker {
  background-color: #ffaf38;
}

#cholp #tsukareLP .item03 {
  background-image: -moz-radial-gradient(50% 90%,
      circle farthest-side,
      rgb(246, 187, 219) 16%,
      rgb(255, 127, 180) 100%);
  background-image: -webkit-radial-gradient(50% 90%,
      circle farthest-side,
      rgb(246, 187, 219) 16%,
      rgb(255, 127, 180) 100%);
  background-image: -ms-radial-gradient(50% 90%, circle farthest-side, rgb(246, 187, 219) 16%, rgb(255, 127, 180) 100%);
  background-color: #ff7fb4;
}

#cholp #tsukareLP .itemDetail.item03,
#cholp #tsukareLP .itemDetail.item04 {
  padding-top: 3%;
}

#cholp #tsukareLP .item01 {
  background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/tsukare/item03_bg.jpg) top center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

#cholp #tsukareLP .item04 {
  background-image: -moz-linear-gradient(160deg, rgb(230, 17, 45) 50%, rgb(251, 245, 190) 50%);
  background-image: -webkit-linear-gradient(160deg, rgb(230, 17, 45) 50%, rgb(251, 245, 190) 50%);
  background-image: -ms-linear-gradient(160deg, rgb(230, 17, 45) 50%, rgb(251, 245, 190) 50%);
  background-color: rgb(251, 245, 190);
}

#cholp #tsukareLP .item03 .sort {
  color: #403e5a;
}

#cholp #tsukareLP .item01 .sort,
#cholp #tsukareLP .item02 .sort,
#cholp #tsukareLP .item04 .sort {
  color: #000;
}

#cholp #tsukareLP .cholpHistory,
#cholp #tsukareLP .sec05 {
  background: rgb(255, 153, 153);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 153, 153, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

#cholp #tsukareLP .items-horizon .item-image {
  position: relative;
}

#cholp #tsukareLP .items-horizon .item-image p {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
}

#cholp #tsukareLP .qa dd {
  border-top: 3px dotted #e0427f;
}

/* PC用 */

@media print, screen and (min-width: 641px) {
  #cholp #tsukareLP .mainvisual {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/tsukare/mv_bg.png) no-repeat center center #fbfcff;
    background-size: inherit;
    height: 403px;
  }

  #cholp #tsukareLP .mainvisual h1 {
    padding: 15px 12px;
  }

  #cholp #tsukareLP .mainvisual_under .contentsInner {
    position: relative;
  }

  #cholp #tsukareLP .mainvisual_under .right_box {
    float: right;
    margin-top: -40px;
  }

  #cholp #tsukareLP .mainvisual_under .left_box {
    float: left;
    width: 420px;
  }

  #cholp #tsukareLP .mainvisual_under .left_box .item {
    position: absolute;
    top: -220px;
    left: 0px;
  }

  #cholp #tsukareLP .mainvisual_under .left_box .social-button-syncer {
    margin: 120px 0 10px;
  }

  #cholp #tsukareLP .sec01 {
    box-sizing: content-box;
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/tsukare/sec01_bg.png) no-repeat center center #f1f0eb;
    /* background-size: 100%; */
    padding-top: 40px;
    height: 300px;
    /* min-width: 1200px; */
    width: 100%;
    /* margin-top: 44px; */
  }

  #cholp #tsukareLP .sec01 h2 {
    padding-top: 0;
  }

  #cholp #tsukareLP .sec01Item .item {
    padding-top: 30px;
    text-align: center;
  }

  #cholp #tsukareLP .sec03 p.fl {
    margin-top: 50px;
    width: 580px;
    font-size: 19.2px;
  }

  #cholp #tsukareLP .sec03 .clf div {
    float: right;
    width: 360px;
  }

  #cholp #tsukareLP .sec03 .sort {
    display: inline-block;
    color: #333;
  }

  #cholp #tsukareLP .itemDetail h2 {
    margin-top: 7px;
  }

  #cholp #tsukareLP .item01 .detailImg {
    margin-left: 45px;
  }

  #cholp .koka {
    position: absolute;
    color: #000;
    left: 0;
    right: 0;
  }

  #cholp #tsukareLP .item01 .detailInner {
    padding-bottom: 5.6%;
  }

  #cholp #tsukareLP .item01 .detailImg p {
    bottom: -27px;
    position: absolute;
  }

  #cholp .item01 .koka {
    bottom: 121px;
    font-size: 12px;
  }

  #cholp .item02 .koka {
    font-size: 12px;
  }

  #cholp #tsukareLP .item03 .detailImg p {
    bottom: -8px;
    position: absolute;
  }

  #cholp .item03 .koka {
    bottom: 30px;
    font-size: 12px;
  }

  #cholp .item03 .btn {
    padding-bottom: 66px;
  }

  #cholp #tsukareLP .item02 .detailImg p {
    bottom: -17px;
  }

  #cholp .item02 .koka {
    bottom: 30px;
  }

  #cholp .item04 .koka {
    bottom: 33px;
    margin-left: 17px;
    font-size: 12px;
  }

  #cholp .btn {
    margin-bottom: 20px;
    text-align: left;
  }

  #cholp .item04 .koka {
    bottom: 33px;
    margin-left: 17px;
  }

  *::-ms-backdrop,
  #cholp .item04 .koka {
    bottom: 23px;
    margin-left: 7px;
  }

  #cholp .detailImg p {
    bottom: 10px;
    left: 0;
    position: absolute;
    right: 0;
  }

  #cholp .item04 .detailImg {
    margin-left: 50px;
  }

  *::-ms-backdrop,
  #cholp .item04 .detailImg {
    margin-left: 40px;
  }

  #cholp .item04 .detailImg p {
    bottom: -3px;
    left: 14px;
    position: absolute;
    right: 0;
  }

  #cholp #tsukareLP .item01 .point {
    /* margin-top: 47px; */
  }

  #cholp #tsukareLP .item02 .detailComment p {
    margin-top: 35px;
  }

  #cholp #tsukareLP .item02 .detailImg {
    margin-left: 50px;
  }

  #cholp #tsukareLP .item03 .detailImg {
    margin-left: 35px;
  }

  #cholp #tsukareLP .item03 .point {
    padding: 3px 0 58px 0;
  }

  #cholp #tsukareLP .itemDetail.item04 .deco {
    width: 500px;
  }

  #cholp #tsukareLP .item04 .point {
    margin-top: 25px;
  }

  #cholp #tsukareLP .item03 .detailImg {
    margin-left: 35px;
  }

  #cholp #tsukareLP .historyInner li {
    height: 550px;
  }

  #cholp #tsukareLP .sec05 {
    padding-bottom: 60px;
  }

  #cholp #tsukareLP .items-horizon {
    display: table;
    width: 100%;
  }

  #cholp #tsukareLP .items-horizon>div {
    float: none;
    display: table-cell;
    width: 25%;
    vertical-align: top;
  }

  #cholp #tsukareLP .items-horizon .itemsInner {
    position: relative;
    width: 100%;
    text-align: center;
  }

  #cholp #tsukareLP .items-horizon .itemsInner h3 {
    top: -60px;
  }

  #cholp #tsukareLP .items-horizon .itemsInner h2 {
    margin: 0 0 20px;
    width: auto;
    box-sizing: content-box;
  }

  #cholp #tsukareLP .items-horizon .itemsInner h2 img {
    width: 220px;
  }

  #cholp #tsukareLP .items-horizon .itemsInner .item-image {
    margin-bottom: 30px;
  }

  #cholp #tsukareLP .items-horizon .itemsInner .item-image img {
    height: 342px;
    width: auto;
  }

  #cholp #tsukareLP .qa dd {
    margin-top: 20px;
  }

  #cholp .btn-item01 {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: left;
  }

  #cholp .btn-item03 {
    margin-bottom: 90px;
    text-align: left;
  }

  #cholp .btn-item02 {
    margin-bottom: 70px;
    text-align: left;
  }

  #cholp .btn-item04 {
    margin-bottom: 70px;
    text-align: left;
  }

  #cholp .item-text {
    height: 210px;
  }

  #cholp .item-text_long {
    height: 260px;
  }

  #cholp .item-text_long .cap {
    font-size: 10px !important;
    vertical-align: super;
  }

  #cholp .item-text_long.caption {
    height: 50px;
    /* font-size: 100% !important; */
    margin-bottom: 0px;
  }
}

/* IE */

@media all and (-ms-high-contrast: none) {

  *::-ms-backdrop,
  #cholp .btn-item01,
  #cholp .btn-item02,
  #cholp .btn-item03,
  #cholp .btn-item04 {
    text-align: left;
  }

  #cholp .btn-item01 {
    margin-bottom: 45px;
  }

  #cholp .btn-item02 {
    margin-bottom: 80px;
  }
}

/* Firefox */

@-moz-document url-prefix() {

  #cholp .btn-item01,
  #cholp .btn-item02,
  #cholp .btn-item03,
  #cholp .btn-item04 {
    text-align: left;
  }

  #cholp .btn-item01 {
    margin-bottom: 45px;
  }

  #cholp .btn-item02 {
    margin-bottom: 80px;
  }
}

/* スマホ用　*/

@media print, screen and (max-width: 640px) {
  #cholp #tsukareLP .mainvisual_under .item-name {
    text-align: center;
    padding: 1% 0 3%;
  }

  #cholp #tsukareLP .mainvisual_under .item-name li {
    display: inline-block;
    margin: 0 2%;
    color: #fff;
  }

  #cholp #tsukareLP .mainvisual_under .sort {
    color: #fff;
    display: inline-block;
    margin: 0px;
  }

  #cholp #tsukareLP .item01 {
    padding-top: 4%;
  }

  #cholp #tsukareLP .item01 .contentsInner>h3 {
    top: -2.5%;
  }

  #cholp #tsukareLP .itemDetail .item01 .deco {
    padding-top: 8%;
  }

  #cholp .item01 .deco {
    margin-bottom: 0;
  }

  #cholp #tsukareLP .itemDetail .detailImg {
    float: right;
    width: 37%;
    margin-bottom: 17%;
  }

  #cholp #tsukareLP .item01 .detailImg {
    margin-bottom: 35%;
    margin-top: 10%;
  }

  #cholp #tsukareLP .item03 .detailImg {
    margin-bottom: 22%;
  }

  #cholp #tsukareLP .itemDetail.item01 .detailImg p {
    bottom: auto;
    top: 89%;
  }

  #cholp #tsukareLP .itemDetail.item02 .detailImg p {
    bottom: auto;
    top: 89.6%;
  }

  #cholp #tsukareLP .itemDetail.item03 .detailImg p {
    bottom: auto;
    top: 91%;
  }

  #cholp #tsukareLP .sec01Item .item p {
    padding: 0 2%;
  }

  #cholp #tsukareLP .sec02 h2 {
    padding: 2%;
  }

  #cholp #tsukareLP .item01 .deco,
  #cholp #tsukareLP .item04 .deco {
    padding-top: 3%;
  }

  #cholp #tsukareLP .cholpHistory h2 {
    margin: 0 3%;
  }

  #cholp #tsukareLP .items-horizon h2 {
    margin: 3% 0 5%;
  }

  #cholp #tsukareLP .items-horizon>div {
    padding: 5%;
  }

  #cholp #tsukareLP .items-horizon .item-image img {
    width: 25%;
  }

  #cholp #tsukareLP .items-horizon .item-image p {
    margin-bottom: -10px;
  }

  #cholp #tsukareLP .items-horizon .item-image+div {
    margin: 20px auto 0;
    width: 80%;
  }

  #cholp #tsukareLP .items-horizon .item-image+div p {
    margin: 0 auto;
    width: 80%;
  }

  #cholp #tsukareLP .items-horizon .social-area-syncer {
    padding-bottom: 0;
  }

  #cholp #tsukareLP .qa dt {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/tsukare/qa_open.png) no-repeat right;
  }

  #cholp #tsukareLP .qa dt.open {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/tsukare/qa_close.png) no-repeat right;
  }

  #cholp #tsukareLP .qa dd {
    border-width: 2px;
    color: #e0427f;
    margin-top: 3%;
  }

  #cholp .koka2 {
    position: absolute;
    bottom: 43%;
    left: 0;
    right: 0;
  }

  #cholp .item02 .koka2 {
    position: absolute;
    bottom: 43%;
    left: 0;
    right: 0;
  }

  #cholp .item03 .koka2 {
    position: absolute;
    bottom: 48%;
    left: 0;
    right: 0;
  }

  #cholp .item04 .detailComment {
    margin-bottom: 20%;
  }

  #cholp .item02 .koka {
    float: left;
    width: 96%;
    color: #000;
    position: absolute;
    bottom: 37%;
    left: 2%;
    right: 0;
  }

  #cholp .item04 .koka {
    position: absolute;
    bottom: 35%;
    left: 0;
    right: 0;
  }

  #cholp .item04 .koka2 {
    position: absolute;
    bottom: 42%;
    left: 0;
    right: 0;
  }

  #cholp .item01 .koka {
    float: left;
    width: 96%;
    color: #000;
    position: absolute;
    bottom: 34%;
    left: 2%;
    right: 0;
  }

  #cholp .item03 .koka {
    float: left;
    width: 96%;
    color: #000;
    position: absolute;
    bottom: 41%;
    left: 2%;
    right: 0;
  }

  #cholp .item04 .detailImg {
    margin-left: 0px;
  }
}

@media print, screen and (max-width: 320px) {
  #cholp #tsukareLP .item01 .detailImg {
    margin-bottom: 62%;
    margin-top: 10%;
  }

  #cholp #tsukareLP .itemDetail li:first-child {
    margin-bottom: 30px;
  }
}

/*-----------*/

/* uruoiLP */

/*-----------*/

#cholp #uruoiLP .under {
  background-color: #0c0f6b;
}

#cholp #uruoiLP .under .sort {
  margin-left: 5px;
}

#cholp #uruoiLP ul.social-button-syncer {
  margin: 10px auto;
}

#cholp #uruoiLP .underTxt .attention a {
  color: #ff6c60;
}

#cholp #uruoiLP .sec01 h2 {
  padding: 27px 0 27px;
}

@media print, screen and (max-width: 640px) {
  #cholp #uruoiLP .sec01 h2 {
    padding: 0 0 12pxx;
  }
}

#cholp .marker.pink {
  background-color: #fdc6c8;
}

#cholp #uruoiLP .sec01Item {
  padding-bottom: 2%;
}

#cholp #uruoiLP .movie_new {
  margin: 5% auto;
}

#cholp #uruoiLP .movie_new #mid_1362 {
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#cholp #uruoiLP .sec02,
#cholp #uruoiLP .date,
#cholp #uruoiLP .qa {
  background-color: #0c0f6b;
  padding-bottom: 3%;
}

#cholp #uruoiLP .sec02 h2,
#cholp #uruoiLP .date h2 {
  margin: 0 auto 2%;
  padding-top: 2%;
  text-align: center;
}

#cholp #uruoiLP .sec03 .clf div p {
  margin: 10px 0 30px;
}

#cholp #uruoiLP .sec03 .clf+div.tac {
  margin-bottom: 75px;
}

#cholp #uruoiLP .column {
  border-top: 3px dotted #0c0f6b;
  padding: 4% 0;
}

#cholp #uruoiLP .column .attention,
#cholp #uruoiLP .cholpHistory .attention {
  float: left;
}

#cholp #uruoiLP .column .attention.fr {
  float: right;
}

#cholp #uruoiLP .cholpHistory .attention #cholp #uruoiLP .item01,
#cholp #uruoiLP .items {
  position: relative;
}

#cholp .cholpHistory h4+p.item01 {
  text-align: left;
  position: relative;
}

#cholp #uruoiLP .cholpHistory span.attention {
  float: none;
  position: absolute;
  left: 10px;
  bottom: 2px;
}

#cholp #uruoiLP .item01 p {
  color: #fff;
}

#cholp #uruoiLP .ingredient {
  background: -webkit-gradient(radial, center center, 0, center center, 100, from(#f8f7f1), to(#e7dfc7));
  background: -webkit-radial-gradient(center, ellipse cover, #f8f7f1 0%, #e7dfc7 100%);
  background: -moz-radial-gradient(center, ellipse cover, #f8f7f1 0, #e7dfc7 100%);
  background: -o-radial-gradient(center, ellipse cover, #f8f7f1 0, #e7dfc7 100%);
  background: radial-gradient(#f8f7f1 0, #e7dfc7 100%);
  padding: 3% 0;
}

#cholp #uruoiLP .ingredient .contentsInner h4:nth-of-type(1) {
  text-align: left;
  margin-bottom: 30px;
}

#cholp #uruoiLP .comment {
  background-color: #eeeeee;
  padding: 3% 0;
}

#cholp #uruoiLP .comment .attention {
  padding-top: 1%;
  text-align: right;
}

#cholp #uruoiLP .cholpHistory,
#cholp #uruoiLP .sec05 {
  background: rgb(235, 218, 166);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(235, 218, 166, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(235, 218, 166, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(235, 218, 166, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

#cholp #uruoiLP .qa dd {
  border-top: 3px dotted #0c0f6b;
  margin-top: 20px;
}

#cholp #uruoiLP .qa dd .attention {
  text-align: right;
  font-size: 12px;
}

#cholp #uruoiLP .itemsInner {
  width: 100%;
}

#cholp #uruoiLP .sec02,
#cholp #uruoiLP .date,
#cholp #uruoiLP .qa {
  background-image: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/bg_line.png), url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/bg_line.png),
    url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/qa_bg.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center top, center bottom, left top;
  background-size: 100% auto;
}

#cholp #uruoiLP .itemDetail.item01,
#cholp #uruoiLP .items {
  background-image: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/bg_line.png), url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/bg_line.png),
    url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/items_bg.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center top, center bottom, center top;
}

#cholp #uruoiLP .itemDetail .attention,
#cholp #uruoiLP .items .attention {
  font-size: 100%;
  margin: 0 auto;
  text-align: left;
}

/* PC用 */

@media print, screen and (min-width: 641px) {

  *::-ms-backdrop,
  #header {
    position: relative;
    z-index: 10;
  }

  *::-ms-backdrop,
  #headerBox {
    position: relative;
    z-index: 10;
  }

  #cholp #uruoiLP .mv {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/mv_bg02.png) no-repeat center top #fff;
    height: 640px;
    /* min-width: 1200px; */
    width: 100%;
  }

  *::-ms-backdrop,
  #cholp #uruoiLP .mv {
    background: #faa4d2;
    position: relative;
  }

  *::-ms-backdrop,
  #cholp #uruoiLP .mv:after {
    content: "";
    width: 1280px;
    height: 625px;
    margin: 0 auto;
    display: block;
    position: absolute;
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/mv_bg.png) no-repeat left 0 top 0;
    top: -91px;
    /* left: -358px; */
    left: 50%;
    transform: translateX(-130px);
    z-index: 1;
  }

  *::-ms-backdrop,
  #cholp #uruoiLP .mv h1 {
    padding: 40px 0 0 0;
    position: relative;
    z-index: 10;
  }

  *::-ms-backdrop,
  #cholp #uruoiLP .underTxt {
    position: relative;
    z-index: 10;
  }

  *::-ms-backdrop,
  .ie {
    position: relative;
    z-index: 10;
  }

  #cholp #uruoiLP .mv h1 {
    padding: 40px 0 0 0;
  }

  #cholp #uruoiLP .under {
    background-image: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/bg_line.png), url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/bg_line.png),
      url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/under_bg.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center top, center bottom, left top;
    background-size: 100% auto, 100% auto, 100% 100%;
    height: 200px;
    /* margin: 132px 0 0 0; */
    margin: -10px 0 0 0;
  }

  #cholp #uruoiLP .underTxt {
    bottom: 20px;
    margin: 0 auto;
    position: absolute;
    /* width: 550px; */
    width: 430px;
  }

  #cholp #uruoiLP .underTxt>.hideSP {
    position: relative;
    top: -5px;
    left: 0;
  }

  #cholp #uruoiLP .underTxt .attention {
    padding-top: 10px;
    width: 950px;
  }

  #cholp #uruoiLP .sec01 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/sec01_bg.png) no-repeat scroll center center #f1f0eb;
    /* background-size: 100%; */
    /* min-width: 1200px; */
    padding-bottom: 3%;
    width: 100%;
    margin: 51px 0 0 0;
  }

  #cholp #uruoiLP .sec02 .column:first-child div.fr,
  #cholp #uruoiLP .date .column:first-child div.fr {
    width: 430px;
  }

  #cholp #uruoiLP .movie_new #mid_1362 {
    height: 534px;
    width: 950px;
  }

  #cholp #uruoiLP .sec03 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/sec03_bg.jpg) no-repeat scroll 65% 80%;
  }

  #cholp #uruoiLP .sec03 h2 {
    padding: 2% 0;
  }

  #cholp #uruoiLP .sec03 p.fl {
    background: rgba(255, 255, 255, 0.8);
    font-size: 18.6px;
    margin-top: 30px;
    padding: 3% 3% 3% 0;
    width: 580px;
  }

  #cholp #uruoiLP .sec03 .clf div {
    float: right;
    width: 340px;
  }

  #cholp #uruoiLP .sec03 .deco {
    font-size: 110%;
    height: 45px;
    line-height: 1.5;
  }

  #cholp #uruoiLP .itemDetail .detailComment h3,
  #cholp #uruoiLP .itemDetail .detailComment p {
    margin-right: 0;
    width: 280px;
  }

  #cholp #uruoiLP .detailComment {
    margin-top: 60px;
  }

  #cholp #uruoiLP .itemDetail.item01 p {
    margin: 30px 0 70px;
  }

  #cholp #uruoiLP .itemDetail.item01 p.attention {
    margin: 0;
    padding-bottom: 2%;
    font-size: 12px;
  }

  #cholp #uruoiLP .itemDetail.item01,
  #cholp #uruoiLP .items {
    background-size: 100% auto, 100% auto, 100% 100%;
  }

  #cholp #uruoiLP .item01 h2 {
    width: 590px;
  }

  #cholp #uruoiLP .item01 .deco {
    background-position: left 70%, right 70%;
    min-height: 35px;
  }

  #cholp #uruoiLP .item01 .point {
    top: 40px;
  }

  #cholp #uruoiLP .detailImg p {
    bottom: -80px;
  }

  #cholp #uruoiLP .ingredient p {
    margin-bottom: 30px;
  }

  #cholp #uruoiLP .ingredient .contentsInner div {
    float: left;
  }

  #cholp #uruoiLP .ingredient .ingredientRight {
    margin-top: 140px;
  }

  #cholp #uruoiLP .comment ul {
    margin: 3% auto 0;
    width: 955px;
  }

  #cholp #uruoiLP .comment li {
    float: left;
    margin-left: 0.5%;
  }

  #cholp #uruoiLP .comment li:first-child {
    margin-left: 0;
  }

  #cholp #uruoiLP .historyInner li {
    height: 540px;
  }

  #cholp #uruoiLP .items {
    height: 615px;
    margin-top: 20px;
    min-width: 1200px;
    padding-bottom: 250px;
    box-sizing: content-box;
  }

  #cholp #uruoiLP .items h3 {
    top: -42px;
  }

  #cholp #uruoiLP .items h2 {
    margin: 10px auto 20px;
  }

  #cholp #uruoiLP .items .itemsinfo {
    bottom: -235px;
    left: 0;
    position: absolute;
    right: 0;
  }

  #cholp #uruoiLP .items .attention {
    width: 950px;
  }

  /* #cholp #uruoiLP .lineup li {
    padding: 0 20px;
  } */
}

/* スマホ用　*/

@media print, screen and (max-width: 640px) {
  #cholp #uruoiLP .movie_new {
    position: relative;
    width: 92%;
    padding-bottom: 51.75%;
    margin-top: 16%;
  }

  #contents .movie_new h3 {
    margin: -9% auto 2%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  #cholp #uruoiLP .movie_new #mid_1362 {
    position: absolute;
    top: -1%;
    left: 0;
    height: 100% !important;
    width: 100%;
  }

  #cholp #uruoiLP .movie_new #mid_1369 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

  #cholp #uruoiLP .sec03 {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/sec03_bg.jpg) no-repeat scroll center 25% / 80%;
  }

  #cholp #uruoiLP .sec03 .clf>p {
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 9%;
  }

  #cholp #uruoiLP .sec03 .deco {
    line-height: 1.5;
  }

  #cholp #uruoiLP .sec03 h4 {
    width: 100%;
  }

  #cholp #uruoiLP .sec03 h4 {
    font-size: 100%;
  }

  #cholp #uruoiLP .sec03 .clf+div.tac {
    margin-bottom: 55px;
  }

  #cholp #uruoiLP .item01 {
    padding-bottom: 3%;
  }

  #cholp #uruoiLP .itemDetail .detailImg div {
    margin: 0 0 0 -7%;
    width: 120%;
  }

  #cholp #uruoiLP .itemDetail.item01,
  #cholp #uruoiLP .items {
    background-size: 100% auto, 100% auto, auto 100%;
  }

  #cholp #uruoiLP .detailComment {
    margin-bottom: 10%;
  }

  #cholp #uruoiLP .detailInner>.hidePC {
    margin: 5% auto;
    width: 80%;
  }

  #cholp #uruoiLP .item01 .detailImg p {
    bottom: -7%;
  }

  #cholp #uruoiLP .item01 .contentsInner>h3 {
    top: -3%;
  }

  #cholp #uruoiLP .ingredient p {
    margin-bottom: 3%;
  }

  #cholp #uruoiLP .ingredient .contentsInner div {
    margin: 0 auto;
    width: 80%;
  }

  #cholp #uruoiLP .ingredient .contentsInner div>img {
    margin: 0 auto 5%;
    width: 70%;
  }

  #cholp #uruoiLP .ingredient .contentsInner h4:nth-of-type(1) {
    margin-bottom: 10px;
    text-align: center;
  }

  #cholp #uruoiLP .ingredient .contentsInner h4:nth-of-type(1) img {
    width: 40%;
  }

  #cholp #uruoiLP .comment li {
    margin: 3% auto;
    width: 70%;
  }

  #cholp #uruoiLP .cholpHistory {
    background: rgb(235, 218, 166);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(235, 218, 166, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(235, 218, 166, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(235, 218, 166, 1) 0%, rgba(255, 255, 255, 1) 120%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }

  #cholp #uruoiLP .qa dt {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/qa_open.png) no-repeat right;
  }

  #cholp #uruoiLP .qa dt.open {
    background: url(https://7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/lp/uruoi/qa_close.png) no-repeat right;
  }

  #cholp #uruoiLP .qa dd {
    border-top: 3px dotted #0c0f6b;
    color: #0c0f6b;
  }

  #cholp #uruoiLP .qa dd .attention {
    text-align: left;
  }

  #cholp #uruoiLP .items .itemsInner {
    background: url() no-repeat center top;
    background-size: 100%;
  }

  #cholp #uruoiLP .items .itemsinfo p {
    margin-bottom: 20px;
  }

  #cholp #uruoiLP .items .itemsitem p img {
    margin-left: -15%;
    width: 130% !important;
  }

  #cholp #uruoiLP .items .attention,
  #cholp #uruoiLP .items .syohin {
    width: 100%;
  }

  #cholp #uruoiLP .itemDetail .attention {
    padding: 5% 0;
  }

  #cholp .cholpHistory h4+p.item01 {
    text-align: center;
  }

  #cholp #uruoiLP .cholpHistory span.attention {
    left: 0;
  }
}

/*----------------*/

/* powerrefreshLP */

/*----------------*/

/* #cholp #powerrefreshLP .mv h1 {
  padding-top: 0;
}

#cholp #powerrefreshLP .mv h1 img {
  width: 100%;
}

#cholp #powerrefreshLP .mv.width1317 {
  display: none;
}

#cholp #powerrefreshLP .mv p {
  background-color: #f63343;
  background-size: 100% 126px;
  background-position: bottom;
}

#cholp #powerrefreshLP .sec {
  margin: 3% auto;
  width: 950px;
}

#cholp #powerrefreshLP .sec > div {
  float: left;
  width: 475px;
}

#cholp #powerrefreshLP .sec > div div {
  position: relative;
}

#cholp #powerrefreshLP .sec .btn {
  left: 120px;
  position: absolute;
  top: 470px;
}

#cholp #powerrefreshLP .inner {
  padding-top: 40px;
  width: 475px;
}

#cholp #powerrefreshLP .refresh .inner {
  background: url() repeat;
}

#cholp #powerrefreshLP .power .inner {
  background: url() repeat;
}

#cholp #powerrefreshLP .iframe_container.hide {
  display: none;
}

#cholp #powerrefreshLP .cm_movie .movie_bt {
  float: left;
  margin: 10px 0 0 12px;
}

#cholp #powerrefreshLP .sns {
  padding-bottom: 5%;
  text-align: center;
}

[id^="___plusone"] {
  width: 60px !important;
}

#cholp #powerrefreshLP .sns li {
  display: inline-block;
}

#cholp #powerrefreshLP .sns li:last-child {
  width: 70px;
}

#cholp #powerrefreshLP .sns li > div,
#cholp #powerrefreshLP .sns li iframe {
  vertical-align: bottom !important;
}

@media print, screen and (min-width: 1317px) {
  #cholp #powerrefreshLP .mv.hide1317 {
    display: none;
  }

  #cholp #powerrefreshLP .mv.width1317 {
    display: block;
    position: relative;
    text-align: center;
width: 100%;
}

#cholp #powerrefreshLP .mv.width1317 h1 img {
  width: 100%;
}

#cholp #powerrefreshLP .mv li {
  float: left;
  min-width: 659px;
  width: 50%;
}
}

@media print, screen and (max-width: 640px) {
  #cholp #powerrefreshLP section {
    padding: 0 5%;
  }

  #cholp #powerrefreshLP .anc li {
    float: left;
    margin-top: 5%;
    width: 50%;
  }

  #cholp #powerrefreshLP .sec {
    margin: 5% auto;
    width: 90%;
  }

  #cholp #powerrefreshLP .sec>div {
    float: none;
    margin: -12% auto 5%;
    padding-top: 12%;
    width: 100%;
  }

  #cholp #powerrefreshLP .sec .btn {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 84%;
    width: 50%;
  }

  #cholp #powerrefreshLP .inner {
    padding: 6% 0;
    width: 90%;
  }

  #cholp #powerrefreshLP .cm_title {
    padding-bottom: 6%;
  }

  #cholp #powerrefreshLP .refresh .inner {
    background: url() repeat;
    background-size: 2% 2%;
  }

  #cholp #powerrefreshLP .power .inner {
    background: url() repeat;
    background-size: 2% 2%;
  }

  #cholp #powerrefreshLP .movie div {
    padding-top: 0;
  }

  #cholp #powerrefreshLP .movie>div {
    margin: 0 auto;
    width: 90%;
  }

  #cholp #powerrefreshLP .cm_movie .movie {
    padding: 0;
  }

  #cholp #powerrefreshLP .cm_movie .movie_bt {
    margin: 0 0 0 2%;
    padding: 0;
    width: 47%;
  }

  #cholp #powerrefreshLP .iframe_container {
    clear: both;
    height: 0;
    margin: 0 auto 3%;
    overflow: hidden;
    padding: 0 0 56.25%;
    position: relative;
    width: 100%;
  }

  #cholp #powerrefreshLP .movie iframe {
    height: 100% !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
  }

  #cholp #powerrefreshLP .sns {
    padding: 0 5% 10%;
    text-align: left;
  }

  #cholp #powerrefreshLP .sns li {
    padding-bottom: 3px;
    line-height: 2;
  }
}

.mv_text {
  padding-left: 27px;
  font-size: 11px;
}

@media print, screen and (max-width: 640px) {
  .mv_text {
    display: none;
  }
}

*/

#cholp .block_series {
  padding-bottom: 60px;
}

.block_breadcrumbs_1 {
  padding-top: 25px;
}
    
@media screen and (max-width: 640px) {
    .block_breadcrumbs_1 {
        padding-bottom: 50px;
        padding-top: 50px;
    }
  
}