@charset 'utf-8';
pre, textarea {
	overflow: auto
}
[hidden], audio:not([controls]), template {
	display: none
}
details, main, summary {
	display: block
}
input[type=submit], input[type=text], textarea {
	-webkit-appearance: none
}
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;
	-webkit-user-select: none;
	-moz-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-ms-user-select: none;
	user-select: none
}
*, ::after, ::before {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	border-width: 0
}
* {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}
::after, ::before {
	vertical-align: inherit;
	text-decoration: inherit
}
:root {
	overflow-y: scroll;
	cursor: default;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}
a {
	text-decoration: none;
	outline: 0
}
audio, canvas, iframe, img, svg, video {
	vertical-align: top
}
img {
	border: none
}
canvas {
	width: 0;
	height: 0
}
button, input:not([type=radio]):not([type=checkbox]), select, textarea {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	min-height: 1.5em;
	color: inherit;
	background-color: transparent
}
[type=checkbox], [type=radio] {
	border-width: inherit;
	background: inherit
}
button:focus, input:focus, select:focus, textarea:focus {
	outline: 0
}
code, kbd, pre, samp {
	font-family: monospace, monospace
}
ol, ul {
	list-style: none
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
::-moz-selection {
	background-color: #b3d4fc;
	text-shadow: none
}
::selection {
	background-color: #b3d4fc;
	text-shadow: none
}
html {
	height: 100%
}
body {
	font: 10px/1.75 Roboto, Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight: 500;
	position: relative;
	position: relative;
	height: 100%;
	color: #3b1f1b;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
* {
	font-style: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 99999px;
	-webkit-tap-highlight-color: transparent
}
#page > header {
	background: #f05a24
}
#page > header > div {
	position: relative
}
#page > header > div h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
#page > header > div > a {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
#page > header > div img {
	display: block;
	width: 100%
}
#page > header > div ul {
	position: absolute;
	top: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
#page > header > div ul li + li:before {
	position: relative;
	top: -.1em;
	padding: 0 .5em;
	content: '|'
}
#page > header > div ul li a {
	letter-spacing: .075em;
	color: #666
}
#page > header > div ul li a:not([href]) {
	color: #fff
}
#page > aside {
	background: #f7f7f7
}
#page > aside ul li a {
	position: relative;
	display: block
}
#page > aside ul li a.disabled {
	cursor: default;
	pointer-events: none
}
#page > aside ul li a.disabled:after {
	position: absolute;
	left: 50%;
	content: '';
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	border-radius: 50%;
	background: rgba(0, 0, 0, .5)
}
#page > aside ul li a.disabled dl:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .5) url(../images/aside_disabled.svg) no-repeat 50% 60%
}
#page > aside ul li a:before {
	position: absolute;
	left: 50%;
	content: '';
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	border-radius: 50%;
	background: #f05a24
}
#page > aside ul li a dl {
	position: relative;
	z-index: 1;
	background: #f05a24
}
#page > aside ul li a dl:after {
	display: block;
	content: '';
	background: url(../images/aside_str.svg) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%
}
#page > aside ul li a dl dt {
	display: inline-block;
	width: 100%;
	vertical-align: top
}
#page > aside ul li a dl dt img {
	display: block;
	margin: 0 auto
}
#page > aside ul li a dl dd:nth-of-type(1) img {
	display: block;
	width: 100%
}
#page > aside > p {
	position: relative;
	background-image: url(/store/techo/ja/magazine/2019/summer/images/aside_bg.svg);
	background-repeat: repeat-x
}
#page > aside > p span {
	position: absolute
}
#page > footer {
	background: #fff
}
#page > footer div {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}
#page > footer div ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}
#page > footer div ul:before {
	font-weight: 700;
	display: block;
	text-align: center;
	letter-spacing: .025em
}
#page > footer div ul li img {
	display: block
}
#page > footer div ul:nth-of-type(1):before {
	content: 'SHARE'
}
#page > footer div ul:nth-of-type(2):before {
	content: 'MAIL'
}
#page > footer div a {
	display: block
}
#page > footer div a img {
	display: block;
	width: 100%
}
#page > footer > p {
	display: block;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	background: #f05a24;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}
#page > footer > p small {
	font-weight: 400;
	color: #fff
}
#slide > div {
	position: relative;
	overflow: hidden
}
#slide > div ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(0, 0) translateZ(0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate(0, 0) translateZ(0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate(0, 0) translateZ(0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0) translateZ(0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate(0, 0) translateZ(0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}
#slide > div ul li {
	position: absolute;
	top: -100%;
	overflow: hidden;
	width: 100%;
	height: 100%
}
#slide > div ul li:nth-child(1) {
	left: 0
}
#slide > div ul li.active {
	top: 0
}
#slide > div ul li img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
#slide > div ul li img.ready {
	opacity: 0
}
#slide > ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
#intro > div:nth-child(1) dl dt span {
	display: block
}
#intro > div:nth-child(1) dl dd {
	letter-spacing: .025em
}
#intro > div:nth-child(2) > div div dl dt {
	font-size: 17px;
	line-height: 1.59;
	white-space: nowrap
}
#intro > div:nth-child(2) > div div dl dd {
	font-size: 15px;
	line-height: 1.87;
	white-space: nowrap
}
#intro > div:nth-child(2) > div div dl dd strong {
	font-weight: 500;
	position: relative;
	display: inline-block;
	vertical-align: top
}
#intro > div:nth-child(2) > div div dl dd strong:before {
	position: absolute;
	left: 0;
	width: 100%;
	content: ''
}
#intro > div:nth-child(3) figure {
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%
}
#point {
	background: #f7f7f7
}
#point h2 {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 0
}
#point h2 span {
	font-weight: 700;
	position: absolute;
	left: 0;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
	letter-spacing: .025em;
	color: #fff
}
#point > div dl dt {
	letter-spacing: .025em
}
#point > div dl dd:nth-of-type(1) {
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%
}
#point > div dl dd:nth-of-type(2) {
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: .01em
}
#point > div dl dd:nth-of-type(2) a {
	color: #f05a24
}
#items div:last-child {
	border-bottom: none!important
}
#items div h3 img {
	display: block
}
#items div > p {
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: .01em
}
#items div > p a {
	position: relative;
	display: inline-block;
	padding-left: 1em;
	vertical-align: top;
	color: #f05a24
}
#items div > p a:before {
	position: absolute;
	left: 0;
	content: '>'
}
[data-page=hougan] #intro > div:nth-child(2) > div div dl {
	background: #fadea3
}
[data-page=hougan] #intro > div:nth-child(2) > div div dl:before {
	background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/icon_arrow.svg)
}
[data-page=avec] #intro > div:nth-child(2) > div div dl {
	background: #dbe4de
}
[data-page=avec] #intro > div:nth-child(2) > div div dl:before {
	background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/icon_arrow.svg)
}
.ua-desktop .btn-permeate[href] {
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
.ua-desktop .btn-permeate[href]:hover {
	opacity: .4
}
@media screen {
	[hidden ~ =screen] {
		display: inherit
	}
	[hidden ~ =screen]:not(:active):not(:focus):not(:target) {
		position: absolute!important;
		clip: rect(0 0 0 0)!important
	}
}
@media all and (min-width:768px) {
	body {
		min-width: 100em
	}
	body .device-sp {
		display: none
	}
	#page > header > div {
		height: 6em
	}
	#page > header > div h1 {
		width: 60em
	}
	#page > header > div > a {
		left: 3em;
		width: 18em
	}
	#page > header > div ul {
		right: 2.8em
	}
	#page > header > div ul li {
		font-size: 18px
	}
	#page > aside ul {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		padding: 12em 0 11em;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-o-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}
	#page > aside ul li + li {
		margin-left: 4em
	}
	#page > aside ul li a.disabled:after {
		top: -5.2em;
		width: 12.8em;
		height: 12.8em
	}
	#page > aside ul li a.disabled dl:before {
		border-radius: 1.6em;
		-webkit-background-size: 17.7em auto;
		-moz-background-size: 17.7em auto;
		background-size: 17.7em auto
	}
	#page > aside ul li a:before {
		top: -5.2em;
		width: 12.8em;
		height: 12.8em
	}
	#page > aside ul li a dl {
		width: 38em;
		padding-bottom: 1em;
		border-radius: 1.6em
	}
	#page > aside ul li a dl:after {
		width: 8.8em;
		height: 2.2em;
		margin: 1em auto 0
	}
	#page > aside ul li a dl dt {
		margin-top: -5.2em
	}
	#page > aside ul li a dl dt img {
		height: 13.9em
	}
	#page > aside ul li a dl dd:nth-of-type(1) {
		width: 36.8em;
		margin: 0 auto
	}
	#page > aside > p {
		padding-top: 25.1em;
		-webkit-animation: loop_pc 10s linear infinite;
		-moz-animation: loop_pc 10s linear infinite;
		-ms-animation: loop_pc 10s linear infinite;
		-o-animation: loop_pc 10s linear infinite;
		animation: loop_pc 10s linear infinite;
		-webkit-background-size: 4.2em 100%;
		-moz-background-size: 4.2em 100%;
		background-size: 4.2em 100%
	}
	#page > aside > p span {
		font-size: 18px;
		line-height: 1.72;
		top: 52.79%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		letter-spacing: .025em
	}
	#page > footer div {
		width: 100em;
		margin: 0 auto;
		padding: 5em 0
	}
	#page > footer div ul:before {
		font-size: 12px;
		line-height: 3.08;
		border-top: #000 .08em solid;
		border-bottom: #000 .08em solid
	}
	#page > footer div ul li {
		margin-left: 3em
	}
	#page > footer div ul li img {
		width: 6em
	}
	#page > footer div ul:nth-of-type(1) {
		margin-left: 1em
	}
	#page > footer div ul:nth-of-type(1):before {
		width: 4.25em
	}
	#page > footer div ul:nth-of-type(2) {
		margin-left: 7em
	}
	#page > footer div ul:nth-of-type(2):before {
		width: 3.42em
	}
	#page > footer div > a:nth-of-type(1) {
		width: 20em;
		margin-left: 14.5em
	}
	#page > footer div > a:nth-of-type(2) {
		width: 20em;
		margin-left: 3em
	}
	#page > footer > p {
		height: 4em
	}
	#page > footer > p small {
		font-size: 11px;
		letter-spacing: .025em
	}
	#slide > div {
		padding-top: 55.71%
	}
	#slide > div ul li img:nth-child(2) {
		display: none
	}
	#slide > ul {
		margin-top: 2em
	}
	#slide > ul li {
		width: .8em;
		height: .8em;
		cursor: pointer;
		-webkit-transition: background .3s;
		-moz-transition: background .3s;
		-ms-transition: background .3s;
		-o-transition: background .3s;
		transition: background .3s;
		border: .1em #1a1a1a solid;
		border-radius: 50%;
		background: #fff
	}
	#slide > ul li + li {
		margin-left: 2em
	}
	#slide > ul li.current {
		background: #f05a24
	}
	#intro {
		max-width: 120em;
		margin: 0 auto
	}
	#intro > div + div {
		border-top: #3b1f1b .1em dotted
	}
	#intro > div:nth-child(1) {
		padding: 5em 0 6.5em
	}
	#intro > div:nth-child(1) dl {
		position: relative;
		width: 100em;
		margin: 0 auto;
		padding-left: 12em
	}
	#intro > div:nth-child(1) dl dt {
		margin-bottom: 2em
	}
	#intro > div:nth-child(1) dl dt img {
		position: absolute;
		top: 0;
		left: 0;
		height: 8.5em
	}
	#intro > div:nth-child(1) dl dt span {
		font-size: 28px;
		line-height: 1.43
	}
	#intro > div:nth-child(1) dl dd {
		font-size: 16px;
		line-height: 1.75
	}
	#intro > div:nth-child(2) {
		padding: 7em 0
	}
	#intro > div:nth-child(2) > div {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		width: 100em;
		margin: 0 auto;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-o-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: start;
		-moz-box-align: start;
		-o-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start
	}
	#intro > div:nth-child(2) > div div {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		-webkit-box-align: start;
		-moz-box-align: start;
		-o-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start
	}
	#intro > div:nth-child(2) > div div img {
		margin: 2em 5em 0 0
	}
	#intro > div:nth-child(2) > div div dl {
		position: relative;
		padding: 1.3em 2em 1.8em;
		border-radius: 2em
	}
	#intro > div:nth-child(2) > div div dl:before {
		position: absolute;
		top: 5em;
		left: 0;
		width: 2em;
		height: 2.4em;
		content: '';
		-webkit-transform: translate(-100%, 0);
		-moz-transform: translate(-100%, 0);
		-ms-transform: translate(-100%, 0);
		-o-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
		background-repeat: no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%
	}
	#intro > div:nth-child(2) > div div dl dt {
		padding-bottom: .29em;
		border-bottom: #3b1f1b .06em solid
	}
	#intro > div:nth-child(2) > div div dl dd {
		padding-top: 1em
	}
	#intro > div:nth-child(2) > div div dl dd strong:before {
		bottom: .2em;
		border-bottom: #f05a24 .2em solid
	}
	#intro > div:nth-child(3) {
		padding: 7em 0 8em
	}
	#intro > div:nth-child(3) figure {
		width: 74em;
		margin: 0 auto;
		padding-top: 48.6em
	}
	#intro > div:nth-child(3) figure + figure {
		margin-top: 5em
	}
	#point h2 {
		min-height: 16.6em;
		padding-top: 11.86%;
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		background-size: auto 100%
	}
	#point h2 span {
		font-size: 32px;
		top: 42.17%
	}
	#point > div {
		width: 100em;
		margin: 0 auto;
		padding: 7.5em 0 10em
	}
	#point > div dl {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-o-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-o-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}
	#point > div dl + dl {
		margin-top: 10em
	}
	#point > div dl dt {
		font-size: 22px;
		line-height: 1.27;
		width: 100%;
		padding-bottom: 1em
	}
	#point > div dl dd:nth-of-type(1) {
		width: 54em;
		padding-top: 39em
	}
	#point > div dl dd:nth-of-type(2) {
		width: 28.67em
	}
	#items {
		padding: 4em 0 5em
	}
	#items div {
		padding: 4em 0 0;
		border-bottom: .1em #d2d1d6 solid
	}
	#items div h3 {
		width: 100em;
		margin: 0 auto 1.5em
	}
	#items div h3 img {
		height: 4.2em
	}
	#items div h3 img[src*=original] {
		height: 4em
	}
	#items div h3 img[src*=cousin] {
		height: 6.2em
	}
	#items div > p {
		width: 31.33em;
		margin: 0 auto;
		padding: 3em 0 4em
	}
	#items div > p a {
		font-size: 14px;
		line-height: 1.79
	}
	#items div > p a:nth-of-type(1) {
		margin-top: 2em
	}
	#items div ul {
		margin-bottom: -3em!important
	}
	[data-page=hougan] > header > div h1 {
		margin-left: 2em
	}
	[data-page=hougan] #intro > div:nth-child(2) > div div:nth-child(1) img {
		width: 8em
	}
	[data-page=hougan] #intro > div:nth-child(2) > div div:nth-child(1) dl {
		width: 29em
	}
	[data-page=hougan] #intro > div:nth-child(2) > div div:nth-child(2) img {
		width: 11em
	}
	[data-page=hougan] #intro > div:nth-child(2) > div div:nth-child(2) dl {
		width: 29em
	}
	[data-page=hougan] #intro > div:nth-child(3) figure:nth-child(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/intro_img_1.jpg)
	}
	[data-page=hougan] #intro > div:nth-child(3) figure:nth-child(2) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/intro_img_2.jpg)
	}
	[data-page=hougan] #intro > div:nth-child(3) figure:nth-child(3) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/intro_img_3.jpg)
	}
	[data-page=hougan] #point h2 {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_title.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(1) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_img_1.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(2) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_img_2.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(3) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_img_3.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(4) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_img_4.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(5) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_img_5.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(6) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_img_6.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(7) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/pc/point_img_7.jpg)
	}
	[data-page=avec] #intro > div:nth-child(2) > div div:nth-child(1) img {
		width: 8em
	}
	[data-page=avec] #intro > div:nth-child(2) > div div:nth-child(1) dl {
		width: 31em
	}
	[data-page=avec] #intro > div:nth-child(2) > div div:nth-child(2) img {
		width: 11em
	}
	[data-page=avec] #intro > div:nth-child(2) > div div:nth-child(2) dl {
		width: 31em
	}
	[data-page=avec] #intro > div:nth-child(3) figure:nth-child(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/intro_img_1.jpg)
	}
	[data-page=avec] #point h2 {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/point_title.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(1) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/point_img_1.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(2) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/point_img_2.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(3) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/point_img_3.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(4) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/point_img_4.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(5) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/point_img_5.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(6) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/pc/point_img_6.jpg)
	}
	.ua-ie [data-page=hougan] > header > div h1 {
		background: url(../images/hougan/logo.png) no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%
	}
	.ua-ie [data-page=hougan] > header > div h1 img {
		visibility: hidden
	}
}
@media screen and (max-width:767px) {
	body .device-pc {
		display: none
	}
	#page > header > div {
		height: 45px
	}
	#page > header > div h1 {
		display: none
	}
	#page > header > div > a {
		left: 10px;
		width: 180px
	}
	#page > header > div ul {
		right: 8px
	}
	#page > header > div ul li {
		font-size: 16px
	}
	#page > aside ul {
		padding: 0 10.94% 30px
	}
	#page > aside ul li {
		padding-top: 54px
	}
	#page > aside ul li a.disabled:after {
		top: -34px;
		width: 84px;
		height: 84px
	}
	#page > aside ul li a.disabled dl:before {
		border-radius: 11px;
		-webkit-background-size: 123px auto;
		-moz-background-size: 123px auto;
		background-size: 123px auto
	}
	#page > aside ul li a:before {
		top: -34px;
		width: 84px;
		height: 84px
	}
	#page > aside ul li a dl {
		padding-bottom: 8px;
		border-radius: 11px
	}
	#page > aside ul li a dl:after {
		width: 60px;
		height: 15px;
		margin: 8px auto 0
	}
	#page > aside ul li a dl dt {
		margin-top: -34px
	}
	#page > aside ul li a dl dt img {
		height: 92px
	}
	#page > aside ul li a dl dd:nth-of-type(1) {
		padding: 0 2%
	}
	#page > aside > p {
		padding-top: 171px;
		-webkit-animation: loop_sp 10s linear infinite;
		-moz-animation: loop_sp 10s linear infinite;
		-ms-animation: loop_sp 10s linear infinite;
		-o-animation: loop_sp 10s linear infinite;
		animation: loop_sp 10s linear infinite;
		-webkit-background-size: 32px auto;
		-moz-background-size: 32px auto;
		background-size: 32px auto
	}
	#page > aside > p span {
		font-size: 14px;
		line-height: 1.79;
		top: 53.22%;
		left: 0;
		width: 100%;
		padding: 0 6.25%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		letter-spacing: .025em
	}
	#page > footer div {
		padding: 30px 6.25%;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-o-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-o-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}
	#page > footer div ul {
		margin-bottom: 20px
	}
	#page > footer div ul:before {
		font-size: 10px;
		line-height: 2.8;
		border-top: #000 1px solid;
		border-bottom: #000 1px solid
	}
	#page > footer div ul li {
		margin-left: 15px
	}
	#page > footer div ul li + li {
		margin-left: 10px
	}
	#page > footer div ul li img {
		width: 35px
	}
	#page > footer div ul:nth-of-type(1) {
		width: 71.43%
	}
	#page > footer div ul:nth-of-type(1):before {
		width: 39px
	}
	#page > footer div ul:nth-of-type(2):before {
		width: 26px
	}
	#page > footer div > a {
		margin: 0 calc(50% - 80px)
	}
	#page > footer div > a:nth-of-type(1) {
		width: 160px
	}
	#page > footer div > a:nth-of-type(2) {
		width: 160px;
		margin-top: 10px
	}
	#page > footer > p {
		height: 50px
	}
	#page > footer > p small {
		font-size: 10px
	}
	#slide > div {
		padding-top: 100%
	}
	#slide > div ul li img:nth-child(1) {
		display: none
	}
	#slide > ul {
		margin-top: 10px
	}
	#slide > ul li {
		position: relative;
		width: 28px;
		height: 28px
	}
	#slide > ul li.current:before {
		background: #f05a24
	}
	#slide > ul li:before {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 8px;
		height: 8px;
		content: '';
		-webkit-transition: background .3s;
		-moz-transition: background .3s;
		-ms-transition: background .3s;
		-o-transition: background .3s;
		transition: background .3s;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		border: 1px #1a1a1a solid;
		border-radius: 50%;
		background: #fff
	}
	#intro {
		padding: 0 6.25%
	}
	#intro > div + div {
		border-top: #3b1f1b 1px dotted
	}
	#intro > div:nth-child(1) {
		padding: 30px 0 30px
	}
	#intro > div:nth-child(1) dl dt {
		text-align: center
	}
	#intro > div:nth-child(1) dl dt img {
		display: block;
		height: 70px;
		margin: 0 auto
	}
	#intro > div:nth-child(1) dl dt span {
		font-size: 21px;
		line-height: 1.48;
		display: block;
		margin: 25px auto
	}
	#intro > div:nth-child(1) dl dd {
		font-size: 14px;
		line-height: 1.71
	}
	#intro > div:nth-child(2) {
		padding: 30px 0
	}
	#intro > div:nth-child(2) > div div:nth-child(1) img {
		width: 80px
	}
	#intro > div:nth-child(2) > div div:nth-child(2) {
		margin-top: 30px
	}
	#intro > div:nth-child(2) > div div:nth-child(2) img {
		width: 110px
	}
	#intro > div:nth-child(2) > div div img {
		display: block;
		margin: 0 auto 20px
	}
	#intro > div:nth-child(2) > div div dl {
		padding: 14px 7.14% 20px;
		border-radius: 10px
	}
	#intro > div:nth-child(2) > div div dl dt {
		padding-bottom: 5px;
		border-bottom: #3b1f1b 1px solid
	}
	#intro > div:nth-child(2) > div div dl dd {
		padding-top: 15px
	}
	#intro > div:nth-child(2) > div div dl dd strong:before {
		bottom: 3px;
		border-bottom: #f05a24 3px solid
	}
	#intro > div:nth-child(3) {
		padding: 30px 0 40px
	}
	#intro > div:nth-child(3) figure {
		padding-top: 100%
	}
	#intro > div:nth-child(3) figure + figure {
		margin-top: 20px
	}
	#point h2 {
		padding-top: 33.13%;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%
	}
	#point h2 span {
		font-size: 21px;
		line-height: 1.33;
		top: 42.34%
	}
	#point > div {
		padding: 25px 6.25%
	}
	#point > div dl + dl {
		margin-top: 40px
	}
	#point > div dl dt {
		font-size: 18px;
		line-height: 1.44
	}
	#point > div dl dd:nth-of-type(1) {
		margin: 5px 0;
		padding-top: 100%
	}
	#items div {
		padding: 40px 0 16px;
		border-bottom: 1px #d2d1d6 solid
	}
	#items div h3 {
		margin-bottom: 15px
	}
	#items div h3 img {
		height: 41px;
		margin: 0 auto
	}
	#items div h3 img[src*=original] {
		height: 40px
	}
	#items div h3 img[src*=cousin] {
		height: 55px
	}
	#items div > p {
		padding: 0 6.25% 24px
	}
	#items div > p a:nth-of-type(1) {
		margin-top: 1.5em
	}
	[data-page=hougan] #intro > div:nth-child(3) figure:nth-child(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/intro_img_1.jpg)
	}
	[data-page=hougan] #intro > div:nth-child(3) figure:nth-child(2) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/intro_img_2.jpg)
	}
	[data-page=hougan] #intro > div:nth-child(3) figure:nth-child(3) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/intro_img_3.jpg)
	}
	[data-page=hougan] #point h2 {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_title.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(1) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_img_1.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(2) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_img_2.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(3) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_img_3.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(4) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_img_4.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(5) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_img_5.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(6) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_img_6.jpg)
	}
	[data-page=hougan] #point > div dl:nth-child(7) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/hougan/sp/point_img_7.jpg)
	}
	[data-page=avec] #intro > div:nth-child(3) figure:nth-child(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/intro_img_1.jpg)
	}
	[data-page=avec] #point h2 {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/point_title.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(1) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/point_img_1.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(2) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/point_img_2.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(3) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/point_img_3.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(4) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/point_img_4.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(5) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/point_img_5.jpg)
	}
	[data-page=avec] #point > div dl:nth-child(6) dd:nth-of-type(1) {
		background-image: url(/store/techo/ja/magazine/2019/summer/images/avec/sp/point_img_6.jpg)
	}
}
body {
	height: 100%
}
#page[data-page=top].splash > header:before {
	opacity: 1;
	-ms-filter: none;
	filter: none
}
#page[data-page=top].splash > header > h1 {
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
	-moz-transform: translate3d(-50%, -50%, 0) scale(1.1);
	-ms-transform: translate3d(-50%, -50%, 0) scale(1.1);
	-o-transform: translate3d(-50%, -50%, 0) scale(1.1);
	transform: translate3d(-50%, -50%, 0) scale(1.1);
	opacity: 0
}
#page[data-page=top].splash > header > h1 img:nth-child(1) {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-ms-filter: none;
	filter: none
}
#page[data-page=top].splash > header > h1 img:nth-child(2) {
	-webkit-transform: translate3d(0, 75%, 0);
	-moz-transform: translate3d(0, 75%, 0);
	-ms-transform: translate3d(0, 75%, 0);
	-o-transform: translate3d(0, 75%, 0);
	transform: translate3d(0, 75%, 0);
	opacity: 0
}
#page[data-page=top].splash > header > a, #page[data-page=top].splash > header > div {
	z-index: -1;
	opacity: 0
}
#page[data-page=top].splash > header > a span:after {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none
}
#page[data-page=top] > header {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: rgba(255, 255, 255, 0)
}
#page[data-page=top] > header:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: opacity 2.4s cubic-bezier(.445, .05, .55, .95) .6s;
	-moz-transition: opacity 2.4s cubic-bezier(.445, .05, .55, .95) .6s;
	-ms-transition: opacity 2.4s cubic-bezier(.445, .05, .55, .95) .6s;
	-o-transition: opacity 2.4s cubic-bezier(.445, .05, .55, .95) .6s;
	transition: opacity 2.4s cubic-bezier(.445, .05, .55, .95) .6s;
	opacity: 0;
	background: #fff
}
#page[data-page=top] > header > h1 {
	-webkit-transition: opacity .75s cubic-bezier(.47, 0, .745, .715), -webkit-transform .6s cubic-bezier(.25, .46, .45, .94);
	-moz-transition: opacity .75s cubic-bezier(.47, 0, .745, .715), -moz-transform .6s cubic-bezier(.25, .46, .45, .94);
	-ms-transition: opacity .75s cubic-bezier(.47, 0, .745, .715), -ms-transform .6s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .75s cubic-bezier(.47, 0, .745, .715), -o-transform .6s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .75s cubic-bezier(.47, 0, .745, .715), transform .6s cubic-bezier(.25, .46, .45, .94);
	-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
	-moz-transform: translate3d(-50%, -50%, 0) scale(1);
	-ms-transform: translate3d(-50%, -50%, 0) scale(1);
	-o-transform: translate3d(-50%, -50%, 0) scale(1);
	transform: translate3d(-50%, -50%, 0) scale(1)
}
#page[data-page=top] > header > h1 img:nth-child(1) {
	-webkit-transition: opacity .45s cubic-bezier(.47, 0, .745, .715) 2.7s, -webkit-transform .6s cubic-bezier(.47, 0, .745, .715) 2.7s;
	-moz-transition: opacity .45s cubic-bezier(.47, 0, .745, .715) 2.7s, -moz-transform .6s cubic-bezier(.47, 0, .745, .715) 2.7s;
	-ms-transition: opacity .45s cubic-bezier(.47, 0, .745, .715) 2.7s, -ms-transform .6s cubic-bezier(.47, 0, .745, .715) 2.7s;
	-o-transition: opacity .45s cubic-bezier(.47, 0, .745, .715) 2.7s, -o-transform .6s cubic-bezier(.47, 0, .745, .715) 2.7s;
	transition: opacity .45s cubic-bezier(.47, 0, .745, .715) 2.7s, transform .6s cubic-bezier(.47, 0, .745, .715) 2.7s;
	-webkit-transform: translate3d(0, -200%, 0);
	-moz-transform: translate3d(0, -200%, 0);
	-ms-transform: translate3d(0, -200%, 0);
	-o-transform: translate3d(0, -200%, 0);
	transform: translate3d(0, -200%, 0);
	opacity: 0
}
#page[data-page=top] > header > h1 img:nth-child(2) {
	-webkit-transition: opacity .6s cubic-bezier(.39, .575, .565, 1) 3.6s, -webkit-transform .45s cubic-bezier(.39, .575, .565, 1) 3.6s;
	-moz-transition: opacity .6s cubic-bezier(.39, .575, .565, 1) 3.6s, -moz-transform .45s cubic-bezier(.39, .575, .565, 1) 3.6s;
	-ms-transition: opacity .6s cubic-bezier(.39, .575, .565, 1) 3.6s, -ms-transform .45s cubic-bezier(.39, .575, .565, 1) 3.6s;
	-o-transition: opacity .6s cubic-bezier(.39, .575, .565, 1) 3.6s, -o-transform .45s cubic-bezier(.39, .575, .565, 1) 3.6s;
	transition: opacity .6s cubic-bezier(.39, .575, .565, 1) 3.6s, transform .45s cubic-bezier(.39, .575, .565, 1) 3.6s;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#page[data-page=top] > header > a, #page[data-page=top] > header > div {
	-webkit-transition: opacity .6s cubic-bezier(.445, .05, .55, .95) 3.6s;
	-moz-transition: opacity .6s cubic-bezier(.445, .05, .55, .95) 3.6s;
	-ms-transition: opacity .6s cubic-bezier(.445, .05, .55, .95) 3.6s;
	-o-transition: opacity .6s cubic-bezier(.445, .05, .55, .95) 3.6s;
	transition: opacity .6s cubic-bezier(.445, .05, .55, .95) 3.6s
}
#page[data-page=top] > header > a span:after {
	-webkit-animation: scroll 1.8s cubic-bezier(.645, .045, .355, 1) 3.9s infinite;
	-moz-animation: scroll 1.8s cubic-bezier(.645, .045, .355, 1) 3.9s infinite;
	-ms-animation: scroll 1.8s cubic-bezier(.645, .045, .355, 1) 3.9s infinite;
	-o-animation: scroll 1.8s cubic-bezier(.645, .045, .355, 1) 3.9s infinite;
	animation: scroll 1.8s cubic-bezier(.645, .045, .355, 1) 3.9s infinite
}
#bg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%
}
#bg span {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover
}
#page[data-page=top] {
	position: relative;
	z-index: 1;
	height: 100%
}
#page[data-page=top] > header {
	position: relative
}
#page[data-page=top] > header > h1 {
	position: absolute;
	top: 50%;
	left: 50%
}
#page[data-page=top] > header > h1 img {
	position: absolute
}
#page[data-page=top] > header > a {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
#page[data-page=top] > header > a img {
	display: block;
	width: 100%
}
#page[data-page=top] > header > a span {
	position: absolute;
	bottom: 0;
	left: 50%;
	overflow: hidden;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #fff
}
#page[data-page=top] > header > a span:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	-o-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	background: #f05a24
}
#overview {
	background: #fff
}
#overview > div dl + dl dd:before {
	position: absolute;
	top: 50%;
	content: '';
	background: url(/store/techo/ja/magazine/2019/summer/images/top/overview_icon.svg) no-repeat 50% 50%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	background-size: auto 100%
}
#overview > div dl dt {
	text-align: center;
	letter-spacing: .025em
}
#overview > div dl dd {
	position: relative;
	padding-top: 68.09%
}
#overview > div dl dd > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#overview > div dl i {
	position: absolute
}
#overview > div dl i img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-animation: shake 3s cubic-bezier(.445, .05, .55, .95) both infinite;
	-moz-animation: shake 3s cubic-bezier(.445, .05, .55, .95) both infinite;
	-ms-animation: shake 3s cubic-bezier(.445, .05, .55, .95) both infinite;
	-o-animation: shake 3s cubic-bezier(.445, .05, .55, .95) both infinite;
	animation: shake 3s cubic-bezier(.445, .05, .55, .95) both infinite;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px
}
#overview > p img {
	display: block;
	width: 100%
}
#lead {
	background: rgba(255, 255, 255, .9)
}
@media all and (min-width:768px) {
	#bg {
		min-width: 100em;
		min-height: 50%;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	#bg span {
		height: 100%;
		background-image: url(/store/techo/ja/magazine/2019/summer/images/top/pc/splash_bg.jpg)
	}
	#page[data-page=top] > header {
		height: 100vh
	}
	#page[data-page=top] > header > h1 {
		width: 42em;
		padding-top: 9.9em
	}
	#page[data-page=top] > header > h1 img:nth-child(1) {
		top: 1.8em;
		left: 0;
		width: 100%
	}
	#page[data-page=top] > header > h1 img:nth-child(2) {
		top: 0;
		left: 7em;
		height: 100%
	}
	#page[data-page=top] > header > a {
		width: 4.8em;
		height: calc(11.5%+ 1.6em)
	}
	#page[data-page=top] > header > a img {
		margin-bottom: .8em
	}
	#page[data-page=top] > header > a span {
		width: .1em;
		height: calc(100% - 1.6em)
	}
	#page[data-page=top] > header > div {
		height: 7em
	}
	#page[data-page=top] > header > div > a {
		width: 20em
	}
	#overview {
		padding: 7em 0 4em
	}
	#overview > div {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		max-width: 140em;
		margin: 0 auto;
		padding: 0 3em;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-o-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: start;
		-moz-box-align: start;
		-o-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start
	}
	#overview > div dl {
		width: calc(50% - 1.5em)
	}
	#overview > div dl + dl dd:before {
		top: 50%;
		left: -3em;
		width: 3em;
		height: 2.4em;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
	#overview > div dl dt {
		font-size: 20px;
		line-height: 1.75
	}
	#overview > div dl dt small {
		font-size: 14px
	}
	#overview > div dl dd {
		margin-bottom: 1em
	}
	#overview > div dl:nth-of-type(1) i {
		top: 16.82%;
		left: 12.98%;
		width: 23.66%;
		padding-top: 3.21%;
		-webkit-transform: rotate(-26deg);
		-moz-transform: rotate(-26deg);
		-ms-transform: rotate(-26deg);
		-o-transform: rotate(-26deg);
		transform: rotate(-26deg)
	}
	#overview > div dl:nth-of-type(2) i {
		top: 8.97%;
		right: 3.82%;
		width: 21.37%;
		padding-top: 3.05%;
		-webkit-transform: rotate(14deg);
		-moz-transform: rotate(14deg);
		-ms-transform: rotate(14deg);
		-o-transform: rotate(14deg);
		transform: rotate(14deg)
	}
	#overview > p {
		width: 42.9em;
		margin: 2.5em auto 0
	}
	#lead {
		padding: 6.5em 0 6em
	}
	#lead p {
		font-size: 16px;
		line-height: 1.75;
		width: 50em;
		margin: 0 auto;
		letter-spacing: .025em
	}
}
@media screen and (max-width:767px) {
	#bg {
		min-height: 50%;
		-webkit-transform: translate3d(0, 0, 0)!important;
		-moz-transform: translate3d(0, 0, 0)!important;
		-ms-transform: translate3d(0, 0, 0)!important;
		-o-transform: translate3d(0, 0, 0)!important;
		transform: translate3d(0, 0, 0)!important
	}
	#bg span {
		height: 100vh;
		background-image: url(/store/techo/ja/magazine/2019/summer/images/top/sp/splash_bg.jpg)
	}
	#page[data-page=top] > header {
		height: 100%
	}
	#page[data-page=top] > header > h1 {
		width: 230px;
		padding-top: 71px
	}
	#page[data-page=top] > header > h1 img:nth-child(1) {
		top: 25.35%;
		left: 0;
		width: 100%
	}
	#page[data-page=top] > header > h1 img:nth-child(2) {
		top: 0;
		left: 6.52%;
		height: 100%
	}
	#page[data-page=top] > header > a {
		width: 40px;
		height: calc(7.5%+ 16px)
	}
	#page[data-page=top] > header > a img {
		margin-bottom: 8px
	}
	#page[data-page=top] > header > a span {
		width: 1px;
		height: calc(100% - 16px)
	}
	#page[data-page=top] > header > div {
		height: 30px
	}
	#page[data-page=top] > header > div > a {
		width: 160px
	}
	#overview {
		padding: 20px 6.25% 30px
	}
	#overview > div dl + dl {
		margin-top: 60px
	}
	#overview > div dl + dl dd:before {
		top: -42px;
		left: 50%;
		width: 19px;
		height: 19px;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
	#overview > div dl dt {
		font-size: 16px;
		line-height: 1.25;
		padding-top: 5px
	}
	#overview > div dl dt small {
		font-size: 12px;
		line-height: 1.08
	}
	#overview > div dl:nth-of-type(1) i {
		top: 15.71%;
		left: 1.79%;
		width: 38.93%;
		padding-top: 5.36%;
		-webkit-transform: rotate(-26deg);
		-moz-transform: rotate(-26deg);
		-ms-transform: rotate(-26deg);
		-o-transform: rotate(-26deg);
		transform: rotate(-26deg)
	}
	#overview > div dl:nth-of-type(2) i {
		top: 6.81%;
		right: .71%;
		width: 35%;
		padding-top: 5%;
		-webkit-transform: rotate(14deg);
		-moz-transform: rotate(14deg);
		-ms-transform: rotate(14deg);
		-o-transform: rotate(14deg);
		transform: rotate(14deg)
	}
	#overview > p {
		width: 260px;
		margin: 20px auto 0
	}
	#lead {
		padding: 25px 6.25% 20px
	}
	#lead p {
		font-size: 15px;
		line-height: 1.67;
		letter-spacing: .01em
	}
}
[class*=mdi-]:before {
	font-family: 'Material Design Icons'
}
[class*=mdi-]:before {
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: normal;
	text-transform: none;
	word-wrap: normal;
	direction: ltr;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
#items {
	font-weight: 400
}
#items > div[id^=book_] > ul {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}
#items > div[id^=book_] > ul > li a dl ol li:before {
	display: none
}
#items > div > ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
#items > div > ul > li.soldout a dl dd {
	color: #a5a3ad
}
#items > div > ul > li[id^=ob] a dl:first-child i.btn-fav.like, #items > div > ul > li[id^=oc] a dl:first-child i.btn-fav.like {
	color: #4678a5
}
#items > div > ul > li[id^=ob] a dl:first-child + dl, #items > div > ul > li[id^=oc] a dl:first-child + dl {
	background: #4678a5
}
#items > div > ul > li[id^=cb] a dl:first-child i.btn-fav.like, #items > div > ul > li[id^=cc] a dl:first-child i.btn-fav.like {
	color: #be5a5a
}
#items > div > ul > li[id^=cb] a dl:first-child + dl, #items > div > ul > li[id^=cc] a dl:first-child + dl {
	background: #be5a5a
}
#items > div > ul > li a {
	position: relative;
	display: block
}
#items > div > ul > li a dl {
	overflow: hidden
}
#items > div > ul > li a dl dt {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding-top: 100%;
	background: url(/store/techo/2019/images/loading3.gif) no-repeat 50% 50%
}
#items > div > ul > li a dl dt > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear
}
#items > div > ul > li a dl dt > img.ready, #items > div > ul > li a dl dt > img.state-ready, #items > div > ul > li a dl dt > img.state-ready-forced {
	visibility: hidden;
	opacity: 0
}
#items > div > ul > li a dl dt i.icon-info {
	position: absolute
}
#items > div > ul > li a dl dt i.icon-info img {
	width: 100%
}
#items > div > ul > li a dl dd {
	line-height: 1.6;
	position: relative;
	overflow: hidden;
	color: #1e1933
}
#items > div > ul > li a dl dd:nth-of-type(1) span {
	display: block;
	overflow: hidden
}
#items > div > ul > li a dl dd:nth-of-type(1) span:empty {
	display: none
}
#items > div > ul > li a dl dd:nth-of-type(1) strong {
	font-weight: 700;
	display: block;
	overflow: hidden
}
#items > div > ul > li a dl i.btn-fav {
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	color: #a5a3ad
}
#items > div > ul > li a dl i.btn-fav:before {
	font-size: 19px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
#items > div > ul > li a dl ol li + li {
	margin-top: .8em
}
#items > div > ul > li a dl ol li:before {
	font-weight: 700;
	display: block;
	content: 'Book & Cover Set'
}
#items > div > ul > li a dl ol li var {
	padding-left: .25em
}
#items > div > ul > li a + p {
	overflow: hidden
}
#items > div > ul > li a + p * {
	font-weight: 400;
	display: block;
	color: #a5a3ad
}
.icon-info {
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%
}
.icon-info[data-index='0'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_mega.svg)
}
.icon-info[data-index='1'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_2018.svg)
}
.icon-info[data-index='2'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_start_1.svg)
}
.icon-info[data-index='3'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_start_4.svg)
}
.icon-info[data-index='4'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_start_7.svg)
}
.icon-info[data-index='5'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_start_1_only.svg)
}
.icon-info[data-index='6'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_sale_10.svg)
}
.icon-info[data-index='7'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_sale_11.svg)
}
.icon-info[data-index='8'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_sale_12.svg)
}
.icon-info[data-index='9'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_only_sp.svg)
}
.icon-info[data-index='10'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_lot_sale.svg)
}
.icon-info[data-index='11'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_lot_cls.svg)
}
.icon-info[data-index='12'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_only_ws.svg)
}
.icon-info[data-index='13'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_only_as.svg)
}
.icon-info[data-index='14'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_only_jpn.svg)
}
.icon-info[data-index='15'] {
	background-image: url(/store/techo/en/2019/images/icon/icon_cont.svg)
}
@media all and (min-width:768px) {
	#items > div[id^=book_] > ul > li a dl dd:nth-of-type(2) {
		height: 5.2em
	}
	#items > div > ul {
		width: 98em;
		margin: 0 auto
	}
	#items > div > ul > li {
		width: 24.5em;
		padding: 0 1em 3.2em
	}
	#items > div > ul > li a dl dt {
		-webkit-background-size: 3.2em 3.2em;
		-moz-background-size: 3.2em 3.2em;
		background-size: 3.2em 3.2em
	}
	#items > div > ul > li a dl dt i.icon-info {
		top: 0;
		right: 0
	}
	#items > div > ul > li a dl dt i.icon-info + i.icon-info {
		top: 4.6em
	}
	#items > div > ul > li a dl dt i.icon-info + i.icon-info + i.icon-info {
		top: 9.2em
	}
	#items > div > ul > li a dl dt i.icon-info + i.icon-info + i.icon-info + i.icon-info {
		top: 13.8em
	}
	#items > div > ul > li a dl dd {
		padding: 0 .8em;
		border-bottom: .1em #d2d1d6 solid
	}
	#items > div > ul > li a dl dd:nth-of-type(1) {
		height: 7.3em;
		padding-top: .4em;
		padding-right: 3em
	}
	#items > div > ul > li a dl dd:nth-of-type(1) span {
		height: 1.6em
	}
	#items > div > ul > li a dl dd:nth-of-type(1) strong {
		font-size: 13px;
		line-height: 1.23;
		height: 3.7em
	}
	#items > div > ul > li a dl dd:nth-of-type(2) {
		height: 6.7em;
		padding-top: 1.7em
	}
	#items > div > ul > li a dl i.btn-fav {
		width: 3em;
		height: 3em
	}
	#items > div > ul > li a dl ol li var, #items > div > ul > li a dl ol li:before {
		font-size: 13px;
		line-height: 1.23
	}
	#items > div > ul > li a dl + dl {
		position: absolute;
		top: 22.5em;
		left: 0;
		width: 100%;
		height: 0;
		-webkit-transition: height .3s cubic-bezier(.165, .84, .44, 1);
		-moz-transition: height .3s cubic-bezier(.165, .84, .44, 1);
		-ms-transition: height .3s cubic-bezier(.165, .84, .44, 1);
		-o-transition: height .3s cubic-bezier(.165, .84, .44, 1);
		transition: height .3s cubic-bezier(.165, .84, .44, 1)
	}
	#items > div > ul > li a dl + dl dd {
		color: #fff!important
	}
	#items > div > ul > li a dl + dl i.btn-fav.like {
		color: #fff
	}
	#items > div > ul > li a + p {
		padding-right: .8em;
		padding-left: .8em
	}
	#items > div > ul > li a + p * {
		font-size: 13px;
		line-height: 1.23;
		color: #a5a3ad
	}
	#items > div > ul > li a + p:not(:empty) {
		padding-top: 8px
	}
	#items > div > ul > li a + p span:not(:empty) + strong {
		padding-top: 0
	}
	.icon-info {
		width: 4.2em;
		height: 4.2em
	}
	.ua-desktop #items > div > ul > li a:hover dl:first-child + dl {
		height: calc(100% - 22.5em);
		-webkit-transition: height .3s cubic-bezier(.25, .46, .45, .94);
		-moz-transition: height .3s cubic-bezier(.25, .46, .45, .94);
		-ms-transition: height .3s cubic-bezier(.25, .46, .45, .94);
		-o-transition: height .3s cubic-bezier(.25, .46, .45, .94);
		transition: height .3s cubic-bezier(.25, .46, .45, .94)
	}
}
@media screen and (max-width:767px) {
	#items > div[id^=book_] > ul > li a dl dd:nth-of-type(2) {
		height: 45px
	}
	#items > div > ul {
		padding: 0 6.25%
	}
	#items > div > ul > li {
		width: calc(50% - 8px);
		padding-bottom: 24px
	}
	#items > div > ul > li:nth-child(2n+1) {
		margin-right: 16px
	}
	#items > div > ul > li a dl dt {
		-webkit-background-size: 32px 32px;
		-moz-background-size: 32px 32px;
		background-size: 32px 32px
	}
	#items > div > ul > li a dl dt i.icon-info {
		top: 2px;
		right: 2px
	}
	#items > div > ul > li a dl dt i.icon-info + i.icon-info {
		top: 46px
	}
	#items > div > ul > li a dl dt i.icon-info + i.icon-info + i.icon-info {
		top: 90px
	}
	#items > div > ul > li a dl dt i.icon-info + i.icon-info + i.icon-info + i.icon-info {
		top: 134px
	}
	#items > div > ul > li a dl dd {
		border-bottom: 1px #d2d1d6 solid
	}
	#items > div > ul > li a dl dd:nth-of-type(1) {
		height: 86px;
		padding-top: 8px;
		padding-right: 23px
	}
	#items > div > ul > li a dl dd:nth-of-type(1) span {
		height: 16px
	}
	#items > div > ul > li a dl dd:nth-of-type(1) strong {
		font-size: 14px;
		line-height: 1.14;
		height: 48px
	}
	#items > div > ul > li a dl dd:nth-of-type(2) {
		height: 64px;
		padding-top: 13px
	}
	#items > div > ul > li a dl i.btn-fav {
		width: 30px;
		height: 30px
	}
	#items > div > ul > li a dl ol li var, #items > div > ul > li a dl ol li:before {
		font-size: 14px;
		line-height: 1.14
	}
	#items > div > ul > li a dl + dl {
		display: none
	}
	#items > div > ul > li a + p * {
		font-size: 14px;
		line-height: 1.14
	}
	#items > div > ul > li a + p:not(:empty) {
		padding-top: 8px
	}
	#items > div > ul > li a + p span:not(:empty) + strong {
		padding-top: 0
	}
	.icon-info {
		width: 42px;
		height: 42px
	}
}
@-moz-keyframes loop_pc {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 42em 0
	}
}
@-webkit-keyframes loop_pc {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 42em 0
	}
}
@-o-keyframes loop_pc {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 42em 0
	}
}
@keyframes loop_pc {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 42em 0
	}
}
@-moz-keyframes loop_sp {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 320px 0
	}
}
@-webkit-keyframes loop_sp {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 320px 0
	}
}
@-o-keyframes loop_sp {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 320px 0
	}
}
@keyframes loop_sp {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 320px 0
	}
}
@-moz-keyframes shake {
	35% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
	38% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	41% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	44% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	47% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	50% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	53% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	56% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	59% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	62% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	65% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
}
@-webkit-keyframes shake {
	35% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
	38% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	41% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	44% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	47% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	50% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	53% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	56% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	59% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	62% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	65% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
}
@-o-keyframes shake {
	35% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
	38% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	41% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	44% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	47% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	50% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	53% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	56% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	59% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	62% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	65% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
}
@keyframes shake {
	35% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
	38% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	41% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	44% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	47% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	50% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	53% {
		-webkit-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-moz-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-ms-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		-o-transform: translate3d(1.5%, 0, 0) rotate(1.5deg);
		transform: translate3d(1.5%, 0, 0) rotate(1.5deg)
	}
	56% {
		-webkit-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-moz-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-ms-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		-o-transform: translate3d(-2%, 0, 0) rotate(-2deg);
		transform: translate3d(-2%, 0, 0) rotate(-2deg)
	}
	59% {
		-webkit-transform: translate3d(1%, 0, 0) rotate(1deg);
		-moz-transform: translate3d(1%, 0, 0) rotate(1deg);
		-ms-transform: translate3d(1%, 0, 0) rotate(1deg);
		-o-transform: translate3d(1%, 0, 0) rotate(1deg);
		transform: translate3d(1%, 0, 0) rotate(1deg)
	}
	62% {
		-webkit-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-moz-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-ms-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		-o-transform: translate3d(-.5%, 0, 0) rotate(-.5deg);
		transform: translate3d(-.5%, 0, 0) rotate(-.5deg)
	}
	65% {
		-webkit-transform: translate3d(0, 0, 0) rotate(0);
		-moz-transform: translate3d(0, 0, 0) rotate(0);
		-ms-transform: translate3d(0, 0, 0) rotate(0);
		-o-transform: translate3d(0, 0, 0) rotate(0);
		transform: translate3d(0, 0, 0) rotate(0)
	}
}
@-moz-keyframes scroll {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	50% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	50% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
@-o-keyframes scroll {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	50% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
@keyframes scroll {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	50% {
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
#items .storeinfo {
	border: solid 1px #3b1f1b;
	border-left: none;
	border-right: none;
	display: block;
	font-size: 14px;
	width: 465px;
	margin: -15px auto 25px;
	padding: 20px;
}
#items .storeinfo a:link {
	color: #f05a24;
}
a:visited {
	color: #f05a24;
}
a:hover {
	color: #f7a78b;
}
@media screen and (max-width:767px) {
	#items .storeinfo {
		font-size: 13px;
		width: 90%;
		margin: 0px auto 0px;
		padding: 10px;
	}
}
