@charset "utf-8";

@media screen and (max-width: 767px) {
  h4.ttl_cosme {
    border-bottom: 1px solid #aa8b2c;
    margin-bottom: 3.125%;
    color: #aa8b2c;
    font-size: 16px;
  }
  h5.ttl_cosme4,.ttl_cosme_2{
    color: #fe4958; 
  }
  .cp img {
    float: left;
    margin-right: 5px;
    width: 25%;
  }
  
}

@media screen and (min-width: 768px) {
  /*------------------------------------------------------ 
  cosme
  ------------------------------------------------------*/
  .policy{
    text-align:center;
    margin-top:15px;
    margin-bottom:30px;
  }

  .ttl_c{
    font-weight:bold;
    color:#e1b564;
  }

  .ttl_cosme{
    padding:6px 0 6px 10px;
    background-color:#e1b564;
    color:#ffffff;
    font-weight:bold;
    margin-top:5px;
    clear:both;
  }

  .ttl_cosme2{
    color:#e1b564;
    font-weight:bold;
    margin-bottom:5px;
    clear:both;
  }

  .ttl_cosme3{
    color:#7d7d7d;
    font-weight:bold;
    margin-bottom:5px;
    clear:both;
  }

  .ttl_cosme4 {
    font-weight:bold;
    color:#ff4352;
    margin-top:10px;
    clear:both;
  }

  .cbox{
    margin-top:5px;
    color:#006666;
  }



  .right{
  float:right;
  }

  .cl{
    width:315px;
    float:left;
    margin-right:10px;
    margin-bottom:25px;
  }

  .cosme_list{
    width:675px;
    margin-top:40px;
  }
  .ttl_cosme_2{
    font-weight:bold;
    color:#ff4352;
    margin-bottom:10px;
    clear:both;
  }

  .cp img{
    float:left;
    margin-right:5px;
  }

  .lb{
    float:left;
    width:300px;
  }

  .rb{
    float:right;
    width:300px;
  }

  .cosme_photoC{
    text-align:center;
    margin-top:15px;
  }

  .cosme_menu{
  margin-top:15px;
  }

  .cosmebox{
    padding:10px;
    margin-bottom:30px;
  }

  .space{
    margin-top:15px;
    margin-bottom:30px;
    text-align:center;
  }

  .photoL {
    float:left;
    margin:0 5px 5px 0;
  }

  .photoR {
    float:right;
  }

  .h3box{
    padding:10px;
    margin-bottom:30px;
  }

  .text_cosme{
    font-weight:bold;
    color:#7d7d7d;
    margin-top:5px;
    margin-bottom:5px;
  }

  .text_cosme2{
    font-weight:bold;
    color:#ff4352;
  }

  .r{
    margin-top:20px;
    margin-bottom:30px;
  }

  .cosme_box{
    margin-top:10px;
    margin-bottom:30px;
  }


}