@charset "UTF-8";
/* CSS Document */


/* =========================== font ================================ */

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500);




/* =========================== RESET ================================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline:0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration:none;
	 background:transparent;
}
input {margin: 0;padding: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}



input[type="text"],input[type="password"], textarea, button{
	-webkit-appearance:none;
	border:none;
	background: none;
	outline: none;
}
input, select {vertical-align:middle;}

img{
	border:none;
	outline: none;
	vertical-align: top;
	font-size:0;
	line-height: 0;
}
a img{border:none;outline:none;}
a:focus{outline:none;}
a:active{color:inherit;}
a {
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
del {text-decoration: line-through;}

.ie8 input[type="radio"],
.ie9 input[type="radio"],
.ie8 input[type="checkbox"],
.ie9 input[type="checkbox"]{
    border:none !important;
}
input[type="button"],input[type="text"],input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
.mainInner input[type="text"], 
.mainInner input[type="password"],
.mainInner textarea,
.mainInner select{ 
	outline:none;
	-webkit-appearance: none;
	border-radius: 0;
}
.mainInner select::-ms-expand{
    display: none;
}
.mainInner select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

@media all and (-ms-high-contrast:none){
input[type="radio"],input[type="checkbox"]{border:none !important;}
}





/* =================================================================================== 

                                         Common

   =================================================================================== */

body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	position:relative;
	color:#333;
	font-size:12px;
	line-height:1.6;
	font-family:"Helvetica Neue",Helvetica,Arial,'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	background:#FFF;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-text-size-adjust:100%;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.ie8 body{
	min-width:1000px;
}


#wrapper{
	width:100%;
	
	-webkit-transition:-webkit-transform 0.3s;
	   -moz-transition:-moz-transform 0.3s;
            transition:transform 0.3s;
}


#wrapper a{
	color:#333;
	-webkit-transition:color 0.2s,border-color 0.2s,background-color 0.2s,opacity 0.2s;
	   -moz-transition:color 0.2s,border-color 0.2s,background-color 0.2s,opacity 0.2s;
	        transition:color 0.2s,border-color 0.2s,background-color 0.2s,opacity 0.2s;
}
#wrapper a:hover{color:#B69D80;}





/* ======================================================= 
                          HEADER
   ======================================================= */

header{
	width:100%;
	position:relative;
}
nav.global{
	width:100%;
	background:#E1DACF;
	box-sizing:border-box;
	position:relative;
}
nav.global ul{
	text-align:right;
	width:100%;
	margin:0 auto;
	font-size:0;
}
nav.global ul li{
	display:inline-block;
	padding:5px 0 4px;
	margin-right:1.5em;
	font-size:12px;
}
nav.global ul li a{
	color:#333;
	display:block;
	line-height:1.0;
	-webkit-transition:opacity 0.2s;
	   -moz-transition:opacity 0.2s;
	        transition:opacity 0.2s;
}
nav.global ul li a img{
	vertical-align:middle;
	padding-right:2px;
	margin-top:-1px;
}




nav.global ul li a:hover{
	filter:alpha(opacity=60);
	-webkit-opacity:0.6;
	   -moz-opacity:0.6;
	        opacity:0.6;
}



/*---------*/


#headerTop{
	width:95%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
#headerTop .mainHeader{
	position:relative;
}
#headerTop h1{
	width:280px;
	padding:23px 0;
}


#headerTop .mainHeader .HeaderMember{
	text-align:right;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-3em;
	font-size:1.1em;
}

#headerTop .mainHeader .HeaderMember span{
	padding:0 0.3em;
}

#headerTop .mainHeader .siteTool{
	text-align:right;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-0.5em;
	font-size:1.1em;
}
.siteTool ul.toolmenu{
	text-align:right;
	display:inline-block;
	vertical-align:middle;
}
.siteTool ul.toolmenu li{
	display:inline-block;
	font-size:1.0em;
	margin-right:1.2em;
}
.siteTool ul.toolmenu li a{
	color:#333;
	line-height:1.2;
	padding:0.5em 0 0.5em 25px;
}
.siteTool ul.toolmenu li a:hover{
	color:#B69D80;
}
.siteTool ul.toolmenu li.new a{background:url(../../images/common/icon_new.png) 0 0 no-repeat;}
.siteTool ul.toolmenu li.login a{background:url(../../images/common/icon_login.png) 0 0 no-repeat;}
.siteTool ul.toolmenu li.mypage a{background:url(../../images/common/icon_mypage.png) 0 0 no-repeat;}

.siteTool ul.toolmenu li.new a:hover,
.siteTool ul.toolmenu li.login a:hover,
.siteTool ul.toolmenu li.mypage a:hover{ background-position:0 -32px;}

.cart{
	display:inline-block;
	margin:0 1em 0 0;
	vertical-align:middle;
	background:url(../../images/common/cart_pc_on.png) 15px 7px no-repeat;
}
.cart a{
	display:block;
	position:relative;
	border:1px solid #666;
	color:#333;
	padding:0.8em 1.5em 0.8em 48px;
	line-height:1.2;
    -webkit-border-radius:2.0em;
       -moz-border-radius:2.0em;
	        border-radius:2.0em;
	-webkit-transition:border-color 0.2s,color 0.2s;
	   -moz-transition:border-color 0.2s,color 0.2s;
	        transition:border-color 0.2s,color 0.2s;
}
.ie8 .cart{background:none;}
.ie8 .cart a{border:1px solid #FFF;background:url(../../images/common/cart_ie8.png) 15px 5px no-repeat;}
.ie8 a:hover{color:#B69D80;background-position:15px -45px;}


@media only screen and (min-width: 769px) {
.cart a:hover{
	border-color:#CBB79E;
	color:#B69D80;
}
.cart a:before{
	content:"";
	display:block;
	position:absolute;
	top:6px;
	left:14px;
	width:29px;
	height:25px;
	background: url(../../images/common/cart_pc.png) 0 0 no-repeat;
	-webkit-transition:opacity 0.2s;
	   -moz-transition:opacity 0.2s;
	        transition:opacity 0.2s;
}
.cart a:hover:before{
	filter:alpha(opacity=0);
	-webkit-opacity:0;
	   -moz-opacity:0;
	        opacity:0;
}
}

.cart a #Basket{
	background:#CBB79E;
	position:absolute;
	top:4px;
	left:9px;
	min-width:1.4em;
	display:inline-block;
	height:1.4em;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:0.8em;
	text-align:center;
	line-height:1.5em;
	-webkit-border-radius:1em;
       -moz-border-radius:1em;
	        border-radius:1em;
}

.mbSearchToggle{
	display:none;
}
.mbMenuToggle{
	display:none;
}

.headerSearchPC{
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.headerSearchPC input.search_text{
	width:160px;
	background:#E6E6E6;
	line-height:1.2;
	font-size:13px;
	padding:0.9em 0 0.9em 1em;
	-webkit-border-radius:2.0em;
       -moz-border-radius:2.0em;
	        border-radius:2.0em;
}
.headerSearchPC input.search_button{
    border:none;
    background:url(../../images/common/search.png) center no-repeat;
    width:38px;
    height:38px;
    cursor:pointer;
	position:absolute;
	top:0;
	right:4px;
}

.headerSearchMB{
	width:100%;
	margin:0 auto;
	display:none;
}
.headerSearchMB .headerSearchMBIn{
	width:100%;
	position:relative;
	padding:10px 20px 20px;
	background:#FFF;
	box-sizing:border-box;
	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);
	        box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);


}
.headerSearchMB input.search_text{
	width:100%;
	background:#E6E6E6;
	line-height:1.2;
	font-size:16px;
	box-sizing:border-box;
	padding:0.5em 0 0.5em 1em;
	-webkit-border-radius:2.0em;
       -moz-border-radius:2.0em;
	        border-radius:2.0em;
}

.headerSearchMB input.search_button{
    border: 0 none;
    background:url(../../images/common/search_big.png) center no-repeat;
	background-size:22px;
    width:35px;
    height:35px;
    cursor:pointer;
	position:absolute;
	top:10px;
	right:25px;
}


#drawer{display:none;}




/* ======================================================= 
                        CategoryMenu
   ======================================================= */

nav#category{
	width:100%;
	border-top:2px solid #E6E6E6;
	position:relative;
	height:95px;
	font-size:1.1em;
}
nav#category > ul.categoryMenu{
	margin:15px auto;
	text-align:center;
}

nav#category > ul.categoryMenu > li{
	display:inline-block;
	vertical-align:top;
	margin:0 3.3%;
}
nav#category > ul.categoryMenu > li > a{
	color:#333;
	display:block;
	line-height:1.2;
	height:80px;
	padding:0 5px;
	box-sizing:border-box;
	border-bottom:3px solid #FFF;
	-webkit-transition:border-color 0.25s,color 0.2s;
	   -moz-transition:border-color 0.25s,color 0.2s;
	        transition:border-color 0.25s,color 0.2s;
}
nav#category > ul.categoryMenu > li > a img{width:74px;}
nav#category > ul.categoryMenu > li > a:hover{color:#B69D80;}
nav#category > ul.categoryMenu > li > a br{display:none;}
nav#category > ul.categoryMenu > li.active > a{border-color:#CBB79E;}
nav#category > ul.categoryMenu > li > a > p{margin-top:5px;}

#category .subMenu{
	width:100%;
	margin:0 auto;
	border-top:1px solid #CBB79E;
	border-bottom:1px solid #CBB79E;
	position:absolute;
	top:auto;
	left:0;
	right:0;
	background:#FFF;
	z-index:999;
	display:none;
	font-size:0;
}
#category .subMenu > ul{
	text-align:center;
	margin:0 10px;
	padding:0;
}
#category .subMenu > ul > li{
	display:inline-block;
	margin:0 3%;
	padding:0;
	font-size:13px;
}
#category .subMenu > ul > li > a{
	padding:25px 0;
	margin:0;
	display:block;
	line-height:1;
	color:#333;
	-webkit-transition:color 0.2s;
	   -moz-transition:color 0.2s;
	        transition:color 0.2s;
}
#category .subMenu > ul > li > a:hover{color:#B69D80;}
#category a.noPoint{
	cursor:pointer;
}




/* ======================================================= 
                          Footer
   ======================================================= */


footer{
	border-top:1px solid #CCC;
	margin-top:40px;
	padding-top:25px;
}
footer .footerIn{
	width:95%;
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	padding-bottom:35px;
}

footer .footerIn nav{
	float:left;
	width:77%;
}
footer .footerIn nav i{
	padding-right:0.3em;
}

footer .footerIn .footerTools{
	float:right;
	width:23%;
	max-width:220px;
}


footer .footerIn nav > ul{
	width:100%;
	font-size:0;
}
footer .footerIn nav > ul > li{
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	margin-right:6.5%;
}
footer .footerIn nav h3{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:1.8em;
	color:#B69D80;
	padding-bottom:0.5em;
}
footer .footerIn nav > ul > li a{
	line-height:1.2;
}
footer .footerIn nav > ul > li > ul > li{
	padding:0.3em 0;
}
footer .footerIn nav > ul > li p i{
	text-indent:0.5em;
}
.footerCategory .second{
	text-indent:0.4em;
}


.footerSearch{
	width:100%;
	position:relative;
}
.footerSearch input.search_text{
	width:100%;
	background:#E6E6E6;
	line-height:1.2;
	font-size:13px;
	padding:0.9em 0 0.9em 1em;
	box-sizing:border-box;
	-webkit-border-radius:2.0em;
       -moz-border-radius:2.0em;
	        border-radius:2.0em;
}
.footerSearch input.search_button{
    border:none;
    background:url(../../images/common/search.png) center center no-repeat;
    width:38px;
    height:38px;
    cursor:pointer;
	position:absolute;
	top:0;
	right:4px;
}
footer .bannerBox{
	width:100%;
	margin-top:15px;
}
footer .bannerBox ul{}
footer .bannerBox ul li{
	/*margin-bottom:5px;*/
}

footer .copyright{
	background:#F5F5F5;
	font-size:0.9em;
	padding:1.2em 0;
}




footer .mbContact{display:none;}























/* =================================================================================== 

                                         Contents

   =================================================================================== */


#contents{
	width:100%;
	margin:0 auto;
	border-top:1px solid #CCC;
}
.top_aspx #contents{
	border-top:none;
}

.mainInner{
	width:95%;
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	padding-top:50px;
}

.fullContents{
	width:100%;
	text-align:left;
}
.columnContents{
	width:100%;
	float:left;
	margin-right:-290px;
}
.columnContents .columnInner{
	margin-right:290px;
}

/* ----- SideNavi ----- */

.columnSideNavi{
	width:240px;
	float:right;
}
.columnSideNavi nav{
	padding-bottom:2em;
}


.columnSideNavi nav.guidance a{
	display:block;
	width:100%;
	height:47px;
	background:url(../../images/common/membership_guide_pc.png) 0 0 no-repeat;
	text-indent:-9999px;
}
.columnSideNavi nav.guidance a:hover{
	filter:alpha(opacity=70);
	-webkit-opacity: 0.7;
   	   -moz-opacity: 0.7;
   	        opacity: 0.7;
}





.columnSideNavi nav h2{
	background:#F5F5F5;
	width:100%;
	font-size:1.2em;
	line-height:1.2;
	box-sizing:border-box;
	padding:0.7em 0 0.6em 0.8em;
	margin-bottom:1.2em;
}
.columnSideNavi > nav > ul{
	font-size:1.1em;
}
.columnSideNavi nav a{
	display:block;
}

.columnSideNavi .sideCategory > ul > li{
	padding:1.2em 0 1.2em 0em;
	box-sizing:border-box;
	background:url(../../images/common/dot_g.png) left top repeat-x;
}

.columnSideNavi .sideCategory > ul > li:first-child{background:none;padding-top:0;}
.columnSideNavi .sideCategory > ul > li span{vertical-align:middle;display:inline-block;}
.columnSideNavi .sideCategory > ul > li span.icon{padding-right:10px;}
.columnSideNavi .sideCategory > ul > li span.icon img{width:45px;}


.columnSideNavi .sideCategory > ul > li > ul{}
.columnSideNavi .sideCategory > ul > li > ul > li{
	padding:0.25em 0 0.25em 0.6em;
	box-sizing:border-box;
}
.columnSideNavi .sideCategory > ul > li > p{
	padding-bottom:0.5em;
	position:relative;
}

.columnSideNavi .sideCategory > ul > li > p:after{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.7em;
	border-top:2px solid #666;
	border-right:2px solid #666;
	-webkit-transform:rotate(135deg);
	   -moz-transform:rotate(135deg);
	        transform:rotate(135deg);	
}

.columnSideNavi .sideCategory a i{
	color:#B69D80;
	padding:0 0.5em 0 0.3em;
	-webkit-transform:scale(1.3,0.7); 
	   -moz-transform:scale(1.3,0.7); 
	        transform:scale(1.3,0.7); 	
}



.columnSideNavi .sideSeries li{
	padding:0.4em 0 0.4em 0.5em;
}

.columnSideNavi .sideSeries li p{

	padding-left:1.0em;
	text-indent:-0.3em;
	line-height:1.3;
	overflow:visible;
	
}
.columnSideNavi .sideSeries a i{
	color:#B69D80;
	padding-right:0.3em;
	-webkit-transform:scale(1.3,0.7); 
	   -moz-transform:scale(1.3,0.7); 
	        transform:scale(1.3,0.7); 	
}



.columnSideNavi h3.subtit{
	width:100%;
	font-size:1.3em;
	border-top:1px solid #CCC;
	padding:0.8em 0 1.0em;
	margin-top:1.0em;
}
.columnSideNavi h3.subtit span{vertical-align:middle;display:inline-block;}
.columnSideNavi h3.subtit span.icon{padding-right:6px;}
.columnSideNavi h3.subtit span.icon img{width:30px;}
.columnSideNavi .sideGuide{
	margin-top:25px;

}
.columnSideNavi .sideGuide li{
	padding:0.25em 0 0.25em 0.5em;
	box-sizing:border-box;
}
.columnSideNavi .sideGuide a i{
	padding:0 0.1em 0 0.3em;
	-webkit-transform:scale(0.5,0.5); 
	   -moz-transform:scale(0.5,0.5); 
	        transform:scale(0.5,0.5); 	
}


.columnSideNavi .tel{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:2.2em;
	line-height:1.3;
	letter-spacing:0.02em;
}


.columnSideNavi .sideOther .customer{
	padding:1.2em 0 0.3em 0;
	margin-top:1.0em;
	box-sizing:border-box;
	background:url(../../images/common/dot_g.png) left top repeat-x;
}

.columnSideNavi .lastBox{
	margin-bottom:40px;
}

/* ---------- */

.pankuzu{
	width:95%;
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	padding-top:1em;
}










h2.categorytitle{
	font-size:2.2em;
	width:100%;
	line-height:1.4;
	border-left:6px solid #CBB79E;
	box-sizing:border-box;
	padding-left:0.5em;
}












.pickListFullWidth,
.pickListColumnWidth{
	width:100%;
	overflow:hidden;
	position:relative;
}
.pickListFullWidth ul.itemlist,
.pickListColumnWidth ul.itemlist{
	margin-top:20px;
}
.pickListFullWidth ul.itemlist li{
	width:16%;
	margin-right:4%;
	margin-bottom:2%;
	text-align:center;
}
.pickListColumnWidth ul.itemlist li{
	width:21%;
	margin-right:4%;
	margin-bottom:2%;
	text-align:center;
}


h2.listTitle{
	font-size:1.3em;
	width:100%;
	border-bottom:1px solid #CBB79E;
	padding-bottom:0.5em;
	margin-bottom:0.2em;
	line-height:1.3;
}
h2.listTitle.noline{
	border:none;
}
h2.listTitle .eng{
	font-family: 'Roboto', sans-serif;
	font-weight:100;
	font-size:1.9em;
	letter-spacing:0.03em;
	padding-right:0.6em;
	margin-right:0.6em;
	background:url(../../images/common/title_line.png) right 0.4em no-repeat;
}
h2.listTitle .listTitleIcon{
	width:40px;
	display:inline-block;
	vertical-align:top;
	padding-right:5px;
}
h2.listTitle .listTitleIcon img{
	width:100%;
}

.pickListFullWidth .listAllBT,
.pickListColumnWidth .listAllBT{
	position:absolute;
	display:inline-block;
	top:1.2em;
	right:0;
}
.pickListFullWidth .listAllBT a,
.pickListColumnWidth .listAllBT a{
	font-size:1.1em;
	display:inline-block;
}
pickListFullWidth .listAllBT a i,
.pickListColumnWidth .listAllBT a i{
	padding-right:0.5em;
}




































/* =================================================================================== 
                                      TOP page
   =================================================================================== */

/* ================== Main Slider ====================== /*

/* Main image */
.topMainImage{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

.topMainImage .slick-list{
	width:100%;
	margin:0 auto;
}

.topMainImage .sliderMain{
	filter:alpha(opacity=0);
	-webkit-opacity: 0.0;
   	   -moz-opacity: 0.0;
   	        opacity: 0.0;
}


/* ============== slick ================ */

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {display: none;}



/* Prev Next Button */
.topMainImage .slick-prev, .slick-next {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    margin-top: -20px;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index:50;
}
.topMainImage .slick-prev {
    left: 5px;
	width:40px;
	height:40px;
	background:url(../../images/common/slider_back.png) 0 0 no-repeat;
	background-size:40px;
}
.topMainImage .slick-next {
    right: 5px;
	width:40px;
	height:40px;
	background:url(../../images/common/slider_next.png) 0 0 no-repeat;
	background-size:40px;
}


/* slick-dots */
.slick-dots {
    display: block;
    list-style:outside none none;
    padding:5px 0 0;
    text-align:center;
    width: 100%;
}
.slick-dots li{
    cursor: pointer;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    position: relative;
}
.slick-dots li button {
    cursor:pointer;
    display:block;
    font-size:0;
    height:10px;
	width:10px;
	padding:0px;
    line-height: 0;
    outline:medium none;
	background:#CCC;
	border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px; 
}
.slick-dots li.slick-active button {
	background:#CBB79E;
}













/* ----------------------- */
.top_aspx{}


.ShopMessagePanel{
	margin-bottom:40px;
}

.ShopMessagePanel .title{
	font-weight:bold;
	padding-bottom:0.3em;
	font-size:1.1em;
}



/* ------ Recommend  ------ */

.top_aspx .Recommend{
}


/* ------ PickUp  ------ */

.top_aspx .PickUp{
	margin-top:50px;
	width:100%;
	overflow:hidden;
}
.top_aspx .PickUp ul.PickUpList{
	width:101%;
}
.top_aspx .PickUp ul.PickUpList li{
	width:24%;
	margin-right:1%;
	float:left;
	border:1px solid #CCC;
	box-sizing:border-box;
	position:relative;
}
.top_aspx .PickUp ul.PickUpList li a{
	padding:5px;
	display:block;
}
.top_aspx .PickUp ul.PickUpList li a:after{
	display:block;
	content:"";
	border:2px solid #CBB79E;
	box-sizing:border-box;
	position:absolute;
	top:-1px;
	bottom:-1px;
	left:-1px;
	right:-1px;
	z-index:50;
	filter:alpha(opacity=0);
	-webkit-opacity: 0.0;
   	   -moz-opacity: 0.0;
   	        opacity: 0.0;
	-webkit-transition:opacity 0.2s;
	   -moz-transition:opacity 0.2s;
	        transition:opacity 0.2s;
}
.top_aspx .PickUp ul.PickUpList li a:hover:after{
	filter:alpha(opacity=100);
	-webkit-opacity: 1.0;
   	   -moz-opacity: 1.0;
   	        opacity: 1.0;
}


.top_aspx .PickUp ul.PickUpList li h3{
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	padding:0.5em 0;
}
.top_aspx .PickUp ul.PickUpList li h4{
	box-sizing:border-box;
	padding:0 0.5em 0.5em;
}


/* ------ Magazine  ------ */


.top_aspx .Magazine{
	margin-top:50px;
	width:100%;
	overflow:hidden;
}
.top_aspx .Magazine ul.magazineList{
	width:101%;
}
.top_aspx .Magazine ul.magazineList li{
	width:32.3333%;
	margin-right:1%;
	float:left;
}
.top_aspx .Magazine ul.magazineList li a{
	display:block;
	box-sizing:border-box;
	padding:10px;
	background:#F6F6F6;
}
.top_aspx .Magazine ul.magazineList li a:hover{
	color:#333 !important;
	background:#E5DBCE;
}
.top_aspx .Magazine ul.magazineList h3{
	font-size:1.1em;
	padding:0.8em 0 0.2em;
	line-height:1.5;
}
.top_aspx .Magazine ul.magazineList .date{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

.top_aspx .Magazine .magazineMore{width:100%; margin-top:1%;}
.top_aspx .Magazine .magazineMore a{
	background:#F6F6F6;
	padding:0.4em 0 0.3em;
	display:block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.3em;
}
.top_aspx .Magazine .magazineMore a:hover{
	color:#333 !important;
	background:#E5DBCE;
}



/* ------ CategorySeries  ------ */
.top_aspx .CategorySeries{
	margin-top:50px;
	width:100%;
	overflow:hidden;
}

.top_aspx .CategorySeries ul.seriesList{
	width:101%;
}
.top_aspx .CategorySeries ul.seriesList li{
	width:24%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
	text-align:center;
}
.top_aspx .CategorySeries ul.seriesList li a{
	display:block;
	box-sizing:border-box;
	border:1px solid #CCC;
	padding:15px 0;
	position:relative;
}
.top_aspx .CategorySeries ul.seriesList li a:hover{
	border-color:#CBB79E;
}
.top_aspx .CategorySeries ul.seriesList li a:after{
	display:block;
	content:"";
	border:1px solid #CBB79E;
	box-sizing:border-box;
	position:absolute;
	top:0px;
	bottom:0;
	left:0;
	right:0;
	z-index:50;
	filter:alpha(opacity=0);
	-webkit-opacity: 0.0;
   	   -moz-opacity: 0.0;
   	        opacity: 0.0;
	-webkit-transition:opacity 0.2s;
	   -moz-transition:opacity 0.2s;
	        transition:opacity 0.2s;
	
}
.top_aspx .CategorySeries ul.seriesList li a:hover:after{
	filter:alpha(opacity=100);
	-webkit-opacity: 1.0;
   	   -moz-opacity: 1.0;
   	        opacity: 1.0;
}

.top_aspx .CategorySeries ul.seriesList li img{
	width:65%;
}





/* ------ Ranking  ------ */

.top_aspx .Ranking{
	margin-top:50px;
}




/* ------ TopNews  ------ */

.top_aspx .TopNews{
	margin-top:50px;
	position:relative;
}

.top_aspx .TopNews ul{
	font-size:1.1em;
	box-sizing:border-box;
	padding:0.5em 0;
	width:100%;
	position:relative;
}
.top_aspx .TopNews ul li{
	padding:1.0em 25px;
	background:#F6F6F6;
	box-sizing:border-box;
}
.top_aspx .TopNews ul li.NewsListRow{
	border-top:1px dotted #CCC;
}
.top_aspx .TopNews .TopNewsAll{
	position:absolute;
	top:-1.6em;
	right:0;
	display:inline-block;
}

.top_aspx .TopNews .TopNewsAll a{
	background:#F6F6F6;
	display:block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.1em;
	padding:0.7em 1em 1em;
	line-height:1;
}











/* ======================================================= 
                          ItemList
   ======================================================= */



.mainInner h3.boxTitle{
	font-size:1.7em;
	padding-bottom:0.5em;
	width:100%;
	margin-top:40px;
}
.mainInner h3.boxTitle i{
	padding-right:0.3em;
	color:#B69D80;
	font-size:1.1em;
}
.mainInner .subCopy{
	font-size:1.2em;
	padding-bottom:0.6em;
}


#staticHTMLboxTop,
#underCategory,
#squeezeBox,
#numberSearch{
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
}




/* ----------------- Series Explanation -------------------- */

.mainInner #seriesExplanation{
	margin-top:40px;
	text-align:left;
	border:1px solid #CCC;
	box-sizing:border-box;
}

#seriesExplanation dl{
	width:100%;
	box-sizing:border-box;
	display:table;
}
#seriesExplanation .seriesNameImg{
	width:45%;
	display:table-cell;
}
#seriesExplanation .seriesText{
	width:55%;
	display:table-cell;
	vertical-align:middle;
}
#seriesExplanation .seriesText p{
	padding:0 5%;
	font-size:1.2em;
}








/* ----------------- CategoryHTML -------------------- */
.mainInner .CategoryHTMLbox{
	margin-top:40px;
}

.mainInner .CategoryHTMLbox .PickBox{
	text-align:left;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	margin-bottom:1em;
}
.mainInner .CategoryHTMLbox .PickBox ul.bannerLinkBox{
	width:102%;
}

.mainInner .CategoryHTMLbox .PickBox ul.bannerLinkBox li{
	width:31.333333%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
}
.mainInner .CategoryHTMLbox .PickBox ul.bannerLinkBox li .picktxt{
	margin-top:0.5em;
}
.mainInner .CategoryHTMLbox .PickBox ul.bannerLinkBox li h3{
	font-size:1.1em;
	font-weight:bold;
}

.mainInner .CategoryHTMLbox .PickBox ul.textLinkBox{
	width:102%;
}
.mainInner .CategoryHTMLbox .PickBox ul.textLinkBox li{
	width:31.333333%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
}
.mainInner .CategoryHTMLbox .PickBox ul.textLinkBox li a{
	font-weight:bold;
	font-size:1.1em;
	border-top:1px solid #CCC;
	width:100%;
	display:block;
	padding:0.7em 0 0 0;
}
.mainInner .CategoryHTMLbox .PickBox ul.textLinkBox li a:before{
	content:"\f054";
	font-family: 'FontAwesome';
}









.mainInner .CategoryHTMLbox .WaterPick{
	width:33.3333%;
	overflow:visible;
	float:left;
	border:none;
}
.mainInner .CategoryHTMLbox .WaterPick ul.bannerLinkBox{
	width:100%;
}
.mainInner .CategoryHTMLbox .WaterPick ul.bannerLinkBox li{
	width:100%;
	margin-right:0%;
	margin-bottom:2%;
	float:none;
}














.mainInner .RelationContents{
	margin-bottom:1em;
}
.mainInner .RelationContents h3{
	font-size:1.4em;
}
.mainInner .RelationContents h4{
	font-size:1.1em;
	padding-top:0.5em;
}
.mainInner .RelationContents h3:before{
	content:"\f0f6";
	font-family: 'FontAwesome';
	/*color:#CBB79E;*/
	padding-right:0.3em;
	font-size:1.2em;
}
.mainInner .RelationContents h3.nonicon:before{
	display:none;
}

.mainInner .RelationContents li{
	margin:0.3em 0;
	font-size:1.1em;
}
.mainInner .RelationContents li a:before{
	content:"\f0da";
	font-family: 'FontAwesome';
	padding-right:0.3em;
	/*color:#CBB79E;*/
}



.mainInner .RelationContentsTowel{
	margin-bottom:1em;
	width:100%;
	overflow:hidden;
}
.mainInner .RelationContentsTowel h3{
	font-size:1.4em;
}
.mainInner .RelationContentsTowel h4{
	font-size:1.1em;
	padding-top:0.5em;
}
.mainInner .RelationContentsTowel ul{
	width:101%;
	margin-top:5px;
	font-size:0;
}
.mainInner .RelationContentsTowel ul li{
	width:24%;
	margin-right:1%;
	display:inline-block;
	font-size:13px;
	vertical-align:top;
	border:1px solid #CCC;
	box-sizing:border-box;
	text-align:center;
	padding-bottom:8px;
	line-height:1.4;
	
}	
.mainInner .RelationContentsTowel ul li img{
	width:100%;
}






.mainInner .WaterRelation{
	float:left;
	margin-left:30px;
}







/* ----------------- StaticHTML Top -------------------- */
.mainInner #staticHTMLboxTop{
	margin-top:40px;
	text-align:center;
	overflow:hidden;
}
#staticHTMLboxTop ul.staticBanner{
	width:102%;
}
#staticHTMLboxTop ul.staticBanner li{
	width:23%;
	margin-right:2%;
	float:left;
}








/* ----------------- StaticHTML Top -------------------- */
.mainInner #staticHTMLboxTop{
	margin-top:40px;
	text-align:center;
	overflow:hidden;
}
#staticHTMLboxTop ul.staticBanner{
	width:102%;
}
#staticHTMLboxTop ul.staticBanner li{
	width:23%;
	margin-right:2%;
	float:left;
}









/* ----------------- StaticHTML Bottom -------------------- */
.mainInner #staticHTMLboxBottom{
	background:#F8F8F8;
	text-align:center;
	margin-top:50px;
}





/* --------------- UnderCategory ------------------- */
.mainInner #underCategory{}
#underCategory ul.underCategoryList{
	width:102%;
	font-size:0;
}
#underCategory ul.underCategoryList li{
	width:31.3333%;
	margin-right:2%;
	display:inline-block;
	font-size:12px;
	text-align:center;
}
#underCategory ul.underCategoryList li a{
	display:block;
	font-size:1.1em;
	border:1px solid #CCC;
	box-sizing:border-box;
	padding:0.8em 0 0;
	position:relative;
}

#underCategory ul.underCategoryList li a .name{
	background:#F5F5F5;
	padding:0.3em 0;
	-webkit-transition:background-color 0.3s;
	   -moz-transition:background-color 0.3s;
	        transition:background-color 0.3s;
}
#underCategory ul.underCategoryList li a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	box-sizing:border-box;
	border:1px solid #FFF;
	-webkit-transition:border-color 0.3s;
	   -moz-transition:border-color 0.3s;
	        transition:border-color 0.3s;
}
#underCategory ul.underCategoryList li a:hover:before{border-color:#CBB79E;}
#underCategory ul.underCategoryList li a:hover{border-color:#CBB79E;color:#333;}
#underCategory ul.underCategoryList li a:hover .name{background-color:#F1ECE6;}

#underCategory ul.underCategoryList li .categoryImg{
	width:40%;
	max-width:150px;
	margin:0 auto;
	padding-bottom:0.8em;
}






/* ------------------- SqueezeBox ----------------- */

.mainInner #squeezeBox{}




#squeezeBox .squeezestep{
	font-size:1.2em;
	padding-bottom:0.2em;
	margin-top:1.2em;
}
#squeezeBox .squeezestep span{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.5em;
	padding-right:0.5em;
}
#squeezeBox .squeezestep span:before{
	content:"\f103";
	font-family: 'FontAwesome';
	padding-right:0.2em;
	color:#B69D80;
}




.squeeze_step{
	width:100%;
	padding:1.0em;
	background:#F8F5F2;
	box-sizing:border-box;
	margin-bottom:10px;
}

.squeeze_step ul{
	text-align:center;
	width:100%;
	font-size:0;
	display:table;
}
.squeeze_step ul li{
	padding:0;
	line-height:1.3;
	font-size:13px;
	display:table-cell;
	vertical-align :middle;
}
.squeeze_step ul li.sp01,
.squeeze_step ul li.sp02,
.squeeze_step ul li.sp03{
	width:28%;
}
.squeeze_step ul li.arrow{
	width:8%;
	text-align:center;
}



.squeezeBoxTop i{
	padding-right:0.2em;
}

/* -- TabList -- */

#squeezeBox ul.squeezeTabList,
#squeezeBox ul.squeezeBanner{
	width:102%;
	font-size:0;
	position:relative;
}

#squeezeBox ul.squeezeTabList > li{
	width:31.3333%;
	margin-right:2%;
	display:inline-block;
	font-size:12px;
	text-align:center;
	border:1px solid #CCC;
	box-sizing:border-box;
	vertical-align:top;
	position:relative;
	cursor:pointer;
	-webkit-transition:border-color 0.3s;
	   -moz-transition:border-color 0.3s;
	        transition:border-color 0.3s;
}
#squeezeBox ul.squeezeTabList > li > p{
	padding:15px 0;
	width:100%;
}

#squeezeBox ul.squeezeTabList > li:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	box-sizing:border-box;
	border:1px solid #FFF;
	-webkit-transition:border-color 0.3s;
	   -moz-transition:border-color 0.3s;
	        transition:border-color 0.3s;
}
#squeezeBox ul.squeezeTabList > li:hover:before{border-color:#CBB79E;}
#squeezeBox ul.squeezeTabList > li:hover{border-color:#CBB79E;}
#squeezeBox ul.squeezeTabList > li:hover:after{border-top-color:#CBB79E;}

#squeezeBox ul.squeezeTabList > li:after{
	position:absolute;
	content:"";
	top:100%;
	left:-1px;
	width:100%;
	height:3px;
	display:block;	
	border:1px solid #FFF;
	border-top-color:#CCC;
	background:#FFF;
	-webkit-transition:border-color 0.3s,background-color 0.3s;
	   -moz-transition:border-color 0.3s,background-color 0.3s;
	        transition:border-color 0.3s,background-color 0.3s;
}
#squeezeBox ul.squeezeTabList > li.selectedCondID2{
	border-color:#CBB79E;
}
#squeezeBox ul.squeezeTabList > li.selectedCondID2:before{
	border:1px solid #CBB79E;
}
#squeezeBox ul.squeezeTabList > li.selectedCondID2:after{
	border:1px solid #CBB79E;
	background:#CBB79E;
}












/* -- Tab -- */

#squeezeBox ul.squeezeTab{
	width:100%;
	overflow:hidden;
	
	
}
#squeezeBox ul.squeezeTab > li{
	display:none;
}
#squeezeBox ul.squeezeTab div.tabinner{}


#squeezeBox ul.squeezeTab .tabType01{
	width:100%;
	overflow:hidden;
	margin-top:15px;
}
#squeezeBox .tabType01 .optionMap{
	width:100%;
	text-align:center;
}
#squeezeBox .tabType01 .optionMap img{
	width:100%;
	max-width:600px;
	margin:0 auto;
}

#squeezeBox .tabType01 ul.optionMapList{
	width:101%;
	margin-top:10px;
}
#squeezeBox .tabType01 ul.optionMapList li{
	width:19%;
	margin-right:1%;
	float:left;
}
#squeezeBox .tabType01 ul.optionMapList li div{
	display:block;
	width:100%;
	border:1px solid #CCC;
	box-sizing:border-box;
	text-align:center;
	padding-bottom:1.0em;
	line-height:1.3;
	font-size:1.0em;
	position:relative;
	cursor:pointer;
	-webkit-transition:border-color 0.3s,color 0.3s;
	   -moz-transition:border-color 0.3s,color 0.3s;
	        transition:border-color 0.3s,color 0.3s;
}

#squeezeBox .tabType01 ul.optionMapList li div:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	box-sizing:border-box;
	border:1px solid;
	filter:alpha(opacity=0);
	-webkit-opacity:0;
	   -moz-opacity:0;
	        opacity:0;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}


#squeezeBox .tabType01 ul.optionMapList li div br{ display:none;}

#squeezeBox .tabType01 ul.optionMapList li .optionIcon{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.3em;
	line-height:1;
	padding:0.3em 0 0.2em;
	color:#FFF;
	margin-bottom:0.8em;	
}
#squeezeBox .tabType01 ul.optionMapList li.cabA .optionIcon{background:#1B578F;}
#squeezeBox .tabType01 ul.optionMapList li.cabB .optionIcon{background:#CC383D;}
#squeezeBox .tabType01 ul.optionMapList li.cabC .optionIcon{background:#4CB0D3;}
#squeezeBox .tabType01 ul.optionMapList li.cabD .optionIcon{background:#9B5996;}
#squeezeBox .tabType01 ul.optionMapList li.cabE .optionIcon{background:#E994B3;}

#squeezeBox .tabType01 ul.optionMapList li.cabA div.selectedCondID2{border-color:#1B578F;color:#1B578F;}
#squeezeBox .tabType01 ul.optionMapList li.cabB div.selectedCondID2{border-color:#CC383D;color:#CC383D;}
#squeezeBox .tabType01 ul.optionMapList li.cabC div.selectedCondID2{border-color:#4CB0D3;color:#4CB0D3;}
#squeezeBox .tabType01 ul.optionMapList li.cabD div.selectedCondID2{border-color:#9B5996;color:#9B5996;}
#squeezeBox .tabType01 ul.optionMapList li.cabE div.selectedCondID2{border-color:#E994B3;color:#E994B3;}
#squeezeBox .tabType01 ul.optionMapList li div.selectedCondID2:before{
	filter:alpha(opacity=100);
	-webkit-opacity:1;
	   -moz-opacity:1;
	        opacity:1;
}




#squeezeBox .optionMapList .sinkModelName{
	padding-top:1em;
}


#squeezeBox ul.tabType02{
	width:101%;
	top:100%;
	display:block;
	padding-bottom:2px;
	text-align:left;
	font-size:0;
}
#squeezeBox  ul.tabType02 li{
	width:19%;
	margin-right:1%;
	margin-top:1%;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:1.3;
}
#squeezeBox  ul.tabType02 li div{
	display:block;
	width:100%;
	height:100%;
	border:1px solid #CCC;
	box-sizing:border-box;
	text-align:center;
	position:relative;
	cursor:pointer;
	-webkit-transition:border-color 0.3s,color 0.3s;
	   -moz-transition:border-color 0.3s,color 0.3s;
	        transition:border-color 0.3s,color 0.3s;
}
#squeezeBox ul.tabType02 li img{
	width:100%;
	margin:0 auto;
}
#squeezeBox ul.tabType02 li p.sinkModelName{
	padding:0.4em 0.3em;
	font-size:1.0em;
	box-sizing:border-box;
}
#squeezeBox ul.tabType02 li p.sinkModelName span{
	font-size:1.1em;
	padding-right:0.2em;
}
#squeezeBox  ul.tabType02 li div:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(203,183,158,0.3);
	box-sizing:border-box;
	border:1px solid #826140;
	filter:alpha(opacity=0);
	-webkit-opacity:0;
	   -moz-opacity:0;
	        opacity:0;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}
#squeezeBox  ul.tabType02 li div:after{
	content:"";
	position:absolute;
	top:5px;
	right:5px;
	width:28%;
	height:100%;
	background:url(../../images/common/squeeze_choice_kurio.png) 0 0 no-repeat;
	background-size:100%;
	filter:alpha(opacity=0);
	-webkit-opacity:0;
	   -moz-opacity:0;
	        opacity:0;
	-webkit-transition:opacity 0.3s;
	   -moz-transition:opacity 0.3s;
	        transition:opacity 0.3s;
}

#squeezeBox  ul.tabType02 li div.selectedCondID2{
	border-color:#826140;
	/*color:#B69D80;*/
}
#squeezeBox  ul.tabType02 li div.selectedCondID2:after,
#squeezeBox  ul.tabType02 li div.selectedCondID2:before{
	filter:alpha(opacity=100);
	-webkit-opacity:1;
	   -moz-opacity:1;
	        opacity:1;
}













/* -- banner -- */


#squeezeBox ul.squeezeBanner > li{
	width:31.3333%;
	margin-right:2%;
	display:inline-block;
}
#squeezeBox ul.squeezeBanner > li > a{
	font-size:12px;
	text-align:center;
	display:block;
	border:1px solid #CCC;
	box-sizing:border-box;
	padding:10px 0;
	position:relative;
	-webkit-transition:border-color 0.3s;
	   -moz-transition:border-color 0.3s;
	        transition:border-color 0.3s;
}

#squeezeBox ul.squeezeTabList > li > p > img,
#squeezeBox ul.squeezeBanner > li > a > img{
	width:65%;
	margin:0 auto;
}

#squeezeBox ul.squeezeBanner > li > a:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	box-sizing:border-box;
	border:1px solid #FFF;
	-webkit-transition:border-color 0.3s;
	   -moz-transition:border-color 0.3s;
	        transition:border-color 0.3s;
}
#squeezeBox ul.squeezeBanner > li > a:hover{border-color:#CBB79E;}
#squeezeBox ul.squeezeBanner > li > a:hover:before{border-color:#CBB79E;}















/* ------------------ NumberSearch ------------------ */
.mainInner #numberSearch{}
#numberSearch .searchBox{
	position:relative;
}
#numberSearch .confirmation{
	font-size:0;
	line-height:0;
}
#numberSearch .confirmation a{
	color:#FFF;
	display:inline-block;
	background:#B3B3B3;
	padding:0.8em 1em;
	font-size:12px;
	line-height:1;
	-webkit-transition:background-color 0.2s;
	   -moz-transition:background-color 0.2s;
	        transition:background-color 0.2s;
}
#numberSearch .confirmation a:hover{background:#B69D80;}
#numberSearch input.search_text{
	width:79%;
	background:#FFF;
	float:left;
	line-height:1.2;
	font-size:14px;
	padding:0.9em 0 0.9em 1em;
	box-sizing:border-box;
	-webkit-appearance: none;
	border:1px solid #CCC;
}
#numberSearch input.search_button{
    width:19%;
    background:#CBB79E;
	float:right;
	line-height:1.2;
	font-size:14px;
	padding:0.9em 0;
	color:#FFF;
	box-sizing:border-box;
	border:1px solid #CBB79E;
	cursor:pointer;
	-webkit-appearance: none;

}

























/* ------------------ ItemList ------------------ */
.mainInner #itemListBox{
	margin:25px 0 0;
	width:100%;
	overflow:hidden;
	border-top:1px solid #CCC;
	padding-top:25px;
}

/* -- itemListHeader -- */

#itemListBox .itemListHeader{
	text-align:left;
	margin-bottom:40px;
}

/* -- Selectbox -- */

.itemListHeader .list_selectbox{
	overflow: hidden;
	display:inline-block;
	position:relative;
	padding-left:0.5em;
	font-size:1.1em;
}

.itemListHeader .list_selectbox i{
	position:absolute;
	top:50%;
	margin-top:-0.5em;
	left:0;
}
.itemListHeader .list_selectbox select{
	position: relative;
	width: 100%;
	padding:0 0.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	color:#333;
	font-size:1.0em;
	cursor:pointer;
	background:#FFF;
}


/* -- pagination -- */

.pagination{float:right;}

.pagination .pagenumber{display:inline-block; font-size:0;}
.pagination .pagenumber li{display:inline-block; font-size:12px;}

.pagination .pagenumber li a{
	display:block;
	padding:0 0.5em;
	text-align:center;
	color:#333;
	font-size:1.1em;
	-webkit-transition:color 0.2s;
	   -moz-transition:color 0.2s;
	        transition:color 0.2s;
}
.pagination .pagenumber li a:hover{
	color:#B69D80;
}
.pagination .pagenumber li.current a {
	color:#FFF !important;
	background:#CBB79E;
}
.pagination .pagearrows{
	display:inline-block;
	padding:0 0.5em;
	vertical-align:top;
}
.pagination .pagearrows a{
	font-size:1.1em;
	color:#999 !important;
}
.pagination .pagearrows a:hover{
	color:#B69D80 !important;
}








/* -- ItemList -- */

ul.itemlist{
	width:104%;
	text-align:left;
	font-size:0;
}
ul.itemlist li{
	display:inline-block;
	font-size:12px;
	vertical-align:top;
	text-align:center;
}
ul.itemlist li a{
	position:relative;
	display:block;
}
ul.itemlist li a .statusIcon{
	width:45px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

ul.itemlist li a .statusIcon img{
	width:100%;
}






ul.itemlist li a .rankingIcon{
	width:20px;
	height:32px;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	background:url(../../images/common/icon_runk4.png) 0 0 no-repeat;
	background-size:100%;
	text-align:center;
	color:#FFF;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:13px;
	line-height:1;
	padding-top:5px;
}
#ranking_1 a .rankingIcon{background:url(../../images/common/icon_runk1.png) 0 0 no-repeat;background-size:100%;}
#ranking_2 a .rankingIcon{background:url(../../images/common/icon_runk2.png) 0 0 no-repeat;background-size:100%;}
#ranking_3 a .rankingIcon{background:url(../../images/common/icon_runk3.png) 0 0 no-repeat;background-size:100%;}




.ie8 ul.itemlist li a .rankingIcon{background:url(../../images/common/icon_runk4_ie8.png) 0 0 no-repeat;}
.ie8 #ranking_1 a .rankingIcon{background:url(../../images/common/icon_runk1_ie8.png) 0 0 no-repeat;}
.ie8 #ranking_2 a .rankingIcon{background:url(../../images/common/icon_runk2_ie8.png) 0 0 no-repeat;}
.ie8 #ranking_3 a .rankingIcon{background:url(../../images/common/icon_runk3_ie8.png) 0 0 no-repeat;}





ul.itemlist .itemimg{
	width:85%;
	margin:0 auto;
}
ul.itemlist h2{
	margin-top:1em;
	text-align:center;
	line-height:1.5;
}
 ul.itemlist h3{
	text-align:center;
	line-height:1.5;
}
ul.itemlist .price{
	padding:0 0 0.5em;
	text-align:center;
}
ul.itemlist .price span{
	font-size:0.9em;
	padding-left:0.2em;
}


#itemListBox ul.itemlist li{
	width:21%;
	margin-right:4%;
	margin-bottom:6%;
}





/* -- itemListFooter -- */

#itemListBox .itemListFooter{
	text-align:left;
	padding-top:40px;

}






























/* ======================================================= 
                          Detail
   ======================================================= */

#DetailPage{}



/* ------------------ mainImg & Item Info ------------------ */

#DetailPage .itemDetileBox{
	width:100%;
}

.itemDetileBox .itemMainImg{
	width:100%;
	float:left;
	margin-right:-490px;
}
.itemDetileBox .itemMainImg p{
	margin-right:490px;
	text-align:center;
	position:relative;
}
.itemDetileBox .itemMainImg p img{
	width:100%;
	max-width:400px;
	margin:5% auto 0;
}
.itemDetileBox .itemInfoBox{
	width:460px;
	float:right;
}

.itemDetileBox .itemInfoBox h2{
	font-size:2.2em;
	line-height:1.4;
	padding-bottom:0.5em;
}


.itemDetileBox .itemInfoBox .itemInfoInner{
	width:100%;
	padding-top:1.2em;
	border-top:1px solid #CCC;
}








.itemDetileBox table.supportList{
	padding:0;
	margin:0 0 0.5em 0;
	display:inline-block;
}
.itemDetileBox table.supportList th{
	padding:0.25em 2em 0.25em 0;
	margin:0;
	min-width:9em;
}
.itemDetileBox table.supportList td{
	padding:0.25em 0;
	margin:0;
}








.itemDetileBox .itemInfoBox .CheckPoint{
	margin:0 0 1em 0;
}
.itemDetileBox .itemInfoBox .CheckPoint h3{
	font-size:1.1em;
}
.itemDetileBox .itemInfoBox .CheckPoint h3:before{
	content:"■";
	color:#CBB79E;
	padding-right:0.2em;
}
.itemDetileBox .supportView{
	width:100%;
	margin-top:6px;
}
.itemDetileBox .supportView a{
	width:100%;
	display:block;
	padding:0.3em 0.5em;
	text-align:left;
	border:1px solid #CCC;
	box-sizing:border-box;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
	        border-radius:5px;
}
.itemDetileBox .supportView a:hover{
	color:#B69D80 !important;
	border-color:#CBB79E;
}



table.itemBuyBox{
	width:100%;
	margin-top:25px;
	background:url(../../images/common/dot_g.png) left top repeat-x;
}
table.itemBuyBox tr{
	width:100%;
	background:url(../../images/common/dot_g.png) left bottom repeat-x;
	display:inline-table;
}
table.itemBuyBox th{
	width:85px;
	padding:1.0em 0;
	vertical-align:middle;
}
table.itemBuyBox th img{
	width:70px;
}







table.itemBuyBox td{
	padding:1.2em 0 1.0em;
	vertical-align:middle;
}
table.itemBuyBox td p{
	line-height:1.4;
	box-sizing:border-box;
}
table.itemBuyBox .price{	
}
table.itemBuyBox .price span{
	font-size:1.1em;
	padding-right:0.2em;
}
.productdetail_aspx table.itemBuyBox .price table{margin-top:0.2em;}
.productdetail_aspx table.itemBuyBox .price table td{ padding:0;}
.productdetail_aspx table.itemBuyBox .price .ListPriceTable{
	margin:0;
}
.productdetail_aspx table.itemBuyBox select{
    height:26px;
    line-height:24px;
}
.productdetail_aspx table.itemBuyBox .interval{
	margin-top:0.5em;
}





.VariationTrue table.DetailitemBuyBox{
	border-top:2px solid #F1ECE6;
	border-bottom:2px solid #F1ECE6;
	position:relative;
}
.VariationTrue table.DetailitemBuyBox:after{
	border-bottom:1px solid #CBB79E;
	content:"";
	display:block;
	position:absolute;
	bottom:-3px;
	left:0;
	width:100%;	
}
.VariationTrue table.DetailitemBuyBox:before{
	border-bottom:1px solid #CBB79E;
	content:"";
	display:block;
	position:absolute;
	top:-3px;
	left:0;
	width:100%;	
}

.VariationTrue table.DetailitemBuyBox tr{
	width:100%;
	background:none;
	display:inline-table;
}












table.itemBuyBox td.cartInBT{
	width:110px;
}
table.itemBuyBox td.cartInBT a{
	width:100%;
	padding:48px 0 12px;
	display:block;
	line-height:1;
	text-align:center;
	color:#FFF !important;
	background:url(../../images/common/detail_cart.png) center 10px no-repeat;
	background-size:35px;
	background-color:#F18E31;
	box-sizing:border-box;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
	        border-radius:5px;
}
table.itemBuyBox td.cartInBT a:hover{
	background-color:#d70c24;
}

table.itemBuyBox td.cartInBT span.detail_cart_icon{ display:none;}


.productdetail_aspx #divAddToCartAndBookmark{
}

.productdetail_aspx .memberPriceText{
	margin-top:0.5em;
}
.itemDetileBox .bookmarkInBT{
	width:100%;
	margin-top:1em;
}

.itemDetileBox .bookmarkInBT a{
	width:100%;
	display:block;
	padding:0.3em 0;
	box-sizing:border-box;
	text-align:center;
	border:1px solid #CCC;
	-webkit-border-radius:5px;
       -moz-border-radius:5px;
	        border-radius:5px;
}
.itemDetileBox .bookmarkInBT a:hover{
	border-color:#CBB79E;
}






.snsBox{
	width:100%;
	margin-top:20px;
}
.snsBox ul.sns_group{
	text-align:left;
	font-size:0;
}
.snsBox ul.sns_group li{
	display:inline-block;
	width:32px;
	height:32px;
	line-height:32px;
	margin-right:8px;	
}

.snsBox ul.sns_group li a{
	color:#FFF !important;
	display:block;
	width:100%;
	text-align:center;
	background:#999;
	-webkit-border-radius:8px;
       -moz-border-radius:8px;
            border-radius:8px;
}


.snsBox ul.sns_group .twitter a{font-size:20px;}
.snsBox ul.sns_group .facebook a{font-size:20px;}
.snsBox ul.sns_group .line a{
	font-size:11px;
	font-family:'Roboto';
	font-weight:500;
	padding-top:1px;
	line-height:31px;
	box-sizing:border-box;
}
.snsBox ul.sns_group .twitter a:hover{background:#00ACEC;}
.snsBox ul.sns_group .facebook a:hover{background:#265a96;}
.snsBox ul.sns_group .line a:hover{background:#2cbf13;}








/* ------------------ Item Explain ------------------ */

.itemExplain{
	width:100%;
	margin-top:60px;
}
.itemExplain .explainInner{
	border:1px solid #CCC;
	box-sizing:border-box;
	padding:20px;
	font-size:1.1em;
}
.itemExplain h3{
	line-height:1.0em;
	font-size:1.6em;
	padding-bottom:0.8em;
}


.itemExplain .Information{
	width:100%;
}
.itemExplain .DetailLink{
	width:100%;
}

.itemExplain img{
	max-width:100%;
	height:auto;
}


.itemExplain .Information .ListExplain {display:block;font-weight:bold;}
.itemExplain .Information .Explain {display:block;}



/* 商品詳細属性 */

.productSpec {width:100%; display:block; border-top:1px solid #CCC; margin-top:20px;}
.productSpec .AttributeDataTable {width:100%;border:solid 0px;display:inline-block; margin-top:1em;}
.productSpec .AttributeDataTable tbody {width:100%;border:solid 0px;}
.productSpec .AttributeDataTable tr {border:1px solid white;width:100%;}
.productSpec .AttributeDataTable td {border:0px;padding:0.3em 0;}
.productSpec .AttributeDataTable .AttributeTD1 span{white-space: nowrap;}
.productSpec .AttributeDataTable .AttributeTD1 span:after {content: "："; padding-right:1em;}
.productSpec .AttributeDataTable .AttributeTD2 span{}







/* 逆引きカテゴリー */
.ReverseCategory{padding:30px 0;}
.ReverseCategory h3{
	font-size:1.4em;
	background:#F5F5F5;
	padding:0.4em 0 0.4em 0.4em;
	line-height:1.1;
	box-sizing:border-box;
	margin-bottom:0.7em;
}
.ReverseCategory ul{margin:0.4em 0;}
.ReverseCategory ul li{display:inline-block;}
.ReverseCategory ul li:before{content: " ＞ ";padding:0 0.1em;}
.ReverseCategory ul li:first-child:before{content:"\f152";font-family:'FontAwesome'; padding:0 0.3em 0 0.1em;}




.RelationList,
.RecommendList{
	margin-top:20px;
}












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

/* ---------- Header ---------- */
#headerTop .mainHeader .siteTool{margin-top:-1.5em;}
.siteTool ul.toolmenu{display:block; padding-bottom:0.3em;}
.siteTool ul.toolmenu li{margin-left:1.5em;margin-right:0;}


#headerTop .mainHeader .HeaderMember{
	margin-top:-3.7em;
}




#squeezeBox .tabType01 ul.optionMapList li .optionIcon{margin-bottom:0.4em;}
#squeezeBox .tabType01 ul.optionMapList li a{padding-bottom:0.4em;}
#squeezeBox .tabType01 ul.optionMapList li a br{ display:block;}

/* -- Series Explanation -- */
#seriesExplanation .seriesText p{font-size:1.1em;}
}





/* ----------------------- */

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



/* ---------- Footer ---------- */
footer .footerIn{padding-bottom:0px;}
footer .footerIn nav{float:none;width:100%;}
footer .footerIn nav > ul > li{vertical-align:top;margin-right:0;}

footer .footerCategory{width:28%;}
footer .footerSeries{width:22%;}
footer .footerGuide{width:25%;}
footer .footerShop{width:25%;}

footer .footerIn .footerTools{
	float:none;
	width:50%;
	margin:20px auto;
	max-width:none;
}

footer .bannerBox{width:200px;margin:20px auto 0;}



/* ---------- SideNaviColumn ---------- */

.columnContents{margin-right:-220px;}
.columnContents .columnInner{margin-right:220px;}
.columnSideNavi{width:190px;}



.columnSideNavi nav.guidance a{
	height:37px;
	background:url(../../images/common/membership_guide_mb.png) 0 0 no-repeat;
}






/* ---------- Common ---------- */




/* ---------- TOP page ---------- */


/* -- PickUp  -- */
.top_aspx .PickUp ul.PickUpList{width:102%;}
.top_aspx .PickUp ul.PickUpList li{
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
}

/* -- CategorySeries  -- */
.top_aspx .CategorySeries ul.seriesList li{width:32.3333%;}




























/* ---------- LISTpage ---------- */


/* -- Series Explanation -- */

#seriesExplanation .seriesNameImg{width:50%;padding:10px 0;}
#seriesExplanation .seriesText{width:50%;}


#squeezeBox ul.tabType02 li{width:24%;}

/* -- CategoryHTML -- */
.mainInner .CategoryHTMLbox .PickBox ul li{
	width:48%;
}





/* -- StaticHTML Top -- */
#staticHTMLboxTop ul.staticBanner li{
	width:31.333333%;
	margin-top:1%;
	margin-bottom:1%;
}



/* -- ItemList -- */
#itemListBox ul.itemlist li{width:29.333333%;}










/* ---------- Detail page ---------- */




.itemDetileBox .itemMainImg{margin-right:-430px;}
.itemDetileBox .itemMainImg p{margin-right:430px;}
.itemDetileBox .itemInfoBox{width:400px;}

.itemDetileBox .itemMainImg p img{position:relative;top:0;margin-top:10%;}

table.itemBuyBox dl.price dt{width:9.0em;}
table.itemBuyBox td.cartInBT{width:100px;}



}




















/* -----------------------------------------
                   Clearfix 
   ----------------------------------------- */

ul:after,
.clear:after,
.pagination:after,
.mainInner:after,
.fullContents:after,
.columnInner:after,
.searchBox:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}