@charset "Shift_JIS";

h1 { font-size:12px;}

#main,
.catalog_inner{
	width:992px;
	font-size:13px;
	color:#313131
}

#main {margin:20px auto;}

#main a,#catalog a { color:#313131;}

#main h2,#catalog h2 {text-align:center;font-size: 26px;margin-bottom: 24px;}

#mainArea { overflow:hidden;}

#main .read { text-align:center; font-size:14px;margin-bottom: 24px;}

.section {margin-top:64px;overflow: hidden;}

.arrow { text-align:right; font-size:12px;margin-bottom: 32px;}
.arrow a {
	background-image: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png);
	background-repeat:no-repeat;
	background-position:left 1px;
	padding-left:20px;
}

/******************************
BEGIN 新スライダーCSS style_key.css
*******************************/
/* HTMLスライド */
.htmlslidearea{
	margin:0;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	width: 992px;
	height: 545px;
	margin:0 auto 64px;
}
.htmlslidearea a img{ border-style:none;}

/*--------------------------------------------------*/
.iewidth{ width:100%;}
/*--------------------------------------------------*/
/*--------------------------------------------------*/
.newslider{
	position:relative;
	margin:0;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}

.newslider .controlfield{ position:relative;}

.newslider .viewfield{
	-ms-touch-action: none;
	position:relative;
	overflow:hidden;
	width: 100%;
}

.newslider .viewfield .items{
	display: block;
	height: 392px;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.newslider .viewfield .items li{
	float: left;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
	cursor: pointer;
}

.newslider .viewfield .items li a{
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.newslider .viewfield .items li img{
	-webkit-touch-callout:none;
	-webkit-user-select: none;
	width: 100%;
}

.android_arrows{ top: 40%;}
.normal_arrows{	top: 0px;}

.newslider .leftmask, .newslider .rightmask{
	overflow:hidden;
	cursor: pointer;
	z-index: 9;
	position: absolute;
	top: 172px !important;
	width: 50px !important;
	height: 50px !important;
}

.newslider .leftmask{ left: 0px !important;}
.newslider .rightmask{ right: 0px!important;}

.newslider .prevbtn{
	cursor: pointer;
	position: absolute;
	width: 50px;
	height: 50px;
	right: 0px;
	background-image: url(/noltop_images/pc/160106/slide_arrow_left.png);
	background-repeat: no-repeat;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.newslider .nextbtn{
	cursor: pointer;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	background-image: url(/noltop_images/pc/160106/slide_arrow_right.png);
	background-repeat: no-repeat;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.newslider .chips{
	margin:16px auto;
	width:992px;
}

.android_chips{	bottom: 0px;}
.normal_chips{ top: 0px;}

.newslider .chips ul{
	list-style: none;
	text-align:center;
	margin-left:-8px;
}
.newslider .chips ul li{
	position:relative;
	width: 192px;
	margin-left: 8px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}


.newslider .chips ul li a{
	overflow: hidden;
	display: inline-block;
	*display:inline;
	*zoom:1;
}

.newslider .chips ul li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.newslider .chips ul li a.act{ border: 3px solid #df589d;}

.newslider .chips ul li img{
}

.newslider .chips ul li img.act{ margin: -3px;}

.newslider .chips ul li .bannermask{
	position: absolute;
	top: 0;
	left: 0;
	width: 192px;
	height: 72px;
	background: #818181;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: .60;
	z-index: 100;
	zoom:1;
}

.newslider .chips ul li .maskact{ display:none;}

.newslider .chips ul li dl { background-color:#f6f6f4; padding:10px 0; text-align:center;  }
.newslider .chips ul li dt { margin-bottom:5px; font-weight:bold; color:#df589d; }
@-moz-document url-prefix() {
.newslider .chips ul li dl { margin-top:-7px; }
}
.newslider_width { height:0; }
/******************************
END 新スライダーCSS style_key.css
*******************************/


/******************************
START newitem_area
*******************************/
#main .newitem_area {
	width:768px;
	float:right;
}

.newitem_area h2 {margin-top:10px;}
.newitem_area .mt60 { margin-top:60px;}

.newitem_area ul.bxslider li { width:222px!important;}

.newitem_area ul.bxslider li dl { width:180px;}

.newitem_area li img {
	border:1px solid #ccc;
	margin-bottom:13px;
	width:178px;
	height:178px;
}

.newitem_area dt span {
	display:block;
	font-weight:bold;
	overflow: hidden;
	margin-bottom: 5px;
	height:1.5em;
	line-height:2;
	position:relative;
	padding-right: 6px;
}
.newitem_area dt span:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
  display /*\**/: none\9;
}

.newitem_area dt span:after {
  content: "";
  position: absolute;
  right: -1em;
  float: right;
  width: 3em;
  height: 100%;
  background-color: #FFF;
}

.newitem_area  .text {
	line-height:1.4;
	margin:3px 0;
	height:2.8em;
	overflow: hidden;
	position:relative;
}
.newitem_area .text:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
  display /*\**/: none\9;
}

.newitem_area .text:after {
  content: "";
  position: absolute;
  right: -1em;
  float: right;
  width: 3em;
  height: 100%;
  background-color: #FFF;
}
.price { color:#000;}
.price span { font-weight:bold; font-size:18px;}
.price span span{ font-size:24px;}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	padding: 0 72px;
	*zoom:1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/nol_common_v3/images/pc/all/150609/loading.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* PAGER */
.bx-wrapper .bx-pager {	display:none}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 0;
	background: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png) no-repeat 0 -190px;
}

.bx-wrapper .bx-next {
	right: 0;
	background: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png) no-repeat -33px -262px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 92px;
	margin-top: -16px;
	outline: 0;
	width: 17px;
	height: 37px;
	text-indent: -9999px;
}

/******************************
START　新着君
*******************************/
.bg_white {
	height: 0;
	text-align: center;
	position:relative;
}
/*------------------上部タブ------------------*/
#coordinate_slide .newslideritemtab{
	text-align: center;
	font-size: 14px;
}

#ranking .newslideritemtab{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #f2f2f2;
	padding: 8px;
	margin-top: 24px;
}


/*------------------ アイテムスライダー ------------------*/
.newslideritem .controlfield{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	margin-bottom: 20px;
}

.newslideritem{
	width: 100%;
	margin:0;






	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	position:relative;
}

.newslideritem .viewfield{
	-ms-touch-action: none;
	position:relative;
	margin: 24px auto 0;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.newslideritem .viewfield .items{
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

.newslideritem .viewfield .box{
	overflow: hidden;
	line-height:1.2;
	width: 160px;
	text-align:center;
	position: relative;
}

.newslideritem .viewfield .box a { color:#333;}

.newslideritem .viewfield .items li{
	/display: inline;
	float: left;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
}

.newslideritem .viewfield .items li a{	-webkit-tap-highlight-color: rgba(0,0,0,0);}

.newslideritem .viewfield .items li img{
	width: 138px;
	height: 138px;
}

.newslideritem .viewfield .items .item{
	height: 2.8em;
	padding: 5px;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow:hidden;
	margin: auto;
	text-align:left;
	line-height: 1.6;
	font-size: 13px;
}

.newslideritem .viewfield .items .price {
	padding: 5px;
	display: block;
	text-align:left;
	color: #000;
	font-size: 14px;
}

/*btn*/
.newslideritem .prevbtn,
.newslideritem .nextbtn{
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 37px;
	top: -190px;
	background-image: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png);
	background-repeat: no-repeat;
	background-position:0 0;
}

.newslideritem#ranking .prevbtn,
.newslideritem#ranking .nextbtn{ top:-200px;}

.newslideritem#newitem .prevbtn,
.newslideritem#newitem .nextbtn{ top:-160px;}

.newslideritem .prevbtn{
	left: 0;
	background-position: 0 -190px;
}

.newslideritem .nextbtn{
	right: 0;
	background-position: -33px -262px;
}
.newslideritem .disable{
	cursor: default;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

.newslideritem .pageicons{
	display:inline-block;
	*display:inline;
	*zoom:1;
}

.newslideritem .pageicons li{
	cursor: pointer;

	float: left;
	height: 16px;
	width: 16px;
	background:url(/noltop_images/pc/140909/new/slideitem_circle_off.gif) no-repeat;
}

.newslideritem .pageicons li.selected{ background:url(/noltop_images/pc/140909/new/slideitem_circle_on.gif) no-repeat;}

/*-------------------- 人気アイテムランキング ---------------------------*/
.ranking .newslideritemtab{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #f2f2f2;
	padding: 8px;
	/* margin-top: 24px; */
}
.ranking .newslideritem .viewfield .items li img{
	width: 180px;
	height: 180px;
}

.ranking .newslideritem .viewfield .box { width:190px;}

.ranking .newslideritem .prevbtn,.ranking .newslideritem .nextbtn { display:none;}

/*ランキング番号*/
.viewfield .box .rank{
	  position: absolute;
	  height: 32px;
	  width: 32px;
	  background-image: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png);
	  background-position: 0 -334px;
	  background-repeat: no-repeat;
	  top: 0;
	  left: 6px;
	  cursor:pointer;
}

.viewfield .box .rank.number_02{ background-position: 0 -366px;}
.viewfield .box .rank.number_03{ background-position: 0 -398px;}
.viewfield .box .rank.number_04{ background-position: 0 -430px;}
.viewfield .box .rank.number_05{ background-position: 0 -462px;}

.viewfield .box .rank.number_06{ background-position: 0 -494px;}

.viewfield .box .rank.number_07{ background-position: 0 -526px;}
.viewfield .box .rank.number_08{ background-position: 0 -558px;}
.viewfield .box .rank.number_09{ background-position: 0 -590px;}
.viewfield .box .rank.number_10{ background-position: 0 -622px;}
.viewfield .box .rank.number_11{ background-position: 0 -654px;}
.viewfield .box .rank.number_12{ background-position: 0 -686px;}
.viewfield .box .rank.number_13{ background-position: 0 -718px;}
.viewfield .box .rank.number_14{ background-position: 0 -750px;}
.viewfield .box .rank.number_15{ background-position: 0 -782px;}
.viewfield .box .rank.number_16{ background-position: 0 -814px;}
.viewfield .box .rank.number_17{ background-position: 0 -846px;}
.viewfield .box .rank.number_18{ background-position: 0 -878px;}
.viewfield .box .rank.number_19{ background-position: 0 -910px;}
.viewfield .box .rank.number_20{ background-position: 0 -942px;}
.viewfield .box .rank.number_21{ background-position: 0 -974px;}
.viewfield .box .rank.number_22{ background-position: 0 -1006px;}
.viewfield .box .rank.number_23{ background-position: 0 -1038px;}
.viewfield .box .rank.number_24{ background-position: 0 -1070px;}
.viewfield .box .rank.number_25{ background-position: 0 -1102px;}
.viewfield .box .rank.number_26{ background-position: 0 -1134px;}
.viewfield .box .rank.number_27{ background-position: 0 -1166px;}
.viewfield .box .rank.number_28{ background-position: 0 -1198px;}
.viewfield .box .rank.number_29{ background-position: 0 -1230px;}
.viewfield .box .rank.number_30{ background-position: 0 -1262px;}

/*-------------------- OFF率・クチコミ表示 ---------------------------*/
.newslideritem .viewfield .items .discountrange{
	color: #ca0000;
	font-size: 13px;
	float: left;
	padding: 5px 0 0 5px;
}
.newslideritem .viewfield .items .discountrate{
	color: #ca0000;
	font-size: 13px;
	float: left;
	padding: 5px 0 0 5px;
}
.newslideritem .viewfield .items .pricedown{
	color: #ca0000;
	clear: both;
}
.newslideritem .viewfield .items li img.star {
    width: 75px;
    height: 14px;
    padding: 0 5px 10px;
    float: left;
}
/******************************
START sideArea
*******************************/
#main #sideArea {
	width:192px;
	float:left;
	line-height:1.2;
}
#sideArea h3 {
	border-top:2px solid #f6f6f4;
	font-size:13px;
	padding: 22px 0;
}

#sideArea li {padding-bottom: 20px;}

#sideArea li span { display:block;}

/******************************
START 季節のおすすめ特集/スペシャルコンテンツ
*******************************/
#featured_season,#special_contents { overflow:hidden; clear:both;}


#featured_season ul,
#special_contents ul{/* margin-top: 24px; */ font-size:13px;}

#featured_season li,
#special_contents li{
	float:left;
	width:230px;
	margin-left:23px;
}

#featured_season li span,
#special_contents li span{
	line-height:1.4;
	height:2.8em;
	margin-bottom:16px;
	overflow: hidden;
	position:relative;
	display:block;
}


#featured_season li span:before,
#special_contents li span:before{
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
  display /*\**/: none\9;
}

#featured_season li span:after,
#special_contents li span:after{
  content: "";
  position: absolute;
  width:100%;
  height: 100%;
  background-color: #FFF;
}

#featured_season li img,
#special_contents li img{ margin-bottom:10px;}

#featured_season li:first-child,
#special_contents li:first-child{ margin-left:0;}

/******************************
STARTカタログ
*******************************/
#catalog { background-color:#f2f2f2;padding-bottom:30px;/* font-size: 14px; */}

#catalog .catalog_inner { overflow:hidden; background-color:#f2f2f2; margin:0 auto;}

#catalog h2{padding-top: 30px;}

#catalog .bx-wrapper { padding: 0 60px; margin:0;}

#catalog .bxslider li { width:175px!important;}

#catalog .bxslider li a {
	text-align:center;





	width:160px;
	display: block;
	font-size: 14px;
}



#catalog .bxslider li span { display:block;}

#catalog .bxslider li img {
	margin-bottom:13px;
	width:160px;
	height:232px;
}

#catalog .more_catalog {
    margin-left: 34px;
    margin-top: 24px;
}

#catalog .more_catalog li{
	float:left;
	margin-left:24px;
	border-radius: 4px;
	border: 1px solid #eaeaea;
	background-color:#FFF;
	text-align: center;
	/* padding: 5px 0; */
}

#catalog .more_catalog li span {
	background-image: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 19px;
}

#catalog .more_catalog li a {
	display: block;
	width: 270px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
}

#catalog .bx-wrapper .bx-controls-direction a { top:110px;}

/******************************
START convenient
*******************************/
#convenient { overflow:hidden;}

#convenient h3 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #f2f2f2;
	padding: 8px;
	margin-bottom:16px;
}

#convenient .infoblock {
	width:230px;
	float:left;
	margin-right:24px;
}

#convenient .app { margin-right:0;}

#convenient .sns li{
	margin-bottom: 16px;
	font-size:12px;
	width: 210px;
}

#convenient .sns li a {
	display:table;
	padding-left: 70px;
	background-image: url(/noltop_images/pc/160106/sns.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 56px;
}

#convenient .sns .twitter a { background-position:0 -72px;}
#convenient .sns .facebook a{ background-position:0 -144px;}
#convenient .sns .line a    { background-position:0 -216px;}

#convenient .sns li span {
	display:table-cell;
	vertical-align:middle;
}


#convenient .koe li{
	margin-top: 18px;
	width: 208px;
	border:1px solid #ececec;
}

#convenient .koe li:first-child { margin-top:0;}

#convenient .koe li a {
	background-image: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png);
	background-repeat: no-repeat;
	background-position: 10px 31px;
	height:78px;
	display:table;
}

#convenient .koe li span {
	display:table-cell;
	vertical-align:middle;
	padding-left: 35px;
}

#convenient .app ul {margin-top: 0; overflow:hidden;}

#convenient .app li{
	font-size:12px;
	margin-bottom: 8px;
	text-align: left;
}

#convenient .app li a {
	display:table;
	padding-left: 50px;
	background-image: url(/noltop_images/pc/160106/app.jpg);
	background-repeat: no-repeat;
	background-position: 0 -48px;
	height: 40px;
}
#convenient .app li:first-child a{ background-position:0 -0px;}


#convenient .app li span {
	display:table-cell;
	vertical-align:middle;
}

#convenient .app dt {
	background: url(/noltop_images/pc/140909/new/side_logo_youtube.gif) no-repeat left center;
	padding-left: 66px;
	margin: 26px 0 8px;
}
	
/******************************
START キャンペーン＆プレゼント
*******************************/
#campaign { overflow:hidden; }


#campaign li {
	float:left;
	width:230px;
	margin-left:23px;
}

#campaign li:first-child { margin-left:0;}


#campaign li span {
	line-height:1.4;
	margin:10px 0 20px;
	height:2.8em;
	overflow: hidden;
	position:relative;
	display:block;
	font-size:12px;
	padding-right: 3px;
}


#campaign li span:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
  display /*\**/: none\9;
}

#campaign li span:after {
  content: "";
  position: absolute;
  right: -1em;
  float: right;
  width: 3em;
  height: 100%;
  background-color: #FFF;
}

/****************************************************
STAR SALE
*****************************************************/
#sale li {float:right;}
#sale li:first-child { float:left;}

/****************************************************
STAR 2nd閲覧履歴
*****************************************************/
/* 履歴がないとき */
.historyitems_noHistory .historyitems { background:none; }

.historyitems_noHistory .historyitems .controlfield { border-bottom:1px solid #c4b8a8; height:60px; }

.historyitems_noHistory .historyitems .viewfield { margin:0 !important; }

.historyitems_noHistory .noHistory{
	text-align:left;
	background:url(/nol_common_v3/images/pc/all/140902/ar_002_t2_cs.gif) 14px 8px no-repeat;
	padding:3px 0 0 30px;
	width:300px !important;
	height:auto !important;
}
/* 履歴がないとき */

.historyitems_area{
	width: 100%;
	clear:both;
}

/*--------------------------------------------------*/
/* 全体 */
#HistoryArea {
	border: solid 1px #eaeaea;
	position: relative;
	border-radius: 3px;
	margin: 64px 0;
	padding-top: 10px;
}
/*--------------------------------------------------*/
/* title */
#HistoryArea h2 {
	position: absolute;
	top: -30px;
	border:none;
	color:#a7c90a;
	font-size: 14px;*
	display:inline;*zoom:1;
	/* width: auto; */
	/* margin:auto auto auto 10px; */
	left: 0;
	}
#HistoryArea h2 span:before{
	content:" ";
	margin: auto 5px auto auto;
	height:15px;
	width:15px;
	background:url(/nol_common_v3/images/pc/all/151109/icon_history.png) 0 0 no-repeat;
	vertical-align: sub;
	display:inline-block;
	*display: inline;  
	*zoom: 1; 
}


/* アイテムスライダー */
.historyitems{
	margin:0;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	background-image: url('/itc_common/layout_liquid/images/bg_tile_01.gif');
	height:100%;
}

.historyitems .historyitemstab li{
	cursor: pointer;
	float: left;
	margin:2px;
	width:100px;
	height: 40px;
	background: #e1a4ff;
}

.historyitems .historyitemstab li.selected{	background: #ff0000;}

.historyitems .controlfield{
	position:relative;
	text-align:center;
}

.historyitems .viewfield{
	-ms-touch-action: none;
	position:relative;
	overflow:hidden;	
	margin-left: 40px;
	margin-right: 40px;
	overflow:hidden;	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;	
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	
}

.historyitems .viewfield .items{
	position:relative;
	overflow:hidden;	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;	
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;	
	display: block;
	margin:30px 0 0;
	padding:0;
	list-style:none;
}

.historyitems .viewfield .items li{
	float: left;
	width: 150px;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
}

.historyitems .viewfield .items li .box{
	width:150px;
	/*height: 240px; お気に入りボタンを表示する際はコメントアウト取る */
	margin-left:4px;
	margin-right:4px;
	text-align:center;
}

.historyitems .viewfield .items li a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color:#4d4d4d;
}
.historyitems .viewfield .items li .box span { font-size:12px; }
.historyitems .viewfield .items li .box .price { color:#ca0000; }

.historyitems .prevbtn{
	cursor: pointer;
	position: absolute;
	width: 33px;
	height: 53px;
	top: 70px;
	left:5px;
	background-image: url(/nol_common_v3/images/pc/all/140902/arrow_prev.png);
	background-repeat: no-repeat;
}

.historyitems .nextbtn{
	cursor: pointer;
	position: absolute;
	width: 33px;
	height: 53px;
	top: 70px;
	right: 5px;
	background-image: url(/nol_common_v3/images/pc/all/140902/arrow_next.png);
	background-repeat: no-repeat;
}

.historyitems .prevbtn.disable,
.historyitems .nextbtn.disable{
	cursor: default;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

.stoplink{	pointer-events:none;}

#HistoryArea .allHistoryChk .desc { margin-top:-40px; }

#HistoryBtn {
    margin: 0 48px;
    text-align: center;
    padding: 0;
    width: 160px;
    height: 40px;
    background: #a7c90a;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    color: #fff;
    display: block;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    z-index: 1;
    transition: all 0.3s;
    transition-timing-function: linear;
}

#HistoryBtn.show{


	cursor:default;
	/*display:none;*/
}
#HistoryBtn span:before{
	margin: auto 5px auto auto;
	content: url(/nol_common_v3/images/pc/thum/151116/icon_clock.png);
	display: inline-block;
	vertical-align: sub;
}


.historyitems_area{
	width: 100%;
	clear:both;
}


.historyitems_inner .viewfield .items li .delete { text-align:right; padding:10px 0; }
.historyitems_inner .viewfield .items li .delete a {
	display:inline-block;
	zoom:1;
	height:10px;
	line-height:11px;
	font-size:10px;
	padding-left:15px;
	background:url(/nol_common_v3/images/pc/all/151109/delbtn.png) no-repeat left center;
	cursor:pointer;
}

/*--------------------------------------------------*/
/* 最近チェックした商品 */
/* アイテムスライダー */
.historyitems_inner{
	margin:auto;
	width: 100%;
	height: 275px;
	/* min-height: 270px; */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;//
	border:solid 1px #eaeaea;//
	border-radius:5px;
}

.historyitems_inner .historyitemstab li{
	cursor: pointer;
	float: left;
	margin:2px;
	width:100px;
	height: 40px;
	background: #e1a4ff;
}

.historyitems_inner .historyitemstab li.selected{ background: #ff0000;}

.historyitems_inner .controlfield{
	position:relative;
	text-align:center;
}

.historyitems_inner .viewfield{
	width: auto;
	-ms-touch-action: none;
	position:relative;
	overflow:hidden;	
	margin-left: 40px;
	margin-right: 40px;
	overflow:hidden;	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;		
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;		
}

.historyitems_inner .viewfield .items{
	position:relative;
	overflow:hidden;	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;	
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;	
	display: block;
	margin:10px 0 0;
	padding:0;
	list-style:none;
}

.historyitems_inner .viewfield .items li{
	float: left;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
	position: relative;
	margin-left: 10px;
	width: 170px!important;
}
.historyitems_inner .viewfield .items li:first-chld{
	margin-left: 0;
}
.historyitems_inner .viewfield .items li .itemimg{
	width:170px;
	margin-bottom:10px;
	border:solid 1px #ccc;
}

.historyitems_inner .viewfield .items li .box{
	width:170px;
	/*height: 240px; お気に入りボタンを表示する際はコメントアウト取る */
	margin:auto;
	text-align:center;
	background-color:#fff;
}
.historyitems_inner .viewfield .items li .box p{
	text-align:left;
	word-wrap:break-word;
	word-break:break-all;
}
.historyitems_inner .viewfield .items li .box p.name{
	height:40px;
}
.historyitems_inner .viewfield .items li a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color:#4d4d4d;
}
.historyitems_inner .viewfield .items li .box span { font-size:12px; }
.historyitems_inner .viewfield .items li .box .price {font-size: 12px;font-weight: bold;}

.historyitems_inner .viewfield .items li .favorite{
	width:30px;
	height:30px;
	position:absolute;
	top:7px;
	right:7px;
	background:url(/nol_common_v3/images/pc/all/151109/icon_like_off.png) center center no-repeat;
}
.historyitems_inner .viewfield .items li .favorite.active{ background:url(/nol_common_v3/images/pc/all/151109/icon_like_on.png) center center no-repeat;}
.historyitems_inner .viewfield .items li .favorite img{	display:none;}
.historyitems_inner .viewfield .items li .favorite a{
	height:30px;
	width:30px;
	display:block;
}

.historyitems_inner .prevbtn{
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 37px;
	top: 105px;
	left:0;
	z-index: 2;
	background:url(/nol_common_v3/images/pc/all/151109/btn_arrow_prev.png) center center #a7c90a no-repeat;
	border-radius:0 3px 3px 0;
}

.historyitems_inner .prevbtn.disable{
	cursor: default;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

.historyitems_inner .nextbtn{
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 37px;
	top: 105px;
	right:0;
	z-index: 2;
	background:url(/nol_common_v3/images/pc/all/151109/btn_arrow_next.png) center center #a7c90a no-repeat;
	border-radius:3px 0 0 3px;
}
.historyitems_inner .nextbtn.disable{
	cursor: default;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}


.historyitems_inner .pageicons{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 auto 10px;
}

.historyitems_inner .pageicons li{
	cursor: pointer;
	float: left;
	margin:10px;
	width:10px;
	height: 10px;
	background:url(/nol_common_v3/images/pc/all/140902/page_off.png) no-repeat;
}

.historyitems_inner .pageicons li.selected{	background:url(/nol_common_v3/images/pc/all/140902/page_on_history.gif) no-repeat;}

.stoplink{	pointer-events:none;}

#HistoryArea .allHistoryChk .desc { margin-top:0px; }

.noHistory{
	text-align: center;
	padding: 50px;
}


#HistoryArea .hideBtn { /display:inline;}

#HistoryArea .hideBtn, #HistoryArea .arrow { /margin-top:-40px; }
#HistoryArea .hideBtn {height:24px;line-height:24px;font-size:11px;position: absolute;right: 0;top: -35px;}
#HistoryArea .hideBtn span { display:block; float:left; margin-right:8px; }
#HistoryArea .hideBtn a,
#HistoryArea .hideBtn em {
	display:block;
	background:url(/nol_common_v3/images/pc/all/151109/switch_bg.png) no-repeat;
	background-position:0 -24px;
	text-align:center;
	width:90px;
	height:24px;
	line-height:24px;
	text-decoration:none;
	font-weight:normal;
	float:left;
	font-style:normal;
}
#HistoryArea .hideBtn a { cursor:pointer; }

#HistoryArea .history_use a { background-position:left top; color:#000; display: block;}
#HistoryArea .history_use em { background-position:right top; color:#fff; }
#HistoryArea .history_notuse a { background-position:right bottom; color:#fff;text-indent: 23px; display: block;}
#HistoryArea .history_notuse em { background-position:left bottom; color:#333; }

#HistoryArea .noHistory em { font-weight:bold; }

/****************************************************
START shopping_site
*****************************************************/
#shopping_site ul {
    overflow: hidden;
    margin-bottom: 10px;
}

#shopping_site li {
	float:left;
	width:230px;
	margin-left:23px;
	font-size:12px;
}

#shopping_site li:first-child { margin-left:0;}

#shopping_site a {
	 background-repeat: no-repeat;
	 background-position: 0 0;
	 display: block;
	 min-height: 80px;
}

#shopping_site .trecenti a { background-image: url(/noltop_images/pc/160106/trecenti.jpg);}
#shopping_site .shaddy a { background-image: url(/noltop_images/pc/160106/shaddy.jpg);}
#shopping_site .promog a { background-image: url(/noltop_images/pc/160106/promog.jpg);}
#shopping_site .moage a { background-image: url(/noltop_images/pc/160106/moage.jpg);}
#shopping_site .rubanne a { background-image: url(/noltop_images/pc/160106/rubanne.jpg);}

#shopping_site dl { padding-left: 88px;}
#shopping_site dt { font-weight:bold;margin-bottom: 6px;}

#shopping_site p { float:right; font-size:12px;}

/****************************************************
START footinfo
*****************************************************/
.infomation {
	float:left;
	width:260px;
}
.infomation li {
    margin-bottom: 16px;

    padding-left: 1.5em;
    text-indent: -1.5em;
}

.infomation li a,.service dt{
	background-image: url(/nol_common_v3/images/pc/top2nd/160106/sprite_2nd.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 20px;
}

.infomation li span {
	padding-right: 17px;
	background: url(/cms_common/common/images/item/ico_extarnal.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.service dt{ font-weight:bold;}

.service {
	width: 645px;
	float:left;
	margin-left: 80px;
}
.service ul {
	margin-bottom:24px;
	overflow: hidden;
}

.service li {
	float:left;

	width:320px;
}
.service a { display:block;}

.service dd {padding-left: 20px;}

/****************************************************
surgewordArea
*****************************************************/
/*common RESET----------------------------------------------------*/

#nlq_hd #nlq_sch_wrap a { color:#006699;}
#nlq_sch {top: -16px;}



#surgewordArea.hide{ display:none;}

#surgewordArea{
	position: absolute;
	top: 36px;
	width: 100%;
}

#surgewordAreaInner{
	margin: auto;
	width: 100% !important;
	height: 20px;
	overflow: hidden;
}

#surgewordAreaInner li {
	display: inline-block;
	margin-top: 2px;
	margin-left:10px;
	margin-bottom: 5px;
}

#surgewordAreaInner li.item {
	margin-right: 5px;
}

#surgewordAreaInner li:first-child { margin-left:5px;}

#surgewordAreaInner li.head { font-weight:bold; }


/****************************************************
STAR 通販・おすすめジャンル別検索
*****************************************************/
#kwSearchArea {
	font-size:11px;
	font-weight:bold;
	border:1px solid #b2b2b2;
	padding:5px;
	border-radius: 2px;
	overflow:hidden;
}

#kwSearchArea dt {
	float:left;
	margin-left:13px;
}

#kwSearchArea dd {
	float:left;
	margin-left: 18px;
}

#kwSearchArea dd:before { content: "→" ;margin-right: 2px;}


.seoTxt {
	font-size: 12px;
	border-top:1px dotted #ccc;
	padding-top:5px;
	margin-top:15px;
	overflow: hidden;
}

.seoTxt p {
	float:left;
	color: #a8b400;
}

.seoTxt ul { float:right;}

.seoTxt ul li {
	float:left;
	margin-left: 26px;
}
/****************************************************
STAR ご案内info.js設定
*****************************************************/
#notice {
	width:100%;
	background-color:#f5f5f5;
}

#notice dl {
    padding: 5px;
    margin-bottom: 10px;
    display: table;
}
#notice dt {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	border-right:1px solid #666;
	font-weight: bold;
}

#notice dd {
    padding-left: 10px;
}