@charset "UTF-8";

/* 横幅979px以下の設定 */
@media only screen and (max-width: 979px) { 

	.product {
		width: 94%;
		margin: 20px auto 40px;
	}

	.product h2 {
		margin-top:36px; 
		margin-bottom: 20px;
	}

	#breadcrumbs {
		margin-bottom: 20px;
	}

	.productInner h3 {
		font-size: 150%;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
	}

	#productImg {
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
	}

	#productImg li {
		list-style: none;
	}

	#productImgNav {
		float: right;
		margin-right: -5px;
		margin-bottom: 60px;
	}

	#productImgNav li {
		width: 132px;
		height: 112px;
		margin-right: 5px;
		float: left;
		list-style: none;
	}

	#productDetail {
		font-size: 130%;
		float: left;
	}

	#productInfo {
		clear: both;
		margin-bottom: 120px;
	}

	.productInner h4 {
		font-size: 150%;
		margin-bottom: 20px;
	}

	#priceList {
		width: 100%;
		border-top: 1px solid #333;
		margin-bottom: 60px;
	}

	#priceList th, 
	#priceList td {
		border-bottom: 1px solid #333;
	}

	#priceList th {
		width: 150px;
		padding-right: 10px;
		font-size: 130%;
		text-align: right;
	}

	#priceList th span {
		font-size: 84.6%;
		font-weight: normal;
	}

	#priceList td {
		width: 90px;
		border-left: 1px solid #333;
		text-align: center;
	}

	#priceList thead td {
		font-size: 130%
	}

	#priceList tbody td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 170%
	}

	#fablicList {
		margin-bottom: 60px;
	}

	#fablicList li {
		list-style: none;
		width: 80px;
		padding-top: 85px;
		margin-right: 10px;
		float: left;
		position: relative;
	}

	#fablicList li p {
		letter-spacing: -0.1em;
	}

	.fablicListImg {
		position: absolute;
		top: 0;
		left: 0;
	}

	#frameList li {
		list-style: none;
		width: 80px;
		padding-top: 85px;
		margin-right: 10px;
		float: left;
		position: relative;
	}

	.frameListImg {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#formWrap {
		width:96%;
		margin:0 0 0 1%;
		color:#555;
		line-height:120%;
		font-size:150%;
	}
	
	#formWrap p,
	span{
		margin: 6px 0 6px;
	}
	
	table,
	#formWrap tbody,
	#formWrap tr{
		width: 100%;
		display: block;
	}
	
	table.formTable{
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
	}
	
	table.formTable td,table.formTable th{
		border:1px solid #ccc;
		padding:10px;
		width: 96%;
		display: block;
	}
	
	table.formTable th{		
		font-weight:normal;
		background:#efefef;
		text-align:left;
	}
	
	input[type="text"],
	textarea {
		max-width:98%;
		margin: 3px auto 3px;
		padding: 0.2em;
		line-height: 20px;
	}
		
}