/*
* override.css
*
*/
/* ---------------
 Common
--------------- */
#breadcrumbNav {
  background-color: #f4f3ee;
}

/* Contents */
.magazineTop #mainContents,
.magazineDetail #mainContents,
.products #mainContents,
.type #mainContents,
.type.top #mainContents,
.about #mainContents,
.about.index #mainContents,
.consultation #mainContents {
  background: url(/ph/coccoapo/img/bg_common.jpg) repeat center 0/100% auto;
}

/* Title Background */
.magazineTop #magazineTitle,
.products #lineupTitle,
.type.top #typeTitle,
.about.index #aboutTitle,
.gallery #galleryTitle,
.consultation #consultationTitle {
  background: url(/ph/coccoapo/common/img/child/bg_title.jpg) no-repeat center 0;
  background-size: cover;
}

/* Title Image */
.magazineTop #magazineTitle,
.products #lineupTitle,
.type.top #typeTitle,
.about.index #aboutTitle,
.gallery #galleryTitle,
.consultation #consultationTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
}
@media (max-width: 639.98px) {
  .magazineTop #magazineTitle h1,
  .products #lineupTitle h1,
  .type.top #typeTitle h1,
  .about.index #aboutTitle h1,
  .gallery #galleryTitle h1,
  .consultation #consultationTitle h1 {
    padding-top: 10px;
    height: 65px;
  }
}
@media (min-width: 640px) {
  .magazineTop #magazineTitle h1,
  .products #lineupTitle h1,
  .type.top #typeTitle h1,
  .about.index #aboutTitle h1,
  .gallery #galleryTitle h1,
  .consultation #consultationTitle h1 {
    height: 130px;
  }
}
.magazineTop #magazineTitle h1 img,
.products #lineupTitle h1 img,
.type.top #typeTitle h1 img,
.about.index #aboutTitle h1 img,
.gallery #galleryTitle h1 img,
.consultation #consultationTitle h1 img {
  width: 100%;
  height: 100%;
}
@media (max-width: 639.98px) {
  .magazineTop #magazineTitle h1 img,
  .products #lineupTitle h1 img,
  .type.top #typeTitle h1 img,
  .about.index #aboutTitle h1 img,
  .gallery #galleryTitle h1 img,
  .consultation #consultationTitle h1 img {
    width: auto;
    height: 100%;
  }
}

/* ---------------
 Magazine
--------------- */
.magazineTop .magazinHeader {
  border-bottom: none;
  background: none;
}

.magazineTop .listNav a.chokatsu::before {
  background-color: #b7ad54 !important;
}

.magazineTop .listNav a.chokatsu .icon {
  background-color: #b7ad54 !important;
}

/* ---------------
 Magazine - Child
--------------- */
.magazineDetail .magazineHeader .wrap {
  background-color: inherit !important;
}
.magazineDetail.magazine-benpi #contents .magazineContents,
.magazineDetail.magazine-shibo #contents .magazineContents,
.magazineDetail.magazine-kampo #contents .magazineContents,
.magazineDetail.magazine-hie #contents .magazineContents {
  background: none;
}
.magazineDetail.magazine-benpi .toc .title,
.magazineDetail.magazine-benpi .toc > ul > li > a,
.magazineDetail.magazine-benpi .toc > ul > li > a:hover,
.magazineDetail.magazine-benpi .toc > ul > li::before,
.magazineDetail.magazine-shibo .toc .title,
.magazineDetail.magazine-shibo .toc > ul > li > a,
.magazineDetail.magazine-shibo .toc > ul > li > a:hover,
.magazineDetail.magazine-shibo .toc > ul > li::before,
.magazineDetail.magazine-kampo .toc .title,
.magazineDetail.magazine-kampo .toc > ul > li > a,
.magazineDetail.magazine-kampo .toc > ul > li > a:hover,
.magazineDetail.magazine-kampo .toc > ul > li::before,
.magazineDetail.magazine-hie .toc .title,
.magazineDetail.magazine-hie .toc > ul > li > a,
.magazineDetail.magazine-hie .toc > ul > li > a:hover,
.magazineDetail.magazine-hie .toc > ul > li::before {
  color: #000;
}
.magazineDetail.magazine-benpi .toc .title,
.magazineDetail.magazine-shibo .toc .title,
.magazineDetail.magazine-kampo .toc .title,
.magazineDetail.magazine-hie .toc .title {
  border-bottom-color: #000;
}
.magazineDetail.magazine-benpi .toc,
.magazineDetail.magazine-shibo .toc,
.magazineDetail.magazine-kampo .toc,
.magazineDetail.magazine-hie .toc {
  background-color: #fff;
  background-image: none;
}
.magazineDetail.magazine-benpi .entryContents h3 > span,
.magazineDetail.magazine-shibo .entryContents h3 > span,
.magazineDetail.magazine-kampo .entryContents h3 > span,
.magazineDetail.magazine-hie .entryContents h3 > span {
  background-color: #e7dccb;
  box-shadow: 0 3px 2px 0 #e7dccb;
}
.magazineDetail.magazine-benpi .entryContents h3::before,
.magazineDetail.magazine-benpi .entryContents h3::after,
.magazineDetail.magazine-shibo .entryContents h3::before,
.magazineDetail.magazine-shibo .entryContents h3::after,
.magazineDetail.magazine-kampo .entryContents h3::before,
.magazineDetail.magazine-kampo .entryContents h3::after,
.magazineDetail.magazine-hie .entryContents h3::before,
.magazineDetail.magazine-hie .entryContents h3::after {
  border-top-color: #e7dccb;
}
.magazineDetail.magazine-benpi .entryContents h4::before,
.magazineDetail.magazine-benpi .entryContents h4::after,
.magazineDetail.magazine-shibo .entryContents h4::before,
.magazineDetail.magazine-shibo .entryContents h4::after,
.magazineDetail.magazine-kampo .entryContents h4::before,
.magazineDetail.magazine-kampo .entryContents h4::after,
.magazineDetail.magazine-hie .entryContents h4::before,
.magazineDetail.magazine-hie .entryContents h4::after {
  background-color: #e7dccb;
}

.u-linkbold {
  font-weight: bold;
}

/* ---------------
 Lineup - Child
--------------- */
.products.e #sec03 .img,
.products.g #sec03 .img {
  justify-content: center;
}

.about .headLine01,
.about .headLine03 {
  background-color: #e7dccb;
  background-image: none;
}

/* ---------------
 ScaleButtonAnim
--------------- */
@media (min-width: 640px) {
  .magazineDetail .product > .btn-amz {
    left: 50%;
    width: 84%;
    transform: translateX(-50%);
  }
}

.scalingLoopAnim {
  transform-origin: center;
  animation: scaleLoop 0.8s infinite alternate linear;
}

@keyframes scaleLoop {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.02);
  }
}
@media (min-width: 640px) {
  .scalingLoopHoverAnim:hover img {
    animation: scaleLoop 0.3s infinite alternate linear;
  }
}

@media (max-width: 639.98px) {
  .magazineContents-bnr-amz {
    padding-bottom: 40px;
  }
}

@media (max-width: 639.98px) {
  .magazineDetail .pageTop > a,
  .magazineTop .pageTop > a {
    bottom: 32vw;
  }
}