/* CSS Document */

@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }/*for under HTML5*/
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/*
::-moz-selection {  text-shadow: none; }
::selection {  text-shadow: none; }
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html { 
	font-size: 100%; 
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
em {
	font-style:normal;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
* {
	padding:0;
	margin:0;	
}
html {
	height: 100%;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:20px;
	background:#000;
	color:#fff;
	padding:0;
	margin:0;
	height:100%;
}

/* Text elements */
p {
	background: url(../img/p_bg.gif);
	margin-bottom: 20px;
}
ul {
	list-style:none;
	margin:0;
}
ol {
	margin:0;
}
dl {

}
dt {

}
dd {

}
b, strong { font-weight: bold; }

cite,
em,
i {
	font-style:normal;
}
ins {
	text-decoration: none;
}
blockquote {
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
}
abbr,
acronym {
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
input[type="email"],
textarea {
	display:block;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 7px;
}
a:link {
	text-decoration:none;
	color:#00F;
}
a:visited {

}
a:active,
a:hover {
	text-decoration:none;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
a:visited{

}
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
a img{
}




hr {display:none;}

section {
	float:none;
	clear:both;
	position:relative;
	overflow:hidden;
	min-height: 1em;
}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* HTML5 FIX */

abbr[title] { }

blockquote { margin:0; }
dfn { font-style: italic; }
ins {  text-decoration: none; }
mark {  font-style: italic; font-weight: bold; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; border:none; }
button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {  }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {  }

table { border-collapse:collapse; }
td { }

.chromeframe { margin: 0.2em 0;  color: black; padding: 0.2em 0; }

@media only screen and (min-width: 35em) {
  
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =Layout
-------------------------------------------------------------- */

.sp {
	display:none !important;
}

#wrapper {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;	
}

.inside {
	width:980px;
	margin:0 auto;	
	position:relative;
}

#header {
	padding:60px 0;
}
#header h1{
	text-align:center;
	font-size:60px;
	font-family:"Times New Roman", Times, serif;
	line-height:1.6;
	letter-spacing:4px;
}

#header ul{
	margin:0 0 0 160px;
	float:left;
	width:auto;
	transition:ease-in 0.4s;
}
#header.active ul{
	margin:0 0 0 80px;	
}
#header ul.sub_menu{
	float:right;
	width:auto;
	margin:0;
}

#header ul li{
	width:auto;
	margin:0 0 0 40px;
	display:inline-block;
}
#header ul li a{
	color:#fff;
	display:block;
	height:90px;
	line-height:90px;
}
#header ul.sub_menu li a{
	font-size:10px;
}

#visual {
	margin:0 0 40px;
}
#visual img{
	width:100%;
}

#main {
	padding:90px 0 260px;	
}

#shop_links {
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
	text-align:center;
}
#shop_links li{
	display:inline-block;
	margin:0 10px;	
}
#shop_links li a{
	display:block;
	background:#fff;
	padding:30px 10px;
}
#shop_links li img{
	display:block;
	margin:0 0 20px;
}
#shop_links li strong{
	display:block;
	color:#000;
	font-size:11px;
	font-weight:normal;
}

#main section {
	margin:0 0 20px;
	padding:20px 0 40px;
	border-bottom:dotted 1px #fff;
}
#main section article{
	margin:0 0 20px;
}

#main h2{
	font-size:30px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin:0 0 30px;
	font-weight:bold;
}
#main h3{
	font-size:20px;
	margin:0 0 20px;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background:#CC99CC;
	padding:15px;
}
#main h4{
	font-size:18px;
	margin:0 0 10px;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#main h5{
	font-size:16px;
	margin:0 0 10px;
	font-weight:bold;
}
.center {
	text-align:center;
}
.mb0 {
	margin-bottom:0 !important;
}
#main iframe{
	margin:0 0 30px;
}

#footer {
    position: fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	background:#a89581;
}
#footer ul {
	margin:60px 0;
}
#footer ul li{
	display:inline-block;
	margin:0 20px 0;
}
#footer ul li a{
	font-size:14px;
	color:#000;
}
#footer p{
	font-size:10px;
	color:#000;
	margin:20px 0;
}


#main h2 {
	line-height: 30px;
    margin-top: 35px;
}

@media screen and (max-width: 640px) {
}
.sp {
	display:block !important;
}
br.sp {
	display:inline !important;
}
.pc {
	display:none !important;
}
a:active,
a:hover {
	text-decoration:none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#main {
	padding:0;
}
/*
#footer {
	position:relative;
	bottom:auto;
	left:atuo;
	padding:10% 0 0;
}
*/
.shop_btn {
	display: table;
    height: 100px;
    width: 250px;
    background-color: #fff;
    color: #fff;
    margin: 0 auto;
	border: 3px solid #888;
	margin: 0 auto;
}

#main {
    clear: both;
}
#wrapper {
    padding: 10px 0px 0px;
    background: url(../img/bg.jpg) no-repeat;
	background-size: cover;
background-position: center center;
background-attachment: fixed;
}
/*------------------------------------------
  Japan
------------------------------------------*/

#nj_jp {
	padding: 58px 0;
	position: relative;
	overflow: hidden;
/*	background: url(../img/bg02.jpg);*/
	background-size: cover;
        text-align: center;
}

#nj_jp .inner {
	position: relative;
	width: 100%;
	/*max-width: 958px;*/
}

#nj_jp ul {
	font-size: 0;
	margin: 0 auto;
}

#nj_jp ul li {
	display: inline-block;
	width: 50%;
	text-align: center;
	vertical-align: top;
	margin-top: -58px;
	padding-top: 58px;
}

#nj_jp ul li > img {
	display: block;
	margin: 0 auto;
}

#nj_jp ul li .store_logo {
	margin-bottom: 39px;
}

#nj_jp ul li p {
	padding: 20px 19px 32px;
	font-weight: 600;
	transform: rotate(.03deg);
	text-align: justify;
	text-justify: inter-ideograph;
}

.site-title.logo {
    text-align: left !important;
}
.site-title.logo .lbox {
	float: left;
		width: 20%;
}
.site-title.logo .rbox {
	float: left;
	width: 75%;
	margin-left: 5%;
}
/*
@media screen and (max-width: 970px) {

	#nj_jp {
		padding: 50px 0 45px;
	}

	#nj_jp ul li {
		width: 50%;
		margin-bottom: 50px;
	}

	#nj_jp ul li p {
		max-width: 314px;
		margin: 0 auto;
		padding: 20px 5px 30px
	}

}

@media screen and (max-width: 768px) {
	#nj_jp {
		background-size: 1675px auto;
	}
	#nj_jp ul li {
		margin-top: -50px;
		padding-top: 50px;
	}
}
*/
@media screen and (min-width: 681px) {
	.pcnone {
		display: none;
	}

	#bnarea {
	width: 100%;
    margin: 0 auto;
	}

	#bnarea img{
    width: 90%;
    margin: 0 5% 58px;
	}
}

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

	#bnarea {
	width: 100%;
    margin: 0 auto;
	}

	#bnarea img{
    width: 90%;
    margin: 0 5% 58px;
	}

	#nj_jp {
		padding: 50px 0 20px;
	}

	#nj_jp ul li {
		width: 100%;
		margin-bottom: 50px;
		margin-top: -50px;
		padding-top: 50px;
	}

	#nj_jp ul li p {
		padding: 20px 0 30px;
	}

	.spnone {
		display: none;
	}
	.inside {
	    width: 100%;
	}
	.site-title.logo {
		    margin: auto 10%;
	        line-height: 30px !important;
	}
	.site-title.logo .lbox {
		width: 20%;
	}
	.site-title.logo .lbox img {
		width: 100%;
	}
	.site-title.logo .rbox {
		width: 75%;
	    font-size: 30px;

	}
	.shop_btn {
		margin: 0 auto;
	    height: 15% !important;
	}
	#main h2 {
		margin: 8% auto !important;
	}
	#footer.pcnone {
		position: initial !important;
	}
}