@charset "UTF-8";
/* ====================================== */
/* clearfixkkkk */
/*
$color_usuge: #5663c7;
$color_basic: #976fc5;
$color_genin: #92af2e;
$color_female: #f35d5d;
$color_haircare: #43a4d2;
$color_usuge_trivia: #166fcb;
$color_zoumou: #b5252f;
$color_news: #e6cf60;
$color_zoumou_trivia: #de8b54;
$color_others: #daae96;

$color_news: #e6cf60;
$color_basic: #976fc5;
$color_folklore: #92af2e;
$color_incorrect: #f35d5d;
$color_haircare: #43a4d2;
$color_frontline: #de8b54;
$color_medical: #166fcb;
*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* ====================================== */
/* monoqlo
/* ====================================== */
#special_monoqlo {
  /* ====================================== */
  /* ====================================== */
}

#special_monoqlo .bold {
  font-weight: bold;
}

#special_monoqlo .red {
  color: #c00;
}

#special_monoqlo .fl-left {
  float: left;
}

#special_monoqlo .fl-right {
  float: right;
}

#special_monoqlo a, #special_monoqlo a:hover {
  outline: none;
}

#special_monoqlo a img {
  transition: compact(all 0.2s ease, false, false, false, false, false, false, false, false, false);
}

#special_monoqlo a:hover img {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#special_monoqlo .mod_main {
  padding-bottom: 30px;
}

#special_monoqlo .monoqlo-main {
  width: 990px;
  margin: 0 auto;
  background: #fff;
  padding: 0 0 30px 0;
}

#special_monoqlo .monoqlo-main p {
  font-size: 20px;
  line-height: 1.7;
}

#special_monoqlo .monoqlo-head {
  background: #ffdd3e;
  padding: 30px 5%;
}

#special_monoqlo .monoqlo-head img {
  float: left;
  width: 20%;
}

#special_monoqlo .monoqlo-head p {
  float: right;
  width: 75%;
  padding-top: 20px;
  font-size: 30px;
  line-height: 1.4;
}

#special_monoqlo .monoqlo-read {
  width: 90%;
  margin: 20px auto;
}

#special_monoqlo .monoqlo-read h4 {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0;
}

#special_monoqlo .monoqlo-read p, #special_monoqlo .monoqlo-read img {
  margin-bottom: 20px;
}

#special_monoqlo .monoqlo-imgCenterMax, #special_monoqlo .monoqlo-imgCenter70, #special_monoqlo .monoqlo-imgCenter50 {
  margin: 0 auto 40px;
}

#special_monoqlo .monoqlo-imgCenterMax {
  width: 100%;
}

#special_monoqlo .monoqlo-imgCenter70 {
  width: 70%;
}

#special_monoqlo .monoqlo-imgCenter50 {
  width: 50%;
}

#special_monoqlo .monoqlo-check {
  background: url("/kamiwaza/images/special/monoqlo/img_bg_check.jpg") no-repeat top;
  margin-top: 20px;
}

#special_monoqlo .monoqlo-check h2 {
  padding: 30px 0;
}

#special_monoqlo .monoqlo-check_sec01 .fl-right {
  width: 40%;
  margin: -10px 0 0 15px;
}

#special_monoqlo .monoqlo-check_sec02 .fl-left {
  width: 55%;
}

#special_monoqlo .monoqlo-check_sec02 .fl-right {
  width: 44%;
}

#special_monoqlo .monoqlo-check_sec03 .fl-left, #special_monoqlo .monoqlo-check_sec04 .fl-left {
  width: 60%;
}

#special_monoqlo .monoqlo-check_sec03 .fl-right, #special_monoqlo .monoqlo-check_sec04 .fl-right {
  width: 35%;
  padding-top: 50px;
}

#special_monoqlo .monoqlo-oily {
  background: url("/kamiwaza/images/special/monoqlo/img_bg_bottom.jpg") no-repeat bottom;
  margin-top: 30px;
  border-bottom: 10px solid #4b6cb4;
}

#special_monoqlo .monoqlo-oily_sec01 .fl-left {
  width: 55%;
}

#special_monoqlo .monoqlo-oily_sec01 .fl-right {
  width: 44%;
  margin: -80px 0 0;
}

#special_monoqlo .monoqlo-oily_sec02 {
  margin-bottom: 40px;
}

#special_monoqlo .monoqlo-oily_sec02 .fl-left {
  width: 50%;
}

#special_monoqlo .monoqlo-oily_sec02 .fl-right {
  width: 47%;
  margin-top: 80px;
}

#special_monoqlo .monoqlo-dry {
  background: url("/kamiwaza/images/special/monoqlo/img_bg_bottom.jpg") no-repeat bottom;
  border-bottom: 10px solid #4b6cb4;
  margin-bottom: 40px;
}

#special_monoqlo .monoqlo-dry_sec01 {
  margin-bottom: 0;
}

#special_monoqlo .monoqlo-dry_sec01 .fl-left {
  width: 55%;
}

#special_monoqlo .monoqlo-dry_sec01 .fl-right {
  width: 44%;
  margin: -80px 0 0;
}

#special_monoqlo .monoqlo-links h4 {
  margin-bottom: 40px;
}

#special_monoqlo .monoqlo-links a {
  width: 49%;
}

/* ====================================== */
/* ================================================= */
/* media(640px)
/* ================================================= */
@media screen and (max-width: 640px){
  #special_monoqlo{
    /* ====================================== */
    /* ====================================== */
  }
  #special_monoqlo p{
    font-size: 18px;
    line-height: 1.4;
  }
  #special_monoqlo p.fl-right{
    font-size: 16px;
  }
  #special_monoqlo .monoqlo-main{
    width: 96%;
    padding-bottom: 0;
  }
  #special_monoqlo .monoqlo-head p{
    font-size: 20px;
    padding-top: 0;
  }
  #special_monoqlo .monoqlo-read{
    width: 95%;
  }
  #special_monoqlo .monoqlo-read h4{
    font-size: 20px;
    margin: 10px 0;
    line-height: 1.2;
  }
  #special_monoqlo .monoqlo-imgCenterMax, #special_monoqlo .monoqlo-imgCenter70, #special_monoqlo .monoqlo-imgCenter50{
    margin: 0 auto 20px;
  }
  #special_monoqlo .monoqlo-imgCenterMax　{
    width: 100%;
  }
  #special_monoqlo .monoqlo-imgCenter70{
    width: 95%;
  }
  #special_monoqlo .monoqlo-imgCenter50{
    width: 80%;
  }
  #special_monoqlo .monoqlo-check h2{
    padding-bottom: 10px;
  }
  #special_monoqlo .monoqlo-check h2 img{
    margin-bottom: 0;
  }
  #special_monoqlo .monoqlo-check_sec01 .fl-right{
    width: 50%;
  }
  #special_monoqlo .monoqlo-check_sec02 p{
    margin-bottom: 0;
  }
  #special_monoqlo .monoqlo-check_sec03 .fl-left, #special_monoqlo .monoqlo-check_sec04 .fl-left{
    width: 52%;
  }
  #special_monoqlo .monoqlo-check_sec03 .fl-right, #special_monoqlo .monoqlo-check_sec04 .fl-right{
    width: 45%;
    padding-top: 0;
    margin-bottom: 0;
  }
  #special_monoqlo .monoqlo-oily{
    background-size: contain;
    border-bottom: 5px solid #4b6cb4;
  }
  #special_monoqlo .monoqlo-oily_sec01 .fl-left, #special_monoqlo .monoqlo-oily_sec01 .fl-right{
    float: none;
    width: 100%;
  }
  #special_monoqlo .monoqlo-oily_sec01 .fl-right{
    display: block;
    margin: 0 auto;
    width: 70%;
  }
  #special_monoqlo .monoqlo-oily_sec02{
    margin-bottom: 20px;
  }
  #special_monoqlo .monoqlo-oily_sec02 .fl-right{
    margin-top: 0;
  }
  #special_monoqlo .monoqlo-dry{
    background-size: contain;
    border-bottom: 5px solid #4b6cb4;
    padding-top: 10px;
    margin-bottom: 0;
  }
  #special_monoqlo .monoqlo-dry_sec01{
    margin-bottom: 0;
  }
  #special_monoqlo .monoqlo-dry_sec01 .fl-left, #special_monoqlo .monoqlo-dry_sec01 .fl-right{
    float: none;
    width: 100%;
  }
  #special_monoqlo .monoqlo-dry_sec01 .fl-right{
    display: block;
    margin: 0 auto;
    width: 70%;
  }
  #special_monoqlo .monoqlo-links .fl-left, #special_monoqlo .monoqlo-links .fl-right{
    float: none;
    width: 100%;
  }
  #special_monoqlo .monoqlo-links h4{
    margin-bottom: 20px;
  }
  /* ====================================== */
}
