@charset "UTF-8";
/*
Theme Name: Alberata
Theme URI: http://www.alberata.com/
Description: for Alberata.
Version: 1.0
Author: <a href="http://www.narts.jp/">NARTS</a>
*/

/****************************************

	セッティング

*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline; */
	list-style:none;
	}

html{
	background-color: #660000;
	background-image: url("images/bg.gif");
	background-repeat: repeat-y;
	background-position: top center;
	width: 1000px;
	}

/* chrome safari用1pxズレ修正 */
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
html{
	background-color: #660000;
	background-image: url("images/bg2.gif");
	background-repeat: repeat-y;
	background-position: top center;
	}
} */
/* ie6用1pxズレ修正 */
* html{
	background-color: #660000;
	background-image: url("images/bg2.gif");
	background-repeat: repeat-y;
	background-position: top center;
	}
/* ie7用1pxズレ修正 */
*:first-child+html{
	background-color: #660000;
	background-image: url("images/bg2.gif");
	background-repeat: repeat-y;
	background-position: top center;
	}

body{
	font-family: Verdana,'ＭＳ Ｐゴシック',Osaka,Arial,Sans-Serif;
	color: #333333;
	font-size: 14px;
	line-height: 1.4;
	}

a{color: #0066FF;}
a:hover{color: #64A6FF;}

/* For modern browsers */
.cf:before,
.cf:after{
    content:"";
    display:block;
    overflow:hidden;
	}
.cf:after{
    clear:both;
	}
/* For IE 6/7 (trigger hasLayout) */
.cf{
    zoom:1;
	}


/****************************************

	ヘッダ

*****************************************/
#header{
	height: 100px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	}

#header h1{
	position: absolute;
	top: 25px;
	left: 25px;
	}

#head_tel{
	position: absolute;
	top: 25px;
	left: 578px;
	}

#head_contact{
	position: absolute;
	top: 30px;
	left: 770px;
	}


/****************************************

	グローバルナビ

*****************************************/
#gnavi{
	width: 1000px;
	margin: 0 auto;
	}

#gnavi ul{
	width: 1000px;
	height: 63px;
	}

#gnavi ul li{
	float: left;
	}
#gnavi img{
	vertical-align: bottom;
	}


/****************************************

		ページトップ

*****************************************/
#pagetop{
	width: 940px;
	margin: 0 auto;
	text-align: right;
	}
#pagetop img{
	vertical-align: bottom;
	}


/****************************************

		フッター

*****************************************/
#footer{
	width: 1000px;
	margin: 0 auto;
	background: #FFB320;
	}
#footerInner{
	padding: 40px 30px;
	}

#footerContact{
	width: 250px;
	float: left;
	}
#footerContact p#f_tel{
	margin-bottom: 10px;
	}
#footerContact p#f_contact{
	margin-bottom: 13px;
	}

#footerLink{
	width: 95px;
	float: left;
	}
#footerLink ul li{
	padding: 0 0 0 18px;
	background-image: url("images/prt_footer_04.png");
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 13px;
	line-height: 1.6;
	color: #7C530D;
	}
#footerLink ul li a{color: #7C530D;}
#footerLink ul li a:hover{color: #B07915;}

#footerLink2{
	width: 150px;
	float: left;
	}
#footerLink2 ul li{
	padding: 0 0 0 18px;
	background-image: url("images/prt_footer_04.png");
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 13px;
	line-height: 1.6;
	color: #7C530D;
	}
#footerLink2 ul li a{color: #7C530D;}
#footerLink2 ul li a:hover{color: #B07915;}

#footerCopy{
	width: 246px;
	float: right;
	}

#footerLink1-2 { /*東内追加分*/
	float: left;
	width: 260px;
}


/****************************************

	トップメインビジュアル

*****************************************/
#topMainvisualBg{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-image: url("images/mainvisual_bg.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 380px
/*	overflow: hidden; */
	}

#mainvisual{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	}

#mainfilter{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	}


/****************************************

	トップ [ page ]

*****************************************/
#pageToppage{
	width: 940px;
	margin: 0 auto;
	}
#topMain{
	width: 620px;
	float: left;
	}
#topSide{
	width: 290px;
	float: right;
	}

#topRecommended{
	width: 620px;
	margin-bottom: 25px;
	}
#topRecommended h2{
	margin-bottom: 10px;
	}
#topRecommended ul li{
	float: left;
	margin-right: 20px;
	margin-bottom:20px; /* 2020/04/07追加（東内） */
	}
#topRecommended ul li.none{
	margin-right: 0;
	}

#topSituation{
	width: 620px;
	margin-bottom: 17px;
	}
#topSituation h3{
	margin-bottom: 7px;
	}
#topSituation ul{
	width: 640px;
	margin-right : -20px;
    overflow : hidden;
	_zoom : 1;
	}
#topSituation ul li{
	float: left;
	padding: 0 20px 18px 0;
	}

#topNews{
	width: 290px;
	margin-bottom: 30px;
	}
#topNews h2{
	margin-bottom: 0px;
	}
#topNews ul li{
	padding: 8px 0 8px 0;
	border-bottom: dotted 1px #999999;
	}
#topNews ul li span{
	padding: 0 0 5px 0;
	font-size: 11px;
	}

#topReservation, #topBlog{
	width: 290px;
	margin-bottom: 30px;
	}
#topReservation h2, #topBlog h2 {
	margin-bottom: 10px;
	}
#topReservationtop, #topBlogtop {
	padding-top: 20px;
	background-image: url("images/bg_top_01.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
#topReservationbottom, #topBlogbottom {
	padding: 0 20px 20px 20px;
	background-image: url("images/bg_top_02.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	}
#topReservationbottom p.image, #topBlogbottom p.image {
	padding-bottom: 15px;
	}
#topReservationbottom p.title, #topBlogbottom p.title {
	padding-bottom: 5px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	background-image: url("images/bg_top_03.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	}
#topReservationbottom p, #topBlogbottom p{
	font-size: 12px;
	}
#topReservationbottom ul, #topBlogbottom ul {
	padding-bottom: 15px;
	}
#topReservationbottom ul li, #topBlogbottom ul li {
	padding: 0 0 0 10px;
	background-image: url("images/prt_top_02.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	font-size: 12px;
	}


/****************************************

	下層メインビジュアル

*****************************************/
#tempMainvisual{
	width: 1000px;
	margin: 0 auto;
	background-image: url("images/mainvisual_bg.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 180px
	}
#tempMainvisual_inner{width:1000px; height:150px; margin:0 auto; background-image:url("images/mainvisual.jpg"); background-repeat:no-repeat; background-position:top center;}
#tempMainvisual_inner h2{padding:55px 0 0 58px; font-size:32px; line-height:1.2; color:#000000; font-weight:bold; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}


/****************************************

	下層サイド

*****************************************/
#sideContentsbg{
	background-image: url("images/bg_side_02.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-bottom: 25px;
	}
#sideContents{
	background-image: url("images/bg_side_01.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
#sideContents ul{
	padding: 95px 12px 100px 12px;
	}
#sideContents ul li{
	padding: 8px 0 8px 18px;
	border-bottom: dotted 1px #936710;
	background-image: url("images/prt_side_01.gif");
	background-repeat: no-repeat;
	background-position: 0 12px;
	font-size: 14px;
	color: #7C530D;
	}
#sideContents ul li a{
	color: #7C530D;
	text-decoration: none;
	}
#sideContents ul li a:hover{
	color: #B07915;
	}


#sideReservation{
	width: 210px;
	margin-bottom: 35px;
	font-family: 'ＭＳ Ｐゴシック',Verdana,Osaka,Arial,Sans-Serif;
	}
#sideReservation h2{
	margin-bottom: 10px;
	}
#sideReservationtop{
	padding-top: 12px;
	background-image: url("images/bg_side_03.gif");
	background-repeat: no-repeat;
	background-position: top left;
	}
#sideReservationbottom{
	padding: 0 12px 12px 12px;
	background-image: url("images/bg_side_04.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	}
#sideReservationbottom p.image{
	padding-bottom: 15px;
	}
#sideReservationbottom p.title{
	padding-bottom: 5px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	background-image: url("images/bg_side_05.gif");
	background-repeat: repeat-x;
	background-position: bottom left;
	}
#sideReservationbottom p{
	font-size: 12px;
	}
#sideReservationbottom ul{
	padding-bottom: 15px;
	}
#sideReservationbottom ul li{
	padding: 0 0 0 10px;
	background-image: url("images/prt_side_03.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	font-size: 12px;
	}


/****************************************

	下層メニュー飾り罫

*****************************************/

.f8400-outside {
	background-image: url(images/8400yen_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 680px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.f8400-inside {
	background-color: #FFF;
	background-image: url(images/8400yen_bg2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 10px;
	width: 658px;
	border: 1px solid #F2EBCA;
}
.f8400-read {
	background-image: url(images/8400yen_bg1.png);
	background-repeat: no-repeat;
	min-height: 59px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 20px;
	margin-bottom:20px;
}
.pht-8400  {
	float: right;
	padding-right: 20px;
}
.f8400-inside dl {
	float: left;
	width: 300px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
.f8400-inside dt {
	font-size: 10px;
	color: #666;
}
.f8400-inside dd {
	color: #7B520C;
	margin-bottom: 15px;
}

/****************************************

	パンくずリスト

*****************************************/
#breadcrumbsList{
	width: 700px;
	margin: 0 auto;
	}
#breadcrumbsList ul{
	padding-bottom: 15px;
	}
#breadcrumbsList ul li{
	padding-right: 10px;
	float: left;
	font-size: 12px;
	}
#breadcrumbsList ul li.arrow{
	padding: 0 10px 0 14px;
	background-image: url("images/prt_breadcrumbsList_01.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
	}


/****************************************

	テンプレート [ page ]

*****************************************/
#pageTemplate{
	width: 940px;
	margin: 0 auto;
	}

#tempSide{
	width: 210px;
	float: right;
	}

#tempMain{
	width: 700px;
	float: left;
	}
#tempMain h2{
	background-image: url("images/ttl_h3.gif");
	text-align: center;
	margin-bottom: 18px;
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	color: #195E05;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	}
#tempMain h3{
	margin: 0 10px 12px 10px;
	padding: 0 0 0 12px;
	background-image: url("images/bg_h3_01.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	font-size: 16px;
	line-height: 38px;
	font-weight: bold;
	}
#tempMain h4{
	margin: 0 10px 12px 10px;
	padding: 0 0 0 12px;
	background-image: url("images/bg_h4_01.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	font-size: 14px;
	line-height: 33px;
	font-weight: bold;
	}

#tempMain p {
	margin: 0 10px 0 10px;
	line-height: 1.5em;
	}
#tempMain table p {
	margin: 0 0 0 0;
	}


#tempMain ul{
	margin: 0 10px 15px 10px;
	}
#tempMain ul li{
	padding: 0 0 0 18px;
	background-image: url("images/prt_under_01.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 14px;
	line-height: 1.6;
	color: #7C530D;
	}

#tempMain table.tablestyle01{
	margin: 0 10px 30px 10px;
	width: 680px;
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
    border-spacing: 0;
	}
#tempMain table.tablestyle01 th{
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #DDDDDD;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	width: 180px;
	text-align: left;
	}
#tempMain table.tablestyle01 td{
	padding: 10px;
	border: 1px solid #DDDDDD;
	border-width: 0 0 1px 1px;
	}

#tempMain table.tablestyle02{
	width: 680px;
	margin: 0 auto;
	text-align: center;
}

#tempMain #tempContact{
	position: relative;
	margin: 30px 10px 35px 10px;
	background-image: url("images/bg_under_01.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 680px;
	height: 150px;
	}
#tempMain #tempContact p.c_tel{
	position: absolute;
	top: 52px;
	left: 12px;
	margin: 0;
	}
#tempMain #tempContact p.c_form{
	position: absolute;
	top: 52px;
	left: 350px;
	margin: 0;
	}

#tempMain img {
	padding:5px;
	border:1px solid #ccc;
}
#tempMain #tempContact img{
	padding: 0;
	border: none;
}


/*--- パンくずリスト用 ---*/
ul#pankuzu {
	font-size: 13px;
	color: #333;
	list-style-type: none;
	margin-bottom: 15px;
	padding: 2px;
}
ul#pankuzu li {
	display: inline;
	padding-right: 15px;
}
/* ul#pankuzu li a {
	background-image: url(img/arr04.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
} */

/*--- トップに戻る用 ---*/
p.pagetop {
	background-image: url(images/arr05.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	padding-left: 15px;
	margin-left: auto;
	width: 120px;
}

.meta {
	text-align: right;
	border-bottom: 10px;
	font-size: 13px;
}
.post {
	margin-bottom:20px;
}

/********** ブログへのリンク ************/
.go-blog {
	margin-bottom: 2em;
	padding: 20px 20px 20px 20px;
	background-color: #f5f5f5;
	text-align: center;
	font-size: 13px;
	border: 1px solid #ccc;
}
.go-blog a {
	text-decoration: none;
}

/* ---------------------------------------- #wordpress用 */
.aligncenter {
  margin-left:auto;
  margin-right:auto;
  display : block;
}
.alignright {
   float: right;
   margin: 0 0 0 10px;
}
.alignleft {
   float: left;
   margin: 0 10px 0 0;
}
.alignclear {
   clear:both;
}
.breadcrumb {
   font-size:12px;
   margin: 0 0 15px 0;
}
.clear {
	font-size: 0px;
	clear: both;
}

.c_mongon { /* 問い合わせのテキストを、PCでは非表示に（東内） */
	display: none;
}

/* テイクアウト */
	img.pc-image {
		display: block;
	}
	img.sp-image {
		display: none;
	}


/******************************************************
 レスポンシブ用CSS追加分
******************************************************/


@media screen and (max-width: 767px) {
html{
	width: auto;
}
#header{	
	height: auto;
	width: 100%;
	position: static;
}
#header h1{	
	position: static;
	text-align: center;
	margin: 0.5em 0 0.5em 0;
}
#head_tel{
	position: static;
	text-align: center;
}
#head_contact{
	position: static;
	text-align: center;
}

#pagetop{	
	width: 100%;
}

#gnavi{	
	width: 100%;
}
#gnavi ul{
	width: 430px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#gnavi ul li{
	float: left;
}
#gnavi ul li.home {
	display: none;
}

/* メインビジュアル */

#topMainvisualBg{
	width: 100%;
	height: auto;
}
#mainvisual{	
	position: static;
	height: auto;
}
div.bx-wrapper {
	position: static !important;
	width: 100% !important;
}
div.bx-wrapper img {
	position: static !important;
	max-width: 100% !important;
	height: auto !important;
}
div.bx-window {
	position: static !important;
	width: 100% !important;
	height: auto !important;
}
ul#slider li {
	height: auto;
}
#mainfilter{	
	width: 100%;
	position: relative;
}
#mainfilter img{	
	max-width: 100%;
	height: auto;
}



#pageToppage{	
	width: 100%;
	margin: 0 auto;
}
#topMain{
	width: 100%;
	float: none;
}
#topSide{
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#topRecommended{	
	width: 100%;
}
#topRecommended img {	
	max-width: 100%;
	height: auto;
}
#topRecommended ul li{	
	float: none;
	margin-right: 0px;
	text-align: center;
}
#topSituation ul li{	
	float: none;
	padding: 0 0px 18px 0;
	text-align: center;
}
#topSituation {
	width: 100%;
}
#topSituation ul {
	width: 100%;
	margin-right : 00px;
}


/* フッター */
#footer{	
	width: 100%;
}
#footerContact{	
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;	
	text-align: center;
}
#footerLink1-2 {
	float: none;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
#footerCopy{	
	width: 246px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/*** 下層メインビジュアル ***/
#tempMainvisual {
	width: 100%;
	height: auto;
}
#tempMainvisual_inner{width:100%; height:auto;-moz-background-size:cover;background-size:cover; margin:0 auto; background-image:url("images/mainvisual.jpg"); background-repeat:no-repeat; background-position:top center;}
#tempMainvisual_inner h2{padding:40px 0 40px 30px; font-size:24px; line-height:1.2; color:#000000; font-weight:bold; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}

#tempMainvisual img {	
	max-width: 100%;
	height: auto;
}

/***** テンプレート [ page ] *****/
#pageTemplate{
	width: 100%;
	margin: 0 auto;
}

#tempSide{
	width: 210px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#tempMain{	
	width: 100%;
	float: none;
}
#tempMain h2{	
	background-position: center bottom;
}
.entry img {
	max-width: 98%;
	height: auto;
}

.alignright {   
	float: none;
	margin-left: auto;
	margin-right: auto;
	display : block;
}
.alignleft {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display : block;
}

#tempMain table.tablestyle01 {
	width: 95%;
	margin: 0 auto;
}

#tempMain table.tablestyle01 th {
	width: auto;
}
#tempMain table.tablestyle01 td {
	padding: 10px;
	border: 1px solid #DDDDDD;
	border-width: 0 0 1px 1px;
}

#tempMain table.tablestyle02 {	
	width: 100%;
}
#tempMain table.tablestyle02 td {	
	width: auto;
}
#tempMain table.tablestyle02 td img {	
	max-width: 90%;
	height: auto;
}


/**** お問い合わせ先 ****/
#tempMain #tempContact{	
	position: static;
	background-image: none;
	width: auto;
	height: auto;
	border: 1px #999 solid;
	padding-bottom: 0.5em;
}
#tempMain p.c_mongon { /* 問い合わせのテキストを、モバイルでは表示する（東内） */
	display: block;
	text-align: center;
	padding: 0.5em;
	color: #fff;
	background-color: #EB9D22;
	margin-bottom: 1em;
	margin-left: 0px;
	margin-right: 0px;
}
#tempMain #tempContact img {	
	max-width: 100%;
	height: auto;
}
#tempMain #tempContact p.c_tel{	
	position: static;
	text-align: center;
}
#tempMain #tempContact p.c_form{	
	position: static;
	text-align: center;
}

/***** 下層メニュー飾り罫 *****/

.f8400-outside {	
	width: 94%;
	padding-bottom: 10px;
}
.f8400-inside {	
	/* background-image: none; */
	width: 100%;
	padding: 0px;
}
.f8400-read {
	background-image: url(images/8400yen_bg1.png);
	background-repeat: no-repeat;
	min-height: 59px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 20px;
	margin-bottom:20px;
}
.pht-8400  {
	float: right;
	padding-right: 20px;
}
.f8400-inside dl {
	float: left;
	width: 300px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
.f8400-inside dt {
	font-size: 10px;
	color: #666;
}
.f8400-inside dd {
	color: #7B520C;
	margin-bottom: 15px;
}

/****** Google Map をレスポンシブに ******/
.g-map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
.g-map iframe, .g-map object, .g-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/****** 問い合わせフォーム ******/
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
	width: 98%;
}
.cf-table td, .cf-table th {
	display: block
}

/* テイクアウト */
	img.pc-image {
		display: none;
	}
	img.sp-image {
		display: block;
	}

} /* ←レスポンシブ */

/****************************
　　　　スマホ
****************************/
@media screen and (max-width: 430px) {
#gnavi ul{
	width: 287px;
}
}