h2{
  font-size:16px;
}

.c-product-list__item{
  text-align: center;
}


.c-product-list__name{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.7;
  display: block;
  margin-top: 1em;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
  text-align: left;
  display: inline-block;
}

.c-product-list__price{ 
  font-size: 14px;
  color: #333;
}

.g01{
  padding : 0 15px;
  color : #555 ;
}

.g02{
  font-size : 15px ;
  padding : 15px ;
  margin : 0 5px 15px 0 ;
  color : #555 ;
  width : auto ;
  line-height: 30px ;
}

.g03{
  background-color : #555 ;
  color : #fff ;
  border : 1px solid #555 ;
  -moz-border-radius: 7px;    /* Firefox */
  -webkit-border-radius: 7px; /* Safari,Chrome */
  border-radius: 7px;         /* CSS3 */
  padding : 2px 8px ;
  font-size : 11px ;
}

.syouhin-e {
  border : 1px solid #777 ;
  padding : 2px 5px ;
  color : #555 ;
}
  
.pc-free1 {
  font-size : 12px ;
  padding : 0 0 0 5px ;
}

.light-siyou {
  width : auto ;
  border : 1px dotted #333 ;
  -moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px; /* Safari,Chrome */
  border-radius: 5px;         /* CSS3 */
  color : #555 ;
  font-size : 12px ;
  padding : 5px 0 ;
}

.siyou {
  padding : 10px 15px ;
  border-right : 1px dotted #333 ;
  font-weight : normal ;
  text-align : center ;
  width : 100px ;
}

.sentaku1 {
  padding : 10px 0 10px 38px ;
  font-size : 12px ;
}

.sentaku1 a {
  padding : 5px ;
  font-size : 11px ;
  text-decoration: none;
}

.sentaku1 a:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

.sentaku {
  padding : 10px 20px 10px 20px ;
  font-size : 12px ;
  text-align: left;
  vertical-align : middle ;
  width: 1200px;
  line-height: 20px;
}

.sentaku a {
  padding : 5px ;
  font-size : 12px ;
  text-decoration: none;
}

.sentaku a:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

.sentaku-in1{
  border : 1px solid #333 ;
  -moz-border-radius: 7px;    /* Firefox */
  -webkit-border-radius: 7px; /* Safari,Chrome */
  border-radius: 7px;         /* CSS3 */
  padding : 2px 10px ;
  margin : 0 0 20px 0 ;
  background : #333 ;
  color : #fff ;
  font-size : 11px ;
}

.sentaku-in2{
  border : 1px solid #008080 ;
  -moz-border-radius: 7px;    /* Firefox */
  -webkit-border-radius: v; /* Safari,Chrome */
  border-radius: 7px;         /* CSS3 */
  padding : 2px 10px ;
  margin : 0 0 20px 0 ;
  background : #008080 ;
  color : #fff ;
  font-size : 11px ;
}

.c-section__heading--sub-title{
  border-bottom: 1px solid #eaeaea;
  padding: 0 0 10px 0;
}


.p-sub-category {
  margin: 30px 10px;
  padding: 0;
  list-style-type: none;
}

.p-sub-category::after {
  display: block;
  clear: both;
  content: '';
}

.p-sub-category__item {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 10px 5px;
}

.p-sub-category__image {
  display: block;
  margin-bottom: 10px;
}

.p-sub-category__link {
  display: block;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-sub-category__link:hover {
  opacity: .66;
}

.p-sub-category__link:active {
  opacity: 1;
}

.p-sub-category__name {
  line-height: 1.3;
  position: relative;
  display: block;
  padding-left: .8em;
  padding:10px;
  background:#fafafa;
  border: 1px dotted #f1f1f1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  color:#333;
 font-weight:bold;
}

.p-sub-category__name::before {
  position: absolute;
  top: 0;
  left: 0;
 
}

@media screen and (min-width: 600px) {
  .p-sub-category {
    margin-right: 0;
    margin-left: 0;
  }

  .p-sub-category__item {
    width: 25%;
    padding: 15px 10px;
  }

  .p-sub-category__item:nth-child(4n + 1) {
    clear: both;
  }
}

@media screen and (max-width: 599px) {
  .p-sub-category__item:nth-child(2n + 1) {
    clear: both;
  }
}