@charset "utf-8";
/************************************************************
CSS Information
 File name:      products.css
 Style Info:     商品情報のスタイル
************************************************************/

/*============================================================
 商品情報インデックス / index.html
 ============================================================*/
.proItem{
	width:300px;
	border: solid 1px #F0ECDF;
	float:left;
	cursor:pointer;
	margin-bottom:20px;
	}
.proItem .img{
	height:310px;
	}
/*---レイアウト設定---*/
.proItem.itemPr{
	margin-right:16px;
	}
.proItem.itemPr2{
	margin-right:0px;
	}
/*---背景画像・ボーダー色設定---*/
.proItem .img{
	background:url(../images/common/h5_bg.gif) no-repeat left bottom;
	}
.proItem .site_info{
	background: url(../images/common/arr_re.png) 280px 18px no-repeat;
	padding:8px 8px 10px 8px;
	font-size:18px;
	font-weight:bold;
	}
.proItem .site_info p{
	font-size:0.9285em;/*13px*/
	font-weight:normal;
	}
.proItem a:link {text-decoration: none;}
.proItem a:visited {text-decoration: none;}
.proItem a:hover {color: #FC7215;text-decoration: none;}
.proItem a:active {text-decoration: none;}


@media screen and (max-width: 1024px) {
	.proItem{
	max-width:235px;
	border: solid 1px #F0ECDF;
	float:left;
	cursor:pointer;
	margin-bottom:20px;
	}
.proItem .img{
	max-height:235px;
	}
/*---背景画像・ボーダー色設定---*/
.proItem .site_info{
	background: url(../images/common/arr_re.png) 220px 18px no-repeat;
	padding:8px 8px 10px 8px;
	}	
	}
@media screen and (max-width: 768px) {	
	.proItem{
	max-width:235px;
	border: solid 1px #F0ECDF;
	float:left;
	cursor:pointer;
	margin-bottom:20px;
	}
.proItem .img{
	height:235px;
	}
.proItem.itemPr2{
	margin-right:16px;
	}
/* 下バナー */
.proItemBn {
	margin:20px 0 0 0px ;
}
.proItemBn li {
	margin-bottom:20px;
}
	}
@media screen and (max-width: 480px) {	
.proItem{
  float: none;
  margin:0 0 30px 35px;
}
.proItem .img{
	width: 100%;
	height:310px;
	}
/* 下バナー */
.proItemBn {
	margin:20px 0 0 40px ;
}
.proItemBn li {
	display: block;
	float:none;
	margin-bottom:20px;
}
	}
 
/*============================================================
 各商品インデックス / alpharice.html
 ============================================================*/
.pro2Txt{
	color:#8C0000;
	font-weight:bold;
	margin-bottom:30px;
	}
/* 3カラム */
.pro2ItemImg{
	width:31.9148%;/*300px*/
	float:left;
	margin-right:2.1276%;/*20px*/
	margin-bottom:2.1428em;/*30/14*/
	}
.pro2ItemL{
	width:31.9148%;/*300px*/
	float:left;
	margin-right:2.1276%;/*20px*/
	margin-bottom:2.1428em;/*30/14*/
	}
.pro2ItemR{
	width:31.9148%;/*300px*/
	float:right;
	margin-bottom:2.1428em;/*30/14*/
	margin-right:0px;
	}
/*---レイアウト設定---*/
.pro2colL{
  float: left;
  max-width:115px;
  margin:0px 1.6382% 0.3571em 0px;/*0px 10px 5px 0px;*/
	}
.pro2colR{
  float: left;
  width:165px;
  margin:0px 0px 0px 0px;
	}


/*---商品一覧ボタン---*/

/*.itemBtn{
	margin:20px 0;
	}
.itemBtn li{
	float:left;
	width:204px;
	margin-bottom:20px;
	margin-right:20px;
	}
.itemBtn li.itemBtnend{
	margin-right:0px;
	}*/


/* 【A】 4カラム スタート */
#itemBtn{ margin-bottom:2.8571em;}/* 40/14 */

#itemBtn ul li {
width:23%;
display:block;
float:left;
/*height:100px;*/
list-style-type:none;
margin-right:2%;
margin-bottom:0.8571em;/*12px*/
}
#itemBtn ul li:nth-child(4n) {
margin-right:0px;
}
#itemBtn ul li:nth-child(4n+1) {
clear: left;
}

/* 【B】 3カラム スタート */
#itemBtn2{ margin-bottom:3.3333em;}/* 40/12 */

#itemBtn2 ul li {
width:32%;
display:block;
float:left;
/*height:100px;*/
list-style-type:none;
margin-right:2%;
margin-bottom:1em;/*12px*/
font-size:0.8571em;/*12px*/
}
#itemBtn2 ul li:nth-child(3n) {
margin-right:0px;
}
#itemBtn2 ul li:nth-child(3n+1) {
clear: left;
}

/* 【C】 2カラム スタート */
#itemBtn3{ margin-bottom:3.3333em;}/* 40/12 */

#itemBtn3 ul li {
width:49%;
display:block;
float:left;
/*height:100px;*/
list-style-type:none;
margin-right:2%;
margin-bottom:1em;/*12px*/
font-size:0.8571em;/*12px*/
}
#itemBtn3 ul li:nth-child(2n) {
margin-right:0px;
}
#itemBtn3 ul li:nth-child(2n+1) {
clear: left;
}



@media screen and (max-width: 1024px) {
/* 3カラム */
.pro2ItemImg{
width:31.9148%;
	}
.pro2ItemL{
	width:31.9148%;
	}
.pro2ItemR{
	width:31.9148%;
	}
/*---レイアウト設定---*/
.pro2colL{
  margin:0px 0 0 0px;/*0px 10px 5px 0px;*/
	}
.pro2colR{
  width:50%;
	}
.pro2colL img{
  width:80%;
	}
	}
@media screen and (max-width: 768px) {	
/* 3カラム */
.pro2ItemImg{
	width:40%;
	}
.pro2ItemL{
	width:55%;
	float:right;
	margin-right:0;
	margin-bottom:0;
	}
.pro2ItemR{
	width:55%;
	float:right;
	}
/*---レイアウト設定---*/
.pro2colL{
  width:36%;
  margin:0px 0 0 0px;/*0px 10px 5px 0px;*/
	}
.pro2colR{
  width:60%;
	}

/* 【A】 */
#itemBtn ul li {
	width:32%;
	font-size:0.8571em;/*12px*/
margin-bottom:0.8333em;/*10px*/
}
/*4カラムはやめて*/
#itemBtn ul li:nth-child(4n) {
margin-right:2%;
}
#itemBtn ul li:nth-child(4n+1) {
clear: none;
}
/*3カラムへ*/
#itemBtn ul li:nth-child(3n) {
margin-right:0px;
}
#itemBtn ul li:nth-child(3n+1) {
clear: left;
}

/* 【B】 */
#itemBtn2 ul li {
width:49%;
}
/*3カラムはやめて*/
#itemBtn2 ul li:nth-child(3n) {
margin-right:2px;
}
#itemBtn2 ul li:nth-child(3n+1) {
clear: none;
}
/*2カラムへ*/
#itemBtn2 ul li:nth-child(2n) {
margin-right:0px;
}
#itemBtn2 ul li:nth-child(2n+1) {
clear: left;
}

/* 【C】 */
#itemBtn3 ul li {
width:49%;
}


	}
@media screen and (max-width: 480px) {	
/* 3カラム */
.pro2ItemImg{
	width:100%;
	float:none;
	text-align:center;
	margin-right:0;
	margin-bottom:2.1428em;/*30/14*/
	}
.pro2ItemL{
	width:100%;/*300px*/
	float:none;
	margin-right:0%;/*20px*/
	margin-bottom:2.1428em;/*30/14*/
	}
.pro2ItemR{
	width:100%;/*300px*/
	float:none;
	margin-bottom:2.1428em;/*30/14*/
	margin-right:0px;
	}
/*---レイアウト設定---*/
.pro2colL{
  float: left;
  max-width:40%;
  margin:0px 0 0 0px;/*0px 10px 5px 0px;*/
	}
.pro2colR{
  float: left;
  width:60%;
  margin:0px 0px 0px 0px;
	}

/* 【A】 */
#itemBtn ul li {
	width:100%;
	font-size:0.8571em;/*12px*/
margin-bottom:0.0833em;/*1px*/
}
/*1カラムへ*/
#itemBtn ul li:nth-child(4n) {
margin-right:2%;
}
#itemBtn ul li:nth-child(4n+1) {
clear: none;
}

/* 【B】 */
#itemBtn2 ul li {
	width:100%;
	font-size:0.8571em;/*12px*/
margin-bottom:0.0833em;/*1px*/
}
/*1カラムへ*/
#itemBtn2 ul li:nth-child(3n) {
margin-right:2%;
}
#itemBtn2 ul li:nth-child(3n+1) {
clear: none;
}

/* 【C】 */
#itemBtn3 ul li {
	width:100%;
	font-size:0.8571em;/*12px*/
margin-bottom:0.0833em;/*1px*/
}
/*1カラムへ*/
#itemBtn3 ul li:nth-child(3n) {
margin-right:2%;
}
#itemBtn3 ul li:nth-child(3n+1) {
clear: none;
}


	}
 
 /*============================================================
 各商品ページ
 ============================================================*/

.proL{
	width:31.9148%;/*300px*/
  float: left;
}

.proR{
	width: 65.9574%;/*620px*/
  float: left;
  margin-left:2.1276%;/*20px*/
}
.proTxt{
  font-size:1em;/*14px*/
}

/* アイコン横並び */
#proIcon{
  margin:1.4285em 0;/*20px 0*/
}
#proIcon ul li{
  float: left;
  display:block;
  margin-left:10px;/*10px*/
  margin-bottom:10px;/*10px*/
}
#proIcon ul li img{
  width:100%;
}

/* icon 商品トップと同じレイアウト 4つ / ライスクッキー */
.proR div.proIcon{
	width:100%;
	display:table;
	margin-bottom:40px;
	}
	.proR div.proIcon div {
		width:50%;
		display:table-cell;
	}
	.proR div.proIcon div.proIconLft {
		padding-right:10px;
	}
		.proR div.proIcon div dl {
			clear:both;
			margin-bottom:20px;
			display:table;
			vertical-align: top;
		}
			.proR div.proIcon div dl dt {
				width:114px;
				display:table-cell;
			}
			.proR div.proIcon div dl dd {
				display:table-cell;
				-webkit-margin-start:0px !important;
				vertical-align: middle;
				padding-left:10px;
			}





@media screen and (max-width: 1024px) {
/* アイコン横並び */
#proIcon ul li{
  margin-left:0px;/*10px*/
}
#proIcon ul li img{
  width:80%;
}

/* icon 商品トップと同じレイアウト 4つ / ライスクッキー */
	.proR div.proIcon div {
		width:100%;
		display: block;
	}
	.proR div.proIcon div.proIconLft {
		padding-right: 0px;
	}

}

@media screen and (max-width: 768px) {
/* アイコン横並び */
#proIcon ul li{
	width:25%;
  margin-left:0px;/*10px*/
}
	}
	
@media screen and (max-width: 480px) {
.proL{
	width:100%;
  float: none;
  text-align:center;
}
.proR{
	width: 100%;
  float: none;
  margin-left:0;
}

/* アイコン横並び */
#proIcon{
  margin:2.1428em 0;
}
#proIcon ul li{
	width:45%;
  margin-left:0px;/*10px*/
  margin-bottom:10px;
}	
	}
	
	
 /*============================================================
 製品パンフレット
 ============================================================*/
 	
/*3カラム*/
#pamp3box ul li {
width:32%;
/*display:block;*/
float:left;
/*height:100px;*/
list-style-type:none;
}
#pamp3box ul li:nth-child(3n-1) {
margin:0 2%;
}

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

#pamp3box .btn_rd_ar{ /* えんじボタン-三角付 */
	margin:10px auto;}
	
@media screen and (max-width: 480px) {	
#pamp3box ul li {
width:100%;/*32%*/
float:none;/*left*/
list-style-type:none;
margin:0 auto;
}
#pamp3box ul li:nth-child(3n-1) {
margin:0;/*0 2%*/
}

#pamp3box img { text-align:center;}

	}

	
	
 /*============================================================
 製品規格
 ============================================================*/

#spec table {
	width:100%;
	font-size: 0.7857em; /* 11px */
	border-top: solid 1px #E9E7E2;
	border-left: solid 1px #E9E7E2;
	}
#spec table th {
	font-size: 1em; /* 14px */
	background: #F4F2E9;
	text-align: center;
	padding: 8px;
	border-bottom: solid 1px #E9E7E2;
	border-left: solid 1px #E9E7E2;}
#spec table td {
	padding: 8px;
	border-right: solid 1px #E9E7E2;
	border-bottom: solid 1px #E9E7E2;}
/* スマホ用キャプション */
.speccap {
	display:none;}

/* Mobile */
@media only screen and (max-width: 1024px) {
	
		#spec table{ 
			display: block; 
			position: relative; 
			width: 100%; 
		}
			#spec table thead{ 
				display: block; 
				float: left; 
			}
			#spec table tbody{ 
				display: block; 
				width: auto; 
				position: relative; 
				overflow-x: auto; 
				white-space: nowrap; 
			}
			#spec table thead tr{ 
				display: block; 
			}
			#spec table th{ 
				display: block; 
			}
			#spec table tbody tr{ 
				display: inline-block; 
				vertical-align: top; 
			}
			#spec table td{ 
				display: block; 
			}

		/* borderの調整 */
		#spec table th{ 
			border-bottom: solid 1px #E9E7E2; 
		}
		#spec table td{ 
			border-left: 0; 
			border-right: solid 1px #E9E7E2; 
			border-bottom: solid 1px #E9E7E2; 
		}
		#spec tabletbody tr{ 
			border-right: 1px solid #E9E7E2; 
		}
		#spec table th:last-child,
		#spec table td:last-child { 
			border-bottom: 1px solid #E9E7E2; 
		}
/* スマホ用キャプション */
.speccap {
	display: block;
	font-size:0.7857em;/* 11px */
	margin-top:0.3571em;/* 5px */
	margin-bottom:0.3333em;/* 10px */
	text-align:right;
	font-weight:bold;}	
	
}


/* table */
table {
	width:100%;
	font-size: 1em; /* 14px */
	border-top: solid 1px #E9E7E2;
	border-left: solid 1px #E9E7E2;}
table th {
	font-size: 1em; /* 14px */
	background: #F4F2E9;
	text-align: center;
	font-weight: normal;
	padding: 0.8em;
	border-bottom: solid 1px #E9E7E2;}
table td {
	padding: 0.8em;
	border-right: solid 1px #E9E7E2;
	border-bottom: solid 1px #E9E7E2;
	word-break: break-all;}
th.th15 { width:15%;}
th.th20 { width:20%;}


table th.thMin { padding: 0.5714em;}

@media screen and (max-width: 480px) {	
	}




	
 /*============================================================
 多言語 introduction.html
 ============================================================*/
h4.langH4{
	margin-bottom:20px !important;
}

ul.langNav {
	display:table;
	margin-bottom:20px;
}
	ul.langNav li {
		display:table-cell;
		list-style:none;
		padding-right:20px;
	}
	ul.langNav li.langnavr {
		padding-right:0px !important;
	}

ul.langNavMin {
	display:none;
}


ul.langBt {
	display:table;
	margin-bottom:10px;
}
	ul.langBt li {
		display:table-cell;
		list-style:none;
		padding-right:20px;
		width:33.333333%;
	}
	ul.langBt li.langBtr {
		padding-right:0px !important;
		clear:both;
	}
ul.langBtMin {
	display:none;
}

h5.arTit{
	background:url(../images/common/h5_bg_ar.gif) no-repeat left top;
	padding:20px 0;
	font-size:1.2857em;/*18px*/
	font-weight:bold;
	direction: rtl;
	text-align:right;
	}


@media screen and (max-width: 480px) {	
ul.langNav {
	display:none;
}
ul.langNavMin {
	display: block;
	margin-bottom:15px;
}
	ul.langNavMin li {
		display: inline-block;
		list-style:none;
		background:#f7f5f1;
		text-align:center;
		width:49%;
		float:left;
		border-bottom: 1px solid #efebe4;
		border-right: 1px solid #efebe4;
	}

ul.langBt {
	display: none;
}
ul.langBtMin {
	display: block;
}
	ul.langBtMin li {
		display: inline-block;
		list-style:none;
		width:50%;
		float:left;
	}

}