@charset 'utf-8';
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;cursor:default;}
a{text-decoration:none;outline:none;}
audio,canvas,iframe,img,svg,video{vertical-align:top}
img{border:none;}
canvas{width:0;height:0}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
button:focus,input:focus,select:focus,textarea:focus{outline:none;}
code,kbd,pre,samp{font-family:monospace,monospace}
ol,ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}
body {
	font: 10px/1.75 "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.05em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-width: 98em;
	position: relative;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 99999px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
	color: #509be5;
}

.device-sp {
	display: none;
}

@font-face {
	font-family: "techo2017";
	src: url("/store/techo/pc/ja/2017/fonts/techo2017.eot");
}

@font-face {
	font-family: "techo2017";
	src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
}

[class*="icon-"]:before {
	font-family: "techo2017";
}

.icon-cart:before {
	content: "\e900";
}

.icon-cart-plus:before {
	content: "\e901";
}

.icon-new:before {
	content: "\e63c";
}

[class*="mdi-"]:before {
	font-family: "Material Design Icons";
}

[class*="icon-"]:before,
[class*="mdi-"]:before {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 24px;
	display: block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga";
}

a[target="new"]:after,
a[target="_new"]:after,
a[target="_blank"]:after {
	font-family: "Material Design Icons";
	font-size: .8em;
	font-weight: normal;
	position: relative;
	top: -0.2em;
	content: "\F3CC";
}
/*
a[target="new"][href*="amazon.co.jp"]:after,
a[target="_new"][href*="amazon.co.jp"]:after,
a[target="_blank"][href*="amazon.co.jp"]:after {
	content: "\F02D";
}
*/
a[target="new"][href*="1101.com"]:after,
a[target="_new"][href*="1101.com"]:after,
a[target="_blank"][href*="1101.com"]:after,
a.no-icon[target="new"]:after,
a.no-icon[target="_new"]:after,
a.no-icon[target="_blank"]:after {
	content: none;
}

.title {
	text-align: center;
}

.title span {
	display: inline-block;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.33;
	border-bottom-width: 0.13em;
	border-bottom-style: solid;
}

.btn-round {
	display: inline-block;
	background: #509be5;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	position: relative;
	padding: 0 2em;
	color: #fff;
}

.btn-round:before {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
}

.btn-round span {
	font-weight: bold;
	font-size: 16px;
	line-height: 3.5;
}

.btn-round.mdi-arrow-right {
	padding: 0 3.5em 0 2em;
}

.btn-round.mdi-arrow-right:before {
	right: 0.5em;
}

.btn-round.mdi-chevron-right {
	padding: 0 3.5em 0 2em;
}

.btn-round.mdi-chevron-right:before {
	right: 0.5em;
}

.btn-round.mdi-arrow-left {
	padding: 0 2em 0 3.5em;
}

.btn-round.mdi-arrow-left:before {
	left: 0.5em;
}

.btn-round.mdi-chevron-left {
	padding: 0 2em 0 3.5em;
}

.btn-round.mdi-chevron-left:before {
	left: 0.5em;
}

.btn-round-s {
	display: inline-block;
	background: #509be5;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	position: relative;
	padding: 0 1.8em 0;
	color: #fff;
}

.btn-round-s:before {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
}

.btn-round-s span {
	font-weight: bold;
	font-size: 14px;
	line-height: 3.5;
}

.btn-round-s.mdi-arrow-right {
	padding: 0 3.1em 0 1.8em;
}

.btn-round-s.mdi-arrow-right:before {
	font-size: 24px;
	right: 0.333333333333333em;
}

.btn-round-s.mdi-chevron-right {
	padding: 0 3.1em 0 1.8em;
}

.btn-round-s.mdi-chevron-right:before {
	font-size: 24px;
	right: 0.333333333333333em;
}

.btn-round-s.mdi-arrow-left {
	padding: 0 1.8em 0 3.1em;
}

.btn-round-s.mdi-arrow-left:before {
	font-size: 24px;
	left: 0.333333333333333em;
}

.btn-round-s.mdi-chevron-left {
	padding: 0 1.8em 0 3.1em;
}

.btn-round-s.mdi-chevron-left:before {
	font-size: 24px;
	left: 0.333333333333333em;
}

.btn-arrow-right {
	display: inline-block;
	padding-right: 1.57em;
	position: relative;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}

.btn-arrow-right:before {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.5em;
	font-size: 21px;
}

.btn-gotop {
	width: 4em;
	height: 4em;
	position: fixed;
	right: 2em;
	bottom: 2em;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	z-index: 20;
}

.btn-gotop.disabled {
	opacity: 0;
	pointer-events: none;
}

.btn-gotop span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.btn-gotop span:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.5em;
}

.ua-ie-8 .btn-gotop.disabled {
	display: none;
}

.ua-desktop .btn-permeate {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.ua-desktop .btn-permeate:hover {
	opacity: 0.4;
}

.btn-mobile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	text-align: center;
	background: #3698db;
	z-index: 10;
}

.btn-mobile:before {
	color: #fff;
	font-size: 28px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.18em;
}

.btn-mobile span {
	color: #fff;
	font-size: 16px;
	line-height: 3.75;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.ua-mobile .btn-mobile {
	display: block;
}

a.btn-slide {
	display: block;
	width: 17.6em;
	position: relative;
}

a.btn-slide dl {
	-webkit-border-radius: 0 0 0.6em 0.6em;
	border-radius: 0 0 0.6em 0.6em;
	overflow: hidden;
}

a.btn-slide dl dt {
	position: relative;
	height: 17.6em;
	background: url("/store/techo/pc/ja/2017/images/loading3.gif") no-repeat 50% 50%;
	-webkit-background-size: 3.2em 3.2em;
	-moz-background-size: 3.2em 3.2em;
	background-size: 3.2em 3.2em;
	border-bottom-width: 0.5em;
	border-bottom-style: solid;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	overflow: hidden;
}

a.btn-slide dl dt > img {
	-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);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

a.btn-slide dl dt > img.state-ready,
a.btn-slide dl dt > img.state-ready-forced,
a.btn-slide dl dt > img.ready {
	opacity: 0;
	visibility: hidden;
}

a.btn-slide dl dt i {
	position: absolute;
	left: 0;
	top: 0;
	width: 4em;
}

a.btn-slide dl dt i + i {
	top: 4.1em;
}

a.btn-slide dl dt i + i + i {
	top: 8.2em;
}

a.btn-slide dl dt i + i + i + i {
	top: 12.3em;
}

a.btn-slide dl dt i img {
	width: 100%;
}

a.btn-slide dl dd {
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0;
	position: relative;
	padding: 0.1em 0.5em 0.1em 0.5em;
	color: #000;
}

a.btn-slide dl dd:before {
	color: #3799dc;
	font-size: 16px;
	position: absolute;
	bottom: 0.19em;
	right: 0.31em;
}

a.btn-slide dl dd > strong {
	font-size: 12px;
	line-height: 1.5;
	display: block;
}

a.btn-slide dl dd li {
	font-size: 12px;
	line-height: 1.5;
}

a.btn-slide dl dd li small {
	font-size: 10px;
	line-height: 1.8;
}

a.btn-slide dl dd li small:after {
	content: "：";
	font-size: 12px;
	line-height: 1.5;
}

a.btn-slide dl dd > span {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5;
	display: block;
	width: 18.3em;
	padding-bottom: 0.18em;
}

a.btn-slide dl dd p {
	font-size: 12px;
	line-height: 1.5;
}

a.btn-slide dl dd p span {
	color: #000;
	display: block;
}

a.btn-slide dl dd p strong {
	color: #ed2200;
	display: block;
}

a.btn-slide dl + dl {
	position: absolute;
	left: 0;
	top: 18.1em;
	width: 100%;
	padding-top: 0;
	background-color: #509be5;
	background-color: rgba(80,155,229,0.9);
	-webkit-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.btn-slide dl + dl dd {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #fff;
}

a.btn-slide dl + dl dd:before {
	color: #fff;
}

a.btn-slide dl + dl dd p span {
	color: #fff;
}

a.btn-slide dl + dl dd p strong {
	color: #fff;
}

a.btn-slide:hover dl + dl {
	-webkit-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.soldout a.btn-slide dl dd {
	color: #808080;
}

.soldout a.btn-slide dl + dl dd {
	color: #fff;
}

a.btn-slide-s {
	display: block;
	width: 16.8em;
	border-bottom-width: 0.5em;
	border-bottom-style: solid;
	position: relative;
}

a.btn-slide-s dl dt {
	position: relative;
	height: 16.8em;
	background: url("/store/techo/pc/ja/2017/images/loading3.gif") no-repeat 50% 50%;
	-webkit-background-size: 3.2em 3.2em;
	-moz-background-size: 3.2em 3.2em;
	background-size: 3.2em 3.2em;
	overflow: hidden;
}

a.btn-slide-s dl dt img {
	-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);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

a.btn-slide-s dl dt img.state-ready-forced,
a.btn-slide-s dl dt img.ready {
	opacity: 0;
	visibility: hidden;
}

a.btn-slide-s dl dd {
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 0;
	position: relative;
	padding: 0.2em 0.4em 0.6em 0.4em;
}

a.btn-slide-s dl dd:before {
	font-size: 16px;
	position: absolute;
	bottom: 0.38em;
	right: 0.31em;
}

a.btn-slide-s dl dd strong {
	font-size: 12px;
	line-height: 1.5;
	display: block;
}

a.btn-slide-s dl dd li {
	font-size: 12px;
	line-height: 1.5;
}

a.btn-slide-s dl dd li small {
	font-size: 10px;
	line-height: 1.8;
}

a.btn-slide-s dl dd li small:after {
	content: "：";
	font-size: 12px;
	line-height: 1.5;
}

a.btn-slide-s dl + dl {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	-webkit-border-radius: 0.6em 0.6em 0 0;
	border-radius: 0.6em 0.6em 0 0;
	overflow: hidden;
	padding-top: 0;
	background-color: #509be5;
	background-color: rgba(80,155,229,0.9);
	-webkit-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.btn-slide-s dl + dl dd {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
}

a.btn-slide-s:hover dl + dl {
	-webkit-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: padding 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.bg-original {
	background-color: #5c2849;
}

.color-original {
	color: #5c2849;
}

.bg-weeks {
	background-color: #1fccc9;
}

.color-weeks {
	color: #1fccc9;
}

.bg-cousin {
	background-color: #ea4863;
}

.color-cousin {
	color: #ea4863;
}

.bg-planner {
	background-color: #a53e5c;
}

.color-planner {
	color: #a53e5c;
}

.bg-hontai {
	background-color: #f26444;
}

.color-hontai {
	color: #f26444;
}

.bg-toolstoys {
	background-color: #f2ba49;
}

.color-toolstoys {
	color: #f2ba49;
}

#cover_original a[class*="btn-slide"] {
	color: #5c2849;
}

#cover_original a[class*="btn-slide"] dl + dl {
	background-color: #5c2849;
	background-color: rgba(92,40,73,0.9);
}

#weeks a[class*="btn-slide"] {
	color: #1fccc9;
}

#weeks a[class*="btn-slide"] dl + dl {
	background-color: #1fccc9;
	background-color: rgba(31,204,201,0.9);
}

#cover_cousin a[class*="btn-slide"] {
	color: #ea4863;
}

#cover_cousin a[class*="btn-slide"] dl + dl {
	background-color: #ea4863;
	background-color: rgba(234,72,99,0.9);
}

#cover_planner a[class*="btn-slide"] {
	color: #a53e5c;
}

#cover_planner a[class*="btn-slide"] dl + dl {
	background-color: #a53e5c;
	background-color: rgba(165,62,92,0.9);
}

#hontai a[class*="btn-slide"] {
	color: #f26444;
}

#hontai a[class*="btn-slide"] dl + dl {
	background-color: #f26444;
	background-color: rgba(242,100,68,0.9);
}

#toolstoys a[class*="btn-slide"] {
	color: #f2ba49;
}

#toolstoys a[class*="btn-slide"] dl + dl {
	background-color: #f2ba49;
	background-color: rgba(242,186,73,0.9);
}

#toolstoys .title {
	color: #f2ba49;
}

body > header {
	width: 100%;
	height: 15.5em;
	position: relative;
}

body > header section {
	width: 96em;
	position: absolute;
	top: 7em;
	left: 50%;
	margin-left: -48em;
	z-index: 4;
}

body > header section h1 a {
	display: block;
	font-size: 18px;
	width: 12.5em;
	margin: 0 auto;
	position: relative;
	padding-top: 11.6666667%
	/*padding-top: 7.604166666666667%;*/
}

body > header section h1 a:after {
	content: url(/store/techo/pc/ja/2017/images/sp_sub_logo.svg);
	position: absolute;
	right: -104px;
	top: 67px;
	width: 90px;
}
.ua-ie-7 body > header section h1 a:after,
.ua-ie-8 body > header section h1 a:after {
	content: url(/store/techo/pc/ja/2017/images/sp_sub_logo.png);
}
body > header section h1 a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body > header > p {
	position: absolute;
	top: 6em;
	left: 50%;
	margin-left: 37.7em;
	width: 9.8em;
}

body > header > p img {
	font-size: 18px;
	width: 5.444444444444445em;
}

body > footer > * {
	text-align: center;
}

body > footer > * h3 {
	margin-bottom: 2em;
}

body > footer #footer-history {
	background: #f5f5f5;
	padding: 3.7em 0 4em;
	border-top: #e5e5e5 0.1em solid;
	border-bottom: #e5e5e5 0.1em solid;
}

body > footer #footer-history p {
	font-size: 14px;
	font-weight: bold;
}

body > footer #footer-history ul {
	font-size: 0;
	letter-spacing: 0;
}

body > footer #footer-history ul li {
	font-size: 10px;
	display: inline-block;
	width: 8.7em;
	height: 8.7em;
	background: #fff;
	position: relative;
}

body > footer #footer-history ul li + li {
	margin-left: 1em;
}

body > footer #footer-history ul li img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

body > footer #footer-lineup {
	padding: 7.6em 0 7.7em;
	border-bottom: #e5e5e5 0.1em solid;
}

body > footer #footer-lineup ul {
	width: 96em;
	margin: 0 auto;
}

body > footer #footer-lineup ul:before,
body > footer #footer-lineup ul:after {
	content: "";
	display: table;
}

body > footer #footer-lineup ul:after {
	clear: both;
}

body > footer #footer-lineup ul li {
	width: 17.6em;
	display: block;
	float: left;
}

body > footer #footer-lineup ul li + li {
	margin-left: 2em;
}

body > footer #footer-lineup ul li + li + li + li + li {
	margin-left: 0;
	float: right;
}

body > footer #footer-lineup ul li a {
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
	display: block;
	padding-bottom: 0.36em;
}

body > footer #footer-lineup ul li a small {
	font-size: 12px;
	line-height: 1.75;
	display: block;
}

body > footer #footer-lineup ul li a img {
	display: block;
	width: 100%;
	margin-bottom: 0.36em;
}

body > footer #footer-related {
	padding: 8em 0 1.9em;
	border-bottom: #e5e5e5 0.1em solid;
}

body > footer #footer-related > a {
	font-size: 12px;
	color: #000;
	display: inline-block;
	margin-top: 3.17em;
}

body > footer #footer-related ul:first-child {
	width: 96em;
	margin: 0 auto 7.4em;
	padding: 0 0.1em;
}

body > footer #footer-related ul:first-child:before,
body > footer #footer-related ul:first-child:after {
	content: "";
	display: table;
}

body > footer #footer-related ul:first-child:after {
	clear: both;
}

body > footer #footer-related ul:first-child li {
	width: 14.3em;
	display: block;
	float: left;
	backgroun: #f00;
}

body > footer #footer-related ul:first-child li + li {
	margin-left: 2em;
}

body > footer #footer-related ul:first-child li + li + li + li + li + li {
	margin-left: 0;
	float: right;
}

body > footer #footer-related ul:first-child li a {
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
	display: block;
	padding-bottom: 0.36em;
}

body > footer #footer-related ul:first-child li a small {
	font-size: 10px;
	line-height: 2.1;
	display: block;
	letter-spacing: 0;
	white-space: nowrap;
}

body > footer #footer-related ul:first-child li a img {
	display: block;
	width: 100%;
	margin-bottom: 0.36em;
}

body > footer #footer-related ul:first-child + ul {
	width: 13em;
	margin: 0 auto;
}

body > footer #footer-related ul:first-child + ul:before,
body > footer #footer-related ul:first-child + ul:after {
	content: "";
	display: table;
}

body > footer #footer-related ul:first-child + ul:after {
	clear: both;
}

body > footer #footer-related ul:first-child + ul li:first-child {
	float: left;
}

body > footer #footer-related ul:first-child + ul li:first-child a {
	background: #55acee;
}

body > footer #footer-related ul:first-child + ul li:first-child + li {
	float: right;
}

body > footer #footer-related ul:first-child + ul li:first-child + li a {
	background: #2d4486;
}

body > footer #footer-related ul:first-child + ul li a {
	display: block;
	width: 6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	padding: 0.8em 0;
	color: #fff !important;
}

body > footer #footer-related ul:first-child + ul li a:before {
	text-align: center;
}

body > footer #footer-sitemap {
	background: #f5f5f5;
	text-align: left;
	padding-bottom: 4.5em;
}

body > footer #footer-sitemap > ul {
	width: 96em;
	margin: 0 auto 3.5em;
	padding: 8.4em 0 3.4em 4em;
	position: relative;
	border-bottom: #e5e5e5 0.1em solid;
}

body > footer #footer-sitemap > ul:before,
body > footer #footer-sitemap > ul:after {
	content: "";
	display: table;
}

body > footer #footer-sitemap > ul:after {
	clear: both;
}

body > footer #footer-sitemap > ul span,
body > footer #footer-sitemap > ul a {
	font-size: 12px;
	line-height: 2;
	color: #000;
}

body > footer #footer-sitemap > ul > li:first-child {
	position: absolute;
	top: 4em;
	left: 50%;
	margin-left: -10.6em;
	width: 21.2em;
}

body > footer #footer-sitemap > ul > li:first-child img {
	width: 100%;
}

body > footer #footer-sitemap > ul > li:first-child ~ li {
	float: left;
	width: 23em;
}

body > footer #footer-sitemap > ul > li > ul > li + li {
	margin-top: 2.7em;
}

body > footer #footer-sitemap > ul > li > ul > li > span,
body > footer #footer-sitemap > ul > li > ul > li > a {
	font-weight: bold;
}

body > footer #footer-sitemap div {
	width: 88em;
	margin: 0 auto;
	padding-left: 24em;
	position: relative;
}

body > footer #footer-sitemap div ul:before,
body > footer #footer-sitemap div ul:after {
	content: "";
	display: table;
}

body > footer #footer-sitemap div ul:after {
	clear: both;
}

body > footer #footer-sitemap div ul li:first-child {
	float: left;
	position: relative;
}

body > footer #footer-sitemap div ul li:first-child a {
	padding-left: 1.67em;
}

body > footer #footer-sitemap div ul li:first-child a:before {
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5em;
}

body > footer #footer-sitemap div ul li:first-child ~ li {
	float: right;
}

body > footer #footer-sitemap div ul li:first-child ~ li + li {
	margin-right: 3.2em;
}

body > footer #footer-sitemap div ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

body > footer #footer-sitemap div small {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
}

.ua-mobile body > header {
	height: 21.5em;
	border-top: 6em #3698db solid;
}

nav[role="extra"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
}

nav[role="extra"] ul {
	width: 96em;
	margin: 0 auto;
	padding: 0.5em 0;
}

nav[role="extra"] ul:before,
nav[role="extra"] ul:after {
	content: "";
	display: table;
}

nav[role="extra"] ul:after {
	clear: both;
}

nav[role="extra"] ul li {
	float: left;
	padding: 0.45em 1.5em;
}

nav[role="extra"] ul li:first-child {
	padding-left: 0;
}

nav[role="extra"] ul li:first-child + li + li {
	border-left: #808080 0.1em solid;
	padding-left: 3em;
	padding-right: 0;
	margin-left: 1.5em;
}

nav[role="extra"] ul li:first-child + li + li ~ li {
	float: right;
}

nav[role="extra"] ul li:first-child + li + li + li {
	padding: 0.3em 0 0.3em 1.5em;
}

nav[role="extra"] ul li:first-child + li + li + li > a {
	padding-left: 2.67em;
	position: relative;
	height: 1.75em;
	display: block;
}

nav[role="extra"] ul li:first-child + li + li + li > a:before {
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5em;
}

nav[role="extra"] ul li:first-child + li + li + li > a var {
	margin: 0.04em 0 0.04em;
	background: #ed2200;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	padding: 0 0.25em;
	font-style: normal;
	line-height: 1.67;
	text-align: center;
	min-width: 1.67em;
	height: 1.67em;
	overflow: hidden;
	display: block;
}

nav[role="extra"] ul li:first-child + li + li + li + li {
	display: none;
	padding: 0.45em 2.3em;
	position: relative;
}

nav[role="extra"] ul li:first-child + li + li + li + li > a {
	position: relative;
	width: 1.75em;
	height: 1.75em;
}

nav[role="extra"] ul li:first-child + li + li + li + li > a:before {
	font-size: 21px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.5em;
}

nav[role="extra"] ul li:first-child + li + li + li + li form {
	position: absolute;
	top: 0.5em;
	right: 1.3em;
	background: #fff;
	padding: 0.3em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	width: 30em;
	z-index: 10;
	opacity: 0;
	-webkit-transform: translate(0, -1em);
	-moz-transform: translate(0, -1em);
	-o-transform: translate(0, -1em);
	-ms-transform: translate(0, -1em);
	transform: translate(0, -1em);
	-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s;
	-moz-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, -moz-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s;
	-o-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, -o-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s;
	-ms-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, -ms-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s;
	transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s;
}

nav[role="extra"] ul li:first-child + li + li + li + li form:before,
nav[role="extra"] ul li:first-child + li + li + li + li form:after {
	content: "";
	display: table;
}

nav[role="extra"] ul li:first-child + li + li + li + li form:after {
	clear: both;
}

nav[role="extra"] ul li:first-child + li + li + li + li form.disabled {
	top: -9999px;
}

nav[role="extra"] ul li:first-child + li + li + li + li form.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-moz-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), -moz-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), -o-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-ms-transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), -ms-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

nav[role="extra"] ul li:first-child + li + li + li + li form div {
	height: 3.4em;
	float: left;
	border: 0.1em #ccc solid;
	-webkit-border-radius: 0.6em 0 0 0.6em;
	border-radius: 0.6em 0 0 0.6em;
	width: 25.9em;
	position: relative;
	overflow: hidden;
}

nav[role="extra"] ul li:first-child + li + li + li + li form div input {
	width: 100%;
	font-size: 16px;
	line-height: 2;
	min-height: 2em;
	overflow: hidden;
	outline: none;
	border: none;
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	margin-top: -1em;
	padding-left: 0.63em;
	color: #000;
	border: none;
}

nav[role="extra"] ul li:first-child + li + li + li + li form div input:input-placeholder {
	color: #ccc;
}

nav[role="extra"] ul li:first-child + li + li + li + li form div input:placeholder {
	color: #999;
}

nav[role="extra"] ul li:first-child + li + li + li + li form div input::-webkit-input-placeholder {
	color: #ccc;
}

nav[role="extra"] ul li:first-child + li + li + li + li form div input:-moz-placeholder {
	color: #999;
}

nav[role="extra"] ul li:first-child + li + li + li + li form div input::-moz-placeholder {
	color: #999;
}

nav[role="extra"] ul li:first-child + li + li + li + li form div input:-ms-input-placeholder {
	color: #ccc;
}

nav[role="extra"] ul li:first-child + li + li + li + li form a {
	float: left;
	-webkit-border-radius: 0 0.6em 0.6em 0;
	border-radius: 0 0.6em 0.6em 0;
	display: block;
	width: 3.4em;
	height: 3.4em;
	position: relative;
	background: #509be5;
}

nav[role="extra"] ul li:first-child + li + li + li + li form a:before {
	color: #fff;
	font-size: 21px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.5em;
}

nav[role="extra"] ul li:first-child + li + li + li + li + li + li {
	padding-left: 0;
}

nav[role="extra"] ul li > a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

nav[role="global"] {
	width: 100%;
	height: 11.5em;
	background: #fff;
	padding: 4em 0 2.5em;
}

nav[role="global"] ul {
	margin: 0 auto;
	width: 96em;
	height: 5em;
	position: relative;
}

nav[role="global"] ul:before,
nav[role="global"] ul:after {
	content: "";
	display: table;
}

nav[role="global"] ul:after {
	clear: both;
}

nav[role="global"] ul li {
	float: left;
	border-right: #ccc 0.1em solid;
}

nav[role="global"] ul li:first-child {
	border-left: #ccc 0.1em solid;
	width: 7.6em;
}

nav[role="global"] ul li:first-child:before {
	content: "ラインナップとお買いもの";
	width: 21.5em;
	text-align: center;
	font-weight: bold;
	background: #e60000;
	display: block;
	position: absolute;
	left: 0;
	top: -2.5em;
	color: #fff;
}

nav[role="global"] ul li:first-child + li {
	width: 13.9em;
}

nav[role="global"] ul li:first-child + li + li {
	width: 15.5em;
}

nav[role="global"] ul li:first-child + li + li + li {
	width: 17.1em;
}

nav[role="global"] ul li:first-child + li + li + li + li {
	width: 15.5em;
}

nav[role="global"] ul li:first-child + li + li + li + li + li {
	width: 18.7em;
}

nav[role="global"] ul li:first-child + li + li + li + li + li + li {
	position: absolute;
	top: 0;
	right: 0;
	width: 7.7em;
}

nav[role="global"] ul li a {
	display: block;
	font-size: 16px;
	line-height: 3.13;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.category-lineup nav[role="global"] a[href*="/lineup/"],
.category-toolstoys nav[role="global"] a[href*="/toolstoys/"],
.category-basic nav[role="global"] a[href*="/basic/"],
.category-all_about nav[role="global"] a[href*="/all_about/"],
.category-collection nav[role="global"] a[href*="/collection/"],
.category-magazine nav[role="global"] a[href*="/magazine/"],
.category-faq nav[role="global"] a[href*="/faq/"] {
	opacity: 0.4;
}

.ua-ie-8 .category-lineup nav[role="global"] a[href$="/lineup/"],
.ua-ie-8 .category-toolstoys nav[role="global"] a[href$="/toolstoys/"],
.ua-ie-8 .category-basic nav[role="global"] a[href$="/basic/"],
.ua-ie-8 .category-all_about nav[role="global"] a[href$="/all_about/"],
.ua-ie-8 .category-collection nav[role="global"] a[href$="/collection/"],
.ua-ie-8 .category-magazine nav[role="global"] a[href$="/magazine/"],
.ua-ie-8 .category-faq nav[role="global"] a[href$="/faq/"] {
	color: #999;
}

nav[role="breadcrumb"] {
	border-bottom: #e5e5e5 0.1em solid;
	margin-top: -0.8em;
	padding-bottom: 0.6em;
	position: relative;
}

nav[role="breadcrumb"] ol {
	width: 96em;
	margin: 0 auto;
}

nav[role="breadcrumb"] ol li {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

nav[role="breadcrumb"] ol li:before {
	font-size: 12px;
	display: inline-block;
	margin: 0 0.58em 0 0.25em;
}

nav[role="breadcrumb"] ol li a {
	display: inline-block;
	vertical-align: middle;
	color: #000;
}

nav[role="drawer"] {
	background: #fff;
	position: fixed;
	z-index: 21;
	top: 0;
	right: 0;
	-webkit-border-radius: 0 0 0 0.8em;
	border-radius: 0 0 0 0.8em;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	height: 6em;
	width: 6em;
	-webkit-transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1), height 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1), height 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1), height 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1), height 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1), height 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

nav[role="drawer"].open {
	width: 24em;
}

nav[role="drawer"].open > div:first-child a span:first-child {
	-webkit-transform: translate(0, 0) rotate(-45deg);
	-moz-transform: translate(0, 0) rotate(-45deg);
	-o-transform: translate(0, 0) rotate(-45deg);
	-ms-transform: translate(0, 0) rotate(-45deg);
	transform: translate(0, 0) rotate(-45deg);
}

nav[role="drawer"].open > div:first-child a span:first-child + span {
	-webkit-transform: translate(0, 0) rotate(45deg);
	-moz-transform: translate(0, 0) rotate(45deg);
	-o-transform: translate(0, 0) rotate(45deg);
	-ms-transform: translate(0, 0) rotate(45deg);
	transform: translate(0, 0) rotate(45deg);
}

nav[role="drawer"].open > div:first-child a span:first-child + span + span {
	opacity: 0;
}

nav[role="drawer"].disabled {
	opacity: 0;
	pointer-events: none;
}

nav[role="drawer"] > div:first-child {
	position: absolute;
	right: 0;
	top: 0;
	width: 24em;
	height: 6.5em;
	z-index: 1;
	background: #fff;
	border-bottom: 0.5em #ccc solid;
}

nav[role="drawer"] > div:first-child a {
	display: block;
	width: 6em;
	height: 6em;
	position: absolute;
	right: 0;
	top: 0;
}

nav[role="drawer"] > div:first-child a:before {
	display: none;
}

nav[role="drawer"] > div:first-child a span {
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: -moz-transform 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: -o-transform 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: -ms-transform 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.45s cubic-bezier(0.77, 0, 0.175, 1);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.8em;
	height: 0.2em;
	background: #000;
	margin: -0.1em 0 0 -0.9em;
}

nav[role="drawer"] > div:first-child a span:before {
	display: none;
}

nav[role="drawer"] > div:first-child a span:first-child {
	-webkit-transform: translate(0, -0.5em);
	-moz-transform: translate(0, -0.5em);
	-o-transform: translate(0, -0.5em);
	-ms-transform: translate(0, -0.5em);
	transform: translate(0, -0.5em);
}

nav[role="drawer"] > div:first-child a span:first-child + span {
	-webkit-transform: translate(0, 0.5em);
	-moz-transform: translate(0, 0.5em);
	-o-transform: translate(0, 0.5em);
	-ms-transform: translate(0, 0.5em);
	transform: translate(0, 0.5em);
}

nav[role="drawer"] > div:first-child + div {
	width: 24em;
	position: absolute;
	top: 0;
	right: 0;
}

nav[role="drawer"] > div:first-child + div > div {
	position: absolute;
	width: 24em;
	top: 0;
	right: 0;
	padding-top: 6.5em;
	position: absolute;
}

nav[role="drawer"] > div:first-child + div > div > ul:first-child > li:first-child a {
	padding-left: 2.06em;
	position: relative;
}

nav[role="drawer"] > div:first-child + div > div > ul:first-child > li:first-child a:before {
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	left: 0.33em;
	margin-top: -0.5em;
	color: #ed2200;
}

nav[role="drawer"] > div:first-child + div > div > ul:first-child > li:first-child a var {
	font-size: 12px;
	font-weight: bold;
	background: #ed2200;
	color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-style: normal;
	line-height: 1.67;
	text-align: center;
	width: 1.67em;
	margin-left: 0.42em;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}

nav[role="drawer"] > div:first-child + div > div > ul:first-child > li:first-child a span {
	display: inline-block;
	vertical-align: middle;
}

nav[role="drawer"] > div:first-child + div > div > ul:first-child > li:first-child + li {
	border-top: 0.5em #ccc solid;
}

nav[role="drawer"] > div:first-child + div > div > ul:first-child > li:first-child + li ul:before {
	content: "ラインナップとお買いもの";
	display: block;
	margin: 0.2em 0 -0.4em;
	font-weight: bold;
}

nav[role="drawer"] > div:first-child + div > div ul li + li {
	border-top: 0.1em #ccc solid;
}

nav[role="drawer"] > div:first-child + div > div ul li ul {
	padding: 0 1em;
}

nav[role="drawer"] > div:first-child + div > div ul li ul li a {
	padding: 0;
}

nav[role="drawer"] > div:first-child + div > div ul li a {
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 2.44;
	padding: 0 0.63em;
}

nav[role="drawer"] > div:first-child + div > div ul li a[href$="help/"] {
	font-size: 12px;
	line-height: 2.42;
	font-weight: bold;
}

nav[role="drawer"] > div:first-child + div > div ul li a[href^="mailto"] {
	font-size: 14px;
	line-height: 2.79;
	padding-left: 2.21em;
	position: relative;
}

nav[role="drawer"] > div:first-child + div > div ul li a[href^="mailto"]:before {
	font-size: 21px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -0.5em 0 0 0.43em;
}

.ua-ie-8 img[src$="svg"] {
	visibility: hidden;
}

.ua-ie-8 nav[role="drawer"].disabled {
	display: none;
}

.ua-ie-8 nav[role="drawer"].open {
	width: 25em;
}

.ua-ie-8 nav[role="drawer"].open > div:first-child a:before {
	display: none;
}

.ua-ie-8 nav[role="drawer"].open > div:first-child a span.mdi-window-close {
	display: block;
}

.ua-ie-8 nav[role="drawer"].open > div:first-child + div div {
	height: 100%;
}

.ua-ie-8 nav[role="drawer"] > div:first-child {
	width: 25em;
}

.ua-ie-8 nav[role="drawer"] > div:first-child a:before {
	color: #000;
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.5em;
	display: block;
}

.ua-ie-8 nav[role="drawer"] > div:first-child a span {
	width: 2.4em;
	height: 2.4em;
	background: #fff;
	margin: -1.2em 0 0 -1.2em;
	display: none;
}

.ua-ie-8 nav[role="drawer"] > div:first-child a span:before {
	display: block;
	color: #000;
	font-size: 24px;
}

.ua-ie-8 nav[role="drawer"] > div:first-child + div {
	width: 25em;
}

.ua-ie-8 nav[role="drawer"] > div:first-child + div div {
	width: 25em;
	overflow-y: scroll;
}

.content-image {
	font-size: 10px;
	text-align: center;
}

.content-image img {
	max-height: 80em;
	max-width: 80em;
}

.content-image > a {
	position: absolute;
	display: block;
	overflow: hidden;
	display: block;
	overflow: hidden;
	color: #000;
	z-index: 2;
}

.content-image > a:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.5em;
}

.content-image a[href*="#close"] {
	right: 0.5em;
	top: 0.5em;
	width: 4em;
	height: 4em;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	background: #000;
}

.content-image a[href*="#close"]:before {
	font-size: 35px;
}

.content-image a[href*="#prev"] {
	left: 0;
	top: 50%;
	width: 5em;
	height: 5em;
	margin-top: -2.5em;
}

.content-image a[href*="#prev"]:before {
	font-size: 50px;
}

.content-image a[href*="#next"] {
	right: 0;
	top: 50%;
	width: 5em;
	height: 5em;
	margin-top: -2.5em;
}

.content-image a[href*="#next"]:before {
	font-size: 50px;
}
/*
body > footer #footer-related ul:first-child li + li + li + li + li + li {
  display: none;
}

body > footer #footer-sitemap > ul > li + li + li + li + li > ul > li + li + li + li + li {
  display: none;
}*/

/*# sourceMappingURL=dev/store/techo/pc/ja/2017/styl/techo2017.css.map */