@charset "utf-8";
/*************************
  PC・SP共通
*************************/
/* ↓　余白調整　↓ */
.padding {
  padding:10% 3%;
}
.pd30 {
  padding: 30px;
}
.pd50 {
  padding: 50px;
}
.pd100 {
  padding: 100px;
}
/* ↑　余白調整　↑ */
/* ↓　背景色　↓ */
.bg-white {
  background:#fff;
}
.bg-01 {
  background:#E0DADA;
}
.bg-02 {
  background:#F5F5F5;
}
.bg-03 {
  background:#403434;
}
/* ↑　背景色　↑ */
/* ↓　テキストカラー　↓ */
.color-white {
  color:#fff;
}
.color-black {
  color:#000;
}
.color-link {
  color:#1111cc;
}
/* ↑　テキストカラー　↑ */

/*/meik/202003_new/*/
 .top-link {
  position: relative;
  }
.top-link .lip_fixed {
  position:absolute;
  width:29%;
  bottom:20px;left:27px;
}
.top-link .m_powder_fixed {
  position:absolute;  
  width:29%;
  bottom:20px;right:27px;
}
.fixed {
 position: fixed;
 bottom: 10px;
 right: 10px;
}
.fixed img {
 width: 80px;
 height: auto;
}

/*/meik/202003_new/*/

/* 共通のスタイル */
img {
  max-width:100%;
  height:auto;
  margin-bottom:-1px;
}
a {
  display: block;
  transition:all ease 300ms;
}
input {
  width:100%;
}

nav ul {
  font-size: 0;
  text-align: center;
}
nav ul li {
  display: inline-block;
  width:50%;
}
.text-link {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.text-box:not(:first-child) {
  margin-top: 50px;
}
.text-box p:not(:first-child) {
  margin-top: 20px;
}
.text-box p {
  line-height: 1.6;
}
.text-box p span {
  font-weight: bold;
}
.text-box a {
  display: inline-block!important;
}
.shadow {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .3);
}

/*PCのみ適応されるCSS*/
@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
  a:hover {
    opacity:0.6;
    transition:all ease 300ms;
  }
  body {
    max-width: 720px;
    margin:0 auto;
  }

  .text-box h2 {
    font-size: 26px;
    font-weight: normal;
    text-align: center;
  }
  .text-link li {
    font-size: 22px;
  }
 .bottom-link {
  position: relative;
  }
.bottom-link .fb_fixed {
    position: absolute;
    max-width: 100%;
    bottom: 20px;
    left: 210px;
}
.bottom-link .tw_fixed {
    position: absolute;
    max-width: 100%;
    bottom: 20px;
    left: 340px;
}
.bottom-link .insta_fixed {
    position: absolute;
    max-width: 100%;
    bottom: 20px;
    left: 470px;
}
}
/*スマホのみ適応されるCSS*/
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  .text-box h2 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
  }
  .text-link li {
    font-size: 10px;
  }
  .item-meik {
    text-align: center;
  }
  .item-meik .scroll img{
    width: 150px;
  }
 .bottom-link {
  position: relative;
  }
.bottom-link .fb_fixed {
    position: absolute;
    max-width: 100%;
    bottom: 10px;
    left: 20px;
}
.bottom-link .tw_fixed {
    position: absolute;
    max-width: 100%;
    bottom: 10px;
    left: 90px;
}
.bottom-link .insta_fixed {
    position: absolute;
    max-width: 100%;
    bottom: 10px;
    left: 160px;
}
}