@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
	color:#333333;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	background-attachment:scroll;

}

.left {float:left; }
.right { float:right; }

h2 {
	width:960px;
	height:68px;
	margin:30px auto;
	background-repeat:no-repeat;
}

h3 {
	font-size:18px;
	color:#6a3906;
	margin-bottom:1em;
}

.pc { display: block; }
.sp { display: none; }

.image {
	float:right;
	width:250px;
	height:167px;
	background-repeat:no-repeat;
}

.description {
	float:left;
	width:576px;
}

.description p {
	margin-bottom:1em;
}

.fc-red { color:#de1515; }
.fc_blue { color:#003561; }
.fc-orange { color:#ff5500; }

.cl_text {
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

#top {
	border-top:8px solid #704211;
	box-shadow: 0px 0px 6px 0px rgba(40, 18, 7, 0.25);
}

.hd_inner {
	width:1000px;
	margin:13px auto 0 auto;
	overflow:hidden;
}

header h1 {
	float:left;
	margin-top:13px;
}

header h1 a {
	display:block;
	width:512px;
	height:83px;
	background-image:url(../images/header/logo.png?date=20161212);
	background-repeat:no-repeat;
}

.hd_address {
	float:right;
	width:438px;
	text-align:right;
}

.hd_address .fc_blue {
	font-size:16px;
	font-weight:bold;
}

.hd_message {
	width:330px;
	height:28px;
	background-image:url(../images/header/pickup.png);
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:2px;
	margin-left:auto;
}

.hd_tel {
	margin-top:8px;
	width:438px;
	height:76px;
	background-image:url(../images/header/tel_new.png);
	background-repeat:no-repeat;
}

.hd_caption {
	color:#ffffff;
	font-size:14px;
	width:800px;
	padding:4px 20px;
	margin:15px auto 0 auto;
	background-color:#6a3906;
	border-radius:6px;
}

header #hd_nav {
	width:100%;
	background-image:url(../images/nav/header/bg.jpg);
	background-repeat:repeat-x;	
	box-shadow:6px 0 6px 0px rgba(40, 18, 7, 0.25);
	margin-top:24px;
}

header .tel_btn {
	display:none;
}

header .menu_btn {
	display:none;
}

header nav ul {
	display:block;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/nav/btn_border.jpg);
	background-repeat:no-repeat;
	background-position:right;
	overflow:hidden;
}

header nav li {
	float:left;
	background-image:url(../images/nav/btn_border.jpg);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-left:2px;
}

header nav li a {
	display:block;
	height:76px;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

header nav li a.btn01 {
	width:287px;
	background-image:url(../images/nav/header/btn01_off.jpg);
}

header nav li a:hover.btn01 {
	background-image:url(../images/nav/header/btn01_on.jpg);
}

header nav li a.btn02 {
	width:286px;
	background-image:url(../images/nav/header/btn02_off.jpg);
}

header nav li a:hover.btn02 {
	background-image:url(../images/nav/header/btn02_on.jpg);
}

header nav li a.btn03 {
	width:286px;
	background-image:url(../images/nav/header/btn03_off.jpg);
}

header nav li a:hover.btn03 {
	background-image:url(../images/nav/header/btn03_on.jpg);
}

header nav li a.btn04 {
	width:91px;
	background-image:url(../images/nav/header/btn04_off.jpg?d=1002);
}

header nav li a:hover.btn04 {
	background-image:url(../images/nav/header/btn04_on.jpg?d=1002);
}


/*------------------------------------------------------------------------------------------------------------------
　article
-------------------------------------------------------------------------------------------------------------------*/

article {
	width:880px;
	padding:39px;
	background-color:#ffffff;
	border:1px solid #e0c8b0;
	border-radius:8px;
	margin:16px auto 0 auto;
}


/*------------------------------------------------------------------------------------------------------------------
　shop_fb
-------------------------------------------------------------------------------------------------------------------*/

#shop_fb {
	overflow:hidden;
	width:960px;
	margin:24px auto 0 auto;
}

#shop {
	float:left;
	width:538px;
	padding:30px;
	background-color:#ffffff;
	border:1px solid #e0c8b0;
	border-radius:8px;
}

.shop_caption {
	color:#ffffff;
	font-size:14px;
	width:504px;
	padding:10px 18px;
	background-color:#6a3906;
	border-radius:6px;
}

.shop_title {
	display:block;
	width:539px;
	height:86px;
	margin-top:10px;
	background-image:url(../images/shop/logo.png?date=20161212);
	background-repeat:no-repeat;
}

.shop_tel {
	display:block;
	margin-top:16px;
	width:539px;
	height:79px;
	background-image:url(../images/shop/tel_new.png);
	background-repeat:no-repeat;
}

.shop_address {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e0c8b0;
}

#shop .fc_blue {
	font-size:26px;
	font-weight:bold;
}

.shop_message {	
	width:542px;
	height:39px;
	background-image:url(../images/shop/pickup.png);
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:6px;
}

#shop_fb #insta {
	float:right;
	width:320px;
}

#shop_fb #insta a {
  display: block;
  width: 100%;
  height: 426px;
  background: url("../images/shop/instagram_bnr_pc.png") no-repeat;
  transition: .2s;
}

#shop_fb #insta a:hover {
  filter: brightness(1.3);
}

/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

footer {
	margin-top:36px;
}

footer .page_top_inner {
	width:960px;
	overflow:hidden;
	margin:0 auto -5px auto;
}

footer .page_top {
	display:block;
	float:right;
	width:236px;
	height:36px;
	background-image:url(../images/footer/pagetop.png);
	background-repeat:no-repeat;
	background-size:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

footer nav {
	width:100%;
	background-image:url(../images/nav/footer/bg.jpg);
	background-repeat:repeat-x;	
	box-shadow:6px 0 6px 0px rgba(40, 18, 7, 0.25);
	border-top:5px solid #6a3906;
}

footer .nav_inner {
	display:block;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/nav/btn_border.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

footer nav ul {
	overflow:hidden;
}

footer nav li {
	float:left;
	background-image:url(../images/nav/btn_border.jpg);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-left:2px;
}

footer nav li a {
	display:block;
	height:76px;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

footer nav li a.btn01 {
	width:287px;
	background-image:url(../images/nav/footer/btn01_off.jpg);
}

footer nav li a:hover.btn01 {
	background-image:url(../images/nav/header/btn01_off.jpg);
}

footer nav li a.btn02 {
	width:286px;
	background-image:url(../images/nav/footer/btn02_off.jpg);
}

footer nav li a:hover.btn02 {
	background-image:url(../images/nav/header/btn02_off.jpg);
}

footer nav li a.btn03 {
	width:286px;
	background-image:url(../images/nav/footer/btn03_off.jpg);
}

footer nav li a:hover.btn03 {
	background-image:url(../images/nav/header/btn03_off.jpg);
}

footer nav li a.btn04 {
	width:91px;
	background-image:url(../images/nav/footer/btn04_off.jpg?d=1002);
}

footer nav li a:hover.btn04 {
	background-image:url(../images/nav/header/btn04_off.jpg?d=1002);
}

.copyright {
	width:100%;
	padding:14px 0;
	color:#ffffff;
	text-align:center;
	background-color:#6a3906;
}