@charset "shift_jis"; 

/************************************************************

BASE

************************************************************************************************************************
************************************************************************************************************************/
body {
	font-size: 1em;
	font-weight:500;
	color: #333333;
	line-height: 1.5em;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", "游ゴシック", YuGothic, "游ゴシック体", Arial, Helvetica, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", sans-serif;
	-webkit-text-size-adjust: 100%;/*iPhone文字自動拡大なくす*/
	min-width:1140px;
	word-wrap : break-all;
	overflow-wrap : break-word;
}

.wrapper{
	position:relative;
	margin:0;
	clear:both;
	float:none;
}
.inner{
	position:relative;
	width:1140px;/*サイトの幅に調整*/
	margin-left:auto;
	margin-right:auto;
	clear:both;
	float:none;
}

h1{ float:left; width:270px; }
h2{
	background: linear-gradient(#ffffff, #dddddd);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2) inset; /*内側*/
	text-align:center;
	padding:80px 0;
	color:#3f703f;
	font-weight:bold;
	font-size:2.3em;
	line-height:1em;
}
h2 span {
	display:block;
	color:#222222;
	font-size:0.4em;
	line-height:1em;
	margin-top:7px;
}
h2.secontCont{
	padding:50px 0;
	font-size:1.6em;
}
h2.secontCont span {
	font-size:0.6em;
}
h3{
	color:#0c510c;
	padding:10px 15px;
	border:2px solid #0c510c;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:15px;
	}
.nomalPage h3 {
	color:#fff;
	padding:10px 15px;
	border:none;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:30px;
	background:#0c510c;
}
h4{
	border-bottom:2px solid #0c510c;
	padding:10px 15px;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:30px;
}
h5{
	font-weight:bold;
	margin-bottom:10px;
	}


/************************************************************

ヘッダー

************************************************************************************************************************
************************************************************************************************************************/
#header{
	display:block;
	padding:30px 0;
	height:117px;
}
#header .hRBox {
	float:right;
	width:850px;
}
#header p {
	font-size:1.4em;
	font-weight:bold;
	color:#c3000f;
	padding:15px 0;
	text-align:right;
}
#header p span {
	color:#222222;
	margin-right:10px;
	font-size:0.7em;
}
#google_translate_element {
	float:right;
	margin:7px 0 0 15px;
}
.goog-te-gadget img {
	display:inline-block;
}
.goog-logo-link {
	display:inline-block;
}


/************************************************************

ナビ

************************************************************************************************************************
************************************************************************************************************************/
#nav    {
	width:100%;
	background: linear-gradient(#0c510c, #062706);
}
#nav ul{
}
#nav li {
	float:left;
	list-style:none;
	/*width:20%;/*menu5つ*/
	width:calc(100% / 6);
	box-sizing:border-box;
	font-weight:bold;
	font-size:1.1em;
}
#nav li a    {
	padding:35px 0;
	text-align:center;
  display:block;
	color:#ffffff;
	text-decoration:none;
	line-height:1em;
}
#nav li a span {
	display:block;
	font-size:0.7em;
	color:#ece299;
	margin-top:3px;
}
#nav li a:hover,
#nav li a.active {
}


/************************************************************

フッター

************************************************************************************************************************
************************************************************************************************************************/
#footer {
	clear:both;
	background:url(../images/common/contact_bg.jpg) top center no-repeat;
	background-size:cover;
	height:500px;
	text-align:center;
}
#footer .fContactTitle img {
	margin:0 auto 30px;
	padding-top:120px;
}
#footer .fContacttxt{
	font-size:1.1em;
	line-height:1.8em;
	color:#fff;
	margin-bottom:30px;
}
#footer .fContactBtn {
	margin:auto;
}
#footer .fContactBtn a {
	background: linear-gradient(#ffffff, #eeeeee);
	border-radius: 35px;        /* CSS3草案 */  
	-webkit-border-radius: 35px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 35px;   /* Firefox用 */
	color:#C00;
	display:block;
	font-size:1.4em;
	font-weight:bold;
	margin:auto;
	padding:20px 0;
	text-align:center;
	text-decoration:none;
	width:400px;
}
#footer .fContactBtn a:hover {
	background: linear-gradient(#ffffff, #FFC);
}
.copyright {
	display:block;
	text-align:center;
	font-size:0.7em;
	font-weight:bold;
	padding:20px 0;
	background:#fff;
	color:#222;
}


/************************************************************

共通

************************************************************************************************************************
************************************************************************************************************************/
#contents{
	display:block;
	clear:both;
	float:none;
	position:relative;
}
i {	margin-right:5px; }
.btnNomal {
}
.btnNomal a {
	display:block;
	padding:15px 30px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background: linear-gradient(to bottom, #ffffff, #eeeeee);
	border:1px solid #dddddd;
	text-align:center;
	margin:auto;
	text-decoration:none;
	font-weight:bold;
}
table {
	width:100%;
	border-collapse:collapse;
}
table th,
table td {
	padding:10px;
	border:1px solid #dddddd;
}
table th {
	background:#f7f7f7;
	width:20%;
}
table td {
	text-align:left;
}
.linkBtn a {
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background: linear-gradient(to bottom, #ffffff, #eeeeee);
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	border:1px solid #dddddd;
	display:block;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}
.submitTable th,
.submitTable td {
	border:none;
}
.submitTable input {
	width:100%;
}


/************************************************************
トップページ
************************************************************************************************************************
************************************************************************************************************************/
#mainVisual{
	background:url(../images/main_visualBg.jpg) center center repeat-x;
}
.lineUp p img {
	margin:auto;
}
.lineUp p:nth-child(odd) {
	background: -moz-linear-gradient(left, #062706, #3f703f);
	background: -webkit-linear-gradient(left, #062706, #3f703f);
	background: linear-gradient(to right, #062706, #3f703f);
}
.lineUp p:nth-child(even) {
	background: -moz-linear-gradient(left, #3f703f, #062706);
	background: -webkit-linear-gradient(left, #3f703f, #062706);
	background: linear-gradient(to right, #3f703f, #062706);
}
.news {
	display:table;
	padding:70px 0;
}
.newsTitle {
	display:table-cell;
	text-align:center;
	width:30%;
	background:#cccccc;
	background:url(../images/news_bg.jpg) center center no-repeat;
	border-right:1px solid #dddddd;
	height:180px;
	vertical-align:middle;
}
.newsTitle p {
	font-size:2.3em;
	font-weight:normal;
}
.newsTitle p span {
	display:block;
}
.newsTitle p span a {
	display:block;
	width:120px;
	padding:5px;
	border:2px solid #0c510c;
	text-align:center;
	margin:10px auto 0;
	font-size:0.35em;
	text-decoration:none;
	color:#0c510c;
}
.newsListTop {
	display:table-cell;
	height:180px;
	padding:15px 0;
	overflow-y:scroll;
}
.newsListTop dl {
	padding-left:30px;
	font-size:0.9em;
}
.newsListTop dl dt {
	font-size:0.9em;
	font-weight:bold;
	line-height:1em;
	color:#0c510c;
}
.newsListTop dl dd{
	margin-bottom:10px;
}
.newsListTop dl dd:last-child{
	margin-bottom:0px;
}
.news a {
	color:#222;
}


/*****
ニュース関連
**************************************/
.newsList {
}
.newsList a {
	color:#06C;
}
.newsList dl {
	clear:both;
	padding:10px;
}
.newsList dl:nth-child(odd) {
	background:#f7f7f7;
}
.newsList dt {
	float:left;
	width:10%;
	font-weight:bold;
}
.newsList dd {
	float:right;
	width:90%;
}

.newsDetail dl {
	margin-bottom:30px;
}
.newsDetail p {
	font-size:0.8em;
	font-weight:bold;
	padding-bottom:10px;
	text-align:right;
	color:#999999;
}
.newsDetail dt {
	font-size:1.1em;
	font-weight:bold;
	border-top:1px dotted #dddddd;
	border-bottom:1px solid #dddddd;
	padding:10px 0;
}
.newsDetail dd {
	background:#f7f7f7;
	padding:20px;
}



/************************************************************
2nd
************************************************************************************************************************
************************************************************************************************************************/
.cont2ndWrap {
	padding:40px 0;
}

/*
会社概要
**************************************/
.greetingTxt span {
	display:block;
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	margin-top:30px;
}


/*
リサイクル
**************************************/
.recycleTxt p {
	padding-top:20px;
	margin-bottom:20px;
}
.recycleTxt span {
	display:block;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.5em;
	margin-top:30px;
	margin-bottom:30px;
	color:#0c510c;
}
.flowchart {
	position:relative;
	margin-bottom:20px;
}
.flowchart .arrow {
	position:absolute;
	top:75px;
	left:272px;
}
.flowchart .arrow2 {
	position:absolute;
	top:75px;
	left:563px;
}
.flowchart .arrow3 {
	position:absolute;
	top:75px;
	left:853px;
}
.flowchart .flow li {
	padding:40px 0;
	text-align:center;
	color:#fff;
	font-size:1.3em;
	background:#1462a0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
}
.flowchart .flow li i {
	display:block;
	margin-bottom:15px;
	font-size:3.0em;
	line-height:1em;
}
.flowchart .flow li span {
	display:block;
	font-size:0.8em;
	color:#ff9;
}


.step {
	background:#f7f7f7;
	border:1px solid #dddddd;
}
.step ul.column2 li {
	width:50%;
	margin-right:0;
	margin-bottom:0;
	padding:20px;
}
.step li:nth-child(1n) {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.step li:nth-child(2n) {
	border-right:none;
	border-bottom:1px solid #dddddd;
}
.step li:nth-child(3n) {
	border-right:1px solid #dddddd;
	border-bottom:none;
}
.step li:nth-child(4n) {
	border-right:none;
	border-bottom:none;
}
.step dt {
	float:left;
	width:40%;
}
.step dd {
	float:right;
	width:57%;
}
.step dd p.stepTtl {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1em;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
}
.step dd p.stepTtl span {
	display:block;
	font-size:0.7em;
	font-weight:bold;
	color:#1462a0;
}
.step dd p.stepTxt {
	font-size:0.8em;
	line-height:1.5em;
}



/************************************************************

製品情報

************************************************************************************************************************
************************************************************************************************************************/

#leftnavi{
	float:left;
	width:250px;
	margin-right:30px;
}
#rightContents{
	float:left;
	width:860px;
}

/*
レフトカテゴリメニュー 色などのスタイル設定
**************************************/

/*商品検索以外
**************************************/
#leftnavi h2{
	background: -moz-linear-gradient(top, #0c510c, #062706);
	background: -webkit-linear-gradient(top, #0c510c, #062706);
	background: linear-gradient(to bottom, #0c510c, #062706);
	color:#ffffff;
	text-align:center;
	padding:10px 0;
	font-size:1.0em;
	line-height:1.3em;
	margin-bottom:0;
}
#leftnavi h2 a{
	display:block;
	margin:-10px 0;
	padding:10px 0;
	color:#2997e4;
	text-decoration:none;
}
#leftnavi h2 a:hover{
	background:#062706;
}
#leftnavi h2 span {
margin-top:0;
}

/*商品検索
**************************************/
.leftSearch{
	margin-bottom:15px;
	text-align:center;
	border:#cccccc solid 1px;
	background:#ffffff;
}
.leftSearch form{
	padding:10px;
}
.leftSearch input[type="text"]{
	float:left;
	width:68%;
	background:url(../images/products/leftnavi/leftSearchIcon.png) 2% center no-repeat;
}
.leftSearch input[type="submit"]{
	float:right;
	min-width:30%;
	width:30%;
  padding: 5px;
}

/*カテゴリ
**************************************/
.leftCategory{
	margin-bottom:15px;
}
.leftCategory a{
	text-decoration:none;
}
.leftCategory a:hover img{
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
}
.leftCategory span.leftCate_ico img{
	max-width:20px;
	max-height:20px;
	width:auto;
	height:auto;
}
/*大カテ
**************************************/
#leftnavi h2.leftCategoryL{
	
}
#leftnavi h2.leftCategoryL a{
	color:#ffffff;
}

.leftCategoryL span.leftCategoryL_eng {
	position:relative;
	display:block;
	background:none;
	font-size:0.8em;
	line-height:1.3em;
	width:auto;
	height:auto;
	padding:0;
	color: #ece299;
}



/*大カテにアイコンを出す時（コメントアウトにする）************************************/
#leftnavi h2.leftCategoryL a{
	display:table;
	vertical-align:middle;
	width:100%;
	min-height: 32px;
	text-align:left;
	padding-left:34px;
	position:relative;
}
.leftCategoryL span.leftCate_ico {
	position:absolute;
	display:block;
	left:5px;
	width: 24px;
	height: 24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background:url(../products/dfParts/ico/ico_categoryL.png) center center no-repeat;
	padding:2px;
}
.leftCategoryL span.leftCate_ico img{
}


/*アイコンを出す時ここまで*************************************************************/

/*中カテ
**************************************/
ul.leftCategoryM{}
ul.leftCategoryM li{
	font-size:0.9em;
	line-height:1.2em;
	position:relative;
}
ul.leftCategoryM li:nth-child(even){
	background:#f7f7f7;
}

ul.leftCategoryM a{
	display:block;
	padding:10px;
	position:relative;
	color: #222222;
	/*background:url(../images/common/arr_categoryM.png) 98% center no-repeat;/*右の矢印*/
	border-bottom:#cccccc dotted 1px;
}


/*小カテあり＆マウスを乗せたとき*/
ul.leftCategoryM li:hover > ul.leftCategoryS { display: block;}
ul.leftCategoryM > li:hover > a {	color:#cc0000; /*background:rgba(0,0,0,0.08) url(../images/common/arr_categoryMon.png) 98% center no-repeat;*/ }



/*中カテにアイコンを出す時（コメントアウトにする）************************************/
ul.leftCategoryM a{
	display:table;
	vertical-align:middle;
	width:100%;
	text-align:left;
	padding:15px 0 15px 34px;
	position:relative;
}
ul.leftCategoryM span.leftCate_ico {
	position:absolute;
	display:block;
	left:5px;
	width: 24px;
	height: 24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../products/dfParts/ico/ico_categoryM.png) center center no-repeat;
	padding:2px;
}
.leftCategoryL span.leftCate_ico img{
}
/*アイコンを出す時ここまで*************************************************************/



/*小カテ
**************************************/

ul.leftCategoryS{
  display: none;
  position: absolute;
	left:249px;
	top:-40px;
	background:#ffffff;
	border:#cccccc solid 1px;
	width:250px;
	padding:15px;
  z-index:10;
	box-shadow: 2px 2px 0px #666; /*横・下・ぼかし・色*/
}
ul.leftCategoryS:hover{}

ul.leftCategoryS li {
  position:relative;
	background:none;
	font-size:1em;
	border-bottom:#cccccc dotted 1px;
}
ul.leftCategoryS li:nth-child(even){
	background:none;
}
ul.leftCategoryS a{
	display:block;
	padding:6px 6px 6px 20px;
	position:relative;
	border:none;
	background:none;
}
ul.leftCategoryS a:hover{
	text-decoration:underline;
	border:none;
	background:none;
}
ul.leftCategoryS .leftCategoryS_ttlL a{
	font-size:1.5em;
	line-height:1.5em;
	font-weight:bold;
	display:inline;
	color:#cc0000;
	background:none;
	padding:6px;
}

ul.leftCategoryS li.leftCategoryS_ttlM{
	padding-bottom:6px;
	border-bottom:#cccccc solid 2px;
}
ul.leftCategoryS li.leftCategoryS_ttlM a{
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	display:inline;
	color:#cc0000;
	background:none;
	padding:10px 6px;
}
/*小カテにアイコンを出す時（コメントアウトにする）************************************/
ul.leftCategoryS a{
	display:table;
	vertical-align:middle;
	width:100%;
	min-height: 32px;
	text-align:left;
	padding-left:34px;
	position:relative;
}
ul.leftCategoryS span.leftCate_ico {
	position:absolute;
	display:block;
	left:5px;
	width: 24px;
	height: 24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../products/dfParts/ico/ico_categoryS.gif) center center no-repeat;
	padding:2px;
}
.leftCategoryL span.leftCate_ico img{
}
/*アイコンを出す時ここまで*************************************************************/



/*QRコード*/
.leftQR{
	margin-bottom:15px;
	text-align:center;
	border:#cccccc solid 1px;
	background:#ffffff;
}

/*会員登録*/
.leftMember{
	margin-bottom:15px;
	text-align:center;
	border:#cccccc solid 1px;
	background:#ffffff;
}
.leftMember div{
	background:#f7f7f7;
	padding:10px 0;
}



/************************************************************
製品情報　右コンテンツ
************************************************************/

/*
製品情報　トップページ
*****************************/

/*フリー入力欄*/
.indexFree{
	margin-bottom:20px;
	clear:both;
}



/*バナー群
*****************************/

/*共通*/
.indexBnr{
	margin-bottom:20px;
	width:100%;
}
.indexBnr a{
	display:block;
}
.indexBnr img{
	max-width:100%;
	margin:auto;
}
.indexBnr span{
	display:block;
	text-align:center;
	font-size:0.9em;
	line-height:1.5em;
	margin-top:5px;
}

/*バナーL*/
.indexBnrL{
	margin-bottom:15px;
}


/************************************************************
共通（トップおすすめ・ランキング・商品一覧・商品詳細）
************************************************************/
/*
ぱんくず
*********************/
.breadCrumb{ font-size:0.8em; line-height:1em; margin-bottom:10px;}
.breadCrumb ul{ margin-bottom:2px;}
.breadCrumb li{ display:inline-block; vertical-align:middle;}
.breadCrumb li:after{
	content:"\03e";/*>*/
	margin-left:5px;
}
.breadCrumb li:first-child:after,
.breadCrumb li:last-child:after{
	content:"";/**/
	margin-left:5px;
}
.breadCrumb .cate_ico{
	display:inline-block;
	background:#ffffff url(../products/dfParts/ico/ico_categoryL.gif) center center no-repeat;
	width:22px;
	height:22px;
	border:#cccccc solid 1px;
}
.breadCrumb .cate_ico img{
	max-width:20px;
	max-height:20px;
}

/*商品詳細カラムわけ
**********************/

.productsDetailBox{
	margin-bottom:40px;
}
.productsDetail-L{
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:20px;
	position:relative;
}
.productsDetail-R{
	float:left;
	width:49%;
}

/*SOLDOUT*/
.productsDetail-L .soldout li a:after{
	position:absolute;
	top:9px;
	left:9px;
	width:400px;
	height:400px;
	content: url(../products/dfParts/ico/soldout.png);
	display:block;
	z-index:9999;
	}
.prodList li.soldout a:after{
	position:absolute;
	top:21px;
	left:21px;
	width:160px;
	height:160px;
	content: url(../products/dfParts/ico/soldoutList.png);
	display:block;
	z-index:9999;
	}

/*
商品共通
**********************/

/*商品詳細カートまわり*/
.productsDetail{
	padding:10px;
	margin-bottom:20px;
}


/*商品一覧・ランキング写真・関連商品*/

.prodPhoto{
	border:#cccccc solid 1px;
}

.prodList .prodPhoto,
.ranking .prodPhoto,
.prodRelated .prodPhoto{
	position:relative;
	overflow:hidden;
	width: 100%;
	height: 100%;
	padding: 100% 0 0;/*正方形*/
	margin-bottom:10px;
}
.prodList .prodPhoto img,
.ranking .prodPhoto img,
.prodRelated .prodPhoto img{
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50% , -50%);
	-ms-transform: translate(-50% , -50%);
	transform: translate(-50% , -50%);
	max-height:100%;
	max-width:100%;
	z-index:1;
}



/*アイコン*/
.prodIco{
	margin-bottom:4px;
}
.prodIco img{
	display:inline-block;
	margin:1px;
}
/*カテゴリ表示*/
.prodCate{
	color:#0c510c;
	font-size:0.8em;
	line-height:1.5em;
	font-weight:bold;
}
/*商品PR*/
.prodPR{
	font-size:0.9em;
	line-height:1.5em;
	padding:10px;
	/*border-bottom:#cccccc dotted 1px;*/
}
/*商品名*/
.prodName{
	color:#727171;
	font-size:0.9em;
	line-height:1.3em;
	text-align:left;
	padding-bottom:15px;
	word-break:break-all;
	overflow-wrap : break-word;
}
.prodList .prodName,
.ranking .prodName,
.prodRelated .prodName{
		font-size:0.9em;
	line-height:1.3em;
}
.prodDetail .prodName{
	background:#0c510c;
	padding:15px 10px;
	font-weight:bold;
	color:#ffffff;
/*	border-bottom:#cccccc dotted 1px;*/
	margin-bottom:10px;
}

/*商品価格*/
.prodPrice{
	color:#cc0000;
	font-weight:bold;
}
.prodList .prodPrice,
.ranking .prodPrice,
.prodRelated .prodPrice{
	position:absolute;/*ボックスの下付け*/
	bottom:5px;
	right:5px;
	font-size:0.8em;
	line-height:1.2em;
	text-align:right;
}
/*価格・ポイント*/
.prodDetail dl{
	padding:10px;
	border-bottom:#cccccc dotted 1px;	
}
.prodDetail dt{
	float:left;
	width:25%;
	border-left:#0c510c solid 4px;
	padding-left:8px;
}
.prodDetail dd{
	float:left;
	width:75%;
}
.prodDetail dd span.prodSend{
	background:#cc0000;
	color:#ffffff;
	font-size:0.8em;
	line-height:1em;
	padding:2px 5px;
	margin-right:5px;
}

/*サイズ色選択*/
.pridChoice{
	margin-top:20px;
	font-size:0.9em;
	line-height:1.5em;
	margin-bottom:10px;
}
.pridChoiceTtl{
	padding:5px;
	background:#666666;
	color:#ffffff;
}

.pridChoice ul{
	padding:0 5px;
	display:flex;
}
.pridChoice ul > *{
}

.pridChoice ul:nth-child(odd){
	background:#f7f7f7;
}
.pridChoice li{
	flex-shrink: 0;
	padding:5px;
}
.pridChoice li.variation{
	width:60%;
}
.pridChoice li.variation label{
	display:inline-block;
	margin:3px 0;
}
.pridChoice li.prodPrice{
	width:30%;
	text-align:right;
	margin:3px 0;
	margin-left:auto;
}
.pridChoice li.amount{
	float:right;
	width:10%;
	font-size:0.8em;
	line-height:28px;
	color:#cc0000;
	text-align:right;
}
.amount select{
  min-width: 70px;
}
.amount input{
	padding:5px;
  min-width: 70px;
}
/*バリエーション（TABLE）*/
table.table_variation{
	table-layout:auto;
	width: 100%;
	border-collapse: collapse;
	font-size:0.86em;
	line-height:1.5em;
	}
table.table_variation th,
table.table_variation td{
	border:#ccc solid 1px;
	padding:5px;
	}
table.table_variation thead tr th,
table.table_variation thead tr td{
	background-color:#666 !important;
	color:#fff;
	}
table.table_variation tr:nth-child(even){
	background-color:#f7f7f7;
	}
table.table_variation select {
	min-width: 70px;
	}


/*トップおすすめ・商品一覧*/
ul.prodList{ margin-bottom:10px;}
ul.prodList li{
	position:relative;
	float:left;
	width:23.5%;
	background:#ffffff;
	margin-right:2%;
	padding-bottom:25px;
	margin-bottom:20px;
}
ul.prodList li:nth-child(4n){
	margin-right:0;
}
.prodList a{
	display:block;
	color:#727171;
	text-decoration:none;
}

/*ランキング*/
ul.ranking{ margin-bottom:10px;}
ul.ranking li{
	position:relative;
	float:left;
	width:18.4%;
	background:#ffffff;
	margin-right:2%;
	padding-bottom:25px;
	margin-bottom:20px;
}
ul.ranking li:nth-child(5n){
	margin-right:0;
}
.ranking a{
	display:block;
	color:#727171;
	text-decoration:none;
}
.rank{ margin-bottom:5px;}
.rank img{margin:auto;}

/*
商品一覧
*********************/
/*商品一覧とカテゴリ一覧共通*/
.cateImg{
	padding-bottom:10px;
}
.cateTxt{
	padding-bottom:10px;
}

/*中カテ・小カテボタン*/

.prodListCate{ margin-bottom:10px;}
.prodListCate li{
	float:left;
	display:table;
	width:24.55%;
	margin-right:0.6%;
	margin-bottom:4px;
}
.prodListCate li:nth-child(4n){
	margin-right:0;
}
.prodListCate li a{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:8px;
	font-size:0.8em;
	line-height:1.3em;
	text-align:center;
	vertical-align:middle;
	border:#cccccc solid 1px;
	        border-radius:5px;
	   -moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
}
.prodListCate li a:hover{
	background:#f5f9fe;
}

/*該当件数*/
.searchHit{
	border-bottom:#333333 solid 1px;
	margin-bottom:10px;
}

/************************************************************
商品詳細
************************************************************/

/*商品仕様*/
.prodInfoTxt{
	margin-bottom:40px;
	font-size:0.9em;
}
.prodInfoTxt2{
	margin-bottom:40px;
}
.prodInfoTxt2 table{
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	font-size:0.9em;
}
.prodInfoTxt2 th,
.prodInfoTxt2 td{
	border-bottom:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	padding:5px;
}
.prodInfoTxt2 th{
	background:#f7f7f7;
	width:30%;
}

/*関連商品*/
ul.prodRelated{
	padding-bottom:0;
	margin-bottom:40px;
}
ul.prodRelated li{
	position:relative;
	float:left;
	width:32%;
	background:#ffffff;
	margin-right:2%;
	padding-bottom:25px;
	margin-bottom:20px;
}
ul.prodRelated li:nth-child(3n){
	margin-right:0;
}
ul.prodRelated a{
	display:block;
	color:#333333;
	text-decoration:none;
}

/*商品説明画像共通*/
.prodInfoImgL,
.prodInfoImgM{
	font-size:0.9em;
	line-height:1.5em;
}
.prodInfoImgL a,
.prodInfoImgM a{
	color: #727171;
	text-decoration:none;
}
.prodInfoImgL a:hover,
.prodInfoImgM a:hover{
	color:#2997e4;
}

/*商品説明画像L*/
.prodInfoImgL{
	margin-bottom:20px;
}
.prodInfoImgL img{
	margin:auto;
}
.prodInfoImgL p{
	margin-top:5px;
	text-align:center;
}
/*商品説明画像M*/
.prodInfoImgM{
	clear:both;
	margin-bottom:20px;
}
.prodInfoImgM-L{
	float:left;
	width:49%;
	margin-right:2%;
}
.prodInfoImgM-R{
	float:left;
	width:49%;
}
.prodInfoImgM img{
	margin:auto;
}
.prodInfoImgM p{
	margin-top:5px;
	text-align:center;
}



/*ブラウザ右固定ボタン*/

.cartfixed{
	position: fixed;
	bottom: 0px;
	right: 90px;
	width:300px;
	background:#ffffff;
	outline:#ffffff solid 2px;
	border:#cc0000 solid 1px;
	padding:10px;
	font-size:0.86em;
	line-height:1.3em;
	z-index:999;
	}
.cartfixed .prodPhoto{
	position:relative;
	overflow:hidden;
	width: 80px;
	height: 80px;
	padding: 80px 0 0;/*正方形*/
	background:#f7f7f7;
	float:left;
	margin-right:10px;
}
.cartfixed .prodPhoto img{
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50% , -50%);
	-ms-transform: translate(-50% , -50%);
	transform: translate(-50% , -50%);
	max-height:100%;
	max-width:100%;
	z-index:1;
}

.cartfixed div{
	float:left;
	width:188px;
}

.cartfixed .prodName{
	padding-bottom:0px;
}
.cartfixed .prodPrice{
	text-align:right;
	color:#cc0000;
	margin-bottom:5px;
}
.cartfixedBtn a{
	background:#cc0000;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	line-height:1.5em;
	color:#ffffff;
	text-decoration:none;
	padding:5px;
	display:block;
	        border-radius:5px;
	   -moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
}
.cartfixedBtn a:hover{
	background:#aa0000;
}


/************************************************************
カテゴリ一覧（商品一覧）
************************************************************/


.categoryList{
	margin-bottom:40px;
}
.categoryList a{
	text-decoration:none;
}
/*大カテ*/
.categoryList .cateL{
	clear:both;
	border-top: #2997e4 solid 2px;
	border-bottom: #2997e4 solid 1px;
	background: #f5f9fe;
	color: #2997e4;
	padding: 10px 0;
	margin-bottom: 10px;
}
.categoryList .cateL a{
	display:block;
	position:relative;
	padding-left:34px;
	color:#2997e4;
	font-weight:bold;
}
.categoryList .cateL a:hover{
	color:#cc0000;
}

.categoryList .cateL span.cate_ico {
	position:absolute;
	display:block;
	left:5px;
	width: 24px;
	height: 24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background:url(../products/dfParts/ico/ico_categoryL.png) center center no-repeat;
	padding:2px;
}
/*中カテ*/
.categoryList ul{
	font-size:1em;
	line-height:1.2em;
	margin-bottom:20px;
}
.categoryList ul li{
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:5px;
}
.categoryList ul li:nth-child(2n){
	margin-right:0;
}
.categoryList ul li a{
	display:block;
	padding:8px;
	padding-left:34px;
	background:#ffffff;
	border-bottom:#cccccc dotted 1px;
	position:relative;
	font-size:0.9em;
	line-height:1.5em;
	color:#2997e4;
}
.categoryList ul li a:hover{
	color:#cc0000;
}
.categoryList ul li span.cate_ico {
	position:absolute;
	display:block;
	left:5px;
	width: 24px;
	height: 24px;
	top: 5px;
	background:/*#ffffff*/ url(../products/dfParts/ico/ico_categoryM.png) center center no-repeat;
	padding:2px;
}


/*小カテ*/
.categoryList ul li ul{
	font-size:0.9em;
	line-height:1.3em;
	border:none;
	padding:5px;
	margin-bottom:0;
}
.categoryList ul li li{
	font-weight:normal;
	margin-bottom:0px;
}
.categoryList ul li li:nth-child(4n){
	margin-right:0;
}

.categoryList ul li li a{
	display:block;
	padding:0;
	background:none;
	border-bottom:none;
	margin-bottom:0;
	padding:5px 0;
	color:#727171;
	padding-left: 1em; 
	text-indent: -.7em;
}
.categoryList ul li li a:before {
		display:inline-block;
    content: "";
		width:3px;
		height:3px;
		margin-right:7px;
		margin-bottom:2px;
		background:#333333;
	        border-radius:50%;
	   -moz-border-radius:50%;
	-webkit-border-radius:50%;
	behavior: url("border-radius.htc");
}



/************************************************************
商取
************************************************************************************************************************/
.fee_table { border:#cccccc solid 1px; font-size:0.86em; margin-bottom:10px;}
.fee_table dl{width:50%; float:left; margin:0; padding:0; border-bottom:#cccccc dotted 1px;}
.fee_table dt{width:50%; float:left; text-align:center; margin:0; padding:3px; background:#f7f7f7;}
.fee_table dd{width:50%; float:left; text-align:center; margin:0; padding:3px; background:#ffffff;}
.fee_table dl:last-child{border:none;}

.daibiki_table { border:#cccccc solid 1px; font-size:0.86em}
.daibiki_table dl{width:100%; margin:0; padding:0;}
.daibiki_table dt{width:70%; float:left; text-align:center; margin:0; padding:3px;}
.daibiki_table dd{width:30%; float:left; text-align:center; margin:0; padding:3px;}
.daibiki_table dl:nth-child(odd){ background:#f7f7f7;}





/**************
共通（前へ・次へボタン）
***************/

.formBtnPrev a,
.formBtnNext a,
.formBtnPrev input,
.formBtnNext input{
	display:block;
	text-align:center;
	background:#808080;
	color:#ffffff;
	font-weight:bold;
	padding:10px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
}

.formBtnPrev i.fa,
.formBtnNext i.fa{margin-left:10px;}

.formBtnPrev a,
.formBtnPrev input{	background:#808080; text-decoration:none;}
.formBtnNext a,
.formBtnNext input{	background:#cc0000; text-decoration:none;}

.formBtnPrev a:hover,
.formBtnPrev a:active,
.formBtnPrev input:hover,
.formBtnPrev input:active{background:#555555; color:#ffffff; border-bottom:none;}
.formBtnNext a:hover,
.formBtnNext a:active,
.formBtnNext input:hover,
.formBtnNext input:active{background:#ab0000; color:#ffffff; border-bottom:none;}



@media all and (-ms-high-contrast:none){
	.formBtnPrev a,
	.formBtnNext a{
		padding:13px 0 7px;
	}
}
/**************
その他ボタン）
***************/

.formBtnEtc a,
.formBtnEtc input{
	display:block;
	text-align:center;
	background:#e9800d;
	color:#ffffff;
	font-weight:bold;
	padding:10px 0;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
}

.formBtnEtc i.fa{margin-left:10px;}

.formBtnEtc a:hover,
.formBtnEtc a:active,
.formBtnEtc input:hover,
.formBtnEtc input:active{background:#ad5e07; color:#ffffff; border-bottom:none;}



@media all and (-ms-high-contrast:none){
	.formBtnEtc a{
		padding:13px 0 7px;
	}
}



/*********************************************************
ショッピングカート
*/
.cartWrap{}
.cartWrap dl{
	border-bottom:#333333 solid 1px;
	padding:10px 0;
}
.cartWrap dl:first-child{
	clear:both;
	border-top:#333333 solid 1px;
}
.cartWrap dl:last-child{
	margin-bottom:20px;
}
.cartWrap dt{
	float:left;
	width:60%;
}
.cartWrap dd{
	float:left;
	width:40%;
}

.cartWrap .prodPhoto{
	float:left;
	position:relative;
	overflow:hidden;
	width:100px;
	padding-top:100px;
	margin-bottom:0;
}
.cartWrap .prodPhoto img{
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	max-height:100%;
	max-width:100%;
	z-index:1;
	}
.cartWrap .cartProdTxt{
	float:left;
	padding-left:2%;
 width : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
 width : -webkit-calc(100% - 100px) ;
 width : calc(100% - 100px) ;
}
.cartWrap .prodNo{font-size:0.8em;}
.cartWrap .prodName{ font-size:inherit; font-weight:bold;}
.cartWrap a .prodVariation{color:#333333;}

.cartWrap dd{text-align:right;}
.cartWrap dd > * { display:inline-block; vertical-align:middle;}

.cartWrap .cartAmont{}
.cartWrap .cartAmont span{display:inline-block; font-size:0.8em; padding: 0 5px;}
.cartWrap select{
	border:#333333 solid 1px;
  padding: 0px 25px 0px 15px;
	min-width: 60px;
	max-width: 100px;
	height:32px;
	font-size:0.96em;
	font-weight: bold;
	}
.cartWrap input[type="submit"]{
	border:#333333 solid 1px;
	padding: 0 10px;
	min-width: auto;
	max-width:60px;
	height:32px;
	font-weight:500;
}
.cartWrap .cartDel{ display:block; text-align:right; margin-top:10px; font-size:0.8em;}
.cartWrap .cartDel a{display:inline-block;}

.cartWrap .cartTotalWrap{
	margin-top:20px;
	width:49%;
	margin-left:51%;
}

.cartWrap .cartTotalWrap dt{
	float:left;
	width:60%;
	padding-left:2%;
}
.cartWrap .cartTotalWrap dd{
	float:left;
	width:40%;
	padding-right:2%;
}




@media all and (-ms-high-contrast:none){
	.cartWrap .prodPrice{ padding-top:3px;}
	.cartWrap select{
		padding: 3px 25px 0px 15px;
	}
	.cartWrap input[type="submit"]{
		padding: 3px 10px 0;
	}
	.cartWrap .cartTotalWrap dl{
		padding-top:13px;
		padding-bottom:7px;
	}
	.cartWrap .cartTotalWrap dt{
	 padding-top:5px;
	}
	.cartWrap .cartTotalWrap dd{
	 padding-top:3px;
	}

}


@media only screen and (max-width:1199px){
	.cartWrap dt,
	.cartWrap dd{
		float:none;
		width:100%;
	}
	.cartWrap dt{margin-bottom:5px;}
}
@media only screen and (max-width: 768px){

	.cartWrap dl{
		padding:5px 0;
	}
	.cartWrap .cartDel{ margin-top:5px;}
	.cartWrap .cartTotalWrap{
		width:70%;
		margin-left:30%;
	}
	.cartWrap .cartTotalWrap dt{margin-bottom:0;}


}
@media only screen and (max-width: 480px){
	.cartWrap dt:after,
	.cartWrap dd:after{
		content: ".";  /* 新しい要素を作る */
		display: block;  /* ブロックレベル要素に */
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.cartWrap .prodPhoto{
		float:left;
		width:20%;
		padding-top:20%;
		margin-bottom:0;
	}
	.cartWrap .cartProdTxt{
		float:left;
		width:80%;
		padding-left:2%;
	}

}



/*********************************************************
ご注文方法
*/
.orderguideWrap{
	display:flex;
	}
.orderguideImg{
	flex-shrink: 0;
	width:380px;
	margin-right:20px;
	}

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