/* Add here all your CSS customizations */
body,h1, h2, h3, h4, h5, h6 {
/* min-width: 960px; */
font-family:"Noto+Sans","Open Sans", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 100;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 200;
}

h4{
	color:#333!important;}
	
	
.foot_contact h4{
	color:#CCC!important;;}

.notoserif{font-family: 'Noto Serif', serif!important;}
/* facebook */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ 
  width: 100%!important;}

#header{
	position: relative;
z-index: 10000;
background-color: rgba(29,33,39,0.7)!important;}


.slider_txt{position: absolute;
color:#000;
text-align: center;
bottom:0%;
margin-bottom:50px;
line-height:1.3;
z-index: 10000;
font-size:26px;}


body h3.menu_title {

	color: #333;
	margin-top: 50px;
	clear: both;
	display: block;
}

body.sticky-menu-active #header {
  padding: 0;
}

body.sticky-menu-active #header h1 { float: left; z-index: 10; position: relative; top: 46px; left: 0; margin-bottom: 0; }
body.sticky-menu-active .logo_main img { width: auto; height: 30px; }

body.sticky-menu-active #header .nav-main-collapse { top: 0; }

body.sticky-menu-active #header.single-menu nav ul.nav-main {
  margin-top: 0;
  margin-bottom: -9px;
}

@media (max-width: 767px) {
  /* Responsive Button Nav */
	.btn-responsive-nav {
		top: 55px;
	}

	body.sticky-menu-active .btn-responsive-nav {
		top: 55px;
	}
}


#header.flat-menu nav ul.nav-main li > a, #header.flat-menu nav ul.nav-main li.active > a{
	color:#999;}

@media (min-width: 992px) {
	
	body.sticky-menu-active #header.single-menu nav ul.nav-main {
  margin-top: 0;
  margin-bottom: 0;
}

	body.sticky-menu-active #header.single-menu nav ul.nav-main > li > a, body.sticky-menu-active #header.single-menu nav ul.nav-main > li:hover > a {
		border-top-color: transparent;
		padding-bottom: 12px;
		padding-top: 16px;
	}
}

body #header nav{float: none;text-align: center;position: relative;}


body #header.single-menu nav ul.nav-main{ margin: 0; float: none;}
body #header.flat-menu nav ul.nav-main li a{margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;}
body #header.single-menu > .container {
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.aboutus{background-color: #fff;}

.aboutus h3{color: #000!important;}
#topics{background-color: #fff;padding-bottom: 40px;}
#topics_1{margin-bottom: 40px;}

#topics .date{
	color:#999;font-family: 'Noto Serif', serif!important;}

#topics h2{
	color:#000;
	margin-bottom:10px;
	font-size:2em;}
#menu .container{padding-bottom: 120px;}
.menulist{background-color: #fff;padding-top: 50px;}
.menulist .titlebar{}

.menulist p{display: block;margin-bottom: 0;height: 50px;margin-top: 0px;}

.menulist .price{text-align: right;font-family: 'Noto Serif', serif!important;color:#F00; margin-top:-22px;}

h4.menu_other{margin-top: 80px;text-align: center;
margin-bottom: -20px;}
h4.menu_other a{
	color:#900;
	text-decoration: underline;}

h3.menu_cat_title{display: block;margin-top: 40px;text-align: center;color:#000!important;}
.menulist img{width: 100%;}
.menulist h4{
	color:#000;margin-bottom: 0;font-size: 1em;font-weight: bold;margin-top: 5px;}
.menulist .row>div{margin-top: 20px;margin-bottom: 0px;height: 330px;}
	.menulist .col-md-12{
	color:#000;margin-bottom: 0;font-size: 0.8em;}



.nav-pills>li{float: none;display: inline-block;}

#slider_bottom{
	padding-top: 50px;
	padding-bottom: 40px;
	background-image: url(../../../kamiichi/common/img/parchment.jpg);
	background-repeat: repeat;
	background-position: center;
}

#slider_bottom h2{
	color: #1D2127;
}
.info {
	margin-bottom:20px;
}
#googlemaps {
	margin-bottom:40px;
}
.google-map.bg {
	height:440px;
	clear:both;
	border:5px solid #CCC;
}
.google-map.bg iframe{
	display:block;
}
.google-map.bg .info{
	margin-top:35px;
}
.google-map.bg .info h3{
	color:#333;
}
.foot_contact {
	margin-top:30px;
}


html.dark p.error { display: none; }

html.dark div.error .form-control {
	border-color: #900;
}

html.dark .form-control { color: #999; }

@media (min-width: 992px) {
	#header h1{
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}


.slider-container{margin-top: -200px;position: relative;}
.slider_img{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size:100% auto;
}

}
@media (max-width: 420px) {
.slider-container {
	height:300px !important;
}
.tp-simpleresponsive ul li .tp-bgimg {
	height:300px !important;
}
.tp-simpleresponsive ul li .slotholder {
	height:300px !important;
}
.slider{height: 300px!important;}
}
#logo{}


/* TOPページ */

.top_blandlist .blandimg{width: 100%;min-width: 650px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
}

.top_blandlist>div:hover .blandimg {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.top_blandlist .cover{position: absolute;background-color: #000;opacity:0.3;top: 0;bottom: 0;left: 0;right: 0;}
.top_blandlist>div:hover .cover{display: none;}


#top_lead{max-width: 500px;width: 85%;}

.top_blandlist div{position: relative;height: 300px;overflow: hidden;padding: 0!important;}
.top_blandlist div .blandlogo{position: absolute;left: 50%;top: 50%;margin-left: -115px;margin-top: -70px;}
.top_blandlist div .blandlink{position: absolute;left: 50%;top: 50%;width: 280px;height: 35px;margin-left: -140px;margin-top: 35px;text-align: center;display: none;}
.top_blandlist>div:hover .blandlink{display: block;}
.top_blandlist div .blandlink a.blandlinkbox {
	display: inline-block;
	color: #FFF;
	margin: 4px;
	height: 30px;
	line-height: 26px;
	border: 1px solid #FFF;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.top_blandlist div .blandlink a.blandlinkbox:hover{
	background-color: #fff;
	text-decoration: none;
	color: #000;}

#top_topics{background-color: #eee;padding-bottom: 120px;}

#slide_logo{position: absolute;
top: 50%;
left: 50%;
margin-left:-165px;
margin-top: -185px;
width: 330px;
z-index: 2;}
#slide_logo_wrap1{margin-top: -330px;}

#slide_logo_wrap2{margin-top: -330px;}
#slide_button{text-align: center;
color:#FFF;

font-size:46px;
margin-top: 15%;}
#slide_button a{color:#FFF;opacity:0.7;}

#gallery{background-color: #fff;}
#gallery .container {
padding-bottom: 120px;padding-top: 50px;
}

#gallery .col-md-8,#gallery .col-md-4{padding-left: 1px;padding-right: 1px;}
#gallery .row{margin-left: -2px;margin-right: -2px;margin-bottom: 0;}
#gallery .row div{margin-bottom: 1px;}
/* common */


.breadcrumb a,.breadcrumb li{
	color:#eee!important;}

#nav {
	float: right;
	margin-top: -30px!important;
}

.titlebar{
	height: 120px;
	line-height: 120px;
	color: #FFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3);
}
.titlebar h2{line-height: 120px;
font-size:3em;
opacity:0.8;
font-family: 'Noto Serif', serif!important;}


#footer{margin: 0;}

#footer .recent-work li{display: block;background-color: #fff;}

#sub_topimg{height: 120px;
background-color: #333;}
.articles{
	background:#F5F5F5;
	width:100%;
}
.articles .detail{
	text-align:center;
	padding-bottom:50px;
	font-weight:bold;
	font-size:18px;
}
.timeline {
	padding:50px 0 30px;
	margin:0 auto;
	min-height:600px;
}
div.grid{
	background-color: #FFF;
	border:1px solid #DBDBDB;
	float: left;
	width: 260px;
	margin: 8px;
	padding: 8px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	border-radius:1px;
}
div.grid img{
	margin-bottom:10px;
	position:relative;
	width:100%;
	height:auto;
}
div.grid .label_area {
	position:absolute;
	top:8px;
}
div.grid span{
	background-color: rgba(0,0,0,0.7);
	padding:8px;
	display:table-cell;
	border-radius:0;
}
div.grid span.time{
	color:#333;
	background-color:#fff;
	opacity:0.7;
}
div.grid p{
	margin-bottom:0;
	margin-top:-3px;
	line-height:130%;
}
div.grid a {
	color:#8B8A8A;
}
@media (max-width: 420px) {
	div.grid{
		float: left;
		width: 46%;
		margin: 5px;
		padding: 5px;
	}
	div.grid span{
		padding:3px;
	}
	div.grid .label_area {
		top:5px;
	}

}


.remodal h3 {
	text-transform: none !important;
}

/* topicsページ */
.notice_main {
	background:#FFF;
	padding:0 20px;
}
.container.topics.main {
	padding:50px 0 0;
	text-align:center;
	width:100%;
}
.container.topics.main .title{
	color:#333;
}
.container.topics.main ul{
	margin:0 0 0 -45px;
}
.container.topics.main .shop {
	display:inline-block;
	list-style:none;
	margin-left:10px;
	padding: 3px 10px;
	border: 1px solid #EEE;
	border-radius: 3px;
	background-color: #F3F3F3;
}
.notice {
	background:#F8F8F1;
}
.notice:nth-child(odd) {
	background:#FFF;
}
.container.topics {
	padding:50px 0;
	border-left:5px solid #CEC8BF;
	max-width:940px;
}
.notice .time {
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	padding-left: 20px;
	line-height:1.3;
}
.notice .time span {
	display:block;
}
.notice .photo {
	display: table-cell;
	vertical-align: middle;
	width: 250px;
	margin-left:20px;
	position:relative;
}
.notice .photo span{
	position:absolute;
	bottom:0;
	background-color: rgba(0,0,0,0.7);
	position:absolute;
	color:#FFF;
	padding:5px;
}
.notice .photo img{
	width:250px;
	height:180px;
}
.notice .title {
	font-size:16px;
	color:#333;
	line-height:1.5;
	margin-bottom:15px;
}
.notice .recently {
	display: table-cell;
	vertical-align: middle;
	padding:0 25px;
}
.gsc-control-cse {
	background-color:#F5F5F5 !important;
}
.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:#F9F9F9;
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:9px 12px;
	margin:0 2px;
}
.pager .current{
	background:#333;
	border:solid 1px #333;
	color:rgba(255,255,255,1);
}
.pager a:hover{
	background:#333;
	border:solid 1px #333;
	color:rgba(255,255,255,1);
}

@media (max-width: 750px) {
	.notice {
		padding:0 20px;
	}
	.container.topics {
		display:table;
		border-left:none;
		padding:20px 0;
	}
	.notice .time {
	display:block;
	vertical-align: middle;
	width:inherit;
	line-height:1.3;
	padding-left:0;
}
.notice .time span {
	display:initial;
}
.notice .photo {
	display:block;
	vertical-align:initial;
	width:inherit;
	margin-bottom:20px;
	margin-left:0;
}
.notice .photo img{
	width: 100%;
	height:auto;
}
.notice .recently {
	display:block;
	padding:0;
}
}


.notice .detail {
	max-width: 940px;
	text-align: center;
	margin: 0 auto;
	padding: 50px 0;
}
.notice .detail .inner{
	padding:30px;
	background:#FFF;
}
.notice .detail .inner .main{
	max-width:880px;
	margin-bottom:20px;
}
.notice .detail .inner .main img{
	max-width:880px;
	height:auto;
}

.notice .detail .inner .content{
	text-align:left;
}
.notice .detail .inner .back{
	margin:20px 0 10px;
}
.notice .detail .inner .gurunavi{
	margin:20px 0 10px;
}
.notice .detail .inner .back a{
	background:#4d3c1c;
	padding:12px 20px;
	color:#FFF;
	border-radius:4px;
}
.notice .detail .inner .back a:hover{
	text-decoration:none;
	background:#604b23;
}
#prev_next {
	margin-top:20px;
}
#prev_next #prev,#prev_next #next {
	width:400px;
	margin:0 10px;
	display:inline-block;
}
#prev_next img{
	float:left;
	margin-right:15px;
	width:100px;
	height:auto;
}
#prev_next p {
	margin-bottom:10px;
	text-align:left;
}
#prev_next .post-link {
	text-align:left;
}
#prev_next #prev .post-link:before {
	content:"前の記事";
}
#prev_next #next .post-link:before {
	content:"次の記事";
}
#prev_next .post-link {
	position:relative;
}
#prev_next .post-link a {
	position:absolute;
	top:22px;
	left:0;
	width:280px;
}

@media (max-width: 991px) {
	.notice .detail {
		margin:0;
		padding:30px 0;
	}
	.notice .detail .inner{
	padding:20px;
}
	.notice .detail .inner .main{
	max-width:100%;
}
.notice .detail .inner .main img{
	width:100%;
	height:auto;
}
.notice .detail .inner .content img{
	width:100%;
	height:auto;
}
#prev_next #prev,#prev_next #next {
	width:100%;
}
#prev_next .post-link a {
	width:160px;
	line-height:1.5;
}
}
	
/*********************************** CSS reset start ***********************************/
/*********************************** clearfix start ***********************************/
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

/*********************************** 汎用パーツ start ***********************************/
.txt10 { font-size:10px; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.txtR { text-align:right; }
.txtL { text-align:left; }
.txtC { text-align:center; }
.txtC img { margin-left:auto; margin-right:auto; }
.mTop05 { margin-top:5px; }
.mTop10 { margin-top:10px; }
.mTop15 { margin-top:15px; }
.mTop20 { margin-top:20px; }
.mTop25 { margin-top:25px; }
.mTop30 { margin-top:30px; }
.mTop35 { margin-top:35px; }
.mTop40 { margin-top:40px; }
.mTop45 { margin-top:45px; }
.mTop50 { margin-top:50px; }
.mTop55 { margin-top:55px; }
.mTop60 { margin-top:60px; }
.mTop65 { margin-top:65px; }
.mTop80 { margin-top:80px; }
.mBtm05 { margin-bottom:5px; }
.mBtm10 { margin-bottom:10px; }
.mBtm15 { margin-bottom:15px; }
.mBtm20 { margin-bottom:20px; }
.mBtm25 { margin-bottom:25px; }
.mBtm30 { margin-bottom:30px; }
.mBtm35 { margin-bottom:35px; }
.mBtm40 { margin-bottom:40px; }
.mBtm45 { margin-bottom:45px; }
.mBtm50 { margin-bottom:50px; }
.mBtm55 { margin-bottom:55px; }
.mBtm60 { margin-bottom:60px; }
.mBtm65 { margin-bottom:65px; }
.mBtm70 { margin-bottom:70px; }
.mBtm160 { margin-bottom:160px; }
.mLft05 { margin-left:5px; }
.mLft10 { margin-left:10px; }
.mLft15 { margin-left:15px; }
.mLft20 { margin-left:20px; }
.mLft25 { margin-left:25px; }
.mLft30 { margin-left:30px; }
.mLft35 { margin-left:35px; }
.mLft40 { margin-left:40px; }
.mLft45 { margin-left:45px; }
.mLft50 { margin-left:50px; }
.mLft55 { margin-left:55px; }
.mLft60 { margin-left:60px; }
.pTop25 { padding-top:25px; }
.mRgt10 { margin-right:10px; }
.w30 {	width: 50px;}
.w50 {	width: 50px;}
.w70 {	width: 70px;}
.w100 {	width: 100px;}
.w150 {	width: 150px;}
.w200 {	width: 200px;}
.w250 {	width: 250px;}
.w300 {	width: 300px;}
.w350 {	width: 350px;}
.w33p {	width: 33.3333%;}
.w50p {	width: 49.95%;}
.w100p {	width: 99.9%;}
.w66p {	width: 66.6666%;}
.clear{clear: both;}
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.hide { display:none; }
.fs20 {font-size:20px !important;}
.pdg25 {padding:25px 0;}
/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
table.gsc-search-box {
	width:300px !important;
	margin:0 auto;
}
table.gsc-search-box .gsc-input-box{
	height:30px !important;
}
.gsc-search-button.gsc-search-button-v2 {
	height:25px;
	padding:6px 15px;
	width:45px;
	min-width:inherit;
}
.ninja_onebutton_output {
	margin-top:20px;
}
.ninja_onebutton_output_horizontal div {
	margin-right:5px !important;
}

.bgcf{background-color: #fff;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.shop_info{
	background-color:#fff;
	padding-bottom:25px;
}
.shop_info h4 {
	font-size: 1.35em;
}
body .shop_info h5{
	color:#333;
	margin-bottom: 3px;}

/* 20220216追記 */
.reservation_banner {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;
}
.reservation_banner a {
	width: 48%;
}
.reservation_banner img {
	width: 100%;
	max-width: 230px;
	margin-bottom: 20px;
}
#sns {margin-bottom: 40px;}
#sns h3 {
	color: #000;
	margin-bottom: 20px;
	font-size: 2em;
	padding: 0 15px;
}
.sns_banner {
	display: flex;
	width: 96%;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 2%;
}
.sns_banner a {
	width: 32%;
}
@media (max-width: 768px) {
	.sns_banner {margin: 10px;}
	.sns_banner a {
		width: 48%;
	}
}
.sns_banner img {
	width: 100%;
	max-width: 320px;
	margin-bottom: 20px;
}