/** Shopify CDN: Minification failed

Line 183:0 Unexpected "}"
Line 473:0 Expected percentage but found "."
Line 1262:0 Expected percentage but found "."
Line 2067:0 Expected percentage but found "."

**/
/* auto-generated from https://sato-res.com/sato/app/assets/css/style.css (wayback 20250108165629) */


.legacy-sato-app /* index

	style.css

	- .legacy-sato-app
	- iOS
	- assist
	- font
	
----------------------------------------------- */










/* .legacy-sato-app
----------------------------------------------- */
* {
	box-sizing: border-box;
}
.legacy-sato-app {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: 'Open Sans', 'Noto Sans JP', sans-serif;
	background: #fff;
	color: #000;
	box-sizing: border-box;
}
.legacy-sato-app ::selection {
	color: #fff;
	background: #e60020;
}
.legacy-sato-app ::-moz-selection {
	color: #fff;
	background: #e60020;
}
.legacy-sato-app /* iOS
----------------------------------------------- */
*:after {
	display: block;
	clear: both;
}
.legacy-sato-app {
	-webkit-text-size-adjust: 100%;
}
.legacy-sato-app /* assist
----------------------------------------------- */
.hr_ hr {
	display: none;
	clear: both;
}
.legacy-sato-app img {
	border: 0;
	vertical-align: bottom;
}
.legacy-sato-app .clearing {
	clear: both;
}
.legacy-sato-app .clearfix:before, .legacy-sato-app .clearfix:after {
	content: " ";
	display: table;
}
.legacy-sato-app .clearfix:after {
	clear: both;
}
.legacy-sato-app .clearfix {
    zoom: 1;
}
.legacy-sato-app /* font
----------------------------------------------- */
h1 {
	margin: 0;
	padding: 0;
}
.legacy-sato-app h2 {
	font-size: 1.7em;
	line-height: 1.5;
	font-weight: bold;
}
.legacy-sato-app h3 {
	font-size: 1.6em;
	line-height: 1.5;
	font-weight: bold;
}
.legacy-sato-app h4, .legacy-sato-app h5 {
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
}
.legacy-sato-app h6 {
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
}
.legacy-sato-app p, .legacy-sato-app ul, .legacy-sato-app ol, .legacy-sato-app dl, .legacy-sato-app table {
	font-size: 1em;
	line-height: 1.7;
	font-weight: normal;
}
.legacy-sato-app big {
	font-size: 1.2em;
	line-height: 1.7;
	font-weight: normal;
}
.legacy-sato-app sub, .legacy-sato-app small {
	font-size: 0.9em;
	line-height: 1.7;
	font-weight: normal;
}
.legacy-sato-app sub {
	font-size: 0.6em;
}
.legacy-sato-app strong {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.legacy-sato-app em {
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding: 0;
	color: #e60020;
}
.legacy-sato-app a:link, .legacy-sato-app a:visited {
	color: #e60020;
	text-decoration: underline;
}
.legacy-sato-app a:hover, .legacy-sato-app a:active {
	color: #e60020;
	text-decoration: none;
}



.legacy-sato-app /* index

	reset.css
	
----------------------------------------------- */

.legacy-sato-app, .legacy-sato-app, .legacy-sato-app address, .legacy-sato-app blockquote, .legacy-sato-app div, .legacy-sato-app dl, .legacy-sato-app form, .legacy-sato-app h1, .legacy-sato-app h2, .legacy-sato-app h3, .legacy-sato-app h4, .legacy-sato-app h5, .legacy-sato-app h6, .legacy-sato-app ol, .legacy-sato-app p, .legacy-sato-app pre, .legacy-sato-app table, .legacy-sato-app ul, .legacy-sato-app dd, .legacy-sato-app dt, .legacy-sato-app li, .legacy-sato-app tbody, .legacy-sato-app td, .legacy-sato-app tfoot, .legacy-sato-app th, .legacy-sato-app thead, .legacy-sato-app tr, .legacy-sato-app button, .legacy-sato-app del, .legacy-sato-app ins, .legacy-sato-app map, .legacy-sato-app object, .legacy-sato-app a, .legacy-sato-app abbr, .legacy-sato-app acronym, .legacy-sato-app b, .legacy-sato-app bdo, .legacy-sato-app big, .legacy-sato-app br, .legacy-sato-app cite, .legacy-sato-app code, .legacy-sato-app dfn, .legacy-sato-app em, .legacy-sato-app i, .legacy-sato-app img, .legacy-sato-app kbd, .legacy-sato-app q, .legacy-sato-app samp, .legacy-sato-app small, .legacy-sato-app span, .legacy-sato-app strong, .legacy-sato-app sub, .legacy-sato-app sup, .legacy-sato-app tt, .legacy-sato-app var, .legacy-sato-app legend, .legacy-sato-app fieldset {
	margin: 0;
	padding: 0;
	background: transparent;
}
.legacy-sato-app ol, .legacy-sato-app ul {
	list-style: none;
}
.legacy-sato-app :focus {
	outline: 0;
}
.legacy-sato-app ins {
	text-decoration: none;
}
.legacy-sato-app del {
	text-decoration: line-through;
}
.legacy-sato-app img, .legacy-sato-app fieldset {
	border: 0;
}
.legacy-sato-app /*img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.legacy-sato-app */

article, .legacy-sato-app aside, .legacy-sato-app details, .legacy-sato-app figcaption, .legacy-sato-app figure, .legacy-sato-app footer, .legacy-sato-app header, .legacy-sato-app hgroup, .legacy-sato-app menu, .legacy-sato-app nav, .legacy-sato-app section { 
    display: block;
}
.legacy-sato-app table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

.legacy-sato-app, .legacy-sato-app, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
.legacy-sato-app {
    line-height:1;
}
.legacy-sato-app article, .legacy-sato-app aside, .legacy-sato-app details, .legacy-sato-app figcaption, .legacy-sato-app figure, .legacy-sato-app footer, .legacy-sato-app header, .legacy-sato-app hgroup, .legacy-sato-app menu, .legacy-sato-app nav, .legacy-sato-app section { 
	display:block;
}
.legacy-sato-app nav ul {
    list-style:none;
}
.legacy-sato-app blockquote, .legacy-sato-app q {
    quotes:none;
}
.legacy-sato-app blockquote:before, .legacy-sato-app blockquote:after, .legacy-sato-app q:before, .legacy-sato-app q:after {
    content:'';
    content:none;
}
.legacy-sato-app a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
.legacy-sato-app /* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
.legacy-sato-app /* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
.legacy-sato-app del {
    text-decoration: line-through;
}
.legacy-sato-app abbr[title], .legacy-sato-app dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
.legacy-sato-app table {
    border-collapse:collapse;
    border-spacing:0;
}
.legacy-sato-app /* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
.legacy-sato-app input, .legacy-sato-app select {
    vertical-align:middle;
}


/* index

	font.css

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

@font-face {
	font-family: 'Flaticon';
	src: url('legacy-sato-app-Flaticon.woff2') format('woff2'),
		url('legacy-sato-app-Flaticon.woff') format('woff'),
		url('legacy-sato-app-Flaticon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.legacy-sato-app [class^="icon-"]:before, .legacy-sato-app [class*=" icon-"]:before, .legacy-sato-app [class^="icon-"]:after, .legacy-sato-app [class*=" icon-"]:after {   
	font-family: Flaticon;
	font-size: 1em;
	font-style: normal;
	font-weight: lighter;
}
.legacy-sato-app .icon-right:before { content: "\f100"; }
.legacy-sato-app .icon-left:before { content: "\f101"; }
.legacy-sato-app .icon-up:before { content: "\f102"; }
.legacy-sato-app .icon-down:before { content: "\f103"; }
.legacy-sato-app .icon-question:before { content: "\f104"; }
.legacy-sato-app .icon-answer:before { content: "\f105"; }
.legacy-sato-app .icon-help:before { content: "\f106"; }
.legacy-sato-app .icon-open:before { content: "\f107"; }
.legacy-sato-app .icon-close:before { content: "\f108"; }
.legacy-sato-app .icon-pdf:before { content: "\f109"; }
.legacy-sato-app .icon-blank:before { content: "\f10a"; }
.legacy-sato-app .icon-car:before { content: "\f10b"; }
.legacy-sato-app .icon-home:before { content: "\f10c"; }


@media screen and (min-width: 747px) {

.legacy-sato-app /* index

	pc.css
	
	- header
	- layout
	- footer
	- fadetop

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


.legacy-sato-app {
	min-width: 1280px;
}
.legacy-sato-app .sp {
	display: none;
}
.legacy-sato-app /* header
----------------------------------------------- */
header {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-header.jpg) no-repeat;
	background-size: cover;
	clear: both;
}
.legacy-sato-app header:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app header hgroup {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 600px;
	background-size: 1120px auto;
	clear: both;
}
.legacy-sato-app header h1 {
	position: absolute;
	right: 155px;
	top: 140px;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 210px;
	background: url(legacy-sato-app-h1.svg) no-repeat;
	background-size: 400px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header h2 {
	position: absolute;
	left: 150px;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 540px;
	background: url(legacy-sato-app-sp.png) no-repeat;
	background-size: 330px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header h3 a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 220px;
	height: 75px;
	background: url(legacy-sato-app-sato.png) no-repeat;
	background-size: 220px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header ul {
	position: absolute;
	bottom: 140px;
	right: 170px;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app header ul li {
	margin: 0;
	padding: 0;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header ul li.apple a {
	display: block;
	margin: 0 25px 0 0;
	padding: 0;
	width: 155px;
	height: 57px;
	background: url(legacy-sato-app-apple.png) no-repeat;
	background-size: 155px auto;
	clear: both;
}
.legacy-sato-app header ul li.google a {
	display: block;
	margin: 0;
	padding: 0;
	width: 192px;
	height: 57px;
	background: url(legacy-sato-app-google.png) no-repeat;
	background-size: 192px auto;
	clear: both;
}
.legacy-sato-app /* layout
----------------------------------------------- */
.wasyokun {
	animation:wasyokun 3s ease-in-out infinite alternate both;
	position: absolute;
	z-index: 9999;
	top: 480px;
	right: 80px;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 174px;
	background: url(legacy-sato-app-wasyokun.png) no-repeat;
	background-size: 250px auto;
	clear: both;
}

@keyframes wasyokun {
	0% {transform:translate(0, -20px) rotate(-1deg);}
.legacy-sato-app 100% {transform:translate(0, 0) rotate(1deg);}
}
.legacy-sato-app .coupon {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .coupon article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .coupon h3 {
	display: block;
	margin: 127px 0 0 146px;
	padding: 0;
	width: 426px;
	height: 245px;
	background: url(legacy-sato-app-coupon-text-pc.png) no-repeat;
	background-size: 426px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .coupon h4 {
	display: block;
	margin: 50px 223px 0 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-coupon-sp.png) no-repeat;
	background-size: 193px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .reserve {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .reserve article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .reserve h3 {
	display: block;
	margin: 107px 190px 0 0;
	padding: 0;
	width: 420px;
	height: 266px;
	background: url(legacy-sato-app-reserve-text-pc.png) no-repeat;
	background-size: 420px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .reserve h4 {
	display: block;
	margin: 50px 0 0 223px;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-reserve-sp.png) no-repeat;
	background-size: 193px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .mobileorder {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .mobileorder article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .mobileorder h3 {
	display: block;
	margin: 82px 0 0 145px;
	padding: 0;
	width: 466px;
	height: 337px;
	background: url(legacy-sato-app-mobileorder-text-pc.png) no-repeat;
	background-size: 466px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .mobileorder h4 {
	display: block;
	margin: 50px 223px 0 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-mobileorder-sp.png) no-repeat;
	background-size: 193px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .stamp {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .stamp article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .stamp h3 {
	display: block;
	margin: 111px 248px 0 0;
	padding: 0;
	width: 364px;
	height: 279px;
	background: url(legacy-sato-app-stamp-text-pc.png) no-repeat;
	background-size: 364px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .stamp h4 {
	display: block;
	margin: 50px 0 0 223px;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-stamp-sp.png) no-repeat;
	background-size: 193px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .search {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .search article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .search h3 {
	display: block;
	margin: 122px 0 0 267px;
	padding: 0;
	width: 343px;
	height: 256px;
	background: url(legacy-sato-app-search-text-pc.png) no-repeat;
	background-size: 343px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .search h4 {
	display: block;
	margin: 50px 223px 0 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-search-sp.png) no-repeat;
	background-size: 193px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .coupon p, .legacy-sato-app .reserve p, .legacy-sato-app .mobileorder p, .legacy-sato-app .stamp p, .legacy-sato-app .search p {
	display: none;
}
.legacy-sato-app .function {
	margin: 0;
	padding: 50px 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .function:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app .function article {
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	clear: both;
}
.legacy-sato-app .function div {
	margin: 50px 0 0 0;
	padding: 0 50px;
	width: 370px;
	border-right: 2px solid #e60020;
	float: left;
}
.legacy-sato-app .function div:nth-child(4), .legacy-sato-app .function div:nth-child(7) {
	margin: 50px 0 0 0;
	border-right: none !important;
}
.legacy-sato-app .function div:nth-child(5), .legacy-sato-app .function div:nth-child(6) {
	border-bottom: none;
}
.legacy-sato-app .function h3 {
	margin: 0;
	padding: 0;
	width: 1120px;
	font-size: 2em;
	line-height: 60px;
	text-align: center;
	color: #e60020;
	border: 2px solid #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .function h4 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .function p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .function small {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	color: #000;
	clear: both;
}
.legacy-sato-app .function img {
	display: table;
	margin: 25px auto;
	padding: 0;
	width: 50%;
	height: auto;
	clear: both;
}
.legacy-sato-app .function img.reserve {
	width: 35%;
}
.legacy-sato-app .function img.order {
	width: 28%;
}
.legacy-sato-app .download {
	margin: 0;
	padding: 50px 0;
	clear: both;
}
.legacy-sato-app .download:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app .download article {
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	clear: both;
}
.legacy-sato-app .download .iphone {
	margin: 50px 0 0 0;
	padding: 0 50px;
	width: 560px;
	float: left;
}
.legacy-sato-app .download .android {
	margin: 50px 0 0 0;
	padding: 0 50px;
	width: 560px;
	float: left;
}
.legacy-sato-app .download .install {
	margin: 50px 0 0 0;
	padding: 0 50px;
	clear: both;
}
.legacy-sato-app .download .install div {
	margin: 0 50px 0 0;
	padding: 0;
	width: 306px;
	float: left;
}
.legacy-sato-app .download .install div:last-child {
	margin: 0;
}
.legacy-sato-app .download h3 {
	margin: 0;
	padding: 0;
	width: 1120px;
	font-size: 2em;
	line-height: 60px;
	text-align: center;
	color: #e60020;
	border: 2px solid #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .download h4 {
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	border-top: 2px solid #e60020;
	clear: both;
}
.legacy-sato-app .download .install h4 {
	padding: 50px 0 0 0;
	border: none;
}
.legacy-sato-app .download h5 {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .download p i {
	display: block;
	margin: 25px auto 0;
	padding: 0;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .download img {
	display: block;
	margin: 25px auto;
	padding: 0;
	clear: both;
}
.legacy-sato-app .anchor {
	margin: 0 0 50px 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .anchor p a {
	display: table;
	margin: 0 auto;
	padding: 30px 0;
	width: 1020px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #000;
	clear: both;

	border-radius: 10px;
	-webkit-border-radius: 10px;

}
.legacy-sato-app .anchor i {
	margin: 0 10px 0 0;
}
.legacy-sato-app .app {
	margin: 0;
	padding: 50px 0;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .app h3 {
	margin: 0 auto;
	padding: 0;
	width: 656px;
	height: 43px;
	background: url(legacy-sato-app-app.svg) no-repeat;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .app ul {
	display: table;
	margin: 50px auto 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .app ul li {
	margin: 0 50px;
	padding: 0;
	text-align: center;
	float: left;
}
.legacy-sato-app .app ul li.apple a {
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 162px;
	height: 60px;
	background: url(legacy-sato-app-apple.png) no-repeat;
	background-size: 162px auto;
	clear: both;
}
.legacy-sato-app .app ul li.google a {
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 200px;
	height: 60px;
	background: url(legacy-sato-app-google.png) no-repeat;
	background-size: 200px auto;
	clear: both;
}
.legacy-sato-app .app img {
	margin: 25px 0 0 0;
	padding: 15px;
	width: 200px;
	height: auto;
	background: #fff;
	clear: both;
}
.legacy-sato-app .faq {
	margin: 0;
	padding: 50px 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .faq article {
	display: block;
	margin: 50px auto 0;
	padding: 0;
	width: 1120px;
	clear: both;
}
.legacy-sato-app .faq h3 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .faq dl {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .faq dl dt {
	margin: 0;
	padding: 25px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	background: #e60020;
	clear: both;
}
.legacy-sato-app .faq dl dd {
	margin: 0;
	padding: 25px;
	background: #fff;
	clear: both;
}
.legacy-sato-app .faq span {
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 25px;
	font-size: 0.8em;
	line-height: 25px;
	text-align: center;
	color: #e60020;
	background: #fff;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .faq ol {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .faq ol li {
	margin: 2px 0 2px 1.5em;
	padding: 0;
	list-style: decimal;
	clear: both;
}
.legacy-sato-app .notice {
	display: table;
	margin: 0 auto;
	padding: 50px 0;
	clear: both;
}
.legacy-sato-app .notice p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	clear: both;
}
.legacy-sato-app /* footer
----------------------------------------------- */
footer {
	margin: 0;
	padding: 50px 0;
	text-align: center;
	border-top: 1px solid #ddd;
	clear: both;
}
.legacy-sato-app footer ul {
	display: table;
	margin: 20px auto 0;
	padding: 0;
	font-size: 1em;
	clear: both;
}
.legacy-sato-app footer ul li {
	margin: 0;
	padding: 0;
	float: left;
}
.legacy-sato-app footer ul li:before {
	content: '｜';
}
.legacy-sato-app footer ul li:first-child:before {
	content: '';
}
.legacy-sato-app footer address {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	font-style: normal;
	clear: both;
}
.legacy-sato-app footer a:link, .legacy-sato-app footer a:visited, .legacy-sato-app footer a:hover, .legacy-sato-app footer a:active {
	color: #000;
	text-decoration: none;
}
.legacy-sato-app /* fadetop
----------------------------------------------- */
.fadetop a {
	display: block;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: url(legacy-sato-app-top.png) no-repeat;
	background-size: 30px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}


}

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

.legacy-sato-app /* index

	sp.css
	
	- header
	- layout
	- footer
	- fadetop

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


.pc {
	display: none;
}
.legacy-sato-app /* header
----------------------------------------------- */
header {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-header.jpg) no-repeat;
	background-size: cover;
	clear: both;
}
.legacy-sato-app header:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app header hgroup {
	display: block;
	position: relative;
	margin: 0;
	padding: 93px 24px 0;
	clear: both;
}
.legacy-sato-app header h1 {
	margin: 0;
	padding-top: 40%;
	width: 100%;
	height: 0;
	background: url(legacy-sato-app-h1.svg) no-repeat center top;
	background-size: contain;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header h2 {
	margin: 0;
	padding-top: 100%;
	width: 100%;
	height: 0;
	background: url(legacy-sato-app-sp.png) no-repeat center top;
	background-size: contain;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header h3 a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	width: 154px;
	height: 53px;
	background: url(legacy-sato-app-sato.png) no-repeat;
	background-size: 154px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header ul {
	margin: 24px 0 40px 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app header ul:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app header ul li {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header ul li.apple a {
	display: block;
	margin: 6px auto 0;
	padding-top: 30%;
	width: 100%;
	height: 0;
	background: url(legacy-sato-app-apple.png) no-repeat center center;
	background-size: contain;
	clear: both;
}
.legacy-sato-app header ul li.google a {
	display: block;
	margin: 6px 0 0 0;
	padding-top: 29.68%;
	width: 100%;
	height: 0;
	background: url(legacy-sato-app-google.png) no-repeat;
	background-size: cover;
	clear: both;
}
.legacy-sato-app /* layout
----------------------------------------------- */
.wasyokun {
	animation:wasyokun 3s ease-in-out infinite alternate both;
	position: fixed;
	z-index: 9999;
	top: 560px;
	right: 24px;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 87px;
	background: url(legacy-sato-app-wasyokun.png) no-repeat;
	background-size: 125px auto;
	clear: both;
}

@keyframes wasyokun {
	0% {transform:translate(0, -20px) rotate(-1deg);}
.legacy-sato-app 100% {transform:translate(0, 0) rotate(1deg);}
}
.legacy-sato-app .coupon {
	margin: 0;
	padding: 40px 24px;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .coupon article {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .coupon h3 {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 184px;
	background: url(legacy-sato-app-coupon-text-sp.png) no-repeat;
	background-size: 100% auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .coupon h4 {
	display: block;
	margin: 40px auto 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-coupon-sp.png) no-repeat;
	background-size: 193px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .reserve {
	margin: 0;
	padding: 40px 24px;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .reserve article {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .reserve h3 {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 209px;
	background: url(legacy-sato-app-reserve-text-sp.png) no-repeat;
	background-size: 100% auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .reserve h4 {
	display: block;
	margin: 40px auto 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-reserve-sp.png) no-repeat;
	background-size: 193px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .mobileorder {
	margin: 0;
	padding: 40px 24px;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .mobileorder article {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .mobileorder h3 {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 253px;
	background: url(legacy-sato-app-mobileorder-text-sp.png) no-repeat;
	background-size: 100% auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .mobileorder h4 {
	display: block;
	margin: 40px auto 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-mobileorder-sp.png) no-repeat;
	background-size: 193px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .stamp {
	margin: 0;
	padding: 40px 24px;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .stamp article {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .stamp h3 {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 209px;
	background: url(legacy-sato-app-stamp-text-sp.png) no-repeat;
	background-size: 100% auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .stamp h4 {
	display: block;
	margin: 40px auto 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-stamp-sp.png) no-repeat;
	background-size: 193px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .search {
	margin: 0;
	padding: 40px 24px;
	text-align: center;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .search article {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .search h3 {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 192px;
	background: url(legacy-sato-app-search-text-sp.png) no-repeat;
	background-size: 100% auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .search h4 {
	display: block;
	margin: 40px auto 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-search-sp.png) no-repeat;
	background-size: 193px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}

@media screen and (max-width:400px) {
	.coupon h3 {
		width: 300px;
		height: 158px;
	}
.legacy-sato-app .reserve h3 {
		width: 300px;
		height: 157px;
	}
.legacy-sato-app .mobileorder h3 {
		width: 300px;
		height: 217px;
	}
.legacy-sato-app .stamp h3 {
		width: 300px;
		height: 179px;
	}
.legacy-sato-app .search h3 {
		width: 300px;
		height: 165px;
	}
}
.legacy-sato-app .coupon:after, .legacy-sato-app .reserve:after, .legacy-sato-app .mobileorder:after, .legacy-sato-app .stamp:after, .legacy-sato-app .search:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app .coupon p, .legacy-sato-app .reserve p, .legacy-sato-app .mobileorder p, .legacy-sato-app .stamp p, .legacy-sato-app .search p {
	display: none;
}
.legacy-sato-app .function {
	margin: 0;
	padding: 40px 24px;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .function:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app .function article {
	margin: 0;
	padding: 0;
	text-align: center;
	clear: both;
}
.legacy-sato-app .function div {
	margin: 0;
	padding: 25px 0;
	width: 100%;
	border-bottom: 2px solid #e60020;
	clear: both;
}
.legacy-sato-app .function div:last-of-type {
	padding: 25px 0 0 0;
	border-bottom: none;
}
.legacy-sato-app .function h3 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	line-height: 60px;
	color: #e60020;
	border: 2px solid #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .function h4 {
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .function p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .function small {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	text-align: left;
	color: #000;
	clear: both;
}
.legacy-sato-app .function img {
	display: table;
	margin: 25px auto;
	padding: 0;
	width: 30%;
	height: auto;
	clear: both;
}
.legacy-sato-app .function img.reserve {
	width: 25%;
}
.legacy-sato-app .function img.order {
	width: 25%;
}
.legacy-sato-app .download {
	margin: 0;
	padding: 40px 24px;
	clear: both;
}
.legacy-sato-app .download:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app .download article {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .download .iphone {
	margin: 25px 0 0 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .download .android {
	margin: 25px 0 0 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .download .install {
	margin:  0 0 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .download .install div {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .download .install div:last-child {
	margin: 0;
}
.legacy-sato-app .download h3 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	line-height: 60px;
	text-align: center;
	color: #e60020;
	border: 2px solid #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .download h4 {
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 1.4em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	border-top: 2px solid #e60020;
	clear: both;
}
.legacy-sato-app .download .install h4 {
	padding: 50px 0 0 0;
	border: none;
}
.legacy-sato-app .download h5 {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .download p i {
	display: block;
	margin: 25px auto 0;
	padding: 0;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .download img {
	display: block;
	margin: 25px auto;
	padding: 0;
	clear: both;
}
.legacy-sato-app .anchor {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .anchor p a {
	display: block;
	margin: 25px;
	padding: 30px 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #000;
	clear: both;

	border-radius: 10px;
	-webkit-border-radius: 10px;

}
.legacy-sato-app .anchor i {
	margin: 0 10px 0 0;
}
.legacy-sato-app .app {
	margin: 0;
	padding: 40px 24px;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .app h3 {
	margin: 0;
	padding-top: 6.5%;
	width: 100%;
	height: 0;
	background: url(legacy-sato-app-app.svg) no-repeat;
	background-size: cover;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .app ul {
	display: table;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .app ul li {
	margin: 25px 0 0 0;
	padding: 0 0 25px 0;
	border-bottom: 2px solid #fff;
	clear: both;
}
.legacy-sato-app .app ul li:last-child {
	padding: 0;
	border: none;
}
.legacy-sato-app .app ul li.apple a {
	display: table;
	margin: 0 auto -52px;
	padding-top: 37.03%;
	width: 50%;
	height: 0;
	background: url(legacy-sato-app-apple.png) no-repeat;
	background-size: contain;
	clear: both;
}
.legacy-sato-app .app ul li.google a {
	display: table;
	margin: 0 auto -42px;
	padding-top: 30%;
	width: 50%;
	height: 0;
	background: url(legacy-sato-app-google.png) no-repeat;
	background-size: contain;
	clear: both;
}
.legacy-sato-app .app img {
	display: block;
	margin: 15px auto 0;
	padding: 10px;
	width: 30%;
	height: auto;
	background: #fff;
	clear: both;
}
.legacy-sato-app .faq {
	margin: 0;
	padding: 40px 24px;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .faq article {
	display: block;
	margin: 25px auto 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .faq h3 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .faq dl {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .faq dl dt {
	margin: 0;
	padding: 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #e60020;
	clear: both;
}
.legacy-sato-app .faq dl dd {
	margin: 0;
	padding: 25px;
	background: #fff;
	clear: both;
}
.legacy-sato-app .faq span {
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 25px;
	font-size: 0.8em;
	line-height: 25px;
	text-align: center;
	color: #e60020;
	background: #fff;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .faq ol {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .faq ol li {
	margin: 2px 0 2px 1.5em;
	padding: 0;
	list-style: decimal;
	clear: both;
}
.legacy-sato-app .notice {
	margin: 40px 24px;
	padding: 0;
	clear: both;
}
.legacy-sato-app .notice p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	clear: both;
}
.legacy-sato-app /* footer
----------------------------------------------- */
footer {
	margin: 0;
	padding: 0 0 40px 0;
	text-align: center;
	clear: both;
}
.legacy-sato-app footer ul {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 0.8em;
	border-top: 1px solid #ddd;
	clear: both;
}
.legacy-sato-app footer ul li {
	margin: 0;
	padding: 0;
	width: 50%;
	text-align: center;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	float: left;
}
.legacy-sato-app footer ul li a {
	display: block;
	margin: 0;
	padding: 10px 0;
	line-height: 1;
}
.legacy-sato-app footer ul li:nth-child(odd) {
	border-right: 1px solid #ddd;
}
.legacy-sato-app footer address {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	font-style: normal;
	line-height: normal;
	clear: both;
}
.legacy-sato-app footer a:link, .legacy-sato-app footer a:visited, .legacy-sato-app footer a:hover, .legacy-sato-app footer a:active {
	color: #000;
	text-decoration: none;
}
.legacy-sato-app /* fadetop
----------------------------------------------- */
.fadetop a {
	display: none;
}

}

@media print {

.legacy-sato-app /* index

	pc.css
	
	- header
	- layout
	- footer
	- fadetop

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


.legacy-sato-app {
	min-width: 1280px;
}
.legacy-sato-app .sp {
	display: none;
}
.legacy-sato-app /* header
----------------------------------------------- */
header {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-header.jpg) no-repeat;
	background-size: cover;
	clear: both;
}
.legacy-sato-app header:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app header hgroup {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 600px;
	background-size: 1120px auto;
	clear: both;
}
.legacy-sato-app header h1 {
	position: absolute;
	right: 155px;
	top: 140px;
	margin: 0;
	padding: 0;
	width: 400px;
	height: 210px;
	background: url(legacy-sato-app-h1.svg) no-repeat;
	background-size: 400px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header h2 {
	position: absolute;
	left: 150px;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 540px;
	background: url(legacy-sato-app-sp.png) no-repeat;
	background-size: 330px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header h3 a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 220px;
	height: 75px;
	background: url(legacy-sato-app-sato.png) no-repeat;
	background-size: 220px auto;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header ul {
	position: absolute;
	bottom: 140px;
	right: 170px;
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app header ul li {
	margin: 0;
	padding: 0;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app header ul li.apple a {
	display: block;
	margin: 0 25px 0 0;
	padding: 0;
	width: 155px;
	height: 57px;
	background: url(legacy-sato-app-apple.png) no-repeat;
	background-size: 155px auto;
	clear: both;
}
.legacy-sato-app header ul li.google a {
	display: block;
	margin: 0;
	padding: 0;
	width: 192px;
	height: 57px;
	background: url(legacy-sato-app-google.png) no-repeat;
	background-size: 192px auto;
	clear: both;
}
.legacy-sato-app /* layout
----------------------------------------------- */
.wasyokun {
	animation:wasyokun 3s ease-in-out infinite alternate both;
	position: absolute;
	z-index: 9999;
	top: 480px;
	right: 80px;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 174px;
	background: url(legacy-sato-app-wasyokun.png) no-repeat;
	background-size: 250px auto;
	clear: both;
}

@keyframes wasyokun {
	0% {transform:translate(0, -20px) rotate(-1deg);}
.legacy-sato-app 100% {transform:translate(0, 0) rotate(1deg);}
}
.legacy-sato-app .coupon {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .coupon article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .coupon h3 {
	display: block;
	margin: 127px 0 0 146px;
	padding: 0;
	width: 426px;
	height: 245px;
	background: url(legacy-sato-app-coupon-text-pc.png) no-repeat;
	background-size: 426px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .coupon h4 {
	display: block;
	margin: 50px 223px 0 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-coupon-sp.png) no-repeat;
	background-size: 193px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .reserve {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .reserve article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .reserve h3 {
	display: block;
	margin: 107px 190px 0 0;
	padding: 0;
	width: 420px;
	height: 266px;
	background: url(legacy-sato-app-reserve-text-pc.png) no-repeat;
	background-size: 420px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .reserve h4 {
	display: block;
	margin: 50px 0 0 223px;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-reserve-sp.png) no-repeat;
	background-size: 193px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .mobileorder {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .mobileorder article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .mobileorder h3 {
	display: block;
	margin: 82px 0 0 145px;
	padding: 0;
	width: 466px;
	height: 337px;
	background: url(legacy-sato-app-mobileorder-text-pc.png) no-repeat;
	background-size: 466px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .mobileorder h4 {
	display: block;
	margin: 50px 223px 0 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-mobileorder-sp.png) no-repeat;
	background-size: 193px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .stamp {
	margin: 0;
	padding: 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .stamp article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .stamp h3 {
	display: block;
	margin: 111px 248px 0 0;
	padding: 0;
	width: 364px;
	height: 279px;
	background: url(legacy-sato-app-stamp-text-pc.png) no-repeat;
	background-size: 364px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .stamp h4 {
	display: block;
	margin: 50px 0 0 223px;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-stamp-sp.png) no-repeat;
	background-size: 193px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .search {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .search article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	height: 500px;
	clear: both;
}
.legacy-sato-app .search h3 {
	display: block;
	margin: 122px 0 0 267px;
	padding: 0;
	width: 343px;
	height: 256px;
	background: url(legacy-sato-app-search-text-pc.png) no-repeat;
	background-size: 343px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .search h4 {
	display: block;
	margin: 50px 223px 0 0;
	padding: 0;
	width: 193px;
	height: 400px;
	background: url(legacy-sato-app-search-sp.png) no-repeat;
	background-size: 193px auto;
	float: right;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .coupon p, .legacy-sato-app .reserve p, .legacy-sato-app .mobileorder p, .legacy-sato-app .stamp p, .legacy-sato-app .search p {
	display: none;
}
.legacy-sato-app .function {
	margin: 0;
	padding: 50px 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .function:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app .function article {
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	clear: both;
}
.legacy-sato-app .function div {
	margin: 50px 0 0 0;
	padding: 0 50px;
	width: 370px;
	border-right: 2px solid #e60020;
	float: left;
}
.legacy-sato-app .function div:nth-child(4), .legacy-sato-app .function div:nth-child(7) {
	margin: 50px 0 0 0;
	border-right: none !important;
}
.legacy-sato-app .function div:nth-child(5), .legacy-sato-app .function div:nth-child(6) {
	border-bottom: none;
}
.legacy-sato-app .function h3 {
	margin: 0;
	padding: 0;
	width: 1120px;
	font-size: 2em;
	line-height: 60px;
	text-align: center;
	color: #e60020;
	border: 2px solid #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .function h4 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .function p {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .function small {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	color: #000;
	clear: both;
}
.legacy-sato-app .function img {
	display: table;
	margin: 25px auto;
	padding: 0;
	width: 50%;
	height: auto;
	clear: both;
}
.legacy-sato-app .function img.reserve {
	width: 35%;
}
.legacy-sato-app .function img.order {
	width: 28%;
}
.legacy-sato-app .download {
	margin: 0;
	padding: 50px 0;
	clear: both;
}
.legacy-sato-app .download:after {
	display: block;
	content: '';
	clear: both;
}
.legacy-sato-app .download article {
	margin: 0 auto;
	padding: 0;
	width: 1120px;
	clear: both;
}
.legacy-sato-app .download .iphone {
	margin: 50px 0 0 0;
	padding: 0 50px;
	width: 560px;
	float: left;
}
.legacy-sato-app .download .android {
	margin: 50px 0 0 0;
	padding: 0 50px;
	width: 560px;
	float: left;
}
.legacy-sato-app .download .install {
	margin: 50px 0 0 0;
	padding: 0 50px;
	clear: both;
}
.legacy-sato-app .download .install div {
	margin: 0 50px 0 0;
	padding: 0;
	width: 306px;
	float: left;
}
.legacy-sato-app .download .install div:last-child {
	margin: 0;
}
.legacy-sato-app .download h3 {
	margin: 0;
	padding: 0;
	width: 1120px;
	font-size: 2em;
	line-height: 60px;
	text-align: center;
	color: #e60020;
	border: 2px solid #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .download h4 {
	margin: 0;
	padding: 25px 0 0 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	border-top: 2px solid #e60020;
	clear: both;
}
.legacy-sato-app .download .install h4 {
	padding: 50px 0 0 0;
	border: none;
}
.legacy-sato-app .download h5 {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #e60020;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .download p i {
	display: block;
	margin: 25px auto 0;
	padding: 0;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .download img {
	display: block;
	margin: 25px auto;
	padding: 0;
	clear: both;
}
.legacy-sato-app .anchor {
	margin: 0 0 50px 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .anchor p a {
	display: table;
	margin: 0 auto;
	padding: 30px 0;
	width: 1020px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #000;
	clear: both;

	border-radius: 10px;
	-webkit-border-radius: 10px;

}
.legacy-sato-app .anchor i {
	margin: 0 10px 0 0;
}
.legacy-sato-app .app {
	margin: 0;
	padding: 50px 0;
	background: url(legacy-sato-app-red.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .app h3 {
	margin: 0 auto;
	padding: 0;
	width: 656px;
	height: 43px;
	background: url(legacy-sato-app-app.svg) no-repeat;
	clear: both;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}
.legacy-sato-app .app ul {
	display: table;
	margin: 50px auto 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .app ul li {
	margin: 0 50px;
	padding: 0;
	text-align: center;
	float: left;
}
.legacy-sato-app .app ul li.apple a {
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 162px;
	height: 60px;
	background: url(legacy-sato-app-apple.png) no-repeat;
	background-size: 162px auto;
	clear: both;
}
.legacy-sato-app .app ul li.google a {
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 200px;
	height: 60px;
	background: url(legacy-sato-app-google.png) no-repeat;
	background-size: 200px auto;
	clear: both;
}
.legacy-sato-app .app img {
	margin: 25px 0 0 0;
	padding: 15px;
	width: 200px;
	height: auto;
	background: #fff;
	clear: both;
}
.legacy-sato-app .faq {
	margin: 0;
	padding: 50px 0;
	background: url(legacy-sato-app-beige.jpg) repeat;
	background-size: 50% auto;
	clear: both;
}
.legacy-sato-app .faq article {
	display: block;
	margin: 50px auto 0;
	padding: 0;
	width: 1120px;
	clear: both;
}
.legacy-sato-app .faq h3 {
	margin: 0;
	padding: 0;
	font-size: 2em;
	text-align: center;
	color: #e60020;
	clear: both;
}
.legacy-sato-app .faq dl {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .faq dl dt {
	margin: 0;
	padding: 25px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	background: #e60020;
	clear: both;
}
.legacy-sato-app .faq dl dd {
	margin: 0;
	padding: 25px;
	background: #fff;
	clear: both;
}
.legacy-sato-app .faq span {
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 25px;
	font-size: 0.8em;
	line-height: 25px;
	text-align: center;
	color: #e60020;
	background: #fff;
	clear: both;

	border-radius: 100px;
	-webkit-border-radius: 100px;

}
.legacy-sato-app .faq ol {
	margin: 0;
	padding: 0;
	clear: both;
}
.legacy-sato-app .faq ol li {
	margin: 2px 0 2px 1.5em;
	padding: 0;
	list-style: decimal;
	clear: both;
}
.legacy-sato-app .notice {
	display: table;
	margin: 0 auto;
	padding: 50px 0;
	clear: both;
}
.legacy-sato-app .notice p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	clear: both;
}
.legacy-sato-app /* footer
----------------------------------------------- */
footer {
	margin: 0;
	padding: 50px 0;
	text-align: center;
	border-top: 1px solid #ddd;
	clear: both;
}
.legacy-sato-app footer ul {
	display: table;
	margin: 20px auto 0;
	padding: 0;
	font-size: 1em;
	clear: both;
}
.legacy-sato-app footer ul li {
	margin: 0;
	padding: 0;
	float: left;
}
.legacy-sato-app footer ul li:before {
	content: '｜';
}
.legacy-sato-app footer ul li:first-child:before {
	content: '';
}
.legacy-sato-app footer address {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 0.8em;
	font-style: normal;
	clear: both;
}
.legacy-sato-app footer a:link, .legacy-sato-app footer a:visited, .legacy-sato-app footer a:hover, .legacy-sato-app footer a:active {
	color: #000;
	text-decoration: none;
}
.legacy-sato-app /* fadetop
----------------------------------------------- */
.fadetop a {
	display: block;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: url(legacy-sato-app-top.png) no-repeat;
	background-size: 30px auto;
	float: left;

	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;

}


}