@charset "UTF-8";
@media (max-width: 641px) {
  .pc {
    display: none !important; }
  .tb {
    display: none !important; }
  .pctb {
    display: none !important; } }

@media (min-width: 769px) {
  .sp {
    display: none !important; }
  .tb {
    display: none !important; }
  .tbsp {
    display: none !important; } }

@media (min-width: 642px) and (max-width: 768px) {
  .pc {
    display: none !important; }
  .sp {
    display: none !important; } }

.a {
  opacity: 1;
  text-decoration: none;
  transition-duration: 0.3s; }
  @media (min-width: 769px) {
    .a {
      cursor: pointer; }
      .a:hover {
        opacity: 0.8; } }
  @media (max-width: 769px) {
    .a:active {
      opacity: 0.8; } }

* {
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important; }

@media (max-width: 641px) {
  footer section.account ul li {
    padding: 0 12px;
    margin-right: 0; } }

.sup {
  font-size: 10px; }

/**************************
全成分表
***************************/
#overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9900;
  opacity: 0.6;
  background-color: #888888;
  display: none; }

#component {
  position: fixed;
  top: 10%;
  left: 0;
  right: 0;
  display: none;
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  height: 80%;
  z-index: 9999; }

#component .cinner {
  padding: 5%;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }

#component .m_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: url(/images/cleansing3/common/close.png) no-repeat 0 0;
  cursor: pointer; }

#component .title {
  font-size: 18px;
  font-weight: normal;
  color: #666666;
  text-align: center; }

#component .component_inner {
  margin: 50px 0;
  padding: 50px 0 0;
  border-top: 1px solid #e6e6e6;
  text-align: left; }

#component .component_inner p {
  line-height: 1.6;
  color: #666666;
  padding-bottom: 20px;
  font-size: 14px; }

#component .component_inner p span {
  font-size: 12px; }

#component .component_inner p:last-child {
  padding-bottom: 0; }

#component .m_close_button {
  display: block;
  width: 260px;
  line-height: 50px;
  background: #8e8e8e;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  margin: 0 auto;
  text-align: center; }

#component .sp_show {
  display: none; }

@media screen and (max-width: 768px) {
  #component {
    position: fixed;
    top: 5%;
    left: 0%;
    right: 0;
    display: none;
    width: 90%;
    max-width: 980px;
    background: #fff;
    text-align: center;
    height: 80%;
    z-index: 9999; } }

@media screen and (max-width: 641px) {
  #component .m_close {
    display: none; }
  #component .sp_show {
    display: block;
    margin-bottom: 50px; } }

/*# sourceMappingURL=common.css.map */