﻿html {
	min-width: 1100px; /* viewport */
}



/*=============================================
 * body
 *=============================================*/

body {
	color: #fce0ba;
	font-weight: 500;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 15px;
	line-height: 32px;
	letter-spacing: 0;
	background: url(../img/shared/bg.jpg) top center repeat;
	min-width: inherit;
	min-height: inherit;
	max-height: 100%;
}



/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



/*=============================================
 * .fnt - customs
 *=============================================*/

.fnt-mincho {
}
.fnt-meiryo {
}
.fnt-gothic {
}
.fnt-garamond {
}



/*=============================================
 * #wrapper
 *=============================================*/

#wrapper {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1000px;
}



/*=============================================
 * header
 *=============================================*/

#header {
	position: relative;
	background: url(../img/shared/header-bg.jpg) top center repeat-x;
	padding-top: 150px;
	margin-bottom: 10px;
	z-index: 2;
}
#header:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	background:url(../img/shared/line.jpg) top center repeat-x;
	height: 10px;
	bottom: -10px;
}
#header .wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
#header h1 {
	font-size: 13px;
	position: absolute;
	top: 15px;
	left: 285px;
}
#header .logo {
	position: absolute;
	top: 0;
	left: -45px;
	z-index: 1;
}
#header .tel {
	position: absolute;
	top: 0;
	right: 0;
}
#header .nav {
	position: absolute;
	top: 90px;
	right: -55px;
	z-index: 1;
}
#header .nav:before {
	position: absolute;
	content: "";
	top: 0;
	right: -23px;
	background: url(../img/shared/header-line.png);
	width: 823px;
	height: 50px;
}



/*=============================================
 * key
 *=============================================*/

#key {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 850px;
	position: relative;
}
#key ul {
	min-height: inherit;
}
#key li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



/*=============================================
 * container
 *=============================================*/

#container {
}



/*=============================================
 * #socialbuttons
 *=============================================*/

#socialbuttons {
	margin: 27px 0 32px;
}



/*=============================================
 * footer
 *=============================================*/

#footer {
	text-align: center;
	color:#fce0ba;
	line-height: 18px;
	letter-spacing: 0.4px;
	background: url(../img/shared/footer-line.jpg) top center repeat-x, url(../img/shared/footer-line2.jpg) bottom center repeat-x, url(../img/shared/footer-bg.jpg) top center repeat;
}
#footer .logo {
}
#footer .tel {
}
#footer .nav {
	height: 50px;
	margin-bottom: 30px;
}
#footer .nav li {
	padding-left: 15px;
}
#footer .nav li a {
	font-weight: bold;
	line-height: 55px;
	color:#fff;
}
#footer .left {
    width: 50%;
    float: left;
    margin-left: -30px;
}
#footer .right {
	width: 50%;
	float: right;
}
#footer .right dl {
    position: relative;
    padding:5px 0;
    text-align: left;
}
#footer .right dl dt {
	position: absolute;
	top: 8.5px;
	left: 0;
}
#footer .right dl dd {
	min-width: 50px;
	margin-left: 110px;
}
#footer .nav li + li {
}
#footer .nav li + li:before {
	/* display: none; */
	color:#a19c9c;
	padding-right: 15px;
}



/*=============================================
 * copyright
 *=============================================*/

address {
	font-size: 13px;
	line-height: 27px;
}
address span a{
 font-size: 10px;
 text-align: center;
 display: block;
}


.box-shadow1 {
	box-shadow: -3px 4px 7px 0px rgba(0, 0, 0, 0.35); 
}


#shop {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 10px;
}

#shop p{
    float: left;
	padding-left: 80px;
	margin-right:  -68px;
}