@charset "utf-8";

/*WEBフォント読み込み（Noto Sans Japanese）*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese');

/*
-------------------------------------------------------------------------------
共通
-------------------------------------------------------------------------------
*/
section.rm h4{
	color:#F30;
	padding:20px 0 10px 0;
	font-size:1.3rem;
	text-align:center;
}
strong{
	color:#F30;
	border-bottom:#F30 1px solid;
	padding-bottom:1px;
}
h3{
	color:#F30;
	padding:10px 0;
	font-size:1.5rem;
	text-align:center;
	border-bottom:2px solid #F30;
}

/*
-------------------------------------------------------------------------------
商品リスト
-------------------------------------------------------------------------------
*/


ul.article-item-list{
	border-bottom:1px solid #DDD;
}
ul.article-item-list li{
	border-top:1px solid #DDD;
}
ul.article-item-list .image img{
	width:150px;
	height:150px;
	margin:16px;
}
.recommend ul.article-item-list .image img{
}
ul.article-item-list .image p.drate{
	text-align:left;
	margin-top:-40px;
}
ul.article-item-list .image p.drate img{
	width:35px;
	height:35px;
	margin-top:0;
	border:none;
}

@media screen and (max-width:992px){
ul.article-item-list .image img{
	width:60%;
	height:auto;
	margin:16px auto 0;
	display:block;

}
ul.article-item-list .image p.drate{
	margin-top:-10px;
}
ul.article-item-list .image p.drate img{
	margin:0 auto 0 0;
}
}


ul.article-item-list div.info{
	padding:16px 0;
}

ul.article-item-list div h4{
	line-height:105% !important;
	margin:0px 0 10px;
}
ul.article-item-list div h4 a{
	font-size:1.2rem;
	font-weight:bold;
	color:#036;
	/*color:#212529;*/
	line-height:110% !important;
}

ul.article-item-list div.info div.spec{
	border:1px solid #CCC;
	padding:5px;
	border-radius:4px;
	font-size:0.9rem;
}
.recommend ul.article-item-list div.info div.spec{
	border:none;
}


ul.article-item-list div.info div.spec th{
	text-align:left;
	padding-right:8px;
	color:#036;
	white-space:nowrap;
}

ul.article-item-list div.info p.price{
	margin:0;
	font-size:0.8rem;
}
ul.article-item-list div.info p.nPrice{
	margin:0;
}
ul.article-item-list div.info p.sPrice{
	color:#C00;
	margin:0;
	font-size:1.4rem;
	font-weight:bold;
}
ul.article-item-list div.info p.sPrice span{
	font-size:1rem;
	font-weight:normal;
}


div.row p.productsButton a{
	display:block;
	background-color:#F90;
	box-shadow:0px 5px 0px 0px #963;
	border-radius:7px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
	margin:auto;
	text-shadow:2px 2px 0px rgba(0,0,0,0.3);
	background-repeat:no-repeat;
	background-position:100% 50%;
}




/*任せて安心な理由*/

div.reason{
	border:4px solid #000;
	border-radius:8px;
	padding:10px;
	background-position:100% 100%;
	background-repeat:no-repeat;
}

div.reason ol{
	counter-reset:number;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	font-size:1.1rem;
	color:#000;
}
div.reason ol li{
	margin:0.9em 0.5em 0.9em 0.2em;
	padding:0;
	color:#333;
}
div.reason ol li a{
	text-decoration:none;
	color:#333;
}
div.reason ol li strong{
	background: linear-gradient(transparent 85%, #C00 85%);
	padding:0;
}
div.reason ol li:before{
	counter-increment: number;
	content: counter(number);
	background-color:#C00;
	padding:0px;
	color:#FFF;
	width:1.5em;
	height:1.5em;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	font-size:110%;
	margin:0 5px 0 0;
	font-weight:bold;
}
@media screen and (max-width:700px){
div.reason{
	padding:5px 5px 80px;
	background-position:100% 100%;
	background-repeat:no-repeat;
	background-size:100px 100px;
}
}

/*
-------------------------------------------------------------------------------
フッタ
-------------------------------------------------------------------------------
*/

footer{
	text-align:center;
	padding:50px 0 100px;
	color:#000;
}
footer a{
	color:#000;
}

  
  
  /*
-------------------------------------------------------------------------------
おすすめ
-------------------------------------------------------------------------------
*/
.necessary h4{
	color:#C00;
	font-weight:bold;
}

.recommend .wrapper{
	padding:15px;
	background-color:#F1EEE2;
	border:1px solid #DDD;
	border-radius:5px;
	box-shadow:2px 2px 4px 2px rgba(0,0,0,0.15);
	margin:20px 0 0 0;
}
.recommend h2{
	background-color:#F30;
	color:#FFF;
}

.recommend h4{
	font-size:1.2rem;
	text-align:center;
	font-weight:bold;
	color:#C00;
	line-height:105% !important;
}
.recommend h4 a{
	line-height:105% !important;
}
  /*
-------------------------------------------------------------------------------
ラバーメイド　エグゼクティブシリーズ
-------------------------------------------------------------------------------
*/
.eyecatchLocker{
	margin-top:50px;
	background-image:url(/shop/rubbermaid/img/article/executive/bg-eyecatch.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	color:#FFF;
}
.eyecatchLocker div{
	padding:0px;
}
p.quote{
	font-size:80%;
	line-height:120%;
	color:#666;
}
/*標準表*/
table.normal{
	margin-bottom:10px;
	border:#999 1px solid;
}
table.normal th{
	border:#999 1px solid;
	padding:2px 10px;
	text-align:center;
	background-color:#EBF0F1;
	font-size:80%;
	color:#000000;
	vertical-align:middle;
	line-height:150%;
}
table.normal td{
	font-size:80%;
	padding:2px 10px;
	line-height:140%;
	background-color:#FFFFFF;
	color:#000000;
	border:#999 1px solid;
}
table.normal td span.red{
	color:#CC0000;
}
table.normal td img{
	display:block;
}
table.normal tr.selected td,
table.normal tr.selected th{
	background:#F66;
}
h5 span{
	padding-left:15px;
	font-size:70%;
}
  /*
-------------------------------------------------------------------------------
ラバーメイド　HYGENハイジーン
-------------------------------------------------------------------------------
*/
.eyecatchHygen{
	margin-top:50px;
	background-image:url(/shop/rubbermaid/img/article/hygen/bg-eyecatch.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	color:#FFF;
}
.eyecatchHygen div{
	padding:0px;
}
p.quote{
	font-size:80%;
	line-height:120%;
	color:#666;
}
div.youtubeResponsive{
	text-align:center;
	margin:20px 0;
}


@media screen and (max-width: 700px){
/*youtubeレスポンシブ対応*/ 
div.youtubeResponsive{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
div.youtubeResponsive iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
}