@charset "Shift_JIS";
/* CSS Document */

/*commodity 商品紹介*/


@media screen and (max-width: 640px)  {
.commodity .contentsIn .grid9 {
max-width:96%;
	}
}

/*H2 見出し2*/
.commodityDetailH2 {
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:131%;
	font-weight: bold;
	line-height: 160%;
	}
@media screen and (max-width: 640px)  {
.commodityDetailH2 {
	margin:0% 0% 4% 1.25%;
	font-size:16px;
	line-height:150%;
	}
.commodityDetailH2 br {
	display:none;
	}	
}

.btnCommodityInquiry {
	margin:0px 0px 28px 0px;
	float:right;
	}
@media screen and (max-width: 640px)  {
.btnCommodityInquiry {
	display:none;
	}
}

/* 個別フォント指定 */
.clr01_co {
	color: #096;
	font-weight:bold;
	}


/* ブランドサイトバナー */
.bnrCoBrandSite {
	margin:8px auto 22px auto;
	clear:both;
	text-align:center;
	width:100%;/* リニューアル前700px */
}
.bnrCoBrandSite img {
	margin:0px auto;
	width:100%;
	text-align:center;
}
@media screen and (max-width: 640px)  {
.bnrCoBrandSite {
	width:100%;
	}
}

/* その他　大きいバナーセンター揃え */
.commodity_bnr {
	clear:both;
	text-align:center;
	margin:30px 0px 0px 0px;
}
.commodity_bnr img {
	margin:0px 0px 0px 0px;
}
@media screen and (max-width: 640px)  {
.commodity_bnr img {
	margin:0px 0px 0px 0px;
	width:100%;
	}
}




/*タブメニュー
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tabMenu {
	clear:both;
	margin:0px 0px 20px 0px;
	border-bottom: 3px solid #0EB000;
	overflow: hidden;
	list-style:none;
	text-align:left;
	width:100%;
	}
@media screen and (max-width: 640px)  {
.tabMenu {
	margin:0px 0px 14px 0px;
	}
}

.tabMenu li {
	float:left;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:130%;
}

/* タブがMaxで2つの場合 */
.tabMax2 li {
	margin:0px 0.5% 0px 0px;
	width:24.625%;
	height:48px;
}
.tabMax2 li:last-child {
	margin:0px 0% 0px 0px;
}
@media screen and (max-width: 640px)  {
.tabMax2 li {
	width:49.75%;
	font-size:90%;
	}
}
/* タブがMaxで5つの場合 */
.tabMax5 li {
	margin:0px 0.5% 0px 0px;
	width:19.6%;
	height:48px;
}
.tabMax5 li:last-child {
	margin:0px 0% 0px 0px;
}
@media screen and (max-width: 640px)  {
.tabMax5 li {
	width:33%;
	font-size:90%;
	}
}
/* タブがMaxで6つの場合 */
.tabMax6 li {
	margin:0px 0.5% 0px 0px;
	width:16.25%;
	height:48px;
	}
.tabMax6 li:last-child {
	margin:0px 0% 0px 0px;
	}
@media screen and (max-width: 640px)  {
.tabMax6 li {
	width:33%;
	font-size:90%;
	}
.tabMax6 li:nth-child(3) {
	margin:0px 0% 0px 0px;
	position: relative;
	z-index: 1;
	}
}

@media screen and (max-width: 320px)  {
.tabMenu li {
	font-size:3.7vw;
	}
}
.tabMenu li a {
	margin:0px;
	font-size:108%;
	text-align:center;
	display: block;
	width:100%;
	height:100%;
	border-bottom: 0;	
	color:#0EB000;
	background-color:#CDEE91;
	border: 1px solid #CDEE91;
	border-radius: 6px 6px 0px 0px; /* CSS3 */
	-moz-border-radius: 6px 6px 0px 0px; /* Firefox */
	-webkit-border-radius: 6px 6px 0px 0px; /* Safari,Chrome */
	behavior: url(../PIE.htc);/* IE */
	box-sizing:border-box;
	}
@media screen and (max-width: 640px)  {
.tabMenu li a {
	border-top:2px solid #FFFFFF;
	}
}

/* 1行の場合 */
.tabMenu li a.gyo1 {
	padding:15px 0px 0% 0px;
	}
/* 2行の場合 */
.tabMenu li a.gyo2 {
	padding:8px 0px 0% 0px;
	}
@media screen and (max-width: 640px)  {
/* 1行の場合 */
.tabMenu li a.gyo1 {
	padding:17px 0px 0% 0px;
	}
/* 2行の場合 */
.tabMenu li a.gyo2 {
	padding:9px 0px 0% 0px;
	}
}
@media screen and (max-width: 320px)  {
/* 2行の場合 */
.tabMenu li a.gyo2 {
	font-size:94%;
	}
}


@media screen and (max-width: 640px)  {
.tabMax5 li:first-child , .tabMax6 li:first-child{
	margin-bottom:0.5%;
	}
.tabMax5 li:nth-child(2) , .tabMax6 li:nth-child(2) {
	margin-bottom:0.5%;
	}
.tabMax6 li:nth-child(3) {
	margin-bottom:0.5%;
	}

.tabMax5 li:first-child a , .tabMax6 li:first-child a {
	border-radius: 6px;
	}
.tabMax5 li:nth-child(2) a , .tabMax6 li:nth-child(2) a {
	border-radius: 6px;
	}
.tabMax6 li:nth-child(3) a {
	border-radius: 6px;
	}
}


.tabMenu li a:hover,
.tabMenu li#tab_active a {
	color: #FFFFFF;
	background-color:#0EB000;
	text-decoration: none;
	border: 1px solid #0EB000;
	border-radius: 6px 6px 0px 0px; /* CSS3 */
	-moz-border-radius: 6px 6px 0px 0px; /* Firefox */
	-webkit-border-radius: 6px 6px 0px 0px; /* Safari,Chrome */
	behavior: url(../PIE.htc);/* IE */
	}
@media screen and (max-width: 640px)  {
.tabMenu li a:hover,
.tabMenu li#tab_active a {
	border-top:2px solid #FFFFFF;	
	}

.tabMax5 li:first-child a:hover , .tabMax6 li:first-child a:hover , .tabMenu li#tab_active:first-child a {
	border-radius: 6px;
	}

.tabMax5 li:nth-child(2) a:hover , .tabMax6 li:nth-child(2) a:hover , .tabMenu li#tab_active:nth-child(2) a {
	border-radius: 6px;
	}
.tabMax6 li:nth-child(3) a:hover , .tabMenu li#tab_active:nth-child(3) a {
	border-radius: 6px;
	}
.tabMenu.tabMax2 li#tab_active a {
	border-radius: 6px 6px 0px 0px;
	}
}






/*商品一覧
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.marginBottom {
	margin:0px 0px 20px 0px;
	padding:0px 0px 30px 0px;
	border-bottom: 1px dotted #0EB000;
	}

/* 商品カテゴリー別タイトル */
.CommodityCategoryTitle {
	margin:0px 0px 6px 0px;
	padding:0;
	font-size:164%;
	font-weight: bold;
	line-height: 160%;
	color:#0EB000;
	}
@media screen and (max-width: 640px)  {
.CommodityCategoryTitle {
	font-size:146%;
	line-height: 146%;
	}
}
.CommodityCategoryTitle img {
	vertical-align: middle;
	}

/* 商品カテゴリー別コピー */
.commodityCategoryCopy {
	margin:0px 0px 0px 0px;
	font-size:110%;
	line-height: 166%;
	}
@media screen and (max-width: 640px)  {
.commodityCategoryCopy br {
	display:none;
	}
}

/* 商品一覧リスト */
.CommodityList , .CommodityList02 {
	clear:both;
	margin:40px 0px 20px 0px;
	overflow: hidden;
	list-style:none;
	text-align:left;
	width:100%;
	}
@media screen and (max-width: 640px)  {
.CommodityList , .CommodityList02 {
	margin:14px 0px 20px 0px;
	}
.tabMax6 li a.gyo3 span {
	font-size:100%;
	}
}

.CommodityList li , .CommodityList02 li {
	margin:0px 5% 20px 0px;
	float: left;
	width:30%;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:125%;
	}

/* 2カラムの場合 */
.column2 li {
	margin:0px 4% 20px 0px;
	width:48%;
	}
/* 2カラムだが1商品しかない場合 */
.column1 li {
	margin:0px 4% 20px 0px;
	width:48%;
	}
/* 4カラムの場合 */
.column4 li {
	margin:0px 4% 20px 0px;
	width:22%;
	}

.CommodityList li:nth-child(3n+3) , .CommodityList02 li:nth-child(3n+3) {
	margin:0px 0% 20px 0px;
	}

/* 2カラムの場合 */
.column2 li:nth-child(3n+3) {
	margin:0px 4% 20px 0px;
	}
.column2 li:nth-child(even) {
	margin:0px 0% 20px 0px;
	}
/* 2カラムだが1商品しかない場合 */
.column1 li:nth-child(3n+3) {
	margin:0px 4% 20px 0px;
	}
.column1 li:nth-child(even) {
	margin:0px 0% 20px 0px;
	}
/* 4カラムの場合 */
.column4 li:nth-child(3n+3) {
	margin:0px 4% 20px 0px;
	}
.column4 li:nth-child(4n+4) {
	margin:0px 0% 20px 0px;
	}


@media screen and (max-width: 640px)  {
.CommodityList li , .CommodityList02 li {
	margin:0px 4% 4% 0px;
	width:48%;
	}
.CommodityList li:nth-child(3n+3) , .CommodityList02 li:nth-child(3n+3) {
	margin:0px 4% 4% 0px;
	}
.CommodityList li:nth-child(even) , .CommodityList02 li:nth-child(even) {
	float: left;
	margin:0px 0% 4% 0px;
	}

/* 2カラムだが1商品しかない場合 */
.CommodityList.column1 li {
	margin:0px 5% 4% 5%;
	width:90%;
	}
}

.CommodityList figure , .CommodityList02 figure {
	margin:0px 0px 0px 0px;
	text-align:center;
	}
.CommodityList figure img , .CommodityList02 figure img {
	width:160px;
	}
@media screen and (max-width: 640px)  {
.CommodityList figure , .CommodityList02 figure {
	width:100%;
	}
.CommodityList figure img , .CommodityList02 figure img {
	margin:0px;
	width:96%;
	}
/* 2カラムだが1商品しかない場合 */
.CommodityList.column1 figure img {
	margin:0px auto;
	width:50%;
	}
}


/* フリーザーのスペックアイコン */

.CommodityList .freezerIcon {
	margin:18px 0px 0px 0px;
	text-align:center;
	}
/* 2カラムだが1商品しかない場合 */
.CommodityList.column1 li .freezerIcon {
	text-align:left;
	}
.CommodityList .freezerIcon img {
	width:210px;
	}

@media screen and (max-width: 640px)  {
.CommodityList .freezerIcon {
	margin:8% 0px 0px 0px;
	}
.CommodityList .freezerIcon img {
	width:100%;
	}
/* 2カラムだが1商品しかない場合 */
.CommodityList.column1 li .freezerIcon {
	text-align:center;
	}
.CommodityList.column1 li .freezerIcon img {
	margin:0px auto;
	text-align:left;
	width:52.5%;
	}

}

/* NEWマーク（商品写真の上に設置） */
.CommodityList span.new {
	position:absolute;
	}
.CommodityList span.new img {
	margin:0px;
	width:30px;
	position:absolute;
	}



/* 商品が一つしかない場合 */
.CommodityList li.itemOnly1 {
	margin:0px 0px 20px 50px;
	}
.CommodityList li.itemOnly1 figure img {
	width:214px;
	}
.CommodityList li.itemOnly1Logo {
	margin:0px 0px 0px 50px;
	position:relative;
	}

.CommodityList li.itemOnly1Logo figure img {
	position:absolute;
	left:0px;
	bottom:0px;
	}

.CommodityList li.itemOnly1Logo.logoBouquetSoftcream figure img {
	width:214px;
	}

@media screen and (max-width: 640px)  {
.CommodityList li.itemOnly1 , .CommodityList li.itemOnly1Logo {
	margin:0px 4% 4% 0px;
	width:48%;
	position:static;
	}
.CommodityList li.itemOnly1:nth-child(even) , .CommodityList li.itemOnly1Logo:nth-child(even)  {
	margin:0px 0% 4% 0px;
	}
.CommodityList li.itemOnly1 figure , .CommodityList li.itemOnly1Logo figure {
	width:100%;
	}
.CommodityList li.itemOnly1 figure img , .CommodityList li.itemOnly1Logo figure img {
	width:96%;
	position:static;
	}
.CommodityList li.itemOnly1Logo.logoBouquetSoftcream figure img {
	width:100%;
	margin:68% 2% 0% -10%;
	}
}



.commodityCategoryIcon {
	position:relative;
	}
.commodityCategoryIcon img {
	position:absolute;
	top:-34px;
	right:-3px;
	}
@media screen and (max-width: 640px)  {
.commodityCategoryIcon {
	display:none;
	}
}






/* IE6 */
.heightLine-colist {
zoom: 1;
}
/* IE7 */
.heightLine-colist {
zoom: 1;
}

.CommodityList h3 , .CommodityList02 h3 {
	margin:2px 0px 6px 0px;
	padding-top:10px;
	text-align:center;
	color:#0EB000;
	border-top:1px solid #CCCCCC;
	line-height:136%;
	font-weight:bold;	
	}
.rMark {
	vertical-align:sub;
	}
@media screen and (max-width: 640px)  {
.rMark {
	display:inline;
	}
}


.CommodityList h3 a , .CommodityList02 h3 a {
	color:#0EB000;
	text-decoration:underline;
	}

.CommodityList p , .CommodityList02 p{
	margin:0px 0px 6px 0px;
	font-weight:normal;
	line-height:160%;
	}



/*シリーズ名*/
.CommodityList .series , .CommodityList02 .series {
	margin:0px 0px 6px 0px;
	padding:1px 4px 1px 4px;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#FFFFFF;
	background-color: #00B300;
	line-height:160%;
	}

.CommodityList .series .englishWord , .CommodityList02 .series .englishWord  {
	margin:0px 3px 0px 0px;
	font-size:140%;
	letter-spacing: 0.1em;
	display:inline-block;
	}

/*タイプ名*/
.CommodityList li .type , .CommodityList02 li .type {
	margin:0px 0px 6px 0px;
	font-weight:bold;
	line-height:160%;
	text-align:center;
	color:#454545;
	}



/*スリーブ付、仕様、 外形図のポップアップウインド*/
.btnCommodityPopup {
	margin:12px 0px 0px 0px;
	text-align:center;
	font-weight:normal;
	}
.btnCommodityPopup img {
	margin:0px 4px 8px 0px;
	}

.btnCommodityPopup a {
	margin:0px 4px 8px 0px;
	padding:5px 8px 4px 8px;
	background-color:#DFF3BF;
	border:1px solid #00B300;
	color:#10AD00;
	display:block-inline;
	font-size: 90%;
	font-weight:bold;
	}
.btnCommodityPopup a span {
	margin:0px 0px 0px 6px;
	display:inline;
	}
.btnCommodityPopup a:hover {
	text-decoration:none;
	}


li.freezerDetailCopy {
	margin: 0px 0px 0px 0px;
	padding:18px 0px 0px 0px;
	}

li.freezerDetailCopy .fcDeTitle {
	margin: 0px 40px 4px 0px;
	font-size: 120%;
	font-weight:bold;
	line-height:174%;
	color:#FF5490;
	}
li.freezerDetailCopy p {
	font-size: 108%;
	margin: 0px 40px 20px 0px;
	}

@media screen and (max-width: 640px)  {
li.freezerDetailCopy .fcDeTitle {
	margin: 0px 0px 4px 0px;
	}
li.freezerDetailCopy p {
	margin: 0px 0px 20px 0px;
	}
}


/*商品スペック表組み
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.table_co_midashi  {
	margin:0px 0px 4px 0px;
	text-align:left;
	color:#069400;
	font-size: 100%;
	}

table.table_co {
	padding: 0;
	border: none;
	font-size: 13px;
	line-height: 1.3em;
	table-layout: fixed;
	border-top: 1px solid #0EB000;
	border-right: 1px solid #0EB000;
	width: 100%;
	margin: 0px 0px 20px 0px;
	box-sizing:borde-box;
	}
.table_co thead {
	color: #069720;
	background-color: #E9FCD6;
	font-weight: bold;
	}


.table_co thead th {
	border-bottom: 1px solid #0EB000;
	padding: 5px 5px;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #0EB000;
	}

.table_co thead td {
	border-bottom: 1px solid #0EB000;
	padding: 5px 5px;
	text-align: center;
 	border-left: 1px dotted #0EB000;
	}
.table_co tbody th {
	border-bottom: 1px solid #0EB000;
	padding: 5px 5px 3px;
	vertical-align: middle;
	text-align: left;
	font-size: 13px;
	color: #069720;
	border-left: 1px solid #0EB000;
	}
.table_co tbody td {
	border-bottom: 1px solid #0EB000;
	padding: 5px 5px 3px;
	vertical-align: middle;
	text-align: center;
	border-left: 1px dotted #0EB000;
	}

table.table_co02 {
	padding: 0;
	border: none;
	font-size: 13px;
	line-height: 1.3em;
	table-layout: fixed;
	border-top: 1px solid #0EB000;
	border-right: 1px solid #0EB000;
	width: 100%;
	margin: 0px 0px 20px 0px;
	}
table.table_co02 caption {
	text-align:left;

}
.table_co02 tbody th {
	border-bottom: 1px solid #0EB000;
	padding: 5px 5px;
	text-align: center;
	font-weight: bold;
	color: #069720;
	background-color: #E9FCD6;
	border-left: 1px solid #0EB000;
	}
.table_co02 tbody td {
	border-bottom: 1px solid #0EB000;
	padding: 5px 5px 3px 10px;
	vertical-align: middle;
	text-align: left;
	border-left: 1px dotted #0EB000;
	}

.table_float01 {
	margin-right:10px;
	float:left;
}
.table_float02 {
	float:left;
}
.table_float table.table_co02 {
	width:auto;
}

.tw10 {
	width: 10%;
	}
.tw15 {
	width: 15%;
	}
.tw20 {
	width: 20%;
	}
.tw25 {
	width: 25%;
	}
.tw30 {
	width: 30%;
	}
.tw35 {
	width: 35%;
	}
.tw40 {
	width: 40%;
	}
.tw45 {
	width: 45%;
	}	
.tw55 {
	width: 55%;
	}	
.tw60 {
	width: 60%;
	}
.tw70 {
	width: 70%;
	}
	

/*商品スペック表組み レスポンシブ*/
.table_coRespon { 
	padding: 0;
	border: none;
	font-size: 13px;
	line-height: 1.3em;
	table-layout: fixed;
	border-left: 1px solid #0EB000;
	border-top: 1px solid #0EB000;
	border-right: 1px solid #0EB000;
	width: 100%;
	margin: 0px 0px 20px 0px;
	box-sizing:borde-box;
	background-color: #FFFFFF;
	}
.table_coRespon thead {
	color: #069720;
	background-color: #E9FCD6;
	font-weight: bold;
	text-align:center;
	}
.table_coRespon th {
	border-left: 1px dotted #0EB000;
	border-bottom: 1px solid #0EB000;
	padding: 5px 5px 3px 5px;
	vertical-align: middle;
	box-sizing:borde-box;
	}

.table_coRespon td {
	text-align: center;
	border-bottom: 1px solid #0EB000;
	border-left: 1px dotted #0EB000;
	padding: 5px 5px 3px 5px;
	vertical-align: middle;
	box-sizing:borde-box;
	}
.table_coRespon td.td_hinmei {
	text-align: left;
	border-left: none;
	font-weight: bold;
	color: #069720;
	}
.table_coRespon td span.tdBlock1 {
	display: block;
	border-bottom:1px dotted #069720;
	margin: 0px -5px;
	padding-bottom:5px;
	vertical-align: middle;
	}
.table_coRespon td span.tdBlock2 {
	display: block;
	margin: 0px;
	margin: 5px -5px 0px -5px;
	vertical-align: bottom;
	}

.table_coRespon td:first-child	{ text-align: left; }

@media screen and (max-width: 640px)  {
	.table_coRespon { 
		display: block; 
		width: 100%;  
		margin: 0px auto 10px auto;
		overflow-x:auto;
	}	
	.table_coRespon thead { 
		display: block; 
		float: left;
		overflow-x:scroll;
		width: auto;  
	}
	.table_coRespon tbody { 
		display: block; 
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	}
	.table_coRespon th { 
		display: block;
		width:auto;
		border-left: none;
		border-right: 1px dotted #0EB000;
	}
	.table_coRespon tbody tr { 
		display: inline-block; 
		margin: 0px -3px;
		min-width:34%;
	}

	.table_coRespon.minCol1 tbody tr { 
		margin: 0px 0px 0px 0px;
		min-width:100%;
	}
	.table_coRespon.minCol2 tbody tr { 
		margin: 0px -4px 0px 0px;
		min-width:50%;
	}
	.table_coRespon td{ 
		display: block;
		vertical-align: middle;
	}
	.table_coRespon td.td_hinmei {
		text-align: center;
		border-left: 1px dotted #0EB000;
		background-color: #E9FCD6;
		box-sizing:borde-box;
	}
	.table_coRespon th.th_hinmei {
		text-align: center;
		background-color: #E9FCD6;
	}
}

/*特長の詳細説明（自動殺菌ソフトサーバーの特長で使用）
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.CommodityStrongPoint {
	clear:both;
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	border:2px solid #0EB000 ;
	box-sizing:border-box; 
	}
@media screen and (max-width: 640px)  {
.CommodityStrongPoint {
	margin:8% 0px 3.5% 0px;
	}
}

/*開閉メニュー*/
#acMenu dt{
    display:block;
    width:100%;
    cursor:pointer;	
    }

 dd{
    width:100%;
    display:none;
	border-top:1px solid #0EB000 ;	
	padding:8px 18px 8px 18px;
	box-sizing:border-box; 
  }
@media screen and (max-width: 640px)  {
 dd{
	padding:1% 3%;
	}
}
.CommodityStrongPoint h3 {
	margin:0px 0px 0px 0px;
	padding:8px 6px 0px 10px;
	font-size:146.5%;
	font-weight: bold;
	line-height: 160%;
	color:#0EB000;
	box-sizing:border-box;
	float:left;
	width:auto;
	}
@media screen and (max-width: 640px)  {
.CommodityStrongPoint h3 {
	padding:3px 6px;
	font-size:120%;
	}
}

.CommodityStrongPoint .btnOpen {
	float:right;
	margin:1%;
	width:16%;
   	cursor:pointer;
	}
@media screen and (max-width: 640px)  {
.CommodityStrongPoint .btnOpen {
	margin:4px 1% auto 0%;
	width:80px;
	}
}
.CommodityStrongPoint .btnOpen img {
	width:100%;
	}


.CommodityStrongPoint ul {
	margin:12px 0px 6px 0px;
	padding:0px 0px 6px 0px;
	font-size:108%;
	line-height: 150%;
	
}

.CommodityStrongPoint ul li {
	margin:0px 0px 6px 0px;
	list-style:none;
	
}

.CommodityStrongPoint ul li h4 {
	font-size:116%;	
}

.CommodityStrongPoint h4 {
	margin:0px 0px  4px 0px;
	padding:0px 0px 0px 0px;
	font-size:126%;
	font-weight: bold;
	line-height: 160%;
	color:#FF5490;
}

.CommodityStrongPoint p {
	font-size:96%;	
	line-height: 150%;	
	margin:0px 0px  16px 0px;
}

.CommodityStrongPoint ol {
	margin:0px 0px 0px 0px;
	padding:16px 16px 10px 16px;
	font-size:88%;
	line-height: 156%;
	background-color:#EDEDED;
	
}

.CommodityStrongPoint ol li {
	margin:0px 0px 8px 24px;
	list-style-type: decimal;	
}


.specialLink {
	clear:both;
	margin:10px auto 8px auto;
	text-align: center;
	}
.specialLink a {
	padding:1.5% 0%;
	width:144px;	
	color:#ffffff;
	background-color:#666666;
	text-decoration: none;
	}




/*サブアイテム（補足商品）※フルブレンドフィリング
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.CommoditySubItem {
	margin:0px 0px 20px 0px;
	padding:18px 18px 20px 18px;
	background-color:#fcfbef;
	vertical-align:top;
	}
.subItemTitle {
	margin:50px 0px 0px 0px;
	padding:13px 1% 10px 2%;
	background-color:#0EB000;
	color:#FFFFFF;
	font-size:136%;
	display:block;
	}
.subItemTitle b {
	margin:0px 0px 0px 2%;
	font-size:70%;
	}
@media screen and (max-width: 640px)  {
.subItemTitle {
	margin:7% 0px 0px 0px;
	}

.subItemTitle b {
	display:none;
	}
}
.CommoditySubItem .CommodityList02 {
	margin:4px 0px 0px 0px;
	}
.CommoditySubItem .table_coRespon {
	margin:0px 0px 0px 0px;
	}

/* サブアイテム内 ブランドサイトバナー */
.CommoditySubItem .bnrCoBrandSite {
	margin:8px 0px 22px 0px;
	clear:both;
	text-align:center;
	width:100%;
	box-sizing: border-box;
}

@media screen and (max-width: 640px)  {
.CommoditySubItem .bnrCoBrandSite {
	width:100%;
	}
}
.CommoditySubItem .bnrCoBrandSite img {
	width:100%;
	}


/*旬のソフトクリーム（2列の場合）
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.shunImgL {
	float:left;
	width:50%;
	margin:0px auto 30px auto;
	}
.shunImgR {
	float:right;
	width:50%;
	margin:0px auto 30px auto;
	}

@media screen and (max-width: 640px)  {
.shunImgL {
	width:100%;
	margin:0px auto 2% auto;
	}
.shunImgR {
	margin:3% auto 6% auto;
	float:left;
	width:100%;
	}
}

/*その他 イレギュラー・パーツなど
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*ラベル（囲み）*/
.labelBox {
	border:1px solid #000000;
	padding:4px 4px 3px 4px;
	}

/*注意文・注釈*/
.annotation {
	color:#FF4B01;
	font-weight:normal;
	}
.annotation .labelBox {
	color:#FFFFFF;
	border:1px solid #FF4B01;
	background-color:#FF4B01;
	}

.annotation a {
	color:#FF4B01;
	text-decoration:underline;
	}

/*商品一覧文章内の注釈*/
.CommodityList li .annotation , .CommodityList02 li .annotation {
	margin-top:12px;
	font-size:82%;
	line-height:136%;
	}


/*導入のお問合せボタン
--------------------------------------------------------------------------------------------------------------------------------*/
.commodityFormBtn {
	width: 100%;
	text-align: center;
	margin: 40px 0 0 0;
}
.commodityFormBtn p a {
	display: inline-block;
	background: #a631a4;
	border-radius: 10px;
	padding: 16px 0 16px 16px;
	color: #fff;
	position: relative;
	width: 360px;
	box-sizing: border-box;
	font-size: 140%;
	font-weight: bold;
}
.commodityFormBtn p a:before {
	content: '';
	background: url(../images/dnBtn02.svg) no-repeat;
	background-size: contain;
	height: 26px;
	width: 26px;
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	margin: -13px 0 0 0;
}
@media screen and (max-width: 640px) {
	/*導入のお問合せボタン*/
	.commodityFormBtn {
	margin:30px 0 0 0;
	}	
	.commodityFormBtn p a {
		padding: 10px 0;
		width: 78%;
		font-size: 130%;
		line-height:150%; 
	}
	.commodityFormBtn p a:before {
	position:static;
	position: absolute;
	left: 12px;
	top: 50%;
	margin: -13px 0 0 0;
	}
}