@charset "UTF-8";

/* =============================================
 Products CSS
============================================= */

/* ================ page main image ================ */

.page_main_img{
    background-color: #EEE;
    background-image: url(../img/main_img.jpg);
}

/* ================  ================ */

h1.contents_title {
  color: #886b3d;
  font-size: 24px;
  margin-bottom: 20px;
}

.products ul{
  margin: 10px 10px 30px;
}

.products ul li{
  border-bottom: dotted #ddd 1px;
  padding: .6rem 0 .4rem;
  clear: both;
}
.products ul li i{
  float: right;
}
.products .float_box_md{
  padding: 0 10px;
  position: relative;
  z-index: 10;
}

.products_tag{
  position: absolute;
  z-index: 20;
  left: 0;
  padding: 10px 20px;
  background-color: #f18a83;
  top: 15px;
  color: #FFF;
}
.products_tag::before{
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 10px #da8e89;
}

.unl{
  text-decoration: underline;
}
/* ============================ SP ============================ */

@media only screen and (max-width: 600px) {


}

/* ============================ MD ============================ */

@media only screen and (min-width: 768px) {

  h1.contents_title {
    font-size: 30px;
    margin-top: 60px;
  }

  /* ================  ================ */

}
/* ============================ PC ============================ */

@media only screen and (min-width: 1024px) {

    /* ================  ================ */

}