@charset "utf-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input,textarea,select { font-size: 100%; }
legend { color: #000; }
img { vertical-align: top; }
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http: //developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/* Base */
body {
	font: 13px/1.231 "whitman-display", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	letter-spacing: .1em;
}
select,input,button,textarea { font: 99% arial,helvetica,clean,sans-serif; }
table { font-size: inherit; font: 100%; }
pre,code,kbd,samp,tt { font-family: monospace; font-size: 108%; line-height: 100%; }

a { outline: none; text-decoration: none; }
a:link, a:visited { color: #fff; }
a:hover { text-decoration: underline; }

::-moz-selection { background:#eee; color:#aaa; }
::selection { background:#eee; color:#aaa; }
a::-moz-selection { background:#aaa; color:#fff; }
a::selection { background:#aaa; color:#fff; }

/* @Clear */
.clear { clear: both; }
.outlinefix { overflow: hidden; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*  PC  */
@media screen and (min-width: 668px) {
	
	body {
		overflow: hidden;
		height: 100%;
		width: 100%;
		color: #fff;
	}
	#wrap {
		position: absolute;
		z-index: 5;
		height: 100%;
		width: 100%;
		overflow: hidden;
		line-height: 1.6;
	}
	#wrap #container {
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	#wrap #container #content {
		position: relative;
		width: 100%;
		text-align: center;
	}
	#main h1 {
		margin-top: -20px;
		text-align: center;
		width: 100%;
	}
	#main h1 img {
		width: 98px; 
	}
	#main ul {
		padding-top: 35px;
		margin: 0 auto;
		width: 170px;
		text-align: center;
	}
	#main ul li {
		float: left;
		padding-right: 15px;
		font-size: 15px;
		text-align: center;
	}
	#main ul li:last-child {
		padding-right: 0px;
	}
	#main p.store {
		font-size: 80%;
		margin: 40px auto 0;
		width: 75px;
		padding: 8px 10px 8px;
		border: #fff solid 0.5px;
	}
	div#wrapsiteoverlay {
		position: fixed; top: 0px; left: 0px;
		width: 100%;
		height: 100%;
		background: url(../img/100-90-3.png) 0 0 repeat fixed;
	}
	#footer p {
		position: fixed;
		bottom: 10px;
		width: 50%;
		color: #fff;
	}
	#footer a {
		font-size: 135%;
	}
	#footer #address {
		left: 10px;
	}
	#footer #copyrights {
		right: 10px;
		text-align: right;
	}
}

/*  SP  */
@media screen and (max-width: 667px) {

	body {
		overflow: hidden;
		height: 100%;
		width: 100%;
		color: #fff;
	}
	#wrap {
		position: absolute;
		z-index: 5;
		height: 100%;
		width: 100%;
		overflow: hidden;
		line-height: 1.6;
	}
	#wrap #container {
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	#wrap #container #content {
		position: relative;
		width: 100%;
		text-align: center;
	}
	#main h1 {
		margin-top: -20px;
		text-align: center;
		width: 100%;
	}
	#main h1 img {
		width: 65px;
	}
	#main ul {
		padding-top: 20px;
		margin: 0 auto;
		width: 135px;
		text-align: center;
	}
	#main ul li {
		float: left;
		padding-right: 6px;
		font-size: 13px;
		text-align: center;
	}
	#main ul li:last-child {
		padding-right: 0px;
	}
	#main p.store {
		font-size: 80%;
		margin: 20px auto 0px auto;
		width: 70px;
		padding: 4px 6px 4px;
		border: #fff solid 0.5px;
	}
	div#wrapsiteoverlay {
		position: fixed; top: 0px; left: 0px;
		width: 100%;
		height: 100%;
		background: url(../img/100-90-3.png) 0 0 repeat fixed;
	}
	#footer p {
		position: fixed;
		left: 10px;
		width: 100%;
		color: #fff;
		font-size: 11px;
	}
	#footer a {
		font-size: 135%;
	}
	#footer #address {
		bottom: 30px;
	}
	#footer #copyrights {
		bottom: 9px;
	}
}