@charset "utf-8";

.gothic {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, HGPGothicE, sans-serif;
}
.mincho {
	font-family: "Hiragino Mincho ProN", HGPMinchoE, serif;
}
.cursive {
	font-family: HGPGyoshotai, cursive;
}
html {
	background-color: #DDB69B;
	background-image: url(/share/htmlbg.jpg);
	background-repeat: repeat-x;
}
body {
	text-align: center;
	background-image: url(/share/bodybg.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	min-width: 760px;
	*width: auto !important;
	*width: 760px;
}
.head {
	text-align: left;
	background-color: #863534;
	margin-top: -1px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #FFF;
	position: relative;
	width: 750px;
	z-index: 12000;
}
.headline {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, HGPGothicE, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	color: #FFF;
	background-image: url(/share/headlinebg.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding: 13px 20px 13px 48px;
	overflow: hidden;
}
.logo {
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	height: 335px;
}
.logo > img {
	position: absolute;
	top: 0%;
	left: 100%;
}
.navi {
	text-align: center;
}
.navimenugoods {
	background-image: url(/share/navimenugoodsbg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.navimenugoods > li {
	background-image: url(/share/navimenusp.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 61px;
	padding-right: 1px;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.navimenugoods > li > dl {
	height: 61px;
	overflow: hidden;
	position: relative;
}
.navimenugoods > li > dl:hover,
.navimenugoods > li > dl:active,
.navimenugoods > li > dl:focus {
	overflow: visible;
}
.navimenugoods > li > a,
.navimenugoods > li > dl > dt > a {
	font-family: HGPGyoshotai, "Hiragino Mincho ProN", HGPMinchoE, "Hiragino Kaku Gothic ProN", Meiryo, HGPGothicE, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
	overflow: hidden;
	color: #FFF;
	width: 149px;
	padding-top: 23px;
	padding-bottom: 22px;
	display: block;
}
.navimenugoods > li > a:hover,
.navimenugoods > li > a:active,
.navimenugoods > li > a:focus,
.navimenugoods > li > dl > dt > a:hover,
.navimenugoods > li > dl > dt > a:active,
.navimenugoods > li > dl > dt > a:focus {
	color: #FF0;
}
.navimenugoods > li.navimenugoodslast {
	padding-right: 0px;
	background-image: none;
}
.navimenugoods > li.navimenugoodslast > a {
	width: 150px;
}
.navimenugoodschild {
	text-align: left;
	background-image:  url(/share/navimenugoodschild.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 230px;
	position: absolute;
	left: 0px;
	bottom: 61px;
}
.navimenugoodschild > li {
	background-image:  url(/share/navimenugoodschildlibg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.navimenugoodschild > li.navimenugoodschildlast {
	background-image: none;
}
.navimenugoodschild > li > a {
	font-family: HGPGyoshotai, "Hiragino Mincho ProN", HGPMinchoE, "Hiragino Kaku Gothic ProN", Meiryo, HGPGothicE, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	color: #000;
	display: block;
	padding: 15px 20px;
}
.navimenugoodschild > li > a:hover,
.navimenugoodschild > li > a:active,
.navimenugoodschild > li > a:focus {
	color: #900;
}
.navimenuinfo {
	background-image:  url(/share/navimenuinfobg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.navimenuinfo > li {
	background-image: url(/share/navimenusp.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 1px;
	height: 50px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.navimenuinfo > li > a {
	font-family: HGPGyoshotai, "Hiragino Mincho ProN", HGPMinchoE, "Hiragino Kaku Gothic ProN", Meiryo, HGPGothicE, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
	overflow: hidden;
	color: #FFF;
	padding-top: 17px;
	padding-bottom: 17px;
	width: 104px;
	display: block;
}
.navimenuinfo > li > a:hover,
.navimenuinfo > li > a:active,
.navimenuinfo > li > a:focus {
	color: #FF0;
}
.navimenuinfo > li > a.navimenuinfolarge {
	width: 149px;
}
.navimenuinfo > li.navimenuinfolast {
	padding-right: 0px;
	background-image: none;
}
.navimenuinfo > li.navimenuinfolast > a {
	width: 90px;
}
.navimenutel {
	display: none;
}
.main {
	background-repeat: no-repeat;
	background-position: right 52px;
	text-align: left;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 52px;
	position: relative;
	z-index: 10000;
	overflow: hidden;
}
.title {
	font-family: HGPGyoshotai, "Hiragino Mincho ProN", HGPMinchoE, serif;
	font-size: 28px;
	line-height: 1.5;
	color: #B26B59;
	background-image: url(/share/titlebg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.whereaside {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.where {
	font-size: 12px;
	text-align: right;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	color: #000;
	background-color: #F8F8F8;
	padding: 20px 30px;
}
.mainfoot {
	text-align: center;
	line-height: 1.5;
	color: #925244;
	background-color: #F2E5E3;
	padding-top: 30px;
	padding-bottom: 30px;
}
.mainfoot > li {
	border-left: 1px solid #666;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.mainfoot > li.mainfootlast {
	border-right: 1px solid #666;
}
.foot {
	text-align: left;
	background-color: #990000;
	background-image: url(/share/footbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	position: relative;
	z-index: 11000;
}
.footmenu {
	font-size: 16px;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
	background-image: url(/share/footmoon.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 82px;
	padding-bottom: 38px;
	width: 750px;
	position: relative;
}
.footmenu > li {
	border-left: 1px solid #FFF;
	padding: 2px 7px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.footmenu > li.footmenupagetop {
	text-align: right;
	border: none;
	padding-left: 20px;
	padding-right: 20px;
	width: 696px;
	position: absolute;
	top: 20px;
	left: 12px;
	display: block;
}
.footmenu > li.footmenupagetop > a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background-image: url(/share/footmenupagetopbg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
.footmenu > li.footmenupagetop > a:hover,
.footmenu > li.footmenupagetop > a:active,
.footmenu > li.footmenupagetop > a:focus {
	color: #900;
}
.footmenu > li.footmenulast {
	border-right: 1px solid #FFF;
}
.footl {
	text-decoration: underline;
	color: #FFF;
}
.footl:hover,
.footl:active,
.footl:focus {
	color: #FC0;
}
.footinstagram {
	text-align: center;
	margin-top: -20px;
	margin-bottom: 20px;
	position: relative;
}
.footaddr {
	font-style: normal;
	text-align: center;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	width: 750px;
}
.footaddr > p {
	margin-right: 20px;
	display: inline;
}
.footaddr > dl {
	display: inline;
}
.footaddr > dl > dt {
	margin-right: 10px;
	display: inline;
}
.footaddr > dl > dd {
	display: inline;
}
.footaddr > dl > dd > a {
	text-decoration: underline;
	color: #FFF;
}
.footaddr > dl > dd > a:hover,
.footaddr > dl > dd > a:active,
.footaddr > dl > dd > a:focus {
	color: #FC0;
}
.footcr {
	font-style: normal;
	text-align: center;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	width: 750px;
}
.footcrl {
	color: #FFF;
	text-decoration: underline;
}
.footcrl:hover,
.footcrl:active,
.footcrl:focus {
	color: #FC0;
}
.cssswitch-button-normal,
.cssswitch-button-pconly {
	color: #900;
	background-color: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px 20px;
}
.cssswitch-button-normal:hover,
.cssswitch-button-normal:active,
.cssswitch-button-normal:focus,
.cssswitch-button-pconly:hover,
.cssswitch-button-pconly:active,
.cssswitch-button-pconly:focus {
	color: #009;
}


/* <mobile> */

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

	body {
		background-image: url(/share/bodybg-480px.png);
		min-width: 480px;
		width: auto;
	}
	.head {
		width: 480px;
	}
	.headline {
		font-size: 12px;
		line-height: 1.2;
		white-space: normal;
		overflow: visible;
		padding-top: 0px;
		padding-right: 130px;
		padding-bottom: 0px;
		height: 40px;
		display: table-cell;
		vertical-align: middle;
	}
	.logo {
		height: 200px;
	}
	.navimenugoods {
		background-image: url(/share/navimenugoodsbg-480px.png);
	}
	.navimenugoods > li {
		overflow: hidden;
	}
	.navimenugoods > li:nth-child(1),
	.navimenugoods > li:nth-child(4) {
		background:
			url(/share/navimenusp.png) no-repeat right center,
			url(/share/navimenusp.png) no-repeat left center;
		padding-left: 1px;
	}
	.navimenugoods > li.navimenugoodslast {
		background-image: url(/share/navimenusp.png);
		padding-right: 1px;
	}
	.navimenugoods > li.navimenugoodslast > a {
		width: 149px;
	}
	.navimenuinfo {
		background-image: url(/share/navimenuinfobg-480px.png);
	}
	.navimenuinfo > li {
		margin-top: -1px;
		border-right: 1px dotted #888;
		border-top: 1px dotted #888;
		padding-right: 0px;
		background-image: none;
		width: 159px;
	}
	.navimenuinfo > li:nth-child(3) {
		border-right: none;
		width: 160px;
	}
	.navimenuinfo > li > a {
		width: 100%;
	}
	.navimenuinfo > li > a:hover,
	.navimenuinfo > li > a:active,
	.navimenuinfo > li > a:focus {
		color: #FF0;
	}
	.navimenuinfo > li > a.navimenuinfolarge {
		width: 159px;
	}
	.navimenuinfo > li.navimenuinfolast {
		border-right: none;
	}
	.navimenuinfo > li.navimenuinfolast > a {
		width: 160px;
	}
	.navimenutel {
		font-family: "Hiragino Kaku Gothic ProN", Meiryo, HGPGothicE, sans-serif;
		font-size: 10px;
		text-align: left;
		line-height: 1;
		white-space: nowrap;
		overflow: hidden;
		color: #FFF;
		background-image: url(/share/navimenutelbg.png);
		background-repeat: no-repeat;
		background-position: center 5px;
		padding-top: 25px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		cursor: pointer;
		width: auto;
		position: absolute;
		right: 20px;
		top: 0px;
		display: block;
	}
	.navimenutel > a {
		color: #FFF;
		text-decoration: none;
	}
	.main {
		width: 480px;
	}
	.title {
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.where {
		padding-right: 20px;
		padding-left: 20px;
	}
	.mainfoot {
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
	}
	.mainfoot > li {
		margin: 10px;
		border-left: none;
		padding: 0px;
		width: 210px;
	}
	.mainfoot > li.mainfootlast {
		border-right: none;
	}
	.mainfoot > li > a {
		color: #00F;
		background-color: #FAF4F3;
		padding-top: 5px;
		padding-bottom: 5px;
		display: block;
	}
	.mainfoot > li > a:hover,
	.mainfoot > li > a:active,
	.mainfoot > li > a:focus {
		color: #F00;
	}
	.footmenu {
		white-space: normal;
		background-image: url(/share/footmoon-480px.png);
		padding-top: 75px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 0px;
		width: 480px;
	}
	.footmenu > li {
		text-align: center;
		margin: 10px;
		border-left: none;
		padding: 0px;
		width: 210px;
	}
	.footmenu > li:nth-child(2) {
		width: 440px;
	}
	.footmenu > li.footmenupagetop {
		left: 0px;
		text-align: center;
		margin: 0px;
		padding: 2px 10px;
		width: 460px;
	}
	.footmenu > li.footmenulast {
		border-right: none;
	}
	.footl {
		font-size: 14px;
		background-color: #AE3838;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
	}
	.footinstagram {
		margin-top: 0px;
	}
	.footaddr {
		width: 480px;
		line-height: 1.5;
	}
	.footaddr > p {
		display: block;
	}
	.footaddr > dl {
		display: block;
	}
	.footcr {
		width: 360px;
	}
	.footcr > small {
		text-align: left;
		display: inline-block;
	}

}



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

	body {
		background-image: url(/share/bodybg-320px.png);
		min-width: 320px;
	}
	.head {
		width: 320px;
	}
	.logo {
		height: 140px;
	}
	.navi {
		top: 140px;
	}
	.navimenugoods > li {
		background-image: none;
		border-bottom: 1px solid #F23100;
		border-right: 1px solid #F23100;
		padding-right: 0px;
	}
	.navimenugoods > li:nth-child(1),
	.navimenugoods > li:nth-child(4) {
		background: none;
		padding-left: 0px;
	}
	.navimenugoods > li:nth-child(2n) {
		border-right: none;
	}
	.navimenugoods > li > a,
	.navimenugoods > li > dl > dt > a {
		width: 159px;
	}
	.navimenugoods > li.navimenugoodslast {
		padding-right: 0px;
		background-image: none;
		border-right: none;
		border-bottom: none;
	}
	.navimenugoods > li.navimenugoodslast > a {
		width: 320px;
	}
	.navimenuinfo > li {
		width: 159px;
	}
	.navimenuinfo > li:nth-child(3) {
		width: 159px;
		border-right: 1px dotted #888;
	}
	.navimenuinfo > li:nth-child(2n) {
		width: 160px;
		border-right: none;
	}
	.main {
		width: 320px;
	}
	.mainfoot > li {
		width: auto;
		display: block;
	}
	.footmenu {
		background-image: url(/share/footmoon-320px.png);
		width: 320px;
	}
	.footmenu > li {
		font-size: 14px;
		margin: 5px;
		width: 150px;
	}
	.footmenu > li:nth-child(2) {
		width: 310px;
	}
	.footmenu > li.footmenupagetop {
		width: 290px;
	}
	.footmenu > li.footmenulast {
		border-right: none;
	}
	.footaddr {
		width: 320px;
	}
	.footcr {
		width: 300px;
	}

}



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

	.navimenugoods-rwd {
		text-align: left;
		background-position: center -15px;
		position: absolute;
		top: 86px;
		right: 160px;
		width: 160px;
	}
	.navimenugoods-rwd > li {
		background-image: none;
		border-bottom: 1px dotted #F23100;
		height: auto;
	}
	.navimenugoods-rwd > li > dl {
		height: auto;
	}
	.navimenugoods-rwd > li > a,
	.navimenugoods-rwd > li > dl > dt > a {
		width: 150px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		margin-bottom: 0px;
	}
	.navimenugoods-rwd > li.navimenugoodslast {
		border-bottom: none;
	}
	.navimenugoods-rwd > li.navimenugoodslast > a {
		width: 150px;
	}
	.navimenuinfo-rwd {
		position: absolute;
		right: 0px;
		top: 86px;
		width: 160px;
		text-align: left;
		background-position: center -15px;
	}
	.navimenuinfo-rwd > li {
		width: 160px;
		height: auto;
		border-top: none;
		border-right: none;
		border-bottom: 1px dotted #888;
		margin-top: 0px;
	}
	.navimenuinfo-rwd > li:nth-child(3) {
		width: 160px;
	}
	.navimenuinfo-rwd > li:nth-child(5) {
		border-bottom: none;
	}
	.navimenuinfo-rwd > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		width: 150px;
	}
	.navimenuinfo-rwd > li > a.navimenuinfolarge {
		width: 150px;
	}
	.navimenuinfo-rwd > li.navimenuinfolast {
		position: absolute;
		top: -46px;
		right: 0px;
		width: 320px;
		text-align: center;
		background-color: #652727;
	}
	.navimenuinfo-rwd > li.navimenuinfolast > a {
		width: 320px;
		padding-left: 0px;
	}
	.navimenutel-rwd {
		right: 70px;
	}
	.navimenumobile {
		font-family: "Hiragino Kaku Gothic ProN", Meiryo, HGPGothicE, sans-serif;
		font-size: 10px;
		text-align: left;
		line-height: 1;
		white-space: nowrap;
		overflow: hidden;
		color: #FFF;
		background-image: url(/share/navimenumobilebg.gif);
		background-repeat: no-repeat;
		background-position: center 5px;
		padding-top: 25px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		cursor: pointer;
		width: auto;
		position: absolute;
		right: 10px;
		top: 0px;
	}

}

/* </mobile> */