@charset "utf-8";

.p-maihada { height: 100%; width: 100%; min-height: 100%; position: relative; margin: 0 auto; }
.p-maihada__inner { padding: 80px 0 100px; }
.p-maihada .p-maihada__main1column.width700 { width:700px !important; margin: 0 auto;}

.p-maihada .l-inner { margin: 0 auto; position: relative; width: 940px; }
.p-maihada .l-text-align--left { text-align: left; }
.p-maihada .l-text-align--center { text-align: center; }
.p-maihada .l-text-align--right { text-align: right; }
.p-maihada .l-cols--2,
.p-maihada .l-cols--3,
.p-maihada .l-cols--4,
.p-maihada .l-cols--5 { display: flex; flex-wrap: wrap; justify-content:flex-start;}
.p-maihada .l-col { }
.p-maihada .l-cols--2 .l-col { width: 48.7%; margin-left: 2.6%;}
.p-maihada .l-cols--3 .l-col { width: 30%; margin-left: calc(10%/2);}
.p-maihada .l-cols--4 .l-col { width: 23%; margin-left: calc(8%/3);}
.p-maihada .l-cols--5 .l-col { width: 18%; margin-left: calc(10%/4);}
.p-maihada .l-cols--2 .l-col:nth-child(2n+1),
.p-maihada .l-cols--3 .l-col:nth-child(3n+1),
.p-maihada .l-cols--4 .l-col:nth-child(4n+1),
.p-maihada .l-cols--5 .l-col:nth-child(5n+1) { margin-left: 0; }
.p-maihada .l-col__text { padding: 8px 0 0; }

/**
 * PAGE SECTION : ページ内アンカー用
 */
.p-maihada .l-page-section { margin-top: -80px!important; padding-top: 80px!important; }


/**
 * PAGETOP
 */
.p-maihada .l-pagetop .l-inner { display: flex; justify-content: flex-end; padding: 0 0 24px; }
.p-maihada .l-pagetop__button { align-items: center; background-color: #99a1ae; border-radius: 50%; display: flex; justify-content: center; height: 40px; width: 40px; }
.p-maihada .l-pagetop__button:hover { color: #fff; text-decoration: none; }
.p-maihada .l-pagetop [class^="c-icon"] { color: #fff; font-size: 24px; position: relative; top: -2px; vertical-align: top; }

/**
 * goto 米肌TOP
 */
.l-goto_maihada_top { display: block; height: 60px; width:100%; }
.l-goto_maihada_top a {
  display: inline-block;
  position: absolute;
  bottom: -131px;
  right: 0;
  width: 264px;
  height: 131px;
  margin: 0;
  background: url(/maihada/common/img/pc/goto_maihada_top.png) 0 0 no-repeat;
  font-size: 0;
  animation: gpto_maihada_top_anime 2s steps(2, end) infinite;
  z-index: 2147483641;
  outline: none;
  transition: bottom 0.3s ease-in-out 0s;
  -webkit-transition: bottom 0.3s ease-in-out 0s;
}
.l-goto_maihada_top a.view {
  bottom: 40px;
}
@keyframes gpto_maihada_top_anime {
  0% { background-position-x: 0; }
  100% { background-position-x: -528px; }
}

/**
 * SOCIAL
 */
.p-maihada .l-social { background-color: #fafafa; padding: 24px 0; width: 100%; }
.p-maihada .l-social .l-inner { display: flex; justify-content: center; margin: 0 auto!important; }
.p-maihada .l-social li { padding: 0; height: auto!important; }
.p-maihada .l-social li a { color: #000!important; display: block; height: 100%; flex-direction: column; position: relative; }
.p-maihada .l-social img { display: block; margin: 0 auto 4px; }
.p-maihada .l-social span { text-decoration: underline; }


/**
 * PRODUCTS NAVI
 */
.p-maihada .l-products-navi__categories { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 30px 0 5px; width:100%; margin:0 auto; }
.p-maihada .l-products-navi__categories a { color: #000; display: block; text-align: center; text-decoration: none; }
.p-maihada .l-products-navi__categories > li { width: 145px; margin-bottom: 25px; }
.p-maihada .l-products-navi__categories > li img { height:94px; }
.p-maihada .l-products-navi__categories .c-mincho { display: block; font-size:13px; }
.p-maihada .l-products-navi__series { display: flex; justify-content: space-between; padding: 0 0 28px; width:940px; margin:0 auto; }
.p-maihada .l-products-navi__series .ttl { text-align: center; background: #f8f8f8; color: #666; margin: 0 0 15px; font-size: 10px; padding: 4px 0; }
.p-maihada .l-products-navi__series__skincare { width:700px; padding: 0 0 28px; }
.p-maihada .l-products-navi__series__skincare ul { display: flex; justify-content: space-between; margin:0 auto; }
.p-maihada .l-products-navi__series__basemake { width:220px; padding: 0 0 28px; }
.p-maihada .l-products-navi__series__basemake ul { display: flex; justify-content: space-between; margin:0 auto; }
.p-maihada .l-products-navi__series li { width: 220px; }
.p-maihada .l-products-navi__series a { color: #000; display: block; text-align: center; text-decoration: none; }
.p-maihada .l-products-navi__series img { margin: 0 0 8px; }
.p-maihada .l-products-navi__series .c-text--11,
.p-maihada .l-products-navi__series .c-text--13 { display: block; font-weight: normal; }
.p-maihada .l-products-navi__problems { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 -20px; padding: 0 0 56px; }
.p-maihada .l-products-navi__problems:after { content: " "; width: 23.4%; }
.p-maihada .l-products-navi__problems li { margin: 0 0 15px; width: 23.4%; font-size:13px; }
.p-maihada .l-products-navi__problems li .c-corner-button { line-height: 30px; height: 30px; }
.p-maihada .l-products-navi__problems li .c-corner-button:after { border-width: 0 0 5px 5px; }