@charset "utf-8";
/* ==================== 取扱商品 ==================== */





/* ==================== 取扱商品 カテゴリ ==================== */
#product_category {
	margin-bottom: 30px;
}

#product_category ul {
	width: 100%;
}

#product_category ul:after {
	content:"";
	clear:both;
	display:block;
}

#product_category li {
	display: table;
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #CCC;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#product_category li:hover {
	padding: 0;
	cursor: pointer;
	background: #F5F5F5;
	border: 2px solid #CCC;
}

#product_category li figure ,
#product_category li p {
	display: table-cell;
	vertical-align: middle;
}

#product_category li figure {
	padding: 4px;
	/*width: 25%;*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	 width:80px; /*トリミング後の横幅*/
	 height:80px; /*トリミング後の縦幅*/
	 overflow:hidden;
	 position:relative;
	 z-index:1;
}

#product_category li figure img {
	width: 150%;
	 float:left;
	 position:absolute;
}

#product_category li p {
	position: relative;
	padding: 0 20px 0 10px;
	line-height: 1.5;
	font-weight: bold;
	border-right: 10px solid #112F84;
}

#product_category li p:after {
	position: absolute;
	/*top: 80%;*/
	right: -10px;
	font-family: "Genericons";
	font-size: 9px;
	content: '\f104';
	color: #FFF;
}

#product_category li p a {
	text-decoration: none;
}

#product_category li p a:hover {
	color: #222;
}


@media screen and (min-width: 321px) {
#product_category li {
	width: 49%;
	float: left;
	
}

#product_category li:nth-child(even) {
	margin-left: 2%;
}
}

@media screen and (max-width: 320px) {
#product_category li {
	width: 100%;
}	
}




/* ==================== 取扱商品 一覧 ==================== */

#product_list {
	margin-bottom: 10px;
}

#product_list ul {
	width: 100%;
}

#product_list ul:after {
	content:"";
	clear:both;
	display:block;
}

#product_list li {
	padding: 10px 0 0;
	float: left;
	border-bottom: 1px dotted #CCC;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	cursor: pointer;
}

#product_list li:after {
	content:"";
	clear:both;
	display:block;
}

#product_list li figure {
	padding-bottom: 10px;
	width: 25%;
	float: left;
}

#product_list li figure img {
	width: 100%;
}

#product_list li h3 ,
#product_list li p {
	overflow: hidden;
}

#product_list li h3 {
	position: relative;
	margin-bottom: 10px;
	padding: 0 0 0 20px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
}

#product_list li h3:before {
	position: absolute;
	top: 2px;
	left: 5px;
	font-family: "Genericons";
	font-size: 9px;
	content: '\f104';
	color: #112F84;
}

#product_list li h3 a {
	color: #112F84;
	text-decoration: none;
}

#product_list li h3 a:hover {
	color: #222;
}

#product_list li p {
	padding: 0 0 10px 20px;
	font-size: 12px;
	line-height: 1.5;
}


@media screen and (min-width: 321px) {
#product_list li {
	width: 49%;
	float: left;
}

#product_list li:nth-child(even) {
	margin-left: 2%;
}

#product_list li:nth-child(1) ,
#product_list li:nth-child(2) {
	border-top: 1px dotted #CCC;
}
}

@media screen and (max-width: 320px) {
#product_list ul {
	border-top: 1px dotted #CCC;
}	
}





/* ==================== 取扱商品 詳細 ==================== */

/* --------------------

メイン

-------------------- */

#product_detail_top {
	margin: 0 0 50px;
	width: 100%;
}

#product_detail_top:after {
	content:"";
	clear:both;
	display:block;
}

#product_detail_top p {
	margin-bottom: 15px;
}


@media screen and (min-width: 321px) {
#product_detail_top figure {
	margin: 0 20px 0 0;
	width: 50%;
	float: left;
}

#product_detail_top figure img {
	width: 100%;
}

#product_detail_top figcaption {
	padding-top:5px;
	line-height:1.5;
	font-size: 12px;
}

#product_detail_top p {
	overflow: hidden;
	zoom: 1;
}
}


@media screen and (max-width: 320px) {
#product_detail_top {
	margin-bottom: 20px;
}

#product_detail_top figure {
	margin:0 0 10px;
	width:100%;
}

#product_detail_top figure img {
	width:100%;
	max-width:360px;
}

#product_detail_top figcaption {
	display: none;
}

#product_detail_top p {
	line-height:1.5;
}
}





/* --------------------

サブ

-------------------- */

#product_detail_sub {

}

#product_detail_sub ul {
	width: auto;
}

#product_detail_sub ul:after {
	content:"";
	clear:both;
	display:block;
}

#product_detail_sub li {
	margin-bottom: 30px;
}

#product_detail_sub li figure {
	width: 100%;
}

#product_detail_sub li figure img {
	width: 100%;
}

#product_detail_sub figcaption {
	padding-top: 5px;
	line-height: 1.5;
}

@media screen and (min-width: 321px) {
#product_detail_sub li {
	float: left;
}	
}

@media screen and (min-width: 601px) {
#product_detail_sub li {
	width:32%;
}

#product_detail_sub li:nth-child(3n-1) {
	margin:0 2%;
}
}


@media screen and (min-width: 321px) and (max-width: 600px) {
#product_detail_sub li {
	width: 49%;
}

#product_detail_sub li:nth-child(2n) {
	margin-left: 2%;
}
}