nav[role="toolstoys"] {
	position: relative;
	z-index: 10;
}

nav[role="toolstoys"].pos-fixed > div {
	top: 42px;
	position: fixed;
}

nav[role="toolstoys"].pos-fixed > div div {
	border-bottom: #e5e5e5 1px solid;
}

nav[role="toolstoys"].pos-fixed > div div ul {
	height: 56px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

nav[role="toolstoys"].pos-fixed > div div ul li a {
	padding: 27px 5px 0;
}

nav[role="toolstoys"].pos-fixed > div div ul li a img {
	height: 27px;
}

nav[role="toolstoys"] > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #fff;
}

nav[role="toolstoys"] > div.open {
	position: absolute;
}

nav[role="toolstoys"] > div div {
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-transition: border 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: border 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: border 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: border 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: border 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

nav[role="toolstoys"] > div div ul {
	display: table;
	border-bottom: #fff 1px solid;
	padding-bottom: 5px;
	background: #fff;
	height: 72px;
	-webkit-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	min-width: 100%;
	width: 100%;
	margin-top: -42px;
}

nav[role="toolstoys"] > div div ul li {
	display: table-cell;
	text-align: center;
	overflow: hidden;
	min-wdith: 47px;
	padding-top: 42px;
}

nav[role="toolstoys"] > div div ul li.current a {
	color: #999;
}

nav[role="toolstoys"] > div div ul li a {
	color: #000;
	line-height: 1.2;
	padding: 36px 5px 0;
	white-space: nowrap;
	position: relative;
	-webkit-transition: padding 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: padding 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: padding 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: padding 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: padding 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

nav[role="toolstoys"] > div div ul li a span {
	display: block;
	position: relative;
	z-index: 1;
}

nav[role="toolstoys"] > div div ul li a img {
	width: auto;
	height: 36px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ua-desktop nav[role="toolstoys"] > div {
	width: 640px;
	left: 50%;
	margin-left: -320px;
}

main {
	border-top: #e5e5e5 1px solid;
	padding-top: 5px;
}

aside[role="tab"] {
	position: relative;
	padding-top: 41px;
	-webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}

aside[role="tab"].ready {
	opacity: 0;
}

aside[role="tab"] ol {
	position: absolute;
	top: 0;
	display: table;
	width: 100%;
	text-align: center;
	z-index: 1;
}

aside[role="tab"] ol li {
	height: 44px;
	display: table-cell;
	vertical-align: top;
}

aside[role="tab"] ol li:nth-child(1) {
	padding: 0 1.25% 0 3.13%;
}

aside[role="tab"] ol li:nth-child(2) {
	padding: 0 3.13% 0 1.25%;
}

aside[role="tab"] ol li.active a {
	border-top: 3px #f2ba49 solid;
	border-left: 3px #f2ba49 solid;
	border-right: 3px #f2ba49 solid;
	padding-top: 0;
	height: 44px;
}

aside[role="tab"] ol li.active a strong {
	border-bottom: 3px #f2ba49 solid;
}

aside[role="tab"] ol li.active a strong span {
	font-size: 180%;
	line-height: 2.44;
}

aside[role="tab"] ol li a {
	border-top: 1px #f2ba49 solid;
	border-left: 1px #f2ba49 solid;
	border-right: 1px #f2ba49 solid;
	padding: 2px 10px 0;
	height: 41px;
	overflow: hidden;
	background: #fff;
	color: #f2ba49;
}

aside[role="tab"] ol li a strong {
	display: inline-block;
	vertical-align: top;
	height: 41px;
	padding: 0 2px;
	-webkit-transition: padding 0.3s;
	-moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	-ms-transition: padding 0.3s;
	transition: padding 0.3s;
}

aside[role="tab"] ol li a strong span {
	font-size: 140%;
	line-height: 2.86;
	display: block;
}

aside[role="tab"] div {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-top: 3px #f2ba49 solid;
	border-bottom: 3px #f2ba49 solid;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

aside[role="tab"] section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

aside[role="tab"] section.active {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

aside[role="tab"] section:nth-of-type(1) ul li:nth-child(1) a dl dt:before {
	content: '1';
}

aside[role="tab"] section:nth-of-type(1) ul li:nth-child(2) a dl dt:before {
	content: '2';
}

aside[role="tab"] section:nth-of-type(1) ul li:nth-child(3) a dl dt:before {
	content: '3';
}

aside[role="tab"] section:nth-of-type(1) ul li:nth-child(4) a dl dt:before {
	content: '4';
}

aside[role="tab"] section:nth-of-type(1) ul li:nth-child(5) a dl dt:before {
	content: '5';
}

aside[role="tab"] section:nth-of-type(1) ul li a dl dt:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #f2ba49;
	color: #fff;
	font-size: 12px;
	font-size: 3.13vw;
	line-height: 2;
	height: 2em;
	width: 2em;
	text-align: center;
}

aside[role="tab"] section ul {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 206.25%;
	padding-right: 3.13%;
	background: #fff;
}

aside[role="tab"] section ul li {
	display: table-cell;
	padding-left: 1.52%;
}

aside[role="tab"] section ul li a {
	color: #000;
}

aside[role="tab"] section ul li a dl {
	padding-top: 20px;
}

aside[role="tab"] section ul li a dl dt {
	padding-top: 73.33%;
	position: relative;
	border-bottom: 5px #f2ba49 solid;
	background: url("/store/techo/sp/ja/2017/images/loading3.gif") no-repeat 50% 50%;
	-webkit-background-size: 20% auto;
	-moz-background-size: 20% auto;
	background-size: 20% auto;
}

aside[role="tab"] section ul li a dl dt img {
	width: 73.33%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-o-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-ms-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

aside[role="tab"] section ul li a dl dt img.state-ready,
aside[role="tab"] section ul li a dl dt img.ready {
	opacity: 0;
}

aside[role="tab"] section ul li a dl dd {
	line-height: 1.5;
	padding: 0.5em 0 1.3em;
}

aside[role="tab"] section ul li a dl dd strong {
	display: block;
}

aside[role="tab"] section ul li a dl dd br {
	display: none;
}

.ua-desktop aside[role="tab"] section:nth-of-type(1) ul li a dl dt:before {
	font-size: 240%;
}

#toolstoys-index aside[role="tab"] {
	margin-top: 95px;
}

#toolstoys-index main {
	padding-bottom: 60px;
}

#toolstoys-index main aside + div {
	margin-top: 45px;
}

#toolstoys-index main > div {
	margin-top: 95px;
}

#toolstoys-index main > div dl {
	padding: 0 3%;
}

#toolstoys-index main > div dl + dl {
	margin-top: 40px;
}

#toolstoys-index main > div dl dd:first-child {
	position: relative;
	padding-top: 50%;
	background: url("/store/techo/sp/ja/2017/images/loading3.gif") no-repeat 50% 50%;
	-webkit-background-size: 10.67% auto;
	-moz-background-size: 10.67% auto;
	background-size: 10.67% auto;
}

#toolstoys-index main > div dl dd:first-child img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-o-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-ms-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

#toolstoys-index main > div dl dd:first-child img.state-ready {
	opacity: 0;
}

#toolstoys-index main > div dl dt {
	text-align: left;
	padding-top: 1.6em;
}

#toolstoys-index main > div dl dt span {
	border-bottom-width: 3px;
	font-size: 200%;
	line-height: 1.3;
}

#toolstoys-index main > div dl dt span small {
	font-size: 70%;
	line-height: 1.29;
}

#toolstoys-index main > div dl dt + dd {
	font-size: 140%;
	line-height: 1.5;
	letter-spacing: 0.025em;
	font-weight: normal;
	padding-top: 1em;
}

#toolstoys-index main > div dl dt + dd a.btn-round {
	font-size: 71.43%;
	font-weight: bold;
	margin: 1.4em 0 0;
}

#toolstoys-index main > div dl dt + dd a.btn-round:after {
	height: 4.6em;
}

#toolstoys-list aside[role="tab"] {
	margin-top: 100px;
}

#toolstoys-list main {
	padding-bottom: 20px;
}

#toolstoys-list main h2 {
	font-size: 140%;
	line-height: 1.79;
	letter-spacing: 0.05em;
	margin-top: 103px;
	text-align: center;
}

#toolstoys-list main > section.all h3 span.all {
	display: inline-block;
}

#toolstoys-list main > section.all > ul > li {
	display: inline-block;
}

#toolstoys-list main > section.tt .tt {
	display: inline-block;
}

#toolstoys-list main > section.pen .pen {
	display: inline-block;
}

#toolstoys-list main > section.seal .seal {
	display: inline-block;
}

#toolstoys-list main > section.note .note {
	display: inline-block;
}

#toolstoys-list main > section.case .case {
	display: inline-block;
}

#toolstoys-list main > section.other .other {
	display: inline-block;
}

#toolstoys-list main > section.related .related {
	display: inline-block;
}

#toolstoys-list main > section h3 {
	height: 2.8em;
}

#toolstoys-list main > section h3 span {
	display: none;
	font-size: 200%;
	line-height: 1.25;
	color: #000;
}

#toolstoys-list main > section h3 span small {
	padding-left: 0.5em;
	font-size: 70%;
}

#toolstoys-list main > section ul {
	margin-top: 20px;
}

#toolstoys-list main > section ul:before,
#toolstoys-list main > section ul:after {
	content: "";
	display: table;
}

#toolstoys-list main > section ul:after {
	clear: both;
}

#toolstoys-list main > section ul > li {
	display: none;
	padding-bottom: 28.2em;
}

/*# sourceMappingURL=dev/store/techo/sp/ja/2017/toolstoys/styl/toolstoys.css.map */