@charset "utf-8";

/* all
-------------------------------------------------------------------*/
#allWrap {
	width:100%;
	text-align:center;
	min-width:980px;
}
@media screen and (max-width:760px) {
#allWrap {
	min-width:100%;
}
}

.siteArea {
	width:980px;
	margin:0 auto;
	text-align:left;
}
@media screen and (max-width:760px) {
.siteArea {
	width:auto;
}
}

/* header
-------------------------------------------------------------------*/
#header02 {
	border-top:#FFD966 2px solid;
}

#headerInner {
	padding:20px 10px;
}
@media screen and (max-width:760px) {
#headerInner {
	padding:20px 10px;
}
}


/**/

#logoWrap {
	float:left;
	width:280px;
}
@media screen and (max-width:760px) {
#logoWrap {
	float:none;
	margin:0 auto 10px;
}
}

#txtCatch {
	margin-bottom:25px;
	text-align:center;
}
@media screen and (max-width:760px) {
#txtCatch {
	margin-bottom:10px;
}
}

#logo {
	text-align:center;
}

/**/

#headerBox {
	float:right;
	width:540px;
	background:url(../image/common/bg_line_y.gif) repeat-y 247px top;
	padding:8px 0;
}
@media screen and (max-width:760px) {
#headerBox {
	float:none;
	width:auto;
	background:none;
	padding:0;
}
}

/**/

#headerFirst {
	float:left;
	width:220px;
}
@media screen and (max-width:760px) {
#headerFirst {
	float:none;
	width:auto;
	margin-bottom:10px;
}
}

#memberMenu {
	margin-bottom:15px;
	text-align:center;
}
@media screen and (max-width:760px) {
#memberMenu {
	margin-bottom:10px;
}
}

#memberMenu li {
	display:inline-block;
	margin-right:20px;
	padding-left:20px;
}
#memberMenu li#memberMenu_cart {
	background:url(../image/common/ico_cart.gif) no-repeat left center;
}
#memberMenu li#memberMenu02_login {
	margin-right:0;
	background:url(../image/common/ico_login.gif) no-repeat left center;
}

#firstInfo {
	text-align:center;
}

/**/

#headerLanguageWrap {
	float:right;
	width:261px;
}
@media screen and (max-width:760px) {
#headerLanguageWrap {
	float:none;
	width:241px;
	margin:0 auto;
}
}

#headerAddress {
	margin-bottom:6px;
	padding-bottom:21px;
	background:url(../image/common/bg_line_x.gif) repeat-x left bottom;
	text-align:center;
}
@media screen and (max-width:760px) {
#headerAddress {
	display:none;
}
}


#headerLanguage {
	margin-bottom:15px;
}
@media screen and (max-width:760px) {
#headerLanguage {
	margin-bottom:0;
}
}

#headerLanguage dt {
	float:left;
	margin-right:10px;
}
#headerLanguage dd {
	float:left;
	padding-top:5px;
}
#headerLanguage dd ul li {
	float:left;
	margin-right:17px;
	padding-left:15px;
	background:url(../image/common/ico_arrow_01_01.gif) no-repeat left center;
}
#headerLanguage dd ul li.last {
	margin-right:0;
}

/**/

#headerMail {
}
@media screen and (max-width:760px) {
#headerMail {
	display:none;
}
}




/* gNavi
-------------------------------------------------------------------*/
#gNavi02 {
	background:url(../image/common/bg_gnavi.gif) repeat-x;
}
@media screen and (max-width:760px) {
#gNavi02 {
	display:none;
}
}

#gNavi02 ul li {
	float:left;
}

/**/
#gNavi02_sp {
	display:none;
}
@media screen and (max-width:760px) {
#gNavi02_sp {
	display:block;
}
#gNavi02_sp dl dt {
	position:relative;
	padding:10px;
	background:#B49261;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
#gNavi02_sp dl dt span {
	position:absolute;
	top:14px;
	right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../image/common/ico_spmenu_close.gif) no-repeat;
	transition: all .4s;
}
#gNavi02_sp dl dt.opened span {
	background:url(../image/common/ico_spmenu_open.gif) no-repeat;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
#gNavi02_sp dl dd ul li {
	border-bottom:#B49261 1px solid;
}
#gNavi02_sp dl dd ul li a {
	padding:15px;
}
}





/* contents
-------------------------------------------------------------------*/
#contents02 {
	font-size:115%;
}

#contentsInner {
	padding:40px 20px 100px;
}
@media screen and (max-width:760px) {
#contentsInner {
	padding:20px 10px 60px;
}
}

#mainTtl {
	background:url(../image/common/bg_mainttl.gif) repeat;
}
#mainTtl h2 {
	height:180px;
}
@media screen and (max-width:760px) {
#mainTtl h2 {
	height:auto;
	padding:30px 10px;
	background:url(../image/common/bg_mainttl_sp.jpg) center;
}
}

#mainTtl h2 span {
	display:none;
}
@media screen and (max-width:760px) {
#mainTtl h2 span {
	display:block;
	font-size:20px;
}
}
/**/

#mainAbout {
	background:url(../image/about/h2.jpg) no-repeat;
}
@media screen and (max-width:760px) {
#mainAbout {
	background:none;
}
}

/**/

#mainTasting {
	background:url(../image/tasting/h2.jpg) no-repeat;
}



/* subCol
-------------------------------------------------------------------*/
#subCol02 {
}

/* mainCol
-------------------------------------------------------------------*/
#mainCol02 {
}


/* footer
-------------------------------------------------------------------*/
#footer02 {
	border-top:#B49261 2px solid;
	background:url(../image/common/bg_footer.gif) repeat;
}

/**/

#footerInner {
	padding:10px 10px 20px;
	background:url(../image/common/bg_footermark.png) no-repeat right bottom;
}
@media screen and (max-width:760px) {
#footerInner {
	padding:0;
	background:none;
}
}

/**/

#footerCatchWrap {
	float:left;
	width:468px;
}
@media screen and (max-width:760px) {
#footerCatchWrap {
	float:none;
	width:280px;
	margin:0 auto;
	padding:10px 10px 15px;
}
}

#footerCatch {
	margin-bottom:5px;
}

#footerSubCatch {
	text-align:center;
}

/**/
#footerMenu {
	float:right;
	width:430px;
	padding-top:20px;
}
@media screen and (max-width:760px) {
#footerMenu {
	float:none;
	width:auto;
	padding-top:0;
	border-top:#B49261 1px solid;
}
}

#footerMenu li {
	float:left;
	margin-right:20px;
	padding-left:20px;
	background:url(../image/common/ico_arrow_01_02.gif) no-repeat left center;
}
@media screen and (max-width:760px) {
#footerMenu li {
	float:none;
	margin-right:0;
	padding-left:0;
	border-bottom:#B49261 1px solid;
	background:none;
}
#footerMenu li a {
	padding:15px;
}
#footerMenu li a span {
	display:block;
	background:url(../image/common/ico_sparrow_01_01.png) no-repeat right center;
	background-size:9px;
}
}

#footerMenu li.last {
	margin-right:0;
}

/**/
#copyright {
	text-align:center;
}
@media screen and (max-width:760px) {
#copyright {
	padding:0 10px 20px;
}
}