@charset "utf-8";

body {
	margin:0;
	padding:0;
}

/* ----------------------- Browser Default Initialization */
html {
	overflow-y: scroll;
	scroll-behavior: smooth !important;
}
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote	{
	margin: 0;	padding: 0;
}
dl, ul {
	margin-top: 0px;
	margin-bottomn: 0px;
	text-align:left !important;
}
html, body, td, div, p {
/*	font-family: verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;*/
/*	text-align:left;*/
	font-size: 15px;
	line-height: 160%;
	color:#605a52;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* + html body {
	font-family: "CI","Meiryo";
}
img, table {
	border:0;
	border:none;
	}
.hno { line-height:inherit; font-size:inherit; font-weight:inherit; border:none; padding:0; margin:0; text-indent:0;}

.ptitle {
	font-family: 'EB Garamond', serif;
	font-size:2.0em;
	letter-spacing:-0.05em;
	font-weight: bold !important;
	vertical-align:middle;
	line-height:140%;
}





/* ----------------------- 文字サイズ*/
.fss{font-size: 65%; text-decoration: none; line-height: 130%;}
.fs{font-size: 80%; text-decoration: none; line-height: 130%;}
.fn{font-size: 100%; text-decoration: none; line-height: 130%;}
.fm{font-size: 115%; text-decoration: none; line-height: 130%;}
.fl{font-size: 130%; text-decoration: none; line-height: 130%;}
.fll{font-size: 146%; text-decoration: none; line-height: 130%;}
.flll{font-size: 160%; text-decoration: none; line-height: 130%;}
.fss_b{font-size: 65%; text-decoration: none; line-height: 130%; font-weight:bold;}
.fs_b{font-size: 80%; text-decoration: none; line-height: 130%; font-weight:bold;}
.fn_b{font-size: 100%; text-decoration: none; line-height: 130%; font-weight:bold;}
.fm_b{font-size: 115%; text-decoration: none; line-height: 130%; font-weight:bold;}
.fl_b{font-size: 130%; text-decoration: none; line-height: 130%; font-weight:bold;}
.fll_b{font-size: 146%; text-decoration: none; line-height: 130%; font-weight:bold;}
.flll_b{font-size: 160% !important; text-decoration: none; line-height: 130%; font-weight:bold;}

/* ----------------------- クリア*/
.clear{
	clear:both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
}

a {
	color:#f98a00;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

a:hover {
	opacity:0.6;
}

.orange {color:#f98a00;}
.lorange {color:#f7f0ea;}
.brown {color:#5c1418;}
.lbrown {color:#F4F1EC;}
.lblue { color:#1AC3EE;}
.dblue { color:#004C66;}
.pink { color:#FF009C;}
.red {color:#A0072B;}
.glay {color:#2B291A;}
.white {color:#ffffff;}

.container .waku {
padding: 3px !important;
border: 1px solid #ccc !important;
border-radius: 7px;
background: #fff;
}

	

hr.hr_gray {border-color:#2B291A !important;}

.tx_lt { text-align:left !important;}
.tx_ct { text-align:center !important;}
.tx_rt { text-align:right !important;}

.mgb_00 {margin-bottom:0 !important;}
.mgb_10 {margin-bottom:10px !important;}

.mg_50 {margin:50px auto !important;}
.mg_70 {margin:70px auto !important;}
.mg_100 {margin:100px auto !important;}

.pd_tp50 { padding-top:50px !important;}

.pdrl80 {
	padding-right:80px;
	padding-left:80px;
}

.sp15 { height:15px;}
.sp25 { height:25px;}
.sp50 { height:50px;}
.sp75 { height:75px;}
.sp100 { height:100px;}

.mg0 {margin: 0px !important;}
.mg10 {margin: 10px !important;}
.mg20 {margin: 20px !important;}

.pd5p {margin: 5% !important;}

.mgt0 {margin-top: 0px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt30 {margin-top: 30px !important;}
.mgt50 {margin-top: 50px !important;}

.mgbt0 {margin-bottom: 0px !important;}
.mgbt10 {margin-bottom: 10px !important;}
.mgbt20 {margin-bottom: 20px !important;}
.mgbt30 {margin-bottom: 30px !important;}
.mgbt50 {margin-bottom: 50px !important;}

.pd10 {padding: 10px !important;}
.pd20 {padding: 20px !important;}
.pd30 {padding: 30px !important;}

.pdt0 {padding-top: 0px !important;}
.pdt5 {padding-top: 5px !important;}
.pdt10 {padding-top: 10px !important;}
.pdt20 {padding-top: 20px !important;}
.pdt30 {padding-top: 30px !important;}
.pdt50 {padding-top: 50px !important;}
.pdbt0 {padding-bottom: 0px !important;}
.pdbt5 {padding-bottom: 5px !important;}
.pdbt10 {padding-bottom: 10px !important;}
.pdbt20 {padding-bottom: 20px !important;}
.pdbt30 {padding-bottom: 30px !important;}
.pdbt50 {padding-bottom: 50px !important;}

.bt_auto {
	padding-right:0;
	padding-left:0;
	min-width:360px !important;
}

.imga:hover {
	opacity:0.6 !important;
	cursor:pointer;
	}

.f-pridi {font-family: 'Pridi', serif; letter-spacing:0.05em !important}
	
h1 {}

h2 {
  font-size:2.0em;
  font-weight: bold;
  text-align: center;
  font-family: 'EB Garamond', serif;
  color:#372d1f;
	line-height: 1.2em;
}
h2::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 1px;
  content: "";
  background-color: #008742;
}
h2 span {
  background-color: #FFF;
  padding: 0 40px;
  position: relative;
}
@media screen and (max-width: 640px) {
h2 span {
    background-color: #FFF;
    padding: 0px;
    position: relative;
}
}

h2.widgettitle {
    font-size: 15px;
    background-color: #f7f0ea;
    margin: 20px 0 10px 0 !important;
    padding: 2px 5px !important;
    color: #372d1f;
    font-weight: normal !important;
    text-indent: 5px;
    border-left: 5px solid #555;
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2.widgettitle::before {
  background-color: transparent !important;
}

h2.title {
    font-size: 20px;
    background-color: #F4F1EC;
    margin: 0 0 20px 0 !important;
    padding: 8px 10px !important;
    color: #4F070B;
    font-weight: bold !important;
	text-indent:0px; border-left:none;
}
h3.title {
    color: #372d1f;
    font-size: 15px;
    font-weight: bold;
    border-left: none;
    border-bottom: #605a52 solid 1px;
    margin: 0 0 20px 0 !important;
    padding: 3px 0px !important;
    background-color: #FFF;
    margin-bottom: 10px;
    text-indent: 0px;
}

h3 {
    font-size: 23px;
    font-weight: bold;
    line-height: 120% !important;
	border-bottom: #f98a00 solid 1px;
	padding-left: 10px;
    border-left: #f98a00 5px solid;
    display: block;
    padding: 10px 0px 5px 10px;
	color: #605a52;
	margin: 40px 0px 25px 0px !important;
}
h4 {
	color: #605a52;
    font-size: 15px;
    font-weight: bold;
    border-left: none;
    border-bottom: #888 solid 1px;
    margin-bottom: 5px !important;
    padding: 0px 0px !important;
    background-color: #FFF;
    text-indent: 0px;
}
h5 {
	font-family: 'EB Garamond', serif;
	font-size:2.0em;
	letter-spacing:-0.05em;
	font-weight: bold !important;
	vertical-align:middle;
	line-height:120%;
	color: #605a52;
}


.nblist { 
list-style:inherit;
list-style-type:decimal;
text-align:left !important;}

.con_fair_d { font-size:18px; font-weight:bold; line-height:140% !important; text-indent:0; border-left:none; display:block; margin:0 0 20px 0; }
.con_fair_d span { font-size:14px; font-weight:bold; line-height:140% !important; text-indent:0; border-left:none; display:block; margin:0; }

.lsp { letter-spacing:1px;}

/* カラム -------------------------------------------------------------- */

html, body {
	height:100%;
	background-color:#fff;
}

.inner {position:relative; padding:20px 0; margin:0 auto; text-align:center !important;}

#Wrapper {
	position:relative;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
}

.img100, .img100 img {
	width:100%;
	margin:0 !important;
	padding:0 !important;
}

@media screen and (max-width: 768px) {
.container .img100 {
	overflow:hidden;
	text-align:right !important;
}
.container .img100 img {
    width: 851px !important;
    height: 50px !important;
    max-width: 851px;
    margin-left: -190px !important;
}
}


/*トップコンテンツ********************************************************/

.newstitle {
font-family: 'EB Garamond', serif;
font-size:200%;
font-weight:normal;
}

#news .container {
width:80%;
background-color:#eeeeee;
padding:5px 15px 10px 15px;
}

#news_top { background-color:#eeeeee;}

#news_top .content { margin: 0 auto !important;}

#news_top .container {
width:100%;
padding:5px 15px 10px 15px;
}
#news_top .entries-article {
	text-align:left !important;
	height:120px !important;
}
#news_top .entries-article:nth-child(odd) {
	margin-right:10px !important;
}
#news_top .entries-article:nth-child(even) {
	margin-left:10px !important;
}
#news_top .entries-thumbnail {
	float:left;
	margin:0 20px 20px 0;
	min-width:150px !important;
	max-height:100px !important;
	overflow:hidden;
	z-index:10;
}
#news_top .entries-thumbnail img {
	width:150px !important;
	height:100px !important;
	object-fit: cover;
}
#news_top .entries h2 { font-size:100% !important; text-indent:0px !important }
#news_top .entries h2, #news_top .entries p {
	margin:5px 0 0 0 !important;
	padding:0 !important;
	line-height:120% !important;
	text-align:left !important;
	font-weight:normal !important;
	z-index:1;
	border-left: none !important;
}

@media handheld, only screen and (max-width: 639px) {
#news_top .entries-article:nth-child(odd) {
	margin-right:0px !important;
}
#news_top .entries-article:nth-child(even) {
	margin-left:0px !important;
}
#news_top .entries h2, #news_top .entries p {
	margin:5px 0 0 0 !important;
	padding:0 !important;
	line-height:120% !important;
}
/*#news_top .entries-thumbnail img {
	width:auto !important;
	margin:0 0 10px 0;
}*/
#news_top .entries-thumbnail img {
	width:150px !important;
	height:auto !important;
	object-fit: cover;
}

#news_top .entries-thumbnail {
	width:30% !important;
	min-width: 120px !important;
}
#news_top .entries-article {
	text-align:left !important;
	height:auto !important;
}
}



/*フッター********************************************************/
	
#foot {
	position:relative;
	width:100%;
	text-align:center;
	background:url(../img/bg_foot.jpg) repeat-x;
	background-color:#008742;
}
#footer {
	margin:0 auto;
	width:1000px;
	/*padding:20px 0 100px 0;*/padding:20px 0;
	background-color:transparent;
	color:#FFF;
}
#footer #link {
	color:#FFF;
	text-align:center;
	padding:0 10px;
}
#footer #link a {
	color:#FFF;
	text-decoration:none;
}
#footer #link a:hover {
	text-decoration:underline;
}

#footer #copy {
	color:#FFF;
	text-align:center;
	padding:10px;
}
#footer #copy2 {
	color:#FFF;
	float:right;
	margin:-20px 0 20px 0;
}

#footer #logo {
	text-align:center;
	width:100%;
	padding:10px;
}

#footer #add {
	color:#FFF;
	padding:0 10px;
}


#pagetop {
	width:100%;
	text-align:right;
}
#pagetop a {
	background:url(../img/top_arrow.png) 10px 50% no-repeat;
	color:#FFF;
	padding:8px 30px 10px 30px;
	background-color:#FF009C;
	border-radius:8px 0 0 0;
}


#topbutton { /* ▼表示位置を画面の右下に固定 */
      position: fixed;
      bottom: 10px;
      right: 15px;
      display: none;
      background-color: #008742;
      opacity: 0.8;
      text-align: center;
      margin: 0px;
      padding-top: 15px;
	  width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index:9999999;
   }
   #topbutton a {
      color: #FFF !important;
      text-decoration: none;
	  padding: 15px;
   }
   #topbutton a:hover {
      color: #FFF !important;
   }
   #topbutton:hover {
	   background-color:#000;
   }
@media screen and (max-width: 640px) {
#topbutton { /* ▼表示位置を画面の右下に固定 */
      bottom: 15px;
      right: 15px;
   }
}
	
	


/*背景100％********************************************************/

#intro{
    background:50% 50% no-repeat fixed;
	background-size:cover;
    height: 600px;
    margin: 0;
    padding: 0;
}
#third{
    background:50% 50% no-repeat fixed;
	background-size:cover;
    height: 600px;
    margin: 0;
    padding: 0;
}
#second, #fourth {
	background-color:#FFF;
	padding:50px;
}
@media screen and (max-width:639px) {
#second, #fourth {
	padding:20px !important;
}
	#intro{
		background:50% 50% no-repeat;
		background-size:100%;
		height:500px;}
	#third{
		background:50% 50% no-repeat;
		background-size:100%;
		height:500px;}
	#second, #fourth {
	padding:10px;
}
}
@media screen and (max-width:480px) {
	#intro{
		height:300px;}
	#third{
		height:300px;}

}



/*********************************************************/
@media screen and (max-width: 693px) {
.orderbox {
   display: flex;           /* Flexコンテナ化 */
   flex-direction: column; /* 縦向きに配置 */
}
.orderbox .p1 { order: 1; }
.orderbox .p2 { order: 3; }
.orderbox .p3 { order: 2; }

.orderbox .p1, .orderbox .p2, .orderbox .p3 { height:500px; margin-bottom:0px !important; padding-bottom:0 !important;}
.party .mg_50, .items mg_100 {margin:0px auto !important;}
}

	
/*スマホフッタボタン**************************************/

#reserv_sm {
	margin:7px 7px;/*margin:15px 15px;*/
	width:100%;
	position:fixed;
	bottom:0px;
	color:#FFF !important;
	z-index:99;
}
#reserv_sm .fa-lg {
	font-size:150% !important;
	vertical-align:middle !important;
}
#reserv_sm .fa-llg {
	font-size:250% !important;
	vertical-align:middle !important;
}
#reserv_sm a {
	text-decoration:none !important;
	color:#FFF !important;
}
#reserv_sm .btm {
	width:48%;
	float:left;
	color:#f98a00 !important;
	background-color:rgba(251, 214, 20, 0.9);
	padding:0px 10px;
	text-align:center;
	margin-right:1%;
	vertical-align:middle !important;
	line-height:350%;
}

#reserv_sm a:hover, #reserv_sm a:active, #reserv_sm a:visited {
	color:inherit !important;
	}

/*フォーム********************************************************/
	.cform th {
	font-size: 13px;
	width: 20%; 
	vertical-align: top;
	border-top: solid 1px #d6d6d6;
	padding: 10px 0 5px 5px;
	font-weight: bold;
}

.cform td {
	font-size: 15px;
	line-height: 135%;
	padding: 10px 5px;
}

.cform {
	width: 100%;
	margin: auto;
}

.miyo{
font-size: 18px;
color: #000;
background:#efefef;
border-color:#aaa;
border: solid 1px #d6d6d6;
padding: 5px;
}


.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 5px 5px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
}

.required-srt {
	font-size: 7pt;
	padding: 2px;
	background: #ce0000;
	color: #fff;
	border-radius: 2px;
	vertical-align: middle;
	margin-left: 10px;
}


/* センター */
.pccenter { text-align:center !important}
@media screen and (max-width: 768px) {
.pccenter { text-align:left !important}
}


/* アコーディオンメニュー */
.ac-menu:last-child {
  margin-bottom: 5px; /* 最後の要素の下にだけ余白 */
}
.ac-menu input {
  display: none;
}
.ac-menu label {
  color: #1F0C05; /* 文字色 */
  font-size: 16px; /* 文字サイズ */
  line-height: 1; /* 行間 */
  font-weight: bold; /* 文字を太く */
  text-align: left; /* 文字を左に */
  border: 1px solid #FFFFFF;
  background: #CEDCB0; /* 背景色 */
  padding: 8px; /* 内側の余白 */
  cursor: pointer;
  position: relative;
  display: block;
}
.ac-menu label:after {
  position: absolute;
  right: 20px; /* 左からの距離 */
  top: 50%; /* 上下中央配置 */
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  content: "＋"; /* アイコン */
}
.ac-menu input:checked ~ label::after {
  content: "?"; /* クリック後のアイコン */
}
.ac-menu div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s; /* 開閉スピード */
}
.ac-menu input:checked ~ div {
  height: auto;
  opacity: 1;
  padding: 10px; /* 中身の枠内の余白 */
  background: #FAFAFA; /* 中身の背景色 */
}
.ac-menu-inside {
  color: #333; /* 中身の文字色 */
  font-size: 14px; /* 中身の文字サイズ */
  /*line-height: 2;  行間 */
}