@charset 'utf-8';
/* =========================================================
 /products/categories.css
========================================================= */
/* ---------------------------------------------------------
 common
--------------------------------------------------------- */
strong {
	font-size: 14px;
	}

/* ----- roboto font ----- */


  /* ----- title ----- */
  #category .page-ttl {
		padding: 9px 12px;
  	}
	  .page-ttl span {
			line-height: 1;
			vertical-align: middle;
			display: inline;
	    }
	   .page-ttl .robotolight {
				font-size: 28px;
				}
	   .page-ttl .robotothin {
				font-size: 50px;
				margin-right: 10px;
				}

  /* ----- title02 ----- */
  #category .page-ttl_02 {
		padding: 9px 12px;
  	}
	  .page-ttl_02 span {
			line-height: 1;
			vertical-align: middle;
			display: inline;
	    }

/* ---------------------------------------------------------
 #header
--------------------------------------------------------- */


/* ---------------------------------------------------------
 #contents
--------------------------------------------------------- */
/* ----- #product-main-content ----- */
#product-main-content {
	overflow: hidden;
	}
.img-wrap {
	margin: 0 30px 20px 20px;
	float: left;
	}
.product-summry {
	padding: 10px 0 0;
	}

.category-summary {
	background: none;
	padding: 0 0 5px;
	margin-bottom: 20px;
	overflow: hidden;
	}
	.category-summary p {
		margin-bottom: 20px;
		}

/* ----- #product-categories ----- */
#product-categories .row {
	background-position: 0 bottom;
	padding-top: 0;
	}


/* Responsive max-width: 786px
--------------------------------------------------------- */
@media screen and (max-width: 786px) {
#product-main-visual {
	text-align: center;
	}


/* ----- #contact-form ----- */
.img-wrap {
	margin: 0 15px 20px 15px;
	}
}


	
/* Responsive max-width: 640px
--------------------------------------------------------- */
@media screen and (max-width: 640px) {
/* ----- #product-main ----- */
div#product-main {
	margin-bottom: 25px;
	}

.category-summary {
	overflow: visible;
	}
	.category-summary p {
		display: block;
		}

}



/* Responsive max-width: 480px
--------------------------------------------------------- */
@media screen and (max-width: 480px) {
/* ----- #contact-form ----- */
.img-wrap {
	margin-bottom: 0;
	float: none;
	}
.category-summary {
	padding: 0 15px;
	}
	.read-more {
		margin: 0 auto;
		display: block;
		}

}