@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Exo+2|Khula');
html, body{margin:0; padding:0; width:100%; height:100%; font-size:12px; -webkit-text-size-adjust:100%; line-height:16px; color:#777; background-color:#fff;}
a img {border:0;}
a:link, a:active, a:visited, a:hover { text-decoration: none;}
li{list-style:none;}


.event_wrap{
	width:100%;
	float:left;
	margin-top:46px;
 
}

.event_wrap img{
	width:100%;
}

.sub_page_title{
	width:100%;
	float:left;
	text-align:center;
	font-family: normal 1em/2em 'Lora', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;;
	font-size:12px;
	padding:20px 0;
} 

.sub_page_title p{
	font-family: normal 1em/2em 'Lora', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;;
	font-size:20px; 
	color:#3a3a3a;
	line-height:26px;
}

header{width:100%; position:fixed; height:46px; z-index:1; background:#363636; }



.caption{
	display:block;
	width:100%;
	height:48px;
	line-height:48px;
	font-size:80%;
	text-align:center;
	overflow:hidden;
} 
.caption .caption__button{
	display:block;
	height:100%;
	width:25%;
	float:left;
}  
.h__menu{
	display:block;
	width:100%;
	height:46px;
	line-height:46px;
	overflow:hidden;
}
 
.h__menu h1{
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;	
    background: url('https://image.rakuten.co.jp/d-holic/cabinet/site_img/test/smt_logo.jpg') no-repeat center;
	background-size: 100px auto;
}

.h_cart_icon{
	width:26px;
	height:26px;
	display:block;
	position:fixed;  
	top:11px;
	right:12px;
}
.h_cart_icon img{
	width:100%;
} 


/* ドロワー内メニュー */
.drawer-nav{
	padding:26px 0; 
	font-family:normal 1em/2em 'Lora', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;; 
	-webkit-overflow-scrolling:touch;
	overflow-y: scroll;
	touch-action:auto;
	background-color:white;
	}

.drawer-menu{
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	background-color:whtie;
 
}
	/* hotkeyword */
.drawer-hotkeyword-li{
	border-bottom:none;
}
.drawer-hotkeyword{
	padding:0 20px;
	margin-bottom:32px;
}
.drawer-hotkeyword-box{
	margin-bottom:8px;
}
.drawer-hotkeyword-box a{
	background:#999;
	color:#FFF;
	font-size:12px;
	font-family:normal 1em/2em 'Lora', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;;
	padding:4px 4px;
	text-align:center;
	margin:0 2px; 
}



	/* hotkeyword */

	
.drawer-menu .drawer-menu__box{
	margin-bottom:7px;
	padding:0 20px; 
}

.drawer-menu__box li{
	text-align:left;
	padding:0;
	font-size:16px;
	box-sizing:border-box;
	font-family: 'Exo 2', sans-serif;
	border-bottom:1px solid #ededed;
	line-height:24px;
	margin-top:16px;
	
}


.drawer-menu__box li a{
	display:block;
	width:100%;
	height:100%;
	font-family: "游明朝";
}
font.date_up{
	float:right;
	font-size:10px;
	color:#FFF;
	border-radius:8px;
	line-height:14px;
	margin:6px 0;
	padding:0 6px;
}
font.date_up.box1{
	background:#F06;
}
font.date_up.box2{
	background:#820e90;
}
font.date_up.box3{
	background:#05851d;
}
font.date_up.box4{
	background:#3e65ad;
}
font.date_up.box5{
	background:#f4ca22;
}

.drawer-menu__box .list__now,
.drawer-menu__box .list__before{
	margin:0;
	padding:16px 0 0;
}
.drawer-menu__box li.drawer__menu__hi{
	height: 24px;
	font-size: 13px;
	font-family: "游明朝"; 
} 

.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown.open{border-bottom:0;}
.drawer-dropdown.open .dropdown-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.drawer-dropdown .dropdown-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:6px solid;border-right:6px solid transparent;border-left:6px solid transparent; float:right; margin-top:9px; }



 


/*drop*/

.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:white;}
.drawer-dropdown-menu>li{width:100%;list-style:none;font-family: normal 1em/2em 'Lora', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;;}
li.drawer-dropdown-menu-cate{line-height:20px;display:block;padding:0;padding-left:6px;text-decoration:none;color:#222; font-size:14px;font-family: normal 1em/2em 'Lora', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;; border-bottom:0; margin-top:10px; } 
li.drawer-dropdown-menu-cate-sub{line-height:20px;display:block;padding:0;padding-left:10px;text-decoration:none;color:#464646; font-size:12px;font-family: normal 1em/2em 'Lora', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;; border-bottom:0; margin-top:10px;} 
li.drawer-dropdown-menu-cate-sub a{color:#464646;}
/*.drawer-dropdown-menu-cate:hover{color:#555;background-color:transparent}*/  

  
/*drop*/   



/* メニュー/タイトル関連（ページ内、ドロワー内） */
.drawer-menu__box.box1 li.drawer__menu__hi{
	border-bottom:none;
	line-height:20px;
	text-align: center;
	font-size: 13px;
    margin-top: -4px;
}
.drawer-menu__box.box2 li.drawer__menu__hi{
	border-bottom:1px solid #333;
	line-height:20px;
}
.drawer-menu__box.box3 li.drawer__menu__hi{
	border-bottom:1px solid #333;
	line-height:20px;
}
.drawer-menu__box.box4 li.drawer__menu__hi{
	border-bottom:1px solid #333;
	line-height:20px;
}



/*search*/

div.search{
	width:100%;
	clear:both;
	background-color:#eee;
	margin:0;
	padding:0;
	height:36px;
	border-radius:4px;
	margin-top: -10px;

	}
div.search span{
	margin:16px 0px;
	display:block;
	width:calc(100% - 4px);
	height:36px;
	border:1px solid #000;
	border-radius:0px;
}

#tab_input_form{
	width:100%;
	height:36px;
	position:relative;
	background-color:#fff;
	margin:0;
	border-radius:4px;
	display:block;
} 

#tab_input_form input{
	font-size: 14px;
}
 
#tab_input_form #tab_input_search{
	width:80%; /*paddingをマイナス*/
	height:100%; 
	height:38px; /*paddingをマイナス*/
	line-height: 24px;
	padding:6px 0px 6px 8px;
	margin:0;
	color:#222;
	border:none;
	border-radius:4px; 
	font-family: "游明朝";
} 
#tab_input_form #tab_input_search::-webkit-input-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}
#tab_input_form #tab_input_search:-ms-input-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}
#tab_input_form #tab_input_search::-moz-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}


input.tab_input_submit{
	height:36px; 
	float:right;
}




div.tab_content2 {
    clear: both;
    width: 100%;
	overflow:hidden;
	background-color:#fff;
	margin-top:16px;
	
}


.tab_search_recommend{
	width: 100%;
/*	margin-bottom:8px;*/
	overflow: scroll;
    background-color:#fff;
	-webkit-overflow-scrolling: touch;
	
}


.tab_search_recommend .tab_search_recommend_item{
    clear: both;
	width:774px;
	height:128px;
	
	}
.tab_search_recommend .tab_search_recommend_item a{
	width:128px;
	height:128px;
	margin-right:1px;
	float:left;
	display:table;
}
.tab_search_recommend .tab_search_recommend_item p.moreview{
	font-size:16px;
	color:#777;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	line-height:16px;
	text-decoration:underline;
	
}
.tab_search_recommend .tab_search_recommend_item img{
	width:100%;
	height:100%;
	display:block;
}

/*search end*/

/*default tab*/
#default_tab{
	width:100%;
	display:block;
	height:40px;
	float:left;
}


.default_tab_btn{
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	height:38px;
	z-index:10;
	}
.default_tab_btn > li {
	list-style:none;
	float:left;
	color:#000000;
	text-align:center;
	cursor: pointer;
	margin:0;
	height:36px;
	line-height:36px;
	width:calc(25% - 1px);
	padding:0;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	background:#ececec;
	font-size:10px;
	font-family: 'Exo 2', sans-serif;
	font-weight:500;
	}

.default_tab_btn > li.last {
	border-right:0;
	}
  

.default_tab_btn li.active {
    border-bottom:0;
    color: #363636;
	z-index:20;
	height:37px;
	background:#FFF;
	font-family: 'Exo 2', sans-serif;
	width:calc(25.7% - 1px);

}
.default_tab_btn li a{
	display:block;
}


/*default tab end*/



#rolling{
	width:100%;
	float:left;
	margin:46px 0 0 0;
	}


/*serch index*/

.search_box{
	width:72%;
	clear:both;
	background-color:#ffffff;
	margin:0 14%;
	padding:0;
	height:36px;
	border-radius:0;
	}
.search_box span{
	margin:16px 0px;
	display:block;
	width:calc(100% - 4px);
	height:36px;
	border:1px solid #000;
	border-radius:0;
} 
#tab_input_form2{
	width:100%;
	height:36px;
	position:relative;
	background-color:#fff;
	margin:0;
	display:block;
	border-radius:0;
} 

#tab_input_form2 input{
	font-size: 14px;
}
 
#tab_input_form2 #tab_input_search2{
	width:80%; /*paddingをマイナス*/
	height:36px; /*paddingをマイナス*/
	line-height: 24px;
	padding:6px 0px 6px 8px;
	margin:0;
	color:#222;
	border:none;
} 
#tab_input_form2 #tab_input_search2::-webkit-input-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}
#tab_input_form2 #tab_input_search2:-ms-input-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}
#tab_input_form2 #tab_input_search2::-moz-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}


input.tab_input_submit2{
	height:36px; 
	float:right;
	border-radius:0;
}


/*serch index end*/


/*cosme search part*/

.search_box_c{
	width:72%;
	clear:both;
	background-color:#ffffff;
	margin:0 14%;
	text-align: center;
	padding:0;
	height:36px;
	border-radius:0;
	display: inline-block;
	}

.search_box_c span{
  /*display:inline-block;*/
  
}  
.search_box_c .search_window{
	width:81%;
	display:inline-block;
	
	height:36px;
	border:1px solid #000;
	border-radius:0;
} 
#tab_input_form2{
	width:100%;
	height:36px;
	position:relative;
	background-color:#fff;
	margin:0;
	display:block;
	border-radius:0;
} 

#tab_input_form2 input{
	font-size: 14px;
}
 
#tab_input_form2 #tab_input_search2{
	width:80%; /*paddingをマイナス*/
	height:36px; /*paddingをマイナス*/
	line-height: 24px;
	padding:6px 0px 6px 8px;
	margin:0;
	color:#222;
	border:none;
	float:left;
} 
#tab_input_form2 #tab_input_search2::-webkit-input-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}
#tab_input_form2 #tab_input_search2:-ms-input-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}
#tab_input_form2 #tab_input_search2::-moz-placeholder {
    color: #555;
    font-weight: normal;
	font-size: 12px;
}


input.tab_input_submit2{
	height:36px; 
	float:right;
	border-radius:0;
}
.color_bt{
	
	height:36px;
	}

.color_bt img{
	width:36px;
	
	
	
}

/*search color*/

/*.left_sub_color{
	display: block;
	clear: both;
	width:100%;
	padding: 0px;
}

.left_sub_color ul{
	width:100%;
	margin:10px 20%;
	padding:0;
	float:left;
}

.left_sub_color li{
	float:left;
	width:32px;
	height:32px;
	margin-right:10px;
}

.left_sub_color li.color_1{
	float:left;
	width:32px;
	height:32px;
	margin-right:10px;
	margin-left:10px;
}


.left_sub_color li span.ico_color{
	display:block;
	width:32px;
	height:32px;
	border-radius:4px;
}*/

#left_sub_color{
	display:none;

}

.left_sub_color{
  border-bottom: thin solid #ececec;
  border-top: thin solid #ececec;
  width:100%;
  margin-top: 10px;
  background-color: rgba( 255, 255, 255, 0.5 );
}
.left_sub_color:before{
	content: '';
	position: relative;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 13px solid #ececec;
	top: -30px;
	right: -79%;
	
}
.left_sub_color:after{
	content: '';
	position: relative;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 13px solid #fff;
	top: -257px;
	right: -79%;
}

.left_sub_color ul{
 
 padding:5px 0;

 text-align:center;
}

.left_sub_color li{
  display:inline-block;
  margin: 5px 2%;
}

.left_sub_color li.color_1{

}


.left_sub_color li span.ico_color{
	display:block;
	width:3em;
	height:3em;
	border-radius:50px;
}



.left_sub_color li span.pink{
	background:#F9C;
}

.left_sub_color li span.yellow{
	background:yellow;
}

.left_sub_color li span.orenge{
	
	background:#F60;
}

.left_sub_color li span.red{
	
	background:#F00;
}

.left_sub_color li span.purple{
	
	background: #96C;
}

.left_sub_color li span.brown{
	background: #930;
}

.left_sub_color li span.black{
	background: #000;
}

.left_sub_color li span.silver{
	background: linear-gradient(90deg,#f3f3f3,silver);
}

.left_sub_color li span.gold{
	background: linear-gradient(90deg,#fffede,gold);
}

.left_sub_color li span.rainbow{
	background: linear-gradient(90deg,#F9C,#FF0,#4b7df9,#64e653);
}
.left_sub_color li span.green{
	background: #3FC600;
}
.left_sub_color li span.blue{
	background: #32AEEA;
}
.left_sub_color li span.grey{
	background: #a2a2a2;
}
.left_sub_color li span.white{
	background: white;
	border: thin solid #e2e2e2;
	box-sizing: border-box;
}
.left_sub_color li span.clear{
	background: linear-gradient(90deg,#fff,#49ceff);

}
/*cosme search part end*/



.hot_keyword{
	width:90%;
	margin:16px 5%;
	text-align:center;
} 

.hot_keyword a{
	background:#adadad;
	color:#FFF;
	padding:2px 6px;
	margin:2px 2px;
	font-size:12px;
	line-height:20px; 
	font-family:"ヒラギノ角ゴ ProN W3";
	text-align:center;
	display: -webkit-inline-box;
	border-radius:4px;
} 


.itme_box{
	width:96%;
	margin:30px 2% 10px 2%;
	float:left;
}
p.title_index{
	font-family: 'Exo 2', sans-serif;
	font-size:20px;
	color:#3a3a3a;
	border-bottom:2px solid #3a3a3a;
	line-height:20px;
}
font.title_index_sub{
	font-size:10px;
	font-family:"ヒラギノ角ゴ ProN W3";
	margin-left:4px; 
}

.itme_box ul{
	width:100%;
	margin-bottom:20px;
	margin-top:10px;
}
.itme_box li{
	width:46%;
	margin:10px 2%;
	float:left;
}
.itme_box li img{
	width:100%;
}
.item_title_txt{
	text-align:center;
	font-size:10px;
	font-family:"ヒラギノ角ゴ ProN W3";
	color:#3a3a3a;
	line-height:14px;
	margin:10px auto 0 auto;
	text-overflow: ellipsis;
	overflow: hidden;
	display:block;
	white-space: nowrap;
}
.item_price_txt{
	margin:5px auto 5px auto;
	font-size:16px;
	font-family: 'Exo 2', sans-serif;
	text-align:center;
	}
.item_event_txt{
	margin:5px auto 10px auto;
	font-size:16px;
	font-family: 'Exo 2', sans-serif;
	text-align:center;
	}
.item_title_freeshipping{
	font-size:8px;
	background:#3a3a3a;
	color:#FFF;
	text-align:center;
	font-family:"ヒラギノ角ゴ ProN W3";
	padding:4px 6px;
	font-weight:bold;
	float: right; 
}
.item_title_freeshipping2{
	font-size:8px;
	background:#3a3a3a;
	color:#FFF;
	text-align:center;
	font-family:"ヒラギノ角ゴ ProN W3";
	padding:4px 6px;
	font-weight:bold;
}

/*ranking tab*/
.ranking_btn{
	float:left;
	width:100%;
	margin-top:14px;
	margin-bottom:8px;
}
ul.ranking_tab{
	width:100%;
	clear:both;
	margin:4px 0;
	padding:0;
	float:left;
}


ul.ranking_tab > li {
	list-style:none;
	float:left;
	color:#000000;
	text-align:center;
	cursor: pointer;
	margin:0px 1% 0px 1%;
	line-height:36px;
	width:calc(18% - 2px);
	padding:0;
	border:1px solid #bebebe;
	background:#ececec;
	font-size:10px;
	font-family:"ヒラギノ角ゴ ProN W3";
	
	}

ul.ranking_tab2{
	width:100%;
	clear:both;
	margin:4px 0;
	padding:0;
	float:left;
}


ul.ranking_tab2 > li {
	list-style:none;
	float:left;
	color:#000000;
	text-align:center;
	cursor: pointer;
	margin:0px 1% 0px 1%;
	line-height:36px;
	width:calc(23% - 2px);
	padding:0;
	border:1px solid #bebebe;
	background:#ececec;
	font-size:10px;
	font-family:"ヒラギノ角ゴ ProN W3";
	
	}


ul.ranking_tab li.ranking_active {
    border:1px solid #3a3a3a;
    color: #FFF;
	background:#3a3a3a;
}
ul.ranking_tab2 li.ranking_active {
    border:1px solid #3a3a3a;
    color: #FFF;
	background:#3a3a3a;
}


div.ranking_tab_content {
    clear: both;
    width: 100%;
    display: none;
	overflow:hidden;
}

div.ranking_tab_content2 {
    clear: both;
    width: 100%;
    display: none;
	overflow:hidden;
}

div.ranking_active {
    display: block;
}

.ranking_no_txt{
	font-family: 'Exo 2', sans-serif;
	color:#3a3a3a;
	font-size:16px;
	margin-bottom:6px;
}


.itme_box ul.ranking_item_box{
	width:99%;
	margin:10px 0.5%;
	float:left;
}
.itme_box ul.ranking_item_box li{
	width:31%;
	margin:10px 1%;
	float:left;
}
.itme_box li img{
	width:100%;
}



/*ranking tab end*/

/*select_ranking tab*/
.select_btn{
	float:left;
	width:100%;
	margin-top:14px;
	margin-bottom:8px;
}
ul.select_tab ul.select_tab2{
	width:99%;
	clear:both;
	margin:4px 0.5%; 
	padding:0;
	float:left;
}


ul.select_tab > li {
	list-style:none;
	float:left;
	color:#000000;
	text-align:center;
	cursor: pointer;
	margin:0px 1% 0px 1%;
	line-height:36px;
	width:calc(31% - 2px);
	padding:0;
	border:1px solid #bebebe;
	background:#ececec;
	font-size:10px; 
	font-family: 'Exo 2', sans-serif;
	
	}

ul.select_tab2 > li {
	list-style:none;
	float:left;
	color:#000000;
	text-align:center;
	cursor: pointer;
	margin:0px 1% 0px 1%;
	line-height:36px;
	width:calc(31% - 2px);
	padding:0;
	border:1px solid #bebebe;
	background:#ececec;
	font-size:10px; 
	font-family: 'Exo 2', sans-serif;
	
	}


ul.select_tab li.select_active{
    border:1px solid #3a3a3a;
    color: #FFF;
	background:#3a3a3a;
}
ul.select_tab2 li.select_active2{
    border:1px solid #3a3a3a;
    color: #FFF;
	background:#3a3a3a;
}

div.ranking_tab_content{
    clear: both;
    width: 100%;
    display: none;
	overflow:hidden;
}
div.ranking_tab_content2{
    clear: both;
    width: 100%;
    display: none;
	overflow:hidden;
}

div.ranking_active{
    display: block;
}

div.ranking_active2{
    display: block;
}

.ranking_no_txt{
	font-family: 'Exo 2', sans-serif;
	color:#3a3a3a;
	font-size:16px;
	margin-bottom:6px;
}


.itme_box ul.ranking_item_box{
	width:99%;
	margin:10px 0.5%;
	float:left;
}
.itme_box ul.ranking_item_box li{
	width:31%;
	margin:10px 1%;
	float:left;
}
.itme_box li img{
	width:100%;
}



/*select_ranking tab end*/
/*valuable info start*/
.itme_box1{
	width:96%;
	margin:30px 2% 30px 2%;
	float:left;
}

.itme_box1 ul{
	width:100%;
	margin-bottom:20px;
	margin-top:10px;
}
.itme_box1 li{
	width:100%;
	margin:2px 0;
	float:left;
}
.itme_box1 li img{
	width:100%;
}
/*valuable info end*/


/*category start*/
.itme_box2{
	width:96%;
	margin:30px 2% 30px 2%;
	float:left;
}

.itme_box2 ul{
	width:100%;
	margin-bottom:20px;
	margin-top:10px;
}
.itme_box2 li{
	width:48%;
	margin:2px 1%;
	float:left;
}
.itme_box2 li img{
	width:100%;
}
/*category end*/


/*best brand start*/
.itme_box3{
	width:96%;
	margin:30px 2% 10px 2%;
	float:left;
}

.itme_box3 ul{
	width:100%;
	margin-bottom:20px;
	margin-top:10px;
}
.itme_box3 li{
	width:48%;
	margin:2px 1%;
	float:left;
}
.itme_box3 li img{
	width:100%;
}
/*best brand end*/



/*review ranking start*/

.review_ranking{
	display: block;
}

.review_hosi{
    margin: 0 auto;
    
    padding: 0;
    width: 110px;
}
span.review_txt{
	font-size: 14px;
	font-family: 'Exo 2', 'Meiryo', sans-serif;
	line-height:16px;
	height:16px;
	margin-left:6px;
}

/*star*/
.rate {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 14px;
  font-size: 14px;
  vertical-align:middle;
  margin:0;
}
.rate::before, .rate::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 14px;
  line-height: 14px;
  display:block;
}
.rate::before {
  color: #ddd;
}
.rate::after {
  color:gold;
  overflow: hidden;
  white-space: nowrap;
}

.rate0::after {
  width: 0;
}

.rate1::after {
  width: 14px;
}

.rate1-5::after {
  width: 21px;
}

.rate2::after {
  width: 28px;
}

.rate2-5::after {
  width: 35px;
}

.rate3::after {
  width: 42px;
}

.rate3-5::after {
  width: 49px;
}

.rate4::after {
  width: 56px;
}

.rate4-5::after {
  width: 63px;
}

.rate5::after {
  width: 70px;
}

/*star END*/

/*review ranking end*/
/*happpy price start*/
#rolling_2{
	width: 96%;
    margin: 30px 2% 10px 2%;
    float: left;

}
#rolling_2 .flexslider{
	margin: 20px auto;
  
    width: 80%;
	
	}


#rolling_2 .happy_txt{
	font-size: 17px;
    font-family: 'Exo 2', 'Meiryo', sans-serif;
    text-align: center;
    margin: 10px 0 6px 0;
    padding: 0;
	
	
}
#rolling_2 .happy_txt_sub {
    font-size: 15px;
    font-family: 'Exo 2', 'Meiryo', sans-serif;
    text-align: center;
    padding: 0;
    margin: 0;
}


/*happpy price end*/


/*default tab_shopping guide*/
#default_tab2{
	width:100%;
	display:block;
	height:40px;
	float:left;
}


.default_tab_btn2{
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	height:38px;
	z-index:10;
	}
.default_tab_btn2 > li {
	list-style:none;
	float:left;
	color:#000000; 
	text-align:center;
	cursor: pointer;
	margin:0;
	line-height:16px;
	width:calc(25% - 1px);
	padding:12px 0;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	background:#ececec;
	font-size:12px;
	font-family:"ヒラギノ角ゴ ProN W3";
	}
.default_tab_btn2 > li{
	display:block;
}
.default_tab_btn2 > li.last {
	border-right:0;
	}
  

.default_tab_btn2 li.active {
    border-bottom:0;
    color: #363636;
	z-index:20;
	background:#FFF;
	font-family:"ヒラギノ角ゴ ProN W3";
}

/*default tab end*/


/*default tab_shop info*/
#default_tab3{
	width:100%;
	display:block;
	height:40px;
	float:left;
}


.default_tab_btn3{
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	height:38px;
	z-index:10;
	}
.default_tab_btn3 > li {
	list-style:none;
	float:left;
	color:#000000; 
	text-align:center;
	cursor: pointer;
	margin:0;
	line-height:32px;
	width:calc(50% - 1px);
	padding:12px 0;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	background:#ececec;
	font-size:14px;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	}
.default_tab_btn3 > li{
	display:block;
}
.default_tab_btn3 > li.last {
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	line-height:16px;
	}
  

.default_tab_btn3 li.active {
    border-bottom:0;
    color: #363636;
	z-index:20;
	background:#FFF;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
}

/*default tab end*/


/*guide&shop info tab*/


.guide_content{
	margin:40px 2% 10px 2%;
	float:left;
    clear:both;
    width:96%;
    display:none;
	overflow:hidden;
	font-size:12px;
	color: #363636;
	line-height:16px;
	font-family:"ヒラギノ角ゴ ProN W3";
}
.guide_content a{
	color:#C00;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
}

.guide_content div{
	float:left;
	margin:10px 0;
	width:100%;
}
.guide_content dl{
	width:calc(100% - 2px);
	border:1px solid #363636;
	border-bottom:none;
	float:left;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
}
.guide_content dl.last{
	width:calc(100% - 2px);
	border:1px solid #363636;
	float:left;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
}

.guide_content dt{
	width:26%;
	background:#F3F3F3; 
	float:left;
	padding:6px 0 6px 2%;
} 


.guide_content dd{
	width:68%;
	float:left; 
	padding:6px 2% 6px 2%; 
}
.guide_content tr{
	border:1px solid #363636;
}
.guide_content td{
	padding:6px 1%;
}
.guide_content td a{
	color:#363636; 
}
.guide_content tr#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11, #q12, #q13, #q14, #q15{
	padding-top:40px;
	float:left;
	border:0; 
}
div.active{
	display:block;
}

.title_guide{
	width:96%;
	font-family:"ヒラギノ角ゴ ProN W3";
	font-size:14px;
	color: #363636;
	background:#e9e9e9; 
	padding:6px 2%;
	margin:10px 0; 
}

.title_guide2{
	width:96%;
	font-family:"ヒラギノ角ゴ ProN W3";
	font-size:14px;
	color: #363636;
	padding:0 2%;
	border-bottom:1px solid #363636;
	margin:20px 0 30px 0;
	line-height:18px;
}

.title_guide3{
	width:96%;
	font-family:"ヒラギノ角ゴ ProN W3";
	font-size:14px;
	color: #363636;
	padding:0 2%;
	border-bottom:1px solid #CCC;
	margin:20px 0 10px 0;
	line-height:24px;
	letter-spacing:-1px; 
}
font.shop_info_logo{
	font-family: 'Exo 2', sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:4px;
	letter-spacing:-1px; 
}
font.shop_info_tt{
	font-family: 'Exo 2', sans-serif;
	font-size:14px;
	font-weight:bold;
}
font.icon_Q{
	border-radius:50%;
	background:#999;
	color:#FFF;
	font-family:"ヒラギノ角ゴ ProN W3";
	font-weight:bold;
	padding:4px; 
	font-size:12px;
	line-height:12px;
	text-align:center;
	display:block;
	width:12px;
	height:12px;
	float:left;
	margin-right:6px;
}

font.title_q{
	text-decoration:underline;
	font-size:12px;
	line-height:20px;
	float:left;
}


font.icon_a{
	border-radius:50%;
	background:#C00;
	color:#FFF;
	font-family:"ヒラギノ角ゴ ProN W3";
	font-weight:bold;
	padding:4px; 
	font-size:12px;
	line-height:12px;
	text-align:center;
	display:block;
	width:12px;
	height:12px;
	float:left;
	margin-right:6px;
	vertical-align:top;
}

font.title_a{
	font-size:12px;
	line-height:20px;
	float:left;
}

.guide_content div.shop_info_txt_wrap{
	width:90%;
	padding:10px 5%;
}


/**guide&shop info end*/


.view_more_btn{
	width:40%;
	margin:0 30% 20px 30%;
	border:1px solid #3a3a3a;
	text-align:center;
	font-size:14px;
	font-family: 'Exo 2', sans-serif;
	line-height:22px;
	float:left;
	color:#3a3a3a;
	padding:4px 0;
}

.view_more_btn2{
	width:40%;
	margin:20px 30%;
	border:1px solid #3a3a3a;
	text-align:center;
	font-size:14px;
	font-family: 'Exo 2', sans-serif;
	line-height:22px;
	float:left;
	color:#3a3a3a;
	padding:4px 0;
}





.overflow{
	position:relative;
	margin-bottom:20px;
	padding-top:20px; 
}
.overflow div{
	width:100%;
	height:100px;
	background-color:#fff;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));/* IE10+, W3C */
}
.overflow div a{
	display:block;
	height:30px;
	margin:32px auto 0 auto;
	background-color:#000; 
	padding:10px 0 0 0;
}



.news_contents{
	width:96%;
	float:left;
	margin:50px 2%;
	/*border-top:1px dotted #3a3a3a;*/
}

.news_contents dl{
	border-bottom:1px dotted #3a3a3a;
	width:100%;
	float:left;
	padding:20px 0;
}
.news_contents dt{
	width:24%;
	float:left;
	padding-left:1%;
}
.news_contents dt img{
	width:100%;
}
.news_contents dd{
	width:70%;
	float:left;
	padding-right:1%;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	font-size:10px;
	margin-left:3%;
	color:#3a3a3a;
	line-height:14px;
}
.news_contents dd p{
	float:left;
	width:100%;
	margin:1px 0;
}
.news_date_txt{
	font-family: 'Exo 2', sans-serif;
	color:#999;
	font-size:10px;
	line-height:12px;
}
	
.news_title_txt{ 
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	color:#3a3a3a;
	font-size:15px;
	line-height:20px;
}


/*cosme topics*/
.news_contents_c{
	width:96%;
	float:left;
	margin:50px 2%;
	/*border-top:1px dotted #3a3a3a;*/
}

.news_contents_c dl{
	border-bottom:1px dotted #3a3a3a;
	width:100%;
	float:left;
	padding:20px 0;
}
.news_contents_c dt{
	width:24%;
	float:left;
	padding-left:1%;
}
.news_contents_c dt img{
	width:100%;
}
.news_contents_c dd{
	width:70%;
	float:left;
	padding-right:1%;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	font-size:12px;
	margin-left:3%;
	color:#999;
	line-height:14px;
}
.news_contents_c dd p{
	float:left;
	width:100%;
	margin:3px 0;
}	
	
.news_contents_c .news_date_txt{
	font-family: 'Exo 2', sans-serif;
	color:#999;
	font-size:12px;
	line-height:12px;
}
	
.news_contents_c .news_title_txt{ 
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	color:#3a3a3a;
	font-size:16px;
	line-height:20px;
	
}


/*cosme topics end*/


footer{
	width:100%;
	float:left;
}
.footer_customer{
	background:#eaeaea;
	color:#3a3a3a;
	width:90%;
	padding:20px 5%;
	float:left;
}
.footer_customer p{
	font-family: 'Exo 2', sans-serif;
	font-size:14px;
	margin-bottom:10px;
}
.footer_customer_wrap{
	width:100%;
	float:left;
}
.footer_customer_l{
	width:58%;
	float:left;
	font-size:10px;
	font-family: 'Exo 2', sans-serif;
	line-height:14px;
}
.footer_customer_c{
	width:10%;
	float:left;
	margin-right:4%;
}

.footer_customer_c img{
	width:100%;
}
.footer_customer_r{
	width:28%;
	float:left;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	font-size:10px;
	line-height:14px;
	text-align:center;
}
.footer_customer_r a{
	color:#ff0066;
	font-size:12px;
}

.footer_info{
	width:100%;
	float:left;
	background:#656565;
	color:#FFF;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
}
p.footer_titie{
	width:90%;
	padding:10px 0;
	background:#3a3a3a;
	padding:10px 5%;
	font-size:14px;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	float:left;
}
.footer_info_txt{
	margin:20px 0;
	float:left;
	width:100%;
}
.footer_info_txt a{
	color:#FFF;
}
.footer_info_txt ul{
	width:60%;
	float:left;
	font-size:12px;
	line-height:20px;
	padding:0 5%;
}
.footer_info_txt li{
	width:50%;
	float:left;
}

.footer_info_btn{
	margin:0 0 20px 0;
	float:left;
	width:100%;
}
.footer_info_btn ul{
	width:90%;
	float:left;
	padding:0 0;
}
.footer_info_btn li{ 
	width:10%;
	float:left;
	margin:0 5%;
}
.footer_info_btn li img{
	width:100%;
}

.footer_info_btn p{
	text-align:center;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	font-size:10px;
	float:left;
	width:100%;
	margin:20px 0;
} 




/*
Back to top button 
*/
#back-top2 {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
#back-top2 a {
	width: 40px;
	display: block;
	text-align: center;
	font: 14px/100% 'Exo 2', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	vertical-align:middle;
}

/* arrow icon (span tag) */
#back-top2 span {
	width: 40px;
	height:26px;
	display: block;
	margin-bottom: 10px;
	background: #363636;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	border-radius:6px;
	padding-top:14px;
	opacity:0.5;

}
#back-top2 a:hover span{
	background-color: #000000;
}


.header_news{
	width:96%;
	margin:30px 2% 10px 2%;
	clear:both;
	font-size:12px;
	text-align:center;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	text-decoration:underline;
	float:left;
	line-height:16px;
}
.header_news span{
	padding:2px 6px;
	background:#333;
	color:#FFF;
	text-decoration:none;
	margin-right:6px;
}




#notice{width:94%; clear:both; padding:10px 0; margin:0 3%; font-size:12px;font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3"; line-height:16px;}
#pickup_wrap{width:100%; clear:both; margin:40px 0;}



.smt_top_cate_list{
	width:96%;
	margin:16px 2% 0 2%;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	float:left;
}


.smt_top_cate_list ul{
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

.smt_top_cate_list ul li{
	float:left;
	color: #000;
	font-size:12px;
	display:block;
	margin:0 2%;
	padding:4px 0 0 0;
	font-weight:500;
	width:auto;
	text-align:center; 
	line-height:16px;
}

.smt_top_cate_list ul li.txt_1 a{
	color: #F90;
	
}



.smt_top_cate_list2{
	width:96%;
	margin:16px 2% 0 2%;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	float:left;
	display: none;
	overflow:scroll;
	touch-action: pan-y;
}

.smt_top_cate_list2 ul{
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

.smt_top_cate_list2 ul li{
	float:left;
	color: #000;
	font-size:12px;
	display:block;
	margin:0 2%;
	padding:4px 0 0 0;
	font-weight:500;
	width:auto;
	text-align:center; 
	line-height:16px;
}


p.brand_list_title{
	font-size:21px;
	color:#000;
	font-family: 'Exo 2',  'Meiryo', sans-serif;
	font-weight:800;
}




/*default tab_shop info*/
#default_tab4{
	width:90%;
	display:block;
	float:left;
	margin:0 5%;
}


.default_tab_btn4{
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	z-index:10;
	}
.default_tab_btn4 > li {
	list-style:none;
	color:#6a6a6a; 
	text-align:center;
	line-height:26px;
	width:28px;
	height:26px;
	border:1px solid #cccccc;
	background:#ffffff;
	font-size:14px;
	font-family: 'Exo 2', "ヒラギノ角ゴ ProN W3";
	display:block;
	float:left;
	margin:0 7px 7px 0;
	}
.default_tab_btn4 > li{
	display:block;
}
.default_tab_btn4 > li.last {
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	line-height:24px;
	}
  

.default_tab_btn4 li.active {
    color: #ffffff;
	z-index:20;
	background:#000;
	font-family: 'Exo 2',  'Meiryo', sans-serif;
	border:1px solid #000;
}

.default_tab_btn4 li.all_item {
	width:60px;
	float:none;
}

/*default tab end*/



.brand_list_content{
	width:90%;
	margin:0 5% 10px 5%;
	float:left;
    clear:both;
    display:none;
	overflow:hidden;
	color: #363636;
	line-height:24px;
	font-family: 'Exo 2',  'Meiryo', sans-serif;
}

.brand_list_content dl{
	float:left;
	border-bottom:1px #e2e2e2 solid;
	width:100%;
}

.brand_list_content dt{
	font-size:20px;
	font-weight:600;
	width:auto;
	display:block;
	float:none;
	margin:20px 0 20px 0;
}
.brand_list_content dd{
	font-size:16px;
	font-weight:500;
	float:left;
	line-height:20px;
	display:block;
	width:100%;
}

.brand_list_content dd ul{
	margin:0 0 10px 0;
	padding:0;
	float:left;
	width:100%;
}

.brand_list_content dd ul li{
	float:left;
	width:50%;
	padding:0 0 20px 0;
}

font.brand_jap{
	font-size:12px;
	font-weight:300;
	color:#a1a1a1;	
}


.bestbrand_list{
	width:90%;
	margin:0 5% 20px 5%;
	float:left;
    clear:both;
	color: #363636;
	line-height:24px;
	font-family: 'Exo 2',  'Meiryo', sans-serif;
	border-bottom:1px #e2e2e2 solid;
	padding-bottom:10px;
}

.bestbrand_list dl{
	float:left;
	width:50%;
	margin-bottom:10px;
}

.bestbrand_list dt{
	width:28%;
	display:block;
	float:left;
	margin-right:2%;
}
.bestbrand_list dt img{
	width:100%;
}
.bestbrand_list dd{
	font-size:15px;
	font-weight:500;
	float:left;
	line-height:18px;
	display:block;
	width:66%;
	margin-left:4%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.bestbrand_list dd ul{
	margin:0 0 10px 0;
	padding:0;
	float:left;
	width:100%;
}

.bestbrand_list dd ul li{
	float:left;
	width:50%;
	padding:0 0 20px 0;
	
}


@media screen and (min-width: 760px) {
	.container {
	  margin: 10px auto 10px;
	  max-width: 100%;
	  padding:0;
	}
	.insta-line{
	   width:100%;
	   text-align:center;
	   padding:0;
	   
		 }
	.insta-cell {
	  display:inline-block;
	  width: 30%;
	  height: auto;
	  overflow: hidden;
	  padding:0;
	}
  
	.insta-cell figure {
	  width: 100%;
	  height: 100%;
	  float: left;
	}
	.insta-cell figure > img {
	  width: 100%;
	}
  
  figcaption {
	position: absolute;
	bottom:3px;
	z-index: 2;
	width: 40%;
	height: 22px;
	text-align:center;
	background-color: #000;
	opacity:0.7;
   }
  
  
  figcaption p{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	opacity:2;
	padding:6px 0;
	font-family:"メイリオ";
	line-height:12px;
  }
  }
  
  @media screen and (max-width: 759px) {
	.pc {
	  display: none !important;
	}
	.container {
	  margin: 0;
	  padding:0;
	  width: 100%;
	  text-align:center;
	}
	.insta-line {  
	  margin: 1% 0;
	}
	.insta-cell {
	  display:inline-block;
	  width: 31.5%;
	  height: auto;
	  overflow: hidden;
	  vertical-align: middle;
	}
	.insta-cell figure {
	  width: 100%; 
	  height: 100%;
	  float: left;
	}
	.insta-cell figure > img {
	  width: 100%;
	}
  figcaption {
	position: absolute;
	bottom:3px;
	z-index: 2;
	width: 50%;
	height: 22px;
	text-align:center;
	background-color: #000;
	opacity:0.7;
   }
  
  figcaption p{ 
	color:#fff;
	font-size:10px;
	font-weight:bold;
	opacity:2;
	padding:6px 0;
	line-height:12px;
	font-family:"メイリオ";
  }
  }