body {
  background-color: #CC73A0;
}
/*--------------------------
 header
----------------------------*/
header.header {
 background: #CC73A0;
}
header.header ul.global-menu li {
 border-bottom: 1px solid #EBCADC;
}
header.header nav.global-menu-wrap div.btn-wrap a {
 background-color: #F1DAE7;
}
div.btn-wrap a {
 color: #CC73A0;
}
header.header nav.global-menu-wrap div.btn-wrap a.instagram {
 border: 2px solid #E3B5CF;
}
div.btn-wrap a::after {
 background-image: url(../img/pink/icon-arrow_pink.png);
 }
div.btn-wrap a.instagram::after,
div.btn-wrap a.youtube::after  {
 background-image: none;
}
div.btn-wrap a.instagram {
 font: 600 normal .84rem / 40px "Noto Sans JP", sans-serif;
 padding-left: 15px;
}
div.btn-wrap a.youtube {
 height: 46px;
 font: 600 normal .865rem / 40px "Noto Sans JP", sans-serif;
 letter-spacing: .05em;
 border: 2px solid #E3B5CF;
 border-radius: 18px;
 background-color: #CC73A0 !important;
 padding-left: 15px;
 color: #fff;
}
div.btn-wrap a.youtube img {
    width: 32px;
    margin-left: 5px;
    vertical-align: -6px;
}

@media screen and (max-width: 768px) {
    header.header .icon-menu {
        background-color: #CC73A0;
    }
    header.header nav.global-menu-wrap {
        background-color: #CC73A0;
    }
    header.header a.link-official::after {
        background-image: url(../img/pink/icon-arrow-header-only_pink.png);
    }
}
/*--------------------------
  MV
----------------------------*/
section.mv h1.site-title {
 max-width: 322px;
}
   
/*--------------------------
  Pick Up
----------------------------*/
section.pick-up .container:last-child::before {
 background: linear-gradient(to bottom, #FADCE9, #EDBCD6);
}
section.pick-up h3.h3-title {
 background: linear-gradient(to bottom, #fadce9, #de8eb5);
}
section.pick-up ul.recommended span {
    color: #CC73A0;
}
section.pick-up ul.recommended {
    max-width: 310px;
}
section.pick-up figure.illustration {
 background-color: #fff;
 }
 
/********* Check Box ************/
section.pick-up .btn-group {
  margin-top: 20px;
  /*display: grid;*/
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0 3px;
  /*overflow: auto;*/
  display: flex;
  flex-direction: column;
}
label.btn {
  display: flex;
  align-items: flex-start;
}

label.btn span {
  font: 400 normal 1.0rem / 24px "Noto Sans JP", sans-serif;
  display: inline-block;
}

label.btn input {
  display: inline-block;
  margin-right: 8px;
  transform: scale(1.5);
  accent-color: #cc73a0;
}
label.btn input.indent {
  position: relative;
  top: -22px; /* チェックボックスを少し下げて1行目と揃える */
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 0;
margin-bottom: 0;
/*font-size: 14px;
font-weight: normal;*/
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
border-radius: 3px;
color: #333;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

/* チェックすると表示 */
.message{
  display: none;
}
input.toggle:checked ~ .message{
  display: block;
  animation: fadein 1.5s;
}
@keyframes fadein{
  from{ opacity: 0; }
  to{ opacity: 1; }
}
@media screen and (max-width: 428px) {
    label.btn span {
     font: 400 normal 1.1rem / 28px "Noto Sans JP", sans-serif;
   }
   label.btn input.indent {
      top: -27px;
    }
}
        
/*--------------------------
  Point
----------------------------*/
section.point h2.h2-title {
    font: 500 normal 1.025rem / 1.4125 "Noto Sans JP", sans-serif;
}
section.point::before, section.point::after {
 background: linear-gradient(to bottom, #fadce9, #edbcd6);
}
section.point {
    background-color: #f9eff5;
}
section.point h1.point-title::after {
 background: linear-gradient(to right, #f4bcd4, #e296bc);
}
section.point div.btn-accordion {
 background-image: url(../img/pink/btn-accordion-off_pink.png);
}
section.point div.btn-accordion.is-active {
  background-image: url("../img/pink/btn-accordion-on_pink.png");
}

/*--------------------------
  Dairy
----------------------------*/
section.dairy h1.dairy-title::after {
 background: linear-gradient(to right, #f4bcd4, #e296bc);
}

/*--------------------------
  CTA
----------------------------*/
section.cta {
 background: linear-gradient(to bottom, #fadce9, #edbcd6);
 }
section.cta div.btn-cta {
 background: linear-gradient(to bottom, #fadce9, #CC73A0);
}
section.cta div.btn-cta a {
 color: #CC73A0;
}
section.cta h1.cta-title {
 width: 240px;
}
section.point div.point-card {
 box-shadow: 2px 2px 3px 0px rgba(215, 150, 186, 0.3);
}

 screen and (max-width: 428px) {
    section.cta div.btn-cta a {
        font: 600 normal 1.1rem / 47px "Noto Sans JP", sans-serif;
        height: 48px;
}
}

/*--------------------------
  footer
----------------------------*/
footer.footer {
 background: linear-gradient(to bottom, #fadce9, #edbcd6);
}
footer.footer .container dl.department dt {
 color: #CC73A0;
 border-bottom: 2px solid #db9dbc;
}
a {
    color: #CC73A0;
}
footer.footer .container div.btn-wrap a.instagram {
 border: 2px solid #cc73a0;
 padding-left: 15px;
}
footer.footer .container div.btn-wrap a.youtube {
 color: #CC73A0;
 font: 600 normal .935rem / 40px "Noto Sans JP", sans-serif;
 background-color: transparent !important;
 border: 2px solid #cc73a0;
 padding-left: 20px;
}
footer.footer .container dl.access span, footer.footer .container dl.address span {
    color: #CC73A0;
}
footer.footer .container dl.department dd::after {
 background-image: url(../img/pink/icon-arrow-pale_pink.png);
}

div.cta-fix {
 background: linear-gradient(to bottom, #cc73a0 50%, #edbcd6);
}
@media screen and (min-width:376px) and ( max-width:480px) {
 footer.footer .container div.btn-wrap a.instagram,
 footer.footer .container div.btn-wrap a.youtube {
        font: 600 normal 1.1rem / 40px "Noto Sans JP", sans-serif;
        padding-left: 1.5rem;
    }
}

@media screen and (max-width: 375px) {
    footer.footer .container {
    padding: 40px 6%;
    }
    footer.footer .container div.btn-wrap a.instagram,
    footer.footer .container div.btn-wrap a.iyoutube {
        font: 600 normal 0.9rem / 40px "Noto Sans JP", sans-serif;
        text-align: center;
        padding-left: 0;
    }
}