@charset "utf-8";
/*=============================================
 * body
 *=============================================*/

body {
	color: #444;
	min-width: inherit;
	max-height: 100%;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	font-size: 13px;
	cursor: auto;
	letter-spacing: 1px;
	word-spacing: normal;
	background: url(../img/shared/bg.jpg) repeat-y center top / 100% auto;  
}

/* icon用font */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?25462111');
  src: url('../font/fontello.eot?25462111#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?25462111') format('woff'),
       url('../font/fontello.ttf?25462111') format('truetype'),
       url('../font/fontello.svg?25462111#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-left-open-mini:before { content: '\6c'; } /* 'l' */
.icon-rss-alt:before { content: '\7a'; } /* 'z' */
.icon-up-open-mini:before { content: '\75'; } /* 'u' */
.icon-facebook-circled:before { content: '\66'; } /* 'f' */
.icon-mail:before { content: '\6d'; } /* 'm' */
.icon-home-1:before { content: '\68'; } /* 'h' */
.icon-eject:before { content: '\76'; } /* 'v' */
.icon-export:before { content: '\6f'; } /* 'o' */
.icon-pencil-alt:before { content: '\65'; } /* 'e' */
.icon-popup:before { content: '\78'; } /* 'x' */
.icon-right-open-mini:before { content: '\72'; } /* 'r' */
.icon-grid:before { content: '\63'; } /* 'c' */
.icon-menu:before { content: '\6e'; } /* 'n' */
.icon-th-thumb:before { content: '\79'; } /* 'y' */
.icon-globe-inv:before { content: '\67'; } /* 'g' */
.icon-edit:before { content: '\62'; } /* 'b' */
.icon-phone:before { content: '\74'; } /* 't' */
.icon-basket:before { content: '\73'; } /* 's' */
.icon-desktop:before { content: '\70'; } /* 'p' */
.icon-twitter:before { content: '\77'; } /* 'w' */
.icon-down-dir:before { content: '\64'; } /* 'd' */

img{
  width: 100%;
  height: auto;
}
.navOpen {
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.navOpen #pagetop {
	z-index: -1;
}
body.navOpen, body.navOpen *, body.navOpen *:hover, body.navOpen *:focus, body.navOpen *:active {
	/*    cursor: none !important;*/
	touch-action: none !important;
	pointer-events: none !important;
}
body.navOpen .hamburger, body.navOpen #menu_toggle, body.navOpen #menu_toggle * {
	touch-action: auto !important;
	pointer-events: visible !important;
}
.fnt-mincho {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", 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;
}
.block::after {
	clear: both;
	content: "";
	display: block;
}
.txt-center {
	text-align: center;
}
.txt_b {
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}

.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;
}
/*=============================================
 * header
 *=============================================*/
header{
  position: relative;
}
#key {
	margin: auto;
  width: 100%;  
	position: relative;
  z-index: 0;
  overflow: hidden;  
}
#key li {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#key li.active{
  position: relative;
}
header .logo {
	position: absolute;
	top:50%;
  left: 50%;
	width: 45.6%;
  z-index: 1;
  transform: translate(-50%,-50%);
}
header h1 {
	font-size: 9px;
  position: absolute;
  bottom: 5px;
  left: 5%;
  right: 5%;
  text-align: center;
  z-index: 1;
  /*text-shadow: 0 0 3px #FFFFFF, 0 0 3px #FFFFFF, 0 0 3px #FFFFFF;*/
  color: #fff;
}
/*====================== nav ====================== */

header .topnavi {
	position: absolute;
	bottom: 3px;
	right: 5px;
	height: 54px;
}
header .topnavi li {
	display: inline-block;
	position: relative;
	width: 60px;
	vertical-align: top;
}
header .topnavi li a {
	color: #fff;
	font-size: 11px;
	line-height: 23px;
	text-align: center;
	display: block;
	height: 100%;
	padding-top: 5px;
	width: 100%;
	border-left: 1px dotted rgba(255, 255, 255, 1.00);
}
header .topnavi li a:hover {
	text-decoration: none;
}
header .topnavi li a[class^="icon-"]:before {
	display: block;
	width: 100%;
	padding-bottom: 4px;
	font-size: 19px;
	font-weight: normal;
}
header .menu_toggle {
	padding: 50px 2%;
	background: url("../img/shared/bg.jpg") repeat-y top center / 100% auto;	
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
header .menu_toggle ul li a{
  padding: 10px 0;
  color: #444;
  font-size: 21px;
}
header .menu_toggle ul li a span{
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}
header .menu_toggle ul li a span:before{
  content:"";
  background: #444;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
}
header .menu_toggle ul li.active a span:before{
  opacity: 1;
}
header .menu_toggle .menu-sns{
  margin-top: 2vw !important;
  margin-bottom: 8vw;
}
header .sub_click {
	display: block;
	padding: 9px 0;
	position: relative;
}
header .sub_click:before {
	content: '';
	position: absolute;
	width: 15px;
	border-top: 1px solid #fff;
	right: 5px;
	top: 22px;
	animation: smoky-out 0.7s 0s both;
}
header .sub_click:after {
	content: '';
	position: absolute;
	height: 15px;
	border-left: 1px solid #fff;
	right: 12px;
	top: 15px;
	animation: smoky-out 0.7s 0s both;
}
header .sub_click.open:after, header .sub_click.open:before {
	animation: smoky 0.7s 0s both;
}
header .sub_click.open:after {
	opacity: 0;
}
 @keyframes smoky {
 50% {
 filter: blur(3px)
}
 100% {
 filter: blur(0px)
}
}
 @keyframes smoky-out {
 50% {
 filter: blur(3px)
}
 100% {
 filter: blur(0px)
}
}
#menu_toggle li, #menu_toggle p{
	transform: matrix(1, 0, 0, 1, 0, -20);
	transition: all ease 0.5s 0.3s;
	opacity: 0;
	text-align: center;
  padding: 0;
}
#menu_toggle li:before{
  display: none;
}
#menu_toggle .sub_scroll_box li {
	margin: 0 20px;
	border: none;
}
#menu_toggle .sub_scroll_box li a {
	padding: 5px 0;
}
#menu_toggle .sub_scroll_box li:last-child {
	border-bottom: none;
}
.navOpen .menu_toggle.nav-style01 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	right: 0;
}
.navOpen #menu_toggle {
	opacity: 1;
	visibility: visible;
	pointer-events: visible;
}
.navOpen #menu_toggle li, .navOpen #menu_toggle p {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.navOpen.mn_tyle_a li {
	text-align: left !important;
}
.navOpen.mn_tyle_a .hamburger {
	opacity: 0;
	visibility: hidden;
}
.navOpen.mn_tyle_a .hamburger.type_a {
	opacity: 1;
	visibility: visible;
}
.navOpen .hamburger.type_a {
	opacity: 0;
	visibility: hidden;
}
header .menu_toggle.nav-style01 {
	top: 0px;
	right: -100%;
	display: block;
	transition: all 0.5s ease 0s;
}
.navOpen .menu_toggle.nav-style01 {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	right: 0;
}
.hamburger {
	background: url("../img/shared/bg.jpg");
	position: fixed;
	top: 0;
	z-index: 100;
	right: 0;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  border: 1px solid #b8b199;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
  background-color: #444;
}
.hamburger:after {
	font-size: 9px;
	content: 'MENU';
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	text-align: center;
  line-height: 1;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.navOpen .hamburger:after {
	display: none;
}
.menu-sns{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.menu-sns li{
  margin: 0 10px;
}
.btn-corona{
  border: 4px double #aca797;  
  margin: 10vw auto 0;
  width: 280px;
}
header .menu_toggle .btn-corona a{
  display: flex;
  color: #444;
  position: relative;
  line-height: 1.2;
  box-sizing: border-box;
  padding: 10px 20px 7px;
  text-align: left;
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
header .menu_toggle .btn-corona a i{
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -9px;
  display: block;
  line-height: 1;
}
/*====================== end nav ====================== */

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

header #key {
	position: relative;
	overflow: hidden;
}
header #key p.tt {
	position: absolute;
	bottom: 6%;
	right: 3%;
	color: #fff;
	font-size: 20px;
}

/*====================== end nav ====================== */

section {
	overflow: hidden;
}
/*=============================================*/

/*                   　footer　　　　　          */

/*=============================================*/

footer {
	background: url("../img/shared/footer_bg.jpg") repeat-y top center / 100% auto;
  color: #c9c3b7;
	font-size: 11px;
	line-height: 15px;
	padding-bottom: 20vw;
  padding-top: 10vw;
}
footer .wrap{
  padding: 0 4%;
}
footer .footer-logo{
  margin: auto;
  width: 40%;
}
.footer-tel{
  margin: 2vw 0 5vw;
}
.menu-sns{
  justify-content: center;
}
.menu-sns li{
  margin: 0 5%;
  width: 9%;
}
footer .shopinfo {
	padding-top: 7vw;
	position: relative;
}
.shopinfo dl{
  margin-bottom: 15px;
}
.shopinfo dt{  
  width: 75px;
}
.shopinfo dd{  
  width: calc(100% - 75px);  
  box-sizing: border-box;  
}
.footer-box{  
  border: 1px solid #665f55;  
  text-align: center;
  padding: 4.5vw 5% 4vw;
  color: #fefefd;
  line-height: 1.9;
  margin: 7vw 0;
}
.footer-box dt{
  font-size: 18px;
  margin-bottom: 3vw;
}
.cookie-link{
  text-align: center;
  margin-top: 3px;
}
.cookie-link a{
  text-decoration: underline;
  color: #c9c3b7;
}
footer address {	
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
  color: #c9c3b7;
  line-height: 3.5;
  margin-bottom: 3vw;
}
footer #socialbuttons{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
/*=============================================
 * ft_fixed_shared
 *=============================================*/
#socialbuttons > * {
  margin: 0;
}
#ft_fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  z-index: 999;
}
#ft_fixed a:hover, #ft_fixed a:focus, #ft_fixed a:active, #ft_fixed a:visited {
  opacity: 1 !important;
}

.has_nav #ft_fixed {
  opacity: 1;
  visibility: visible;
}
.navOpen #ft_fixed {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
/* iPhone X */
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .has_nav footer:after {
    background: url("../img/shared/footer_fix.jpg") no-repeat top center/100% 100%;
    content: '';
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 36px;
    z-index: 99;
  }
  #ft_fixed {
    bottom: calc(env(safe-area-inset-bottom) - 0px);
  }
  .navOpen footer:after{
    display: none;
  }
  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 70px); 
  }
}
/* iPhone XR */
@media only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  .has_nav footer:after {
    background: url("../img/shared/footer_fix.jpg") no-repeat top center/100% 100%;
    content: '';
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 36px;
    z-index: 99;
  }
  #ft_fixed {
    bottom: calc(env(safe-area-inset-bottom) - 0px);
  }
  .navOpen footer:after{
    display: none;
  }
  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 70px); 
  }
}
/* iPhone 11 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2), only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3), only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .has_nav footer:after {
    background: url("../img/shared/footer_fix.jpg") no-repeat top center/100% 100%;
    content: '';
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 36px;
    z-index: 99;
  }
  #ft_fixed {
    bottom: calc(env(safe-area-inset-bottom) - 0px);
  }
  .navOpen footer:after{
    display: none;
  }
  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 70px); 
  }
}
.navOpen{
  position: relative;
  z-index: 0;
}
.navOpen:before{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  background: url("../img/shared/bg.jpg") repeat-y top center / 100% auto;
}
.ft_fixed_shared {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row;
	text-align: center;
	width: 100%;	
	z-index: 100;
}
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.pb0 {
	padding-bottom: 0 !important;
}
.wrap {
	padding: 0 4% 10vw;
}
.txt{
  margin: 0 4%;
}
.cl_red {
	color: #E4070B;
}
.fz-10 {
	font-size: 10px;
}
.fz-12 {
	font-size: 12px;
}
.fz-14 {
	font-size: 14px;
}
.fz-16 {
	font-size: 16px;
}
.fz-18 {
	font-size: 18px;
}
.fz-20 {
	font-size: 20px;
}
.fz-22 {
	font-size: 22px;
}
.fz-24 {
	font-size: 24px;
}
.fz-26 {
	font-size: 26px;
}
.fz-28 {
	font-size: 28px;
}
.fz-30 {
	font-size: 30px;
}
.bg_parallax{
  position: relative;
  padding-top: 100%;
}
.img_parallax {
	clip: rect(0, auto, auto, 0);
	margin-bottom: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.img_parallax img {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	object-fit: cover;
	z-index: 0;
	transform: translateZ(0);
}
.dis-flex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.hamburger--vortex-r.is-active{
  background: none;
  border: none;
  top: 8px;
}

.btn-link{
  background: url("../img/shared/btn_bg.jpg") repeat center;
  display: block;
  width: 100%;
  line-height: 2.88;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 4.55vw;  
  transition: all 0.3s;
  color: #fff !important;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #331206;
}
.btn-link:before{
  content:"";
  border: 1px solid rgba(255,255,255,0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.btn-link:hover{
  text-decoration: none;
  opacity: 0.7;
}
.btn-link i{
  position: absolute;
  top: 50%;
  right: 10%;
  margin-top: -7px;
  display: block;
  line-height: 1px;
}
.slick-slide > div{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.slick-arrow {
  bottom: -10px;
  z-index: 2;
  border: none;
  outline: none;  
  position: absolute;
  cursor: pointer;
  background: transparent;
  width: 16px;
  height: 40px;
  color: #000;
  font-family: "fontello";
  font-size: 40px;
  line-height: 40px;
  text-indent: -9999px;
}
.slick-arrow.slick-prev {
  left: 0;
}
.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow.slick-next:after{
  content: "\f105";
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.slick-arrow.slick-prev:after{
  content: "\f104";
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.slick-dots {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}
.slick-dots li {
  display: inline-block;
  line-height: 0;
  padding: 0 6px;
  cursor: pointer;
}
.slick-dots li button {
  border: none;
  position: relative;
  cursor: pointer;
  outline: none;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;  
}
.slick-dots .slick-active button {
  background: #945527;
}

.dis_b{
  display: block;
}
.remodal{
  background: #eae5d2;
  padding: 40px 20px 20px;
  margin-bottom: 0;
}
.remodal .wrap{
  padding-bottom: 0;
}
.remodal h2{
  text-align: center;
  font-size: 23px;  
  letter-spacing: 1px;
}
.remodal p{
  margin-top: 1.5em;
  letter-spacing: 0;
}
.remodal .note{
  text-align: center;
  margin-bottom: 1.5em;
}
.remodal .inner{
  margin: 0 auto 5vw;
  width: 94%;
}
.remodal.popup-modal2 .note{
  text-align: justify;
}
.remodal-close{
  border: none;
  top: -6vw;
}
#pagetop{
  position: fixed;
  right: 0;
  bottom: 30vw;
  width: 60px;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}

.txt_red {
	color: #880000;
	font-weight:bold;
}

.txt_wh {
	color: #fff;
}


.txt_brn {
	color: #823D1E;
}


.txt_red2 {
	background-color: #b73d26;
	color: #fff;
	font-size: 12px;
	border: 1px rgba(183,61,38,1) solid;
	margin-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	padding: 2px 2px;
}

.block p {
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height:1.5em;
}

.block p:last-of-type {
	margin-bottom: 0;
}
p.txt-center{
	text-align:center;
	margin: 8px 0px;
}
/*=============================================*/
/*           　　ボタン箇所　　　　　          */
/*=============================================*/

.botan a{
	margin: 10px 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	background: #4b2711; /* Old browsers */
	background: -moz-linear-gradient(top, #4b2711 0%, #4b2711 39%, #40210f 55%, #40210f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b2711), color-stop(39%,#4b2711), color-stop(55%,#40210f), color-stop(100%,#40210f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4b2711 0%,#4b2711 39%,#40210f 55%,#40210f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4b2711 0%,#4b2711 39%,#40210f 55%,#40210f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4b2711 0%,#4b2711 39%,#40210f 55%,#40210f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4b2711 0%,#4b2711 39%,#40210f 55%,#40210f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b2711', endColorstr='#40210f',GradientType=0 ); /* IE6-9 */
	border: 1px solid #5c452e;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.botan a:before {
	font-family: "fontello";
	content: '\72'; /* 'r' */
	margin-right: 10px;
}



/*=============================================*/
/*           　　 TELボタン　　　　　          */
/*=============================================*/

.botan2 a{
	margin: 10px 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	background: #800000; /* Old browsers */
	background: -moz-linear-gradient(top, #800000 0%, #800000 39%, #910000 55%, #910000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#100c08), color-stop(39%,#100c08), color-stop(55%,#910000), color-stop(100%,#910000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #800000 0%,#800000 39%,#910000 55%,#910000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #800000 0%,#800000 39%,#910000 55%,#910000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #800000 0%,#800000 39%,#910000 55%,#910000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #800000 0%,#800000 39%,#910000 55%,#910000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#910000',GradientType=0 ); /* IE6-9 */
	border: 1px solid #5c452e;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


.botan2 a:before {
	font-family: "fontello";
	content: '\74'; /* 't' */
	margin-right: 10px;

}



/*=============================================*/
/*           　　ボタン箇所2　　　　　         */
/*=============================================*/

#contact{
	width:300px;
	height:45px;
	color:#fff;
	clear:both;
	margin: 15px auto 10px auto;

}


.botan3 a{
	width:130px;
	margin: 5px 5px 10px 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:left;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
	background-color: #100c08;
	border:2px #5c452e solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.botan3 a:before {
	font-family: "fontello";
	content: '\74'; /* 't' */
	margin-right: 10px;
}



.botan4 a{
	width:130px;
	margin: 5px 10px 10px 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:right;
	color: #fff;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
	background-color: #100c08;
	border:2px #5c452e solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



.botan4 a:before {
	font-family: "fontello";
	content: '\67'; /* 'g' */
	margin-right: 10px;
}



/*=============================================*/
/*           　　ボタン箇所　　　　　          */
/*=============================================*/

.botan5 a{
	margin: 10px 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	background: #81090a; /* Old browsers */
	background: -moz-linear-gradient(top, #81090a 0%, #81090a 39%, #8f0a0a 55%, #8f0a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81090a), color-stop(39%,#81090a), color-stop(55%,#8f0a0a), color-stop(100%,#8f0a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #81090a 0%,#81090a 39%,#8f0a0a 55%,#8f0a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #81090a 0%,#81090a 39%,#8f0a0a 55%,#8f0a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #81090a 0%,#81090a 39%,#8f0a0a 55%,#8f0a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #81090a 0%,#81090a 39%,#8f0a0a 55%,#8f0a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81090a', endColorstr='#8f0a0a',GradientType=0 ); /* IE6-9 */
	border: 2px solid #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}


.botan5 a:before {
	font-family: "fontello";
	content: '\67'; /* 'g' */
	margin-right: 10px;
}




/*=============================================*/
/*          　　botan横並び2　         */
/*=============================================*/

.btnbox{
	margin-top: 10px;
	margin-bottom:10px;
	width:99%;
	clear:both;
	overflow:hidden;
}

.btnbox .l{
	width:49%;
	float:left;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right:2px;
}

.btnbox .r{
	width:49%;
	float:right;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:2px;
}


.btnbox p {
	font-size:12px;	
	margin: 5px 3px;
	color: #444444;
}

.btnbox .p_sbtit{
	margin: 3px auto 3px auto;
	color: #444444;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	line-height:1.5em;
}



/*=============================================*/
/*          　　botan横並び2　         */
/*=============================================*/

.btnbox2{
	margin-top: 20px;
	margin-bottom:15px;
	width:98%;
	clear:both;
	overflow:hidden;
	margin-left: 1px;
	margin-right: 2px;
}

.btnbox2 .l{
	width:43%;
	float:left;
	margin-left:5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #ac1612;
	border:1px #362116 solid;
	 -webkit-border-radius: 2px;

}

.btnbox2 .r{
	width:43%;
	float:right;
	margin-right:8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #ac1612;
	border:1px #362116 solid;
	 -webkit-border-radius: 2px;
}


.btnbox2 p {
	font-size:12px;	
	margin: 8px 5px;
	color: #fff;
}


.btnbox2 a {
	color:#fff;
}



.btnbox2 a:before {
	font-family: "fontello";
	content: '\72'; /* 'r' */
	padding-left: 5px;
	padding-right:5px;
	color:#fff;
}




/*=============================================*/
/*           　　メインタイトル　　　　　          */
/*=============================================*/

.sbtitle{
	text-align:center;
	color:#444444;
	padding: 0px;
	margin: 0px auto 0px auto;
	line-height:1.4em;
	font-size:18px;
	font-weight:bold;
}



.sbtitle2{
	font-family: Georgia, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#444444;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 5px auto 10px auto;
	line-height:1.4em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	border-top:1px rgba(68,68,68,0.5) dotted;
	border-bottom:1px rgba(68,68,68,0.5) dotted;
}

.sbtitle3{
	background-image: url(../img/title3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:90px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#fbf3ea;
	padding-top: 55px;
	padding-left:10px;
	margin: 0px 0px -50px 0px;
	line-height:1.4em;
	font-style:italic;
	font-family: Georgia, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}





.p_ts1{
	margin: 5px 0px;
	text-align:left;
	color:#444;
	padding: 3px 8px 3px 8px;
	font-size:12px;
}



.p_ts2{
	margin: 5px 0px;
	padding: 10px 8px 3px 8px;
	color: #444;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
}


.p_ts3{
	margin: 3px auto 3px auto;
	color: #444;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	line-height:1.5em;
}


.p_ts4{
	margin: 0px auto 0px auto;
	color: #444;
	font-size:14px;
	text-align:center;
	line-height:1.2em;
}



.p_ts5{
	margin: 0px auto 2px auto;
	color: #444;
	font-size:12px;
	text-align:center;
}



.p_ts6{
	width:150px;
	background-color: #d15807;
	margin: 5px 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size:14px;
	color:#444;
	font-weight:bold;
	border: 1px rgba(231,160,38,0.5) solid;
}


.p_ts7{
	padding-top:8px;
	color: #444;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	line-height:1.4em;
}


.p_ts8{
	margin: 5px 0px;
	text-align:left;
	color:#444;
	padding: 3px 8px 3px 8px;
	font-size:12px;
}



.p_tsb{
	width:180px;
	border: 1px #444 solid;
	margin:5px auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	font-size:16px;
	color:#444;
	font-weight:bold;
}




.p_wine{
	font-family: Georgia, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	text-align:left;
	color:#444;
	margin:5px 3px;
	padding-left:3px;
	padding-right:3px;
	font-size:14px;
	font-weight:bold;
}


.p_food{
	font-family: Georgia, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	text-align:left;
	color:#444;
	margin:5px 3px;
	padding-left:3px;
	padding-right:3px;
	font-size:16px;
	font-weight:bold;
}


.p_exp{
	margin: 5px 0px;
	text-align:left;
	color:#444;
	padding: 3px 8px 3px 8px;
	font-size:12px;
}

.p_exp2{
	margin: 5px 0px;
	text-align:left;
	color:#444;
	padding: 3px 8px 3px 8px;
	font-size:10px;
}


p.price {
	font-size:14px;
	padding-right: 10px;
	padding-bottom: 3px;
	margin: 5px 5px 8px 5px;
	border-bottom:1px rgba(68,68,68,0.5) dotted;
	clear: both;
	color: #880000;
	text-align:right;
	font-weight:bold;
	line-height:1.5em;
}


p.price2 {
	font-size:16px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 5px auto;
	clear: both;
	color: #880000;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}




#point{
	width:200px;
	height:100px;
	color:#2a200b;
	clear:both;
	margin: 10px auto 10px auto;

}


#point a{
	color:#2a200b;
	text-decoration: none;
}


.p_point{
	width:30px;
	height:30px;
	 -webkit-border-radius: 50px;
	 border-radius: 50px;
	 -webkit-box-shadow: 0 0 3px #874701;
	 box-shadow: 0 0 3px #874701;
	background-color: #c86b02;
	margin: 5px 3px;
	padding-top:12px;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:1.2em;
	float:left;
}



hr{
	border: 2px rgba(35291C) solid;
	margin: 15px 10px 15px 10px;
}




/*=============================================*/
/*           　　　topics bnr  　　　          */
/*=============================================*/
.topics {
	color:#444;
	clear:both;
	margin: 5px 0px;
	text-decoration: none;
	text-align:left;
}



.topics ul{
    list-style-type:neno;
    list-style-position:outside;
	margin-bottom:8px;
}

.topics ul li{
    text-align:left;
	color:#444;
	margin-bottom:5px;
}

.topics a{
	color: #35291C;
}

.topics p {
	font-size:12px;	
	margin: 5px 3px;
}
.width-qt {
	WIDTH: 33%;
	float:left;
}

.width-half {
	WIDTH: 50%;
	float:left;
}
.width-full {
	WIDTH: 100%;
}
.ul-inline {
	overflow: hidden;
	margin-left:3px;
	margin-right:3px;
}
.ul-inline li {
	margin-top:10px;
	margin-bottom: 5px;
}



.topics .p_topics{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#444;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	padding-top: 5px;
	padding-left:8px;
	padding-bottom: 5px;
	margin: 5px 2px 2px 2px;
	line-height:1.5em;
	border-left-width: 4px;
	border-left-style: outset;
	border-left-color: #444;
	border-bottom:3px rgba(68,68,68,1) double;
}






/*=============================================*/
/*           　　　　BOX設定 　　　　          */
/*=============================================*/

.box1{
	color:#444;
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 5px 0px;
}

.box1 .wrap, .box4 .wrap{
  padding-bottom: 0;
}
.box1 dl dt{
	margin-top:10px;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-size:14px;	
	font-weight:bold;
	color: #444;
	border-left-width: 4px;
	border-left-style: outset;
	border-left-color: #2d1a0c;
}

.box1 dl dd{
	padding-left:15px;
	font-size:14px;
	color:#444;
	border-bottom:1px rgba(68,68,68,0.5) dotted;
	padding-top:5px;
	padding-bottom:14px;
	margin: 0px 5px 0px 5px;
	line-height:1.2em;
}


.box1 dl dd a{
	color:#6b3e1d;
}




/*          　　     box2        　　          */
/*=============================================*/

.box2{
	color:#444;
	clear:both;
	margin: 10px 2px 10px 2px;
	padding: 10px 0px 20px 0px;
	border: 1px rgba(68,68,68,1) solid;
	 -webkit-border-radius: 10px; 
}




/*          　　     box3        　　          */
/*=============================================*/

.box3{
	background-image: url("../img/box3.jpg");
	background-repeat: repeat;
	background-position: left top;
	color:#35291C;
	clear:both;
	margin: 10px 2px 10px 2px;
	padding: 10px 0px 20px 0px;
	border: 3px rgba(189,168,96,0.8) ridge;
	 -webkit-border-radius: 2px; 
}


.box3 table{
	margin-top:10px;
	margin-bottom:8px;
}


.box3 table th{
	float:left;
	color:#35291C;
	font-weight:bold;
	text-align:left;
	padding-top:1.4em;
	padding-bottom:1.4em;
	padding-right:2px;
	padding-left:2px;
}

.box3 table td{
	text-align:left;
	padding:3px 5px 3px 5px;
	margin:3px 0px 3px 0px;
	color:#35291C;
	font-size:12px;
	line-height:1.5em;
}





/*          　　     box4        　　          */
/*=============================================*/
.box4{
	color:#444;
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 5px 0px;
}





/*          　　     box5        　　          */
/*=============================================*/

.box5{
	background-image: url(../img/box5.jpg);
	background-repeat: repeat;
	background-position: left top;
	color:#444;
    text-align:center;
	clear:both;
	margin: 10px 2% 10vw;
	padding: 0px 0px 20px 0px;
	border: 2px rgba(159,141,117,0.5) solid;
	 -webkit-border-radius: 3px; 
}




/*          　　     map        　　          */
/*=============================================*/

.map{
	background-color: #444;
	color:#fff;
    text-align:left;
	clear:both;
	margin: 5px 5px;
	padding: 5px;
	border: 1px #444 solid;
	 -webkit-border-radius: 2px;
}



/*          　　     section_bg  　　          */
/*=============================================*/

/* 営業情報 */
#s_box{
	width:100%;
	background-image: url(../img/shopinfo/s_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#291105;
	clear:both;
	margin: 0px;

}





/*          　　     list        　　          */
/*=============================================*/


.list{
	color: #291105;
	clear:both;
	margin: 5px 3px 15px 3px;
	padding: 5px 0px 5px 0px;
}

.list ul{
	margin-top:5px;
	margin-botom:10px;
	padding:0px 5px 25px 5px;
	margin-bottom:1em;

}
.list ul li{
	padding:5px 5px 5px 5px;
	text-align:left;
	line-height:1.5em;
	margin-botom:10px;
	color: #120704;
	float:left;

	font-size:12px;
}


.list ul li a{
	color: #120704;
	display: block;
	text-decoration: underline;
}






/*          　　　 店舗情報box   　　          */
/*=============================================*/

.shopinfo p{
	padding: 5px 8px;
}

.shopinfo a{
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

#wine h1, #food h1, #bar h1, #access h1{
  width: 100%;
  color: #fff;
  font-size: 9px;
  font-weight: normal;
  top: 2px;
  left: 5px;
  bottom: auto;
  position: absolute;
  white-space: nowrap;
  z-index: 100;
  text-align: left;
  letter-spacing: -0.2px;
   text-shadow: none;
}


.notice {
	text-align: center;
	margin-bottom: 20px;
}