@charset "UTF-8";


/* cfix
----------------------------------------------- */

	.cfix{
		height:inherit;
		margin:auto;
		zoom:1;
	}

	.cfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	/*mac\*/
	
	*html .cfix{ height:1%;}
	
	.cfix{ display:block;}
	
	a{ background:url(img/parts/spacer.png) no-repeat;}
	
	
	
/* hack
----------------------------------------------- */	
	
	.deg{
		-moz-transform: rotate(0.05deg);
		-webkit-transform: rotate(0.05deg);
		-o-transform: rotate(0.05deg);
		-ms-transform: rotate(0.05deg);
		transform: rotate(0.05deg);
	}
	
	
	
	
	
/* anim
----------------------------------------------- */
	

.anim{
	-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
}

.bgBtn{
-moz-transition: -moz-all 200ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 200ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 200ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 200ms cubic-bezier(.50,.0,.50,1);
    transition: all 200ms cubic-bezier(.50,.0,.50,1);
}

.bgBtn:hover{ text-decoration: none;}


/* sample
----------------------------------------------- */


p:nth-of-type(2){}







/* class
----------------------------------------------- */
a.btn{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}
.hide{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}

.red{ color:#c7514b;}

.onlyPC{ display:block;}
.onlySP{ display:none;}


.touchDevice table.onlyWidthSP{ display:none;}

.winWidthPC table.onlyWidthPC{ display:table;}
.winWidthPC table.onlyWidthSP{ display:none;}

.winWidthSP table.onlyWidthPC{ display:none;}
.winWidthSP table.onlyWidthSP{ display:table;}

.onlyNormal{ display:block;}
.touchDevice .onlyNormal{ display:none;}


.fLeft{ float:left;}
.fRight{ float:right;}

.number{ }

.tsume{ }





.bgLinkBtn a{ font-size:1.2rem; background-color:#000; display:inline-block; box-sizing:border-box; padding:0 2rem; line-height:3rem; text-align:center; color:#fff; white-space:nowrap; letter-spacing:0; text-decoration:none !important;}
.bgLinkBtn a:hover{ background-color:#000000;}


.noFontSet{
	 letter-spacing:0em;
	-moz-font-feature-settings: normal;
    -webkit-font-feature-settings: normal;
    -o-font-feature-settings: normal;
    -ms-font-feature-settings: normal;
    font-feature-settings: normal;
}

ul.sns{}
ul.sns li{ display:inline-block; margin-right:10px;}

ul.sns li.facebook { width:20px; height:20px;}
ul.sns li.twitter { width:23px; height:20px;}


ul.sns li.facebook a{ }
ul.sns li.twitter a{ }

ul.sns li a svg{ fill: #fff; width:100%; height:100%;}
ul.sns li a:hover svg{ fill: #d73d36 !important; }

	
	
	

ul.sns li.facebook a:hover{ }
ul.sns li.twitter a:hover { }




ul.list{}
ul.list li{ position:relative;  padding-left:1.2em;margin-bottom:5px; line-height:1.5;}

ul.list li:before{
		content:"●";
		display:block;
		position:absolute;
		left:0px;
		top:0px;
}

ul.kome{ padding-left: 1em; margin-bottom: 2em;}
ul.kome li{ position:relative;  padding-left:0.5em !important;margin-bottom:5px; line-height:1.5;}

ul.kome li:before{
		content:"※";
		display:block;
		position:absolute;
		left:0px;
		top:0px;
}




ul.arrowLink{}
ul.arrowLink li{ position:relative; margin-bottom:10px;}
ul.arrowLink li a{ display:block; padding-left:1.5em; line-height:1.5;}
ul.arrowLink li a:before{
		content:"→";
		display:block;
		position:absolute;
		left:0px;
		top:2px;
}


ul.arrowLink li:last-child{ margin-bottom:0;}


div.search{ position:absolute; top:30px; right:40px;}

div.search input.str{  float:left;border:solid 1px #e6e6e6; height:36px; width:244px; padding:3px; font-size:17px;}

div.search button{ cursor:pointer; float:right; background-color:#9a9a9a; color:#fff; text-align:center; width:70px; height:44px; line-height:44px;}


.iconCart,
.iconEx,
.iconWow,
.iconComment,
.iconLove,
.iconItems,
.iconStar,
.iconBad,
.iconMoist,
.iconAllinone,
.iconSP,
.iconUV,
.iconClown,
.iconHand{ position:relative; padding-left:35px;}


.iconCart{}
.iconEx{}
.iconWow{}
.iconComment{ }
.iconLove{ }
.iconItems{ }
.iconStar{ }
.iconClown{}
.iconHand{}

.iconCart:before,
.iconEx:before,
.iconWow:before,
.iconComment:before,
.iconLove:before,
.iconItems:before,
.iconStar:before,
.iconBad:before,
.iconMoist:before,
.iconAllinone:before,
.iconSP:before,
.iconUV:before,
.iconClown:before,
.iconHand:before{
		content:"";
		display:block;
		width:24px;
		height:24px;
		background-color:#dadada;
		position:absolute;
		left:0px;
		top:5px;
}

.iconCart:before{ background:url(img/svg/cart.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconEx:before{ background:url(img/svg/ex.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconWow:before{ background:url(img/svg/ex.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconComment:before{ background:url(img/svg/comment.svg) center center no-repeat transparent !important; background-size:contain !important;}


/*
.iconLove:before{width:30px; height:30px;top:0px; background:url(img/svg/hart.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconItems:before{width:30px; height:30px;top:0px; background:url(img/svg/items.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconStar:before{width:30px; height:30px;top:0px; background:url(img/svg/star.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconBad:before{width:30px; height:30px;top:0px; background:url(img/svg/bad.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconMoist:before{width:30px; height:30px;top:0px; background:url(img/svg/moist.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconAllinone:before{width:30px; height:30px;top:0px; background:url(img/svg/allinone.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconSP:before{width:30px; height:30px;top:0px; background:url(img/svg/special.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconUV:before{width:30px; height:30px;top:0px; background:url(img/svg/uv.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconClown:before{width:30px; height:30px;top:0px; background:url(img/svg/crown.svg) center center no-repeat transparent !important; background-size:contain !important;}
.iconHand:before{width:30px; height:30px;top:0px; background:url(img/svg/hand.svg) center center no-repeat transparent !important; background-size:contain !important;}
*/




dl.qa{ line-height:1.4; font-size:1.3rem;}
dl.qa dt{ position:relative;  margin-bottom:10px; padding:0 0px 0 1.5em; }
dl.qa dd{ position:relative; margin-bottom:30px; padding:0 0px 20px 1.5em; border-bottom:dotted 1px #dadada;}


dl.qa dt:before{
	content:'Q.';
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

dl.qa dd:before{
	content:'A.';
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

dl.qa dd:last-child{ margin-bottom:0;}

@media screen and (max-width: 1000px) {
	.touchDevice dl.qa dt{ padding-top:3px;}
	.touchDevice dl.qa dd{ padding-top:3px;}

}


.free{ border:solid 1px #dadada; padding:30px; display:inline-block; margin-bottom:40px; }
.free .read{ padding-left:30px; line-height:25px; margin-bottom:5px; background:url(img/svg/tel_black.svg) no-repeat; background-size:auto 100%;}
.free a{ font-size:3rem; line-height:1.5;}
.free a:hover{ text-decoration: none;}
.free p{line-height:1; margin:0;font-size:0.75rem;}


.arrowLeft a:before{ content:'▲'; display: inline-block; transform: scale(0.5,0.5) rotate(90deg);  position: absolute; left: 0; top: 0px;}



table.responsive {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-collapse: collapse;
  width: 100%;
  margin-bottom:40px;

}
table.responsive th,
table.responsive td {
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 10px;
  vertical-align:top;
  line-height:1.5;
}
table.responsive th {
  background-color:#000;
	color: #fff;
  text-align: left;
  white-space: nowrap;
}

table.responsive tr td:nth-of-type(1){ width:100px;}
table.responsive tr td:nth-of-type(1) img{ width:100%; height:auto;}

table.responsive tr td:nth-of-type(2){ width:100px;}

table.responsive tr td:nth-of-type(3){ width:80px;}



@media screen and (max-width: 1000px) {
  table.responsive {
    border: none;

	
  }
  table.responsive thead {
    display: none;
  }
  table.responsive tr {
   border-top: 1px solid #dadada;
    display: block;
    margin-bottom: 20px;
  }
  table.responsive td {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    display: block;
    padding: 10px 10px 10px 240px;
    text-align: left;
	box-sizing:border-box;
	width:100% !important;
	position:relative;
  }
  
  
   table.responsive td::before {
    content:'';
	position:absolute;
	top:0px; 
	left:0px;
	width:220px;
	height:100%;
	background-color:#f2f2f2;
	border-right: 1px solid #dadada;
  }
  
  table.responsive td::after {
    content: attr(data-label);
	position:absolute;
	top:10px; 
	left:10px;
	white-space: nowrap;

  }
  
  table.responsive tr td:nth-of-type(1) img{ width:100px; height:auto;}
}




.zaiko{ font-size:1em;}
.zaiko span{ font-size:1.3em; display:inline-block; padding:0 3px 0 0;}


/* common
----------------------------------------------- */

ul.contentsNav{border-bottom:solid 1px #dadada; padding-bottom:80px; margin-bottom:40px; overflow:hidden; }
ul.contentsNav li{ float:left; box-sizing:border-box; width:32.666%; margin:0 1% 1% 0;}
ul.contentsNav li:nth-child(3n){ margin-right:0px;}

ul.contentsNav li a{ background-color:#000; color:#fff; display:block; text-align:center; line-height:0; position:relative;}

ul.contentsNav li a:hover{ background-color:#000000;}

ul.contentsNav li a b{ display:block;}
ul.contentsNav li a span{ display:table-cell; position:relative; padding:7px 5px 5px 20px; height:40px; vertical-align:middle;line-height:1.4; text-align:left; white-space:nowrap;}



ul.contentsNav li a:after{ content:'';
	width:10px;
	height:10px;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	display:block; 
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-7px;
-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



div.contentsNav{ margin-bottom:80px;
    position: relative;
    overflow: hidden;
    padding: 25px 0px;
    border-top: solid 1px #dadada;
    border-bottom: solid 1px #dadada;

}
div.contentsNav ul{ padding:0 0px 0 0px; overflow:hidden; float:none;}
div.contentsNav ul li{ float:left;font-size:1.2rem; white-space:nowrap;}
div.contentsNav ul li.clearPoint{ clear:both;}

div.contentsNav ul li:not(.clearList):after{
		content:"/";
		display:inline-block;
		width:auto;
		height:auto;
		margin-top:-5px;
		padding:0 10px;
		
}

div.contentsNav ul li:last-child:after{ display:none !important;}

div.contentsNav ul li a{ }
div.contentsNav ul li a:hover{ }

/* header#gHeader
----------------------------------------------- */

#headerTools{ width: 100%; height: 40px; background: #000; overflow: hidden; position: relative;}
body.headerToolsOff #headerTools{  transition: all 400ms cubic-bezier(.50,.0,.50,1);height:0;  overflow: hidden;}

#headerTools .ticker{}
#headerTools .ticker li{ position: absolute; top: 0; left: 0; width: 0; height: 40px; overflow: hidden;  transition: width 300ms cubic-bezier(.5,0,.5,1); line-height: 40px;}
#headerTools .ticker li a{ opacity: 0; transition: opacity 200ms cubic-bezier(.50,.0,.50,1) 500ms;}
#headerTools .ticker li img{ width:auto; height:20px; margin-right: 10px;vertical-align:middle;}

#headerTools .ticker li a.nolink{ cursor: default;}
#headerTools .ticker li a.nolink:hover{ text-decoration:none !important; }

#headerTools .ticker li.active{width: 100%;}
#headerTools .ticker li.active a{ opacity: 1; }

#headerTools .ticker li.default{width: 100% !important;transition: width 1ms  !important;}
#headerTools .ticker li.default a{opacity: 1 !important; transition: opacity 0ms cubic-bezier(.50,.0,.50,1) 0ms !important;}

#headerTools .close{ position:absolute;  top: 0px; right: 0px; width: 40px; height: 40px;  cursor: pointer; opacity: 0;  transition: opacity 200ms cubic-bezier(.50,.0,.50,1) 500ms; margin-right: -13px;}
#headerTools .close hr{ content: ''; width: 15px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; }
#headerTools .close hr:nth-of-type(1){ transform: translate(-50%,-50%) rotate(-45deg);}
#headerTools .close hr:nth-of-type(2){ transform: translate(-50%,-50%) rotate(45deg);}

#headerTools .ticker li.active .close{ opacity: 1; }


header#gHeader{ padding-top:60px;}
header#gHeader > .globalInner{ height:150px;}


header#gHeader h1{ width:170px; height:80px; position:absolute; top:35px; left:20px; }
header#gHeader h1 a{background:url(./img/svg/logo.svg) no-repeat; background-size:contain;}

header#gHeader ul.menu{ text-align:left;}
header#gHeader ul.menu li{ margin:0 0px; height:30px; display:inline-block;}
header#gHeader ul.menu li a{ display:inline-block;line-height:1.2; position:relative; text-decoration:none;}



header#gHeader .siteMenu{ color:#fff; height:60px; width:100%; position:absolute; top:0px; right:0px; background-color:#000000; overflow:hidden;}
header#gHeader .siteMenu .globalInner{}
header#gHeader .siteMenu .care{ white-space: nowrap;display:inline-block; font-size:1rem; height:60px; line-height:1.2; padding:17px 0 0 40px;}
header#gHeader .siteMenu .care small{ font-size:0.75rem;}
header#gHeader .siteMenu .care:before{
		content:"";
		display:block;
		width:30px;
		height:30px;
		position:absolute;
		left:0px;
		top:16px;

		 background:url(img/svg/tel_white.svg) center center no-repeat transparent !important
}

header#gHeader .siteMenu ul.menu{ float:right; height:60px; letter-spacing:-1rem;}
header#gHeader .siteMenu ul.menu li{ float:left;height:60px; letter-spacing:0;  display:table; margin:0 0px 0 0 !important;}
header#gHeader .siteMenu ul.menu li a{white-space: nowrap; color:#fff; padding:0px 10px 0 50px; height:60px; font-size:1rem; display:block; vertical-align:middle; position:relative; line-height:60px;}
header#gHeader .siteMenu ul.menu li a:hover{ text-decoration: underline;}
header#gHeader .siteMenu ul.menu li a:hover svg *{ }
header#gHeader .siteMenu ul.menu li a .icon{
		display:block;
		width:30px;
		height:30px;
		position:absolute;
		left:10px;
		top:50%;
		margin-top:-16px;
}



header#gHeader .siteMenu ul.menu li:nth-of-type(1) a .icon{ margin-top:-17px;}

header#gHeader .siteMenu ul.menu li a .icon svg{ width:100%; height:100%; fill:#bbbbbb; position:absolute; top:0; display: none;}




header#gHeader .siteMenu ul.menu li.cart{ }	
header#gHeader .siteMenu ul.menu li.cart a{ padding-left: 50px; padding-right: 0;}


header#gHeader .siteMenu ul.menu li.lang{ margin-left:30px !important; position: relative;}	
header#gHeader .siteMenu ul.menu li.lang:before{ content:''; display: block; width: 1px; height: 40px; background: #fff; position: absolute; top: 10px; left: -12px; opacity: .5;}



header#gHeader .siteMenu ul.menu li.contact a .icon{ background:url(img/svg/contact_white.svg) center center no-repeat transparent; background-size:contain;}
header#gHeader .siteMenu ul.menu li.guide a .icon{ background:url(img/svg/question_white.svg) center center no-repeat transparent; background-size:contain;}
header#gHeader .siteMenu ul.menu li.mypage a .icon{ background:url(img/svg/mypage_white.svg) center center no-repeat transparent; background-size:contain;}
header#gHeader .siteMenu ul.menu li.cart a .icon{ background:url(img/svg/cart_white.svg) center center no-repeat transparent; background-size:contain; }
header#gHeader .siteMenu ul.menu li.lang a .icon{ background:url(img/svg/lang_white.svg) center center no-repeat transparent; background-size:contain; }





		

header#gHeader .globalMenu{ height:59px; position:absolute; top:89px; right:0px; border-top:solid 1px #e6e6e6;}

header#gHeader .globalMenu ul.menu { padding-right:0px;}
header#gHeader .globalMenu ul.menu li{ float:left;height:55px;  display:table; margin:0px;}
header#gHeader .globalMenu ul.menu li a{ white-space: nowrap;padding:0 20px; height:55px; font-size:1.2rem; line-height:59px !important; display:table-cell; vertical-align:middle; }
header#gHeader .globalMenu ul.menu li a:hover{ text-decoration: underline}

header#gHeader .globalMenu ul.menu li.about a{}
header#gHeader .globalMenu ul.menu li:first-child a{ padding-left: 20px;}
header#gHeader .globalMenu ul.menu li:last-child a{ padding-right: 20px;}


	body#about header#gHeader .globalMenu ul.menu li:nth-of-type(1) a,
	body#items header#gHeader .globalMenu ul.menu li:nth-of-type(2) a,
	body#deals header#gHeader .globalMenu ul.menu li:nth-of-type(3) a,
	body#events.archive header#gHeader .globalMenu ul.menu li:nth-of-type(4) a,
	body#stores header#gHeader .globalMenu ul.menu li:nth-of-type(5) a,
	body#faq header#gHeader .globalMenu ul.menu li:nth-of-type(6) a{ opacity: 0.2; pointer-events: none; cursor:default;}




header#gHeader .globalMenu .news{ position:absolute; top:-60px; left:0px; width:100%; height:90px; overflow:hidden; }
header#gHeader .globalMenu .news h2{position:absolute; top:0px; left:20px; font-size:1rem; padding-left:30px;white-space: nowrap;}
header#gHeader .globalMenu .news h2:before{
		content:"";
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		left:0px;
		top:50%;
		margin-top:-9px;
		background:url(img/svg/news.svg) center center no-repeat transparent !important;
		background-size:contain;
}


header#gHeader .globalMenu .news ul{ padding:0 100px 0 130px;}
header#gHeader .globalMenu .news ul li{ line-height:1.4; margin-bottom:5px; padding-right:10px; position:relative;}
header#gHeader .globalMenu .news ul li a{ display:block; position:relative; padding-right:20px; padding-left: 1.2em;}
header#gHeader .globalMenu .news ul li a:before{  color: #9a9a9a; position: absolute; left: 0; top: 1px;}
header#gHeader .globalMenu .news ul li a:hover{ }
 
header#gHeader .globalMenu .news ul li a.blank:after{
	content:'';
	display:block;
	float:right;
	width:12px;
	height:12px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(img/svg/link_blank.svg) center center no-repeat;
	background-size:contain;
}


	



header#gHeader .globalMenu .news .more{position:absolute; top:30px; right:16px; line-height:1;}

header#gHeader .globalMenu .news .more a{ padding:8px 0px 8px 20px; white-space: nowrap; position: relative;}
header#gHeader .globalMenu .news .more a:before{ content:'▲'; color: #9a9a9a; display: inline-block; transform: scale(0.5,0.5) rotate(90deg) translate(-75%,0);  position: absolute; left: 0; top: 50%;}
header#gHeader .globalMenu .news .more a:hover{ }

header#gHeader .globalMenu .spMenu{ display:none;}



header#spHeader h1{ width:88px; height:100px; position:absolute; top:0; left:50%; margin-left:-44px; }
header#spHeader h1 a{ display:block; height:100px;background:url(./img/common/logo_w.png) center center no-repeat; background-size:contain;}


/* coverMenu
----------------------------------------------- */

#coverMenu{ position:absolute; top:0; left:0; z-index:1000; color:#fff;  width:100%; display:none;}

#coverMenu.open{}

#coverMenu:before{ content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.8; z-index:1100;}

#coverMenu .outArea{ display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1101;}


#coverMenu .spMenuBtn{ position:fixed; z-index:1200; top:0px; right:0px; width:100px; height:100px;  cursor:pointer;}

#coverMenu .spMenuBtn span.icon{display:block;
	width:45px;
	height:45px;
	position:fixed;
	top:27px;
	right:27px;

	background:url(img/svg/close_white.svg) center center no-repeat transparent; 
	background-size:contain; 

}

#coverMenu .spMenuBtn span.icon svg{ width:100%; height:100%; position:absolute; top:0; left:0;}
#coverMenu .spMenuBtn span.icon svg *{ fill:#9a9a9a;}



#coverMenu nav{ 
-moz-transition: -moz-all 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: -o-all 300ms cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: -ms-all 300ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1);
	
	width:550px; height:100%; padding:40px 0px 0px 0px; position:absolute; top:0; left:-550px; box-sizing:border-box; background-color:#000000; position:relative; z-index:1200;
	
	 font-size:2rem;line-height:1;
	 letter-spacing:0 !important;}

#coverMenu nav.open{
	left:0px;

}

#coverMenu a,
#coverMenu a:link{  display:block;}



#coverMenu ul li{ border-bottom:solid 2px #323232;}
#coverMenu ul li a{ display:block; padding:40px 0; position:relative;}
#coverMenu ul li.icon a{ padding-left:60px;}


#coverMenu ul li a span.icon{display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-23px;

	
}


#coverMenu ul.guide li:nth-of-type(1) a span.icon{ background:url(img/svg/mypage_white.svg) center center no-repeat transparent; background-size:contain; }
#coverMenu ul.guide li:nth-of-type(2) a span.icon{ background:url(img/svg/question_white.svg) center center no-repeat transparent; background-size:contain; }
#coverMenu ul.guide li:nth-of-type(3) a span.icon{ background:url(img/svg/contact_white.svg) center center no-repeat transparent; background-size:contain; }



#coverMenu ul li a span.icon svg{ width:100%; height:100%; position:absolute; top:0; left:0;}
#coverMenu ul li a span.icon svg *{ fill:#fff;}

#coverMenu ul li:nth-of-type(3) a span.icon{ margin-top:-20px;}


#coverMenu ul.guide{ border-top:solid 1px #5c5657; margin:0 40px;}
#coverMenu ul.guide > li {}
#coverMenu ul.guide > li.last {border-bottom: 0;}
#coverMenu ul.guide > li a{ padding-left:65px; color:#fff;}
#coverMenu ul.guide > li a:after{ content:'';
	width:20px;
	height:20px;
	border-top:solid 2px #000;
	border-right:solid 2px #000;
	display:block; 
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-7px;
-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


#coverMenu ul.site.blackBG > li a:after{
	border-color:  #fff;
}

#coverMenu ul.menu{ background-color:#fff;}
#coverMenu ul.menu > li {border-color:#e6e6e6; }
#coverMenu ul.menu > li a{ 
      background-color:transparent;color:#000; padding-left:40px; padding-right:40px;
}

#coverMenu ul.menu > li.parent > a:nth-of-type(1){  }

#coverMenu ul.menu ul.children {border-top:solid 2px #eee !important; }
#coverMenu ul.menu ul.children li{ background-color:transparent; padding-left:0px; margin:0 40px; border-color:#eeeeee; }
#coverMenu ul.menu ul.children li.last{    border-bottom: 0;}
#coverMenu ul.menu ul.children li a{background-color:transparent;}
#coverMenu ul.menu ul.children li a:after{ content:'';
	width:20px;
	height:20px;
	border-top:solid 2px #000;
	border-right:solid 2px #000;
	display:block; 
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-7px;
-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


#coverMenu ul.menu > li:nth-of-type(2){}
#coverMenu ul.menu > li:nth-of-type(2) a{ }






#coverMenu ul.menu > li:nth-last-of-type(1) a,
#coverMenu ul.menu > li:nth-last-of-type(2) a,
#coverMenu ul.menu > li:nth-last-of-type(3) a,
#coverMenu ul.menu > li:nth-last-of-type(4) a{ background-color:transparent;}

#coverMenu ul.menu > li:nth-last-of-type(1) a:after,
#coverMenu ul.menu > li:nth-last-of-type(2) a:after,
#coverMenu ul.menu > li:nth-last-of-type(3) a:after,
#coverMenu ul.menu > li:nth-last-of-type(4) a:after,
#coverMenu ul.menu > li:nth-of-type(2) a:after,
#coverMenu ul.menu > li:nth-of-type(3) a:after{ content:'';
	width:20px;
	height:20px;
	border-top:solid 2px #000;
	border-right:solid 2px #000;
	display:block; 
	position:absolute;
	top:50%;
	right:50px;
	margin-top:-7px;
-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#coverMenu ul.menu li.noEntry{}
#coverMenu ul.menu li.noEntry a{ opacity:0.2;pointer-events: none;}



#coverMenu ul.site{ background-color:#fff;}
#coverMenu ul.site > li { margin:0 40px; border-bottom:solid 2px #eeeeee;}
#coverMenu ul.site > li.line{ border-bottom:solid 2px #ccc;}
#coverMenu ul.site > li.last { border-bottom:0;}
#coverMenu ul.site > li a{ }
#coverMenu ul.site > li a:after{ content:'';
	width:20px;
	height:20px;
	border-top:solid 2px #000000;
	border-right:solid 2px #000000;
	display:block; 
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-7px;
-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#coverMenu ul.site > li a span.icon{display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-23px;

	
}

#coverMenu ul.site > li a span.icon svg{ width:100%; height:100%; position:absolute; top:0; left:0;}
#coverMenu ul.site > li a span.icon svg *{ fill:#000000;}

#coverMenu ul.site > li.news a span.icon{ margin-top:-16px;}


#coverMenu ul.site > li.news a span.icon{ background:url(img/svg/news_gray.svg) center center no-repeat transparent; background-size:contain; }

#coverMenu ul.site > li.regist a span.icon{ background:url(img/svg/regist_gray.svg) center center no-repeat transparent; background-size:contain; }

#coverMenu ul.site > li.top a span.icon{ background:url(img/svg/toparrow_white.svg) center center no-repeat transparent; background-size:contain; }



#coverMenu ul.site.blackBG{ background-color:#000;}
#coverMenu ul.site.blackBG > li{
	background:transparent;
	 border-bottom:solid 2px #323232;
}
#coverMenu ul.site.blackBG > li a{ color:#fff;}
#coverMenu ul.site.blackBG > li a span.icon svg * {
    fill: #fff;
}
#coverMenu ul.site.blackBG > li a:after{
	border-color:  #fff;
}
#coverMenu ul.site.blackBG > li.line{ border-bottom:solid 2px #323232;}

#coverMenu .menuClose{ display:block; text-align:center; cursor:pointer;} 
#coverMenu .menuClose div{ display:inline-block;  padding:30px 0 30px 45px; color:#dadada; position:relative; white-space:nowrap;} 

#coverMenu .menuClose div span.icon{display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-15px;

	
}

#coverMenu .menuClose div span.icon svg{ width:100%; height:100%; position:absolute; top:0; left:0;}
#coverMenu .menuClose div span.icon svg *{ fill:#9a9a9a;}



/* Footer
----------------------------------------------- */
footer ,
footer a,
footer a:link,
footer a:visited{ color:#fff;}
footer a:hover{ color:#fff;}
footer .globalInner{ }


footer .info{ padding:80px 0; width:100%; height:auto; background-color:#f6f6f6; color: #000;}

footer .info .infoInner{ width:90%; margin:auto; max-width:576px; position:relative;}


footer .info .deli{ padding:20px 0; text-align:center; font-size:2rem; line-height:1.5; border-top:solid 1px #9a9a9a; border-bottom:solid 1px #9a9a9a; margin-bottom:30px;  }

footer .info .deli .number{font-size:1.1em; display: inline-block;  line-height:1;padding-top: 2px;}
footer .info .deli small{ font-size:70%;}

footer .info .tel{ width:300px;}
footer .info .tel .read{ font-size:1rem; margin-bottom:13px; line-height:1;}
footer .info .tel .dial{ padding-left:50px; margin-bottom:5px; font-size:2.5rem;  line-height:1; position:relative;}

footer .info .tel .dial:before{
		content:"";
		display:block;
		width:41px;
		height:41px;
		position:absolute;
		left:0;
		bottom:1px;
		margin-top:0px;
		background:url(img/svg/tel_black.svg) center center no-repeat transparent !important;
		
}


footer .info .tel .dial small{ font-size:0.8rem; display:block; }
footer .info .tel .time{}


footer .info .contact{ position:absolute; right:0; bottom:3px; width:264px; height:60px;}
footer .info .contact a{ display:block; height:60px; line-height:60px; text-align:center; font-size:1rem; background: #9a9a9a; color: #fff;}
footer .info .contact a:hover{}
footer .info .contact a div{ font-size:1.2rem; display:inline-block; padding-left:30px; position:relative; white-space:nowrap;}

footer .info .contact a div .icon{
		display:block;
		width:22px;
		height:15px;
		position:absolute;
		left:-15px;
		top:50%;
		margin-top:-8px;

}

footer .info .contact a div .icon{ background:url(img/svg/mail_white.svg) center center no-repeat transparent; background-size:contain; }


footer .info .contact a div .icon svg{ width:100%; height:100%; position:absolute; top:0; left:0;}
footer .info .contact a div .icon svg *{ fill:#fff;}
		
footer .globalInner{ height:300px;}
footer .siteLink{  position:absolute; left:0; top:80px;}
footer .siteLink li{ margin-bottom:12px; }

footer .guideLink{  position:absolute; left:250px; top:80px;}
footer .guideLink li{ margin-bottom:12px;}


footer .snsLink{  position:absolute; right:0px; top:80px;}
footer .snsLink:before{ content:'FOLLOW ME'; display: block; text-align: right; border-bottom: solid 1px #818181; padding:0 20px 10px 0; margin-bottom: 10px; line-height: 1; letter-spacing:0.15em;}

footer .snsLink li{ float:left; width:40px; height:40px; margin-left:10px;}
footer .snsLink li:nth-of-type(1){ margin-left: 0;}
footer .snsLink li:nth-of-type(2){}
footer .snsLink li:nth-of-type(3){}

footer .snsLink li a{ display:block;  border-radius: 3px; overflow: hidden;}
footer .snsLink li a img{ width:100%; height:100%;}


footer .copy{ position:absolute; right:0px; bottom:80px; white-space: nowrap;}


#pageTopBtn{ width:80px; height:80px; background-color:#000;
position:fixed;
bottom:40px;
right:20px;
z-index:500;
border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius:50%;
	overflow:hidden;
	cursor:pointer;
	display:none;
}




#pageTopBtn:after{
	content:'';
	width:11px;
	height:11px;
	border-top:solid 2px #bbbbbb;
	border-right:solid 2px #bbbbbb;
	display:block; 
	position:absolute;
	top:50%;
	left:50%;
	margin:-3px 0 0 -6px;
-moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#pageTopBtn:hover{
	

	background-color:#333;
}



/* spMenu
----------------------------------------------- */

header#spHeader .spMenuBtn hr{ width:52px; border:solid 2px #fff; position:absolute;}
header#spHeader .spMenuBtn hr:nth-of-type(1){ top:30px; left:30px;}
header#spHeader .spMenuBtn hr:nth-of-type(2){ top:50px; left:30px;}
header#spHeader .spMenuBtn hr:nth-of-type(3){ top:70px; left:30px;}


header#spHeader .spMenuBtn{ display:none; width:112px; height:100px; position:absolute; top:0px; left:0px;  z-index:520; cursor:pointer; background:url(./img/common/sp_menu.png) center center no-repeat;}

header#spHeader .spMenuBtn hr{ width:52px; height:2px; background-color:#fff; border:0; display:none;}
header#spHeader .spMenuBtn:hover hr{ 
-moz-transition: -moz-all 200ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 200ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 200ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 200ms cubic-bezier(.50,.0,.50,1);
    transition: all 200ms cubic-bezier(.50,.0,.50,1);
}



header#spHeader .spMenuBtn hr:nth-of-type(1){ top:30px; left:30px;}
header#spHeader .spMenuBtn hr:nth-of-type(2){ top:50px; left:30px;}
header#spHeader .spMenuBtn hr:nth-of-type(3){ top:70px; left:30px;}








/* fullVisual
----------------------------------------------- */
.fullVisual{ width:100%; height:auto; padding-bottom:90px; box-sizing:border-box;position:relative;}

	.fullVisualWrap{ width:100%; max-width:1300px;  height:auto; margin:auto; text-align:center;background-color:transparent; position:relative;}

	.fullVisualWrap .slide{ width:100%; max-width:1300px; margin:auto; position:relative;}
	.fullVisualWrap .slide a{ 
	display:block; 
	height:inherit;
	}
	
	
	.fullVisualWrap .slide{
		
		-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
		-webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
		-o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
		-ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
		transition: all 300ms cubic-bezier(.50,.0,.50,1);
	}
	
	.fullVisualWrap .slide:hover{
		-webkit-filter:brightness(1.05);
		-moz-filter:brightness(1.05);
		-ms-filter:brightness(1.05);
		filter:brightness(1.05);
	}
	

#fullVisualWrap{}
#fullVisualSPWrap{ display:none;}



@media screen and (max-width: 750px) { /* SP */
	.touchDevice #fullVisualWrap{ display:none;}
	.touchDevice #fullVisualSPWrap{ display:block;}

}




/* tools
----------------------------------------------- */

div.tools{  margin-bottom:20px;}
div.tools .globalInner{min-height:auto; border-top:solid 1px #e6e6e6;padding-top:20px;}


div.tools .dir{ padding:0px 0px 0 20px; line-height:1.5;  font-size:0.8rem; letter-spacing:0; color: #9a9a9a}
div.tools .dir a:not(.arrow){ display:inline-block; white-space:nowrap;}
div.tools .dir a:after{
	content:">";
		display:inline-block;
		padding:0 20px;
		font-size:0.7rem;
		line-height:1;
		position:relative;
		top:-2px;
		
		
}
div.tools .dir ul li{ margin-bottom:5px;}

div.tools .search{ position:absolute; top:30px; right:40px; }


body.error404 div.tools{ display:none;}

/* main
----------------------------------------------- */

main{}








/* bgSlide
----------------------------------------------- */

#bgSlideWrap{}

#bgSlide{ }





/* nav
----------------------------------------------- */

main > nav { width:264px; position:absolute; top:0; left:0; border-top:solid 1px #e6e6e6;}


main > nav .menu{ padding:0px 0 0px 0; margin-bottom:40px;}


main > nav .menu > li a:hover{ }
main > nav .menu > li{ min-height:30px; border-bottom:dotted 1px #e6e6e6;font-size:1.3rem; line-height:1.2;position:relative; }

main > nav .menu > li:last-child{border-bottom:solid 1px #e6e6e6;}

main > nav .menu > li > a{ padding:20px 20px 20px 20px; display:block; position:relative; z-index:10;}


main > nav .menu > li .switchBtn{ width: 58px; height: 58px; position: absolute; top: 0; right: 0;z-index:20; cursor: pointer; background-color: #fff !important;}
main > nav .menu > li:not(.noSub) .switchBtn{
		background:url(./img/common/icon_plus.png) center center no-repeat;
		background-size:13px 13px;
}

main > nav .menu > li.open:not(.noSub) .switchBtn{
		background:url(./img/common/icon_minus.png) center center no-repeat;
		background-size:13px 13px;
}

main > nav .menu > li:not(.noSub) .switchBtn:hover{ opacity:.8;}



main > nav .menu > li.open a{ padding-bottom:10px;}


main > nav .menu li.noEntry{}
main > nav .menu li.noEntry a{ opacity:0.2;pointer-events: none;}


main > nav .menu > li.open .children{ display:block;}
main > nav .menu .children{ display:none; margin:0px 0 13px 0; padding:0px 0 0 45px; position:relative; z-index:100;}
main > nav .menu .children > li{ font-size:1.0rem; line-height:1.2;}

main > nav .menu .children > li a{ display:block; padding:10px 0 10px 0px;}



main > nav #navFixed{ position:relative;}
main > nav #navFixed .bannerArea{ position:relative; width:100%;}

main > nav #navFixed .bannerArea.fix{ position:absolute; top:0;}

main > nav #navFixed .bannerArea article{ position:relative; margin:0 0 20px 0; line-height:0;}
main > nav #navFixed .bannerArea article:last-child{ margin-bottom:0;}
main > nav #navFixed .bannerArea article a{ display:inline-block; line-height:1;
		
		-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
		-webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
		-o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
		-ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
		transition: all 300ms cubic-bezier(.50,.0,.50,1);
	}
	
	main > nav #navFixed .bannerArea article a:hover{
		-webkit-filter:brightness(1.05);
		-moz-filter:brightness(1.05);
		-ms-filter:brightness(1.05);
		filter:brightness(1.05);
	}
	
main > nav #navFixed .bannerArea article a:hover{}
main > nav #navFixed .bannerArea article.postage{ }
main > nav #navFixed .bannerArea article.members{ }




/* section
----------------------------------------------- */


main > section{ padding:0 0 0 312px;}


main.fullwidth{ width:100%; max-width:none; min-height:inherit;}
main.fullwidth > section{ padding:0 0 0 0px;}

main.fullwidth > section.detail .detailMain{ min-height:inherit !important;}


main.fullwidth > #blankPage .detailMain{ }


main.fullwidth > #blankPage .detailMain h3{}

main.fullwidth > #blankPage .detailMain a{ }


/* detailFull
----------------------------------------------- */

.detailFull{}



/* article.products
----------------------------------------------- */				
.itemWrap{
	 
 display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
}

.itemWrap::after{
  content:"";
  display: block;
  width:30%;
}



.itemWrap.productList article.products{ width:29.729%; height:auto; display:block; margin-bottom: 5%;  position:relative;  box-sizing: border-box; }
.itemWrap.productList article.products:nth-child(3n) { margin-right:0;}
.itemWrap.productList article.products a{ display:block;}
.itemWrap.productList article.products > a{ background:url(img/common/bg_thumb.png) center top no-repeat; background-size:contain;  text-decoration: none;}
.itemWrap.productList article.products a:hover{ color:inherit;}
.itemWrap.productList article.products a:hover h4{ text-decoration: none;}
.itemWrap.productList article.products .thumbImage{ position: relative;padding-top:100%; margin-bottom:10px;

-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
	
	}

.itemWrap.productList article.products a:hover .thumbImage{
    -webkit-filter:brightness(1.05);
    -moz-filter:brightness(1.05);
    -ms-filter:brightness(1.05);
    filter:brightness(1.05);
}
	
.itemWrap.productList article.products .thumbImage:after{ content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; border: solid 1px #e6e6e6}

	
.itemWrap.productList article.products h4{ font-size:1.0rem; line-height:1.5;  padding-top:0px;margin-bottom:10px;  position:relative; overflow:hidden;}

.itemWrap.productList article.products h4 .t{
	height:3.1em; overflow:hidden;
 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	vertical-align: middle;
	display: table-cell;
	
}

.itemWrap.productList article.products h4:after{
	display: none;
    content: '';
    position: absolute;
    bottom: 0em;
    right: 0;
    width: 50%;
    height: 1.3em;
    background: linear-gradient(to right, rgba(255,255,255,0), #fff 72%);
}

.itemWrap.productList article.products h4 br{ display:none;}
.itemWrap.productList article.products .type{ font-size:0.8rem; margin-bottom:10px; padding-top: 5px;}
.itemWrap.productList article.products .type li{ display:inline-block; line-height:1; margin:0 5px 5px 0; padding:8px 20px;color:#9a9a9a; background-color:#f6f6f6; letter-spacing:0;white-space: nowrap;font-size:0.8rem;}




.itemWrap.productList article.products .read{ padding:1.2em 0 1.2em 0; margin-bottom:0px; border-top:solid 1px #e6e6e6; line-height:1.5; font-size:1rem; position:relative; 


}

.itemWrap.productList article.products .read .t{
	height:3em; overflow:hidden;
 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	
}

.itemWrap.productList article.products .read:after{
	display: none;
    content: '';
    position: absolute;
    bottom: 0.5em;
    right: 0;
    width: 50%;
    height: 1.5em;
    background: linear-gradient(to right, rgba(255,255,255,0), #fff 72%);
}


.itemWrap.productList article.products .read br{ display:none;}
.itemWrap.productList article.products .price{ padding:0.6em 0 0.6em 0;border-top:solid 1px #e6e6e6; }
	.itemWrap.productList article.products .price small{ font-size:70%; display:inline-block; padding-left:3px;white-space: nowrap;}		  
				  

.itemWrap.productList article.products span.saleIcon{
	width:60px;
	height:60px;
	background-color:#9a9a9a !important;
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius:50%;
	overflow:hidden;
	display: none;
}

.off10{ background:url(img/parts/sale_off_10.png) center center no-repeat; background-size:90%;}
.off20{ background:url(img/parts/sale_off_20.png) center center no-repeat; background-size:90%;}
.off30{ background:url(img/parts/sale_off_30.png) center center no-repeat; background-size:90%;}
.off40{ background:url(img/parts/sale_off_40.png) center center no-repeat; background-size:90%;}
.off50{ background:url(img/parts/sale_off_50.png) center center no-repeat; background-size:90%;}
.off60{ background:url(img/parts/sale_off_60.png) center center no-repeat; background-size:90%;}
.off70{ background:url(img/parts/sale_off_70.png) center center no-repeat; background-size:90%;}
.off80{ background:url(img/parts/sale_off_80.png) center center no-repeat; background-size:90%;}
.off90{ background:url(img/parts/sale_off_90.png) center center no-repeat; background-size:90%;}


.itemWrap.productList article.products span.saleIconPer{
	width:60px;
	height:60px;
	background-color:#bf191d !important;
	position:absolute;
	top:10px;
	right:10px;
	z-index:100;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius:50%;
	overflow:hidden;
	
	text-align: center;
	display: table;
	color:#fff;
	display: table;
	
}

.itemWrap.productList article.products span.saleIconPer div{ display: table-cell;text-align: center; height: 60px; vertical-align: middle; line-height: 1; font-size: 1rem; letter-spacing: 0;}

.itemWrap.productList article.products span.saleIconPer div small{ font-size: 0.75rem;}

/* itemTools
----------------------------------------------- */


.itemTools{ position:relative; overflow:hidden; padding:25px 20px; border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6;}

.itemTools h5{ font-size:1.2rem;line-height:1.5;padding-left:0px;margin-bottom:10px;}


.itemTools .tags{  }
.itemTools .tags ul{ padding:0 0px 0 0px;overflow:hidden; float:none;}
.itemTools .tags ul li{ float:left;font-size:1.2rem; white-space:nowrap;}
.itemTools .tags ul li.clearPoint{ clear:both;}


.itemTools .tags ul li:not(.clearList):after{
		content:"/";
		display:inline-block;
		width:auto;
		height:auto;
		margin-top:-5px;
		padding:0 10px;
		
}

.itemTools .tags ul li:last-child:after{ display:none !important;}

.itemTools .tags ul li a{ }

.itemTools .search{ position:absolute; top:85px; right:40px;}









/* products detail
----------------------------------------------- */

main > section.detail .visual{ margin-bottom:90px; background:url(img/common/product_bg.png)center center no-repeat; background-size:cover; position:relative;}
main > section.detail .visual .slideWrap{ }
main > section.detail .visual img,
main > section.detail .visual .slideWrap img{ width:100%; height:auto;}
main > section.detail .visual button{}


main > section.detail .detailWrap{ position:relative;}
	#about main > section.detail .detailWrap{ overflow:hidden;}
	body.lp main > section.detail .detailWrap{ overflow:hidden;}
	
main > section.detail .detailMain{ width:auto; padding-right:312px; margin-bottom:80px; }

	.pc.uaChrome main > section.detail .detailMain{ transform: rotate(0.05deg);}
	
	.winWidthPC main > section.detail .detailMain{ min-height:600px;}

	.lp main ,
	.lp main > section.detail .detailMain{ min-height:inherit;}



body.page main > section.detail .detailMain,
body.fullDetail main > section.detail .detailMain,
main.fullwidth > section.detail .detailMain{ padding-right:0;}


body main > section.detail .detailMain .fullContentsArea{}




main > section.detail .detailMain h2{ margin-bottom:15px; font-size:2.0rem; }
	

main > section.detail .detailMain h3{ margin-bottom:20px; font-size:1.8rem; line-height:1.5;  white-space:nowrap;}
main > section.detail .detailMain h4{ margin-bottom:20px; font-size:1.6rem; line-height:1.5; }
main > section.detail .detailMain h5{ margin-bottom:20px; font-size:1.4rem; line-height:1.5; }
main > section.detail .detailMain h6{ margin-bottom:20px; font-size:1.2rem; line-height:1.5; }


body.page .entryBody div.area,
body.page .entryBody article.area{ margin-bottom:120px;}
body.page .entryBody div.area p:last-child{ margin-bottom:0;}

main > section.detail .detailMain .setItems{ padding-bottom:0px; font-size:0.8rem; line-height:1.5;}


main > section.detail .detailMain ul.type{ margin-bottom:20px;}
main > section.detail .detailMain ul.type li{ display:inline-block; line-height:1; margin:0 5px 5px 0; padding:8px 20px;color:#9a9a9a; background-color:#f6f6f6; letter-spacing:0;white-space: nowrap;font-size:0.8rem; }

main > section.detail .detailMain ul.tags{ margin-bottom:40px;}
main > section.detail .detailMain ul.tags li{ display:inline-block; line-height:1; margin:0 5px 5px 0; display:inline-block; padding:5px 20px;  font-size:0.8rem; border:solid 1px #e6e6e6;
	color: #9a9a9a;
	border-radius: 7px;

white-space: nowrap;
 letter-spacing:0em;
	-moz-font-feature-settings: normal;
    -webkit-font-feature-settings: normal;
    -o-font-feature-settings: normal;
    -ms-font-feature-settings: normal;
    font-feature-settings: normal;
	
	}
	
main > section.detail .detailMain ul.tags li a{}



main > section.detail .detailMain .priceArea{ position:relative; margin:0 0 40px 0; padding-top:20px;}
main > section.detail .detailMain .priceArea .inner{ padding-top:50px; border-top:solid 1px #dadada;border-bottom:solid 1px #dadada;}
main > section.detail .detailMain .priceArea article{ margin:0 0 40px 0; letter-spacing:0; width:49%; display:inline-block; box-sizing:border-box;}
main > section.detail .detailMain .priceArea article h5{ margin:0 0 0px 0 !important; font-size:1.2rem; line-height:1;}
main > section.detail .detailMain .priceArea article .price_sale{ display:inline-block; margin-right:5px; opacity:.5}
main > section.detail .detailMain .priceArea article .price{ display:inline-block; font-size:1.25rem;}
main > section.detail .detailMain .priceArea article small{ font-size:0.5em;}                  

main > section.detail .detailMain .text{ margin-bottom:70px}
main > section.detail .detailMain .text h3 {line-height:2;}
main > section.detail .detailMain .text p{line-height:2;;font-size:1.3rem;}


main > section.detail .detailMain .text small{ font-size:0.8rem; display:block; text-align:right;}

main > section.detail .detailMain .detail{ margin-bottom:50px; border:solid 1px #dadada;  padding:75px 10%}
main > section.detail .detailMain .detail h4{  }
main > section.detail .detailMain .detail h5{ margin-bottom:20px; font-size:1.4rem; line-height:1.5; }
main > section.detail .detailMain .detail h6{ margin-bottom:20px; font-size:1.2rem; line-height:1.5;}
main > section.detail .detailMain .detail img{ width:100%; height:auto; margin-bottom:1em;}
main > section.detail .detailMain .detail p:last-child,
main > section.detail .detailMain .detail p:last-child img{ margin-bottom:0 !important;}

main > section.detail .detailMain .detail article{ margin-bottom:60px;}
main > section.detail .detailMain .detail article:last-child{ margin-bottom:0;}
main > section.detail .detailMain .detail article h5{ font-size:1.5rem; line-height:1.5; margin-bottom:25px;}
main > section.detail .detailMain .detail article .body{}
main > section.detail .detailMain .detail article .image{ padding-top:20px;}
main > section.detail .detailMain .detail article .image img{ width:100%; height:auto;}

main > section.detail .detailMain .use{ margin-bottom:80px;}
main > section.detail .detailMain .use h4{ font-size: 1.2em; margin-bottom: 15px;}

main > section.detail .detailMain .use iframe{ width:100%;}

main > section.detail .detailMain .adviser{ background:#e6e6e6;  padding:30px 40px;margin-bottom:75px;}
main > section.detail .detailMain .adviser h4{ margin-bottom:25px; font-size:1.4rem; padding-top:3px;}


main > section.detail table.seibun{ width:100%;  margin-bottom:120px;}
main > section.detail table.seibun th{ padding:0 0px 10px 0; width:auto;  white-space:nowrap; vertical-align:middle; text-align: left; display: block; border-bottom: solid 1px #e6e6e6; margin-bottom: 15px;font-size: 1.1em;}
main > section.detail table.seibun td{display: block; padding:0px; font-size:0.8rem; line-height:1.4; letter-spacing:0;}

main > section.detail .bikou{ margin-bottom:80px;}



main > section.detail .detailMain .related{}
main > section.detail .detailMain .related h4:first-child{font-size:1.4rem;  border-bottom: solid 1px #9a9a9a; padding-bottom: 5px; margin-bottom: 40px;}
main > section.detail .detailMain .related h4.iconHand{margin-bottom:30px; font-size:1.4rem; position:relative; padding:5px 0 0 30px;}

main > section.detail .detailMain .related .itemWrap{ 

}



body#news main > section.detail .detailMain .related .itemWrap.productList article{ width:29.729%; height:auto; display:block; }

body#products.single main > section.detail .detailMain .related .itemWrap.productList article{ width:47%; height:auto; display:block; }








main > section.detail .detailMain dl.list{}
main > section.detail .detailMain dl.list dt{ }
main > section.detail .detailMain dl.list dd{ margin-bottom:20px;}			
				



main > section.detail .detailSub{ width:264px; position:absolute; right:0; top:0px;}

main > section.detail .detailSub .share{ width:120px; height:20px; line-height:0;margin-bottom:50px; float:right;}

main > section.detail table.spec{ width:100%; border:solid 1px #e6e6e6;border-top:dotted 1px #e6e6e6;  margin-bottom:30px; line-height:2; letter-spacing:0;}
	main > section.detail table.noCaption{border:solid 1px #e6e6e6;}

main > section.detail table.spec caption{ border:solid 1px #e6e6e6;  text-align:left; padding:15px 20px; font-size:0.9rem; line-height:1.6;}

main > section.detail table.spec caption ul{ margin:0; padding-top:5px}
main > section.detail table.spec caption ul li{}
main > section.detail table.spec caption ul li:before{ content:'・';}


main > section.detail table.spec th{ padding:10px 20px; width:50px;  white-space:nowrap; background-color:#ffffff;border-bottom:dotted 1px #e6e6e6;}
main > section.detail table.spec td{ padding:10px 20px; border-bottom:dotted 1px #e6e6e6; }

main > section.detail table.spec tr:not(:first-child) td{font-size:0.8rem;}

main > section.detail dl.naiyouryou{ margin-bottom: 70px;}
main > section.detail dl.naiyouryou dt{border-bottom:solid 1px #e6e6e6; padding-bottom: 7px; }
main > section.detail dl.naiyouryou dd{padding-top: 7px;}

main > section.detail .detailSub #cartFixed{ position:relative;}
.cart{ margin-bottom:30px;}
.cart.fix{ position:absolute; top:0; }


.cart article{letter-spacing:0; }
.cart article.add{ height:auto; min-width:224px; padding-bottom: 35px;}
.cart article.add > .inner{}
.cart article.add .set{ margin-bottom:15px; font-size:0.9rem; line-height:1.3;}
.cart article.add .set a{  position:relative; display:inline-block; padding-left:1.5em; margin-bottom:3px; letter-spacing:0em;

-moz-font-feature-settings: normal;
    -webkit-font-feature-settings: normal;
    -o-font-feature-settings: normal;
    -ms-font-feature-settings: normal;
    font-feature-settings: normal;
	
	}
	
.cart article.add .set a:hover{ }

.cart article.add .set a:before{ content:'→'; display:block; position:absolute; top:0; left:0;}



.cart article.add .code{ line-height:1.2; margin-bottom:5px;font-size:0.8rem;}
.cart article.add .price{ font-size:1.4rem; line-height:1.2; margin-bottom:10px; }
.cart article.add .price small{ font-size:1rem; display:inline-block; padding-left:5px; }



.cart article.add .zaiko{ padding-top:15px; margin-bottom:5px;font-size: 1rem;}




.cart article .select_add { overflow: hidden}

.cart article .quantity{ width: 95px; float: left; display:block; font-size:1rem; position:relative;}


.cart article .quantity select{
	font-size:1.3rem;
	width: auto;
	height: 40px;
	padding: 3px 25px 3px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #000;
	margin-left: 5px;
	
	background: url(img/parts/select_arrow.png) right 50% no-repeat #fff;
	
	background-size: 20px ,100%;
	border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius:0px;
 }
 

 
 .uaIE .cart article .quantity select{}
 

.cart article .quantity select option{}


.cart article .addCart{ position:relative; width: 160px; float: right;}

.cart article .addCart a{ display:block;background-color:#000; height:40px; line-height:40px; text-align:center; color:#fff; text-indent:25px; font-size:1.1rem;}

.cart article .addCart:not(.none) a:hover{ background-color:#333;}


.cart article .addCart .iconCart{ width:24px; height:20px; position:absolute; top:15px; left:20px;}
.cart article .addCart .iconCart:before{width:22px; height:19px;position:absolute; top:0px; left:0px;}

.cart article .addCart .iconCase{ width:24px; height:20px; position:absolute; top:10px; left:15px;
background:url(img/svg/cart_white.svg) center center no-repeat transparent; background-size:contain;
}
.cart article .addCart .iconCase svg{
	    width: 100%;
    height: 100%;
    fill: #fff;
    position: absolute;
    top: 0;
	display: none;
}

.cart article.add .postage{ padding:5px; text-align:center; line-height:1.8; margin-bottom:0px; color: #9a9a9a;}
.cart article.add .link{ color:#bbbbbb;}
.cart article.add .link li{ margin-bottom:5px;}
.cart article.add .link li:last-child{ margin-bottom:0px;}
.cart article.add .link li a{ color:#bbbbbb; line-height:1.2;}
.cart article.add .link li a:before{}
.cart article.add .link li a:hover{ }

.cart article.regularly{ background:#fdfdfd;  height:auto;min-width:224px;}

.cart article.regularly h5{  font-size:1.4rem;  margin-bottom:15px; line-height:1; padding-bottom: 10px; border-bottom: solid 1px #e6e6e6;}
.cart article.regularly p{ font-size:1.1rem; line-height:1.6; margin-bottom:20px; color: #9a9a9a;}
.cart article.regularly .point{ color: #000;}
.cart article.regularly .link{margin-bottom:0px;}
.cart article.regularly .code{ margin-bottom:5px; line-height:1.2; font-size:0.8rem;}
.cart article.regularly .price{font-size:1.4rem; line-height:1.2;margin-bottom:10px; }
.cart article.regularly .price small{ font-size:1rem; display:inline-block; padding-left:5px;}



.cart article.add .price.sale .enBook,
.cart article.regularly .price.sale .enBook{ color: #bf191d !important;}

.cart article .quantityOne{

	display: inline-block;
	font-size:1.3rem;
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
}
.cart article .quantityOne small{font-size:1rem;}


.cart article.shareSNS{  padding-top: 40px;}

.cart article.shareSNS h4{ line-height: 1; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #e6e6e6;}
.cart article.shareSNS ul{ font-size: 0;opacity: .5;}
.cart article.shareSNS ul li{ display: inline-block; margin-right: 10px; width: 30px; height: 30px;}
.cart article.shareSNS ul li a{ display: block; height: 0; padding-top: 30px; overflow: hidden;}
.cart article.shareSNS ul li a:hover{ opacity: .85;}

.cart article.shareSNS ul li:nth-of-type(1) a{ background: url(./img/svg/icon_share_facebook.svg); background-size:contain;}
.cart article.shareSNS ul li:nth-of-type(2) a{ background: url(./img/svg/icon_share_twitter.svg); background-size:contain;}
.cart article.shareSNS ul li:nth-of-type(3) a{ background: url(./img/svg/icon_share_line.svg); background-size:contain;}
.cart article.shareSNS ul li:nth-of-type(4) a{ background: url(./img/svg/icon_share_pinterest.svg); background-size:contain;}
.cart article.shareSNS ul li:nth-of-type(5) a{ background: url(./img/svg/icon_share_pocket.svg); background-size:contain;}






main > section.detail .detailSub .relatedEntry{}
main > section.detail .detailSub .relatedEntry article.item{border:solid 1px #ededed; margin-bottom:30px; text-align:center; min-height:240px; padding:30px;}
main > section.detail .detailSub .relatedEntry a{}
main > section.detail .detailSub .relatedEntry a .thumb{ background:#dadada; height:140px; width:100%; margin-bottom:30px;}
main > section.detail .detailSub .relatedEntry h3{ margin-bottom:30px;}
main > section.detail .detailSub .relatedEntry p{margin-bottom:0; line-height:1.5;}
              
				  
.cart article.add .addCart.none,
.cart article.regularly .addCart.none{opacity:1;}			  

.cart article.add .addCart.none a,
.cart article.regularly .addCart.none a{ cursor:default !important;}	

.cart article.add .addCart a:hover,
.cart article.regularly .addCart a:hover{ text-decoration: none;}	





main > section.detail .detailMain .contentsLP{ width:750px; min-width:750px; max-width:750px; margin:auto; }
main > section.detail .detailMain .contentsLP img{ width:100%; height:auto;}


main > section.detail .detailMain .contentsLP div.buy{ position:relative; padding:60px 0;}


main > section.detail .detailMain .contentsLP div.buy a{ display:block;background-color:#000; height:50px; line-height:50px; text-align:center; color:#fff; font-size:1.2rem; margin-bottom:40px;}

main > section.detail .detailMain .contentsLP div.buy a:hover{ background-color:#333;}


/* Not Found
----------------------------------------------- */
#notFoundArea{ position:relative;}
#notFoundArea .message{ width:700px; height:auto; position:absolute; top:10%; left:0; z-index:10;}
#notFoundArea .message h3{ font-size:2.2rem;}
#notFoundArea .message h6{ font-size:1.2rem; line-height:1.8; margin-bottom:40px;}
#notFoundArea .message .bgLinkBtn{ padding-top:70px;}

#notFoundArea .bg{ width:100%; background:url(./img/common/notfound.png) right top no-repeat; background-size:contain; position:relative; top:100px; z-index:1;}
#notFoundArea .bg:after{ content:''; display:block; width:100%; padding-top:35%;}

@media screen and (max-width: 1000px) {
	#notFoundArea .message{ width:100%; height:auto; position:relative; top:0; left:0; margin-bottom:50px;}
	#notFoundArea .message h3{ font-size:2.0rem;}
	#notFoundArea .message h6{ font-size:1.2rem; line-height:1.8; margin-bottom:40px;}
	#notFoundArea .message .bgLinkBtn{ padding-top:70px;}
	
	#notFoundArea .bg{ width:100%; background:url(./img/common/notfound.png) center top no-repeat; background-size:80% 80%; top:0px;}
	#notFoundArea .bg:after{ content:''; display:block; width:100%; padding-top:78%;}


}


/* search
----------------------------------------------- */

body#search{}


body#search main header {}
body#search main header h2{ padding-top:50px; margin-bottom:50px;font-size:2.0rem;}


body#search .searchForm{ margin-bottom:40px;}


	

body#search .searchForm .screen-reader-text{}
body#search .searchForm .search-field{ font-size:1.4rem;height:25px !important; width:200px; padding:5px !important; box-sizing:border-box !important}
body#search .searchForm .search-submit{ background-color:#000; color:#fff; padding:3px 10px;}
body#search .searchForm .search-submit span{}





body#search .resultList{}


body#search .resultList article.searchResult{ border-bottom:solid 1px #dadada; padding-bottom:40px; margin-bottom:40px;}

body#search .resultList article.searchResult a{}

body#search .resultList article.searchResult h3{ font-size:1.4rem;}
body#search .resultList article.searchResult .excerpt{}

body#search .resultList article.searchResult p:last-child{ margin-bottom:0;}


/* kanri
----------------------------------------------- */

body#kanri main{ padding:30px;}


table.kanri {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-collapse: collapse;
  width:6000px;
 
  margin-bottom:40px;
  font-size:0.8rem;
  letter-spacing:0 !important;
}

table.kanri tr.draft{  background-color:#ccc;}
table.kanri tr.future{  background-color:#fff2cf;}

table.kanri th,
table.kanri td {
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 10px;
  vertical-align:top;
  line-height:1.5;
}
table.kanri th {
  background-color:#000;
  text-align: left;
  white-space: nowrap;
  border-top:solid 2px #000;
	color: #fff;
}



table.kanri tr td:nth-of-type(1){ width:30px;white-space: nowrap;font-size:1.2rem;}
table.kanri tr td:nth-of-type(2){ width:100px !important;white-space: nowrap;font-size:1.2rem;}
table.kanri tr td:nth-of-type(3){ width:100px !important;white-space: nowrap;}
table.kanri tr td:nth-of-type(4){ width:150px !important;font-size:1rem;}
table.kanri tr td:nth-of-type(5){ width:300px;}
table.kanri tr td:nth-of-type(6){ width:100px;white-space: nowrap;}
table.kanri tr td:nth-of-type(7){ width:150px;}/* 大見出し */
table.kanri tr td:nth-of-type(8){ width:300px;}
table.kanri tr td:nth-of-type(9){ width:300px;}
table.kanri tr td:nth-of-type(10){ width:200px;}
table.kanri tr td:nth-of-type(11){ width:200px;}
table.kanri tr td:nth-of-type(12){ width:300px;}
table.kanri tr td:nth-of-type(13){ width:100px;}
table.kanri tr td:nth-of-type(14){ width:100px;}
table.kanri tr td:nth-of-type(15){ width:100px;}
table.kanri tr td:nth-of-type(16){ width:100px;}
table.kanri tr td:nth-of-type(17){ width:200px;}

table.kanri .related{}
table.kanri .related h4{ font-size:1rem;}
table.kanri .thumb{ width:100px; height:100px; border:solid 1px #f2f2f2;}

table.kanri img{ width:100%; height:auto; margin:20px 0;}

table.kanri iframe{ width:200px; height:110px;}

table.kanri ul{ padding-left:1em;}
table.kanri ul li{ list-style:disc;}


table.kanri img{ width:100%; height:auto;}

table.kanri tr td h4{ padding:10px 0px !important; font-weight:bold;margin-bottom:1em; border-bottom:dotted 1px #dadada; font-size:1.6em;}
table.kanri tr td h5{ padding:10px 0px !important; font-weight:bold; font-size:1.5em;margin-bottom:1em; border-bottom:dotted 1px #dadada;}
table.kanri tr td h6{ padding:10px 0px !important; font-weight:bold; font-size:1.3em;}



table.kanri .set a{ display:block; margin-bottom:5px;}

table.kanri th a.edit{ background-color:#c00; font-size:11px; padding:3px 10px; line-height:1; float:right; color:#fff;}

table.kanri td a.edit{ background-color:#c00; font-size:18px; padding:10px 10px; line-height:1; float:right; color:#fff;}

table.kanri .null{ background-color:#ffa2b9 !important;}



table.kanri.list{}
table.kanri.list a.edit{ font-size:0.8rem; padding:5px;}

table.kanri.list td{ line-height:1;  font-size:0.8rem !important; padding:3px;}


body#kanri .koteiArea{ padding:20px; border: solid 1px #ccc;}
body#kanri ul li.page_item{ margin-bottom: 10px;}
body#kanri ul li.page_item ul.children{ padding-left:30px !important;}