@charset "utf-8";

/* Firefox */
@-moz-document url-prefix() {
    .header-tel {
    position: absolute;
    margin-top: -52px!important;
    margin-left: 489px;
}
	.navbar-nav {
    background-color: transparent;
    position: absolute;
    margin-top: 64px !important;
    margin-left: 80px;
}
}

/* Edge */
@supports (-ms-ime-align: auto) {
	 .header-tel {
    position: absolute;
    margin-top: -52px!important;
    margin-left: 489px;
}
	.navbar-nav {
    background-color: transparent;
    position: absolute;
    margin-top: 64px !important;
    margin-left: 80px;
}
}

body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important
}
.cover {
   
}
.carousel-caption h5 {
    font: bold 52px/1.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    margin-left: 33%;
    margin-bottom: 15%;
    width: 80%;
    letter-spacing: -0.1rem;
}
header {
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    height: 115px;
}

.header-inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-brand {
    background-image: url(../images/header_logo.png);
    background-repeat: no-repeat;
    width: 350px;
    height: 100px;
    text-indent: -999px;
    padding-top: 20px;
    padding-bottom: 20px;
}
header .bg-light {
  background-color: transparent !important;
}
header h1 {
    font-size: 12px;
}
.navbar-nav .nav01 {
	background-color: #9F2026;
}
.navbar-nav .nav01:hover {
	background-color: #621317;
}
.navbar-nav .nav02 {
	background-color: #EA551A;
}
.navbar-nav .nav02:hover {
	background-color: #93320D;
}
.navbar-nav .nav03 {
	background-color: #227D60;
}
.navbar-nav .nav03:hover {
	background-color: #165440;
}
.navbar-nav .nav04 {
	background-color: #2C4181;
}
.navbar-nav .nav04:hover {
	background-color: #182549;
}
.navbar-nav .nav05 {
	background-color: #CD669F;
}
.navbar-nav .nav05:hover {
	background-color: #882D5F;
}
section {
    padding-top: 60px;
    padding-bottom: 60px;
}
footer {
    background-color: #574028;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.twitter-bock {
    margin-bottom: 30px;
}

.owner-plof img {
    margin-bottom: 10px;
}
.owner-plof p {
    font-size: 14px;
}
.side-tel {
    text-align: center;
    font-size: 12px;
	color: #574028;
}


.top-msg {
    background-image: url(../images/t_img01.jpg);
    background-repeat: no-repeat;
    background-position: right 0%;
    padding-right: 182px;
    min-height: 300px;
    margin-bottom: 50px;
}
.top-msg h1 {
    margin-bottom: 30px;
    color: #574028;
    font-size: 30px;
}
.top-msg p {
    color: #574028;
	font-size: 16px!important;
}
.t-pic {
    padding: 10px;
}
.gmap {
    margin-top: 60px;
    margin-bottom: 50px;
}
.gmap .access-time {
    font-size: 14px;
    color: #574028;
    padding-left: 15px;
    border-left: 4px solid #574028;
}
.gmap .access-time span {
    font-size: 16px;
    color: #D52525;
}
.notice {
    margin-bottom: 60px;
}
.notice h5 {
    background-color: #A4907B;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 2em;
    padding-left: 10px;
}
.notice ul {
    font-size: 14px;
    margin-left: -15px;
}
.notice ul li {
    margin-bottom: 10px;
}




.syubetsu-cat {
    padding: 10px;
    margin-bottom: 50px;
	color: #574028;
}

.t-pic >div   {
    padding: 5px;
	color: #574028;
}
.syubetsu-cat >div {
    padding: 5px;
    font-size: 14px;
	color: #574028;
    text-align: center;
}


h2 {
    position: relative;
    display: block;
    margin-bottom: 1.5em;
    color: #574028;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}
h2:before {
  content: '';
  position: absolute;
  bottom: -20px;
  display: block;
  width: 40px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #574028;
  border-radius: 2px;
}
p {
    color: #574028;
}

.contents-title {
    text-shadow: 3px 3px 6px #292929;
}
.ryokin {
    text-align: center;
    margin-bottom: 50px;
    font-size: 26px;
	color: #574028;
}
.ryokin span {
    font-size: 0.5em;
}
.taiken , .cafe{
    text-align: center;
    font-size: 20px;
}
.taiken h5  , .cafe h5{
    background-color: #886640;
    color: #FFFFFF;
    font-size: 22px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    padding-top: 5px;
}
#confirm_field h3 {
    text-align: center;
    font-size: 20px;
    color: #574028;
    padding-top: 20px;
    padding-bottom: 20px;
}
.twitter-block {
    height: 580px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    width: 100%;
    padding: 70px 5px 20px;
    overflow-y: hidden;
    margin-bottom: 20px;
    background-image: url(../images/tw.jpg);
    background-repeat: no-repeat;
    background-position: center 10px;}

.twitter-block iframe { width: 740px !important; }

.menkyo {
    font-size: 11px;
    color: #3E3D3D;
    margin-left: 16px;
}
.foodpic {
    text-align: center;
    color: #574028;
    margin-bottom: 15px;
    font-size: 14px;
}
.foodpic img {
    margin-bottom: 10px;
}
.mrgbtm30 {
    margin-bottom: 30px;
}
.news {
    margin-top: 60px;
    background-color: #FFF9EE;
    padding: 40px 20px 20px;
}
.sp-footer-time {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
}


























@media (min-width: 1200px){
.carousel-caption h5 {
    font: bold 52px/1.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    margin-left: 38%;
    margin-bottom: 15%;
    width: 80%;
    letter-spacing: -0.1rem;
}
	.header-inner {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	padding: 0 15px;
		width: 1170px;

}
.carousel-caption.contents-title {
    margin-bottom: 100px!important;
}

}
@media (max-width: 1199px){

}

@media (min-width: 992px){
	.navbar-nav{
    background-color: transparent!important;
    position: absolute;
    margin-top: 66px;
    margin-left: 80px;
	}
.navbar-nav li {
    width: 130px;
	height: 50px;
    text-align: center;
    font-size: 15px;
	font-weight: bold;
    background-color: #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
	
	.navbar-nav li a{
		color: #ffffff!important;
	}
	.nav-link{
  position: relative;
  display: inline-block;
}
.nav-link:before {
  content: '';
  position: absolute;
  bottom: 0px;
  display: inline-block;
  width: 40px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 2px;
}
.header-tel {
    position: absolute;
    margin-top: -50px;
    margin-left: 420px;
}
.contents {
    padding-left: 20px!important;
}
.sp-footer-time {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}
}
@media (max-width: 991px){
	.header-inner{
		padding: 0!important;
	}
	.navbar{
		padding: 0.5rem 0!important;
	}
	header h1{
		margin-left: 15px;
	}
	.navbar-brand{
		margin-left: 15px;
	}
	.navbar-toggler{
		margin-right: 15px;
	}
	.navbar-nav{
		padding: 10px 30px 20px;
	}
	.navbar-nav li{
    border-bottom: 1px dotted #fff;		
	}
	
	.nav-link{
		text-align: center;
		color: #ffffff!important;
	}
.header-tel {
    position: absolute;
    text-align: center;
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 20px;
}
.header-tel a img {
}
.sp-footer-time {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
}

}
@media (min-width: 768px){
.contents {
    padding-left: 75px;
}
.carousel-caption.contents-title {
}

	
}
@media (max-width: 767.98px){
	.insta_link {
    text-align: center;
}
.owner-plof {
    text-align: center;
}
.owner-plof p {
    text-align: left;
}

.owner-plof img {
    margin-bottom: 10px;
}
.carousel-caption.contents-title {
    margin-bottom: 5%;
}
.gmap .access-time {
    font-size: 14px;
    color: #574028;
    padding-left: 15px;
    border-left: 4px solid #574028;
    margin-bottom: 30px;
}
}



@media (min-width: 576px){
	
	header h1 {
    display: block;
    position: absolute;
    margin-top: 25px;
    margin-left: 120px;
}
.carousel-caption.contents-title {
    margin-bottom: 17px;
}

}
@media (max-width: 575px){
.carousel-caption h5 {
    font: bold 22px/1.2em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    margin-left: 0px;
    width: 100%;
    letter-spacing: -0.1rem;
}
	header{
		height: 100px;
	}
	header h1 {
    display: block;
    position: absolute;
    margin-top: 9px;
    margin-left: 83px;
}
	.navbar-nav{
		margin-top: -10px;
	}
	.navbar-collapse{
		margin-top: -10px;
	}
	.navbar-brand{
    background-size: contain;
		width: 250px;
	}
.top-msg {
    background: none;
    padding-right: 0px;
}
.top-msg h1 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
}
.top-msg p {
    font-size: 14px!important;
}
.carousel-caption.contents-title {
    margin-bottom: -20px!important;
}
.carousel-caption.contents-title h1 {
    font-size: 24px!important;
	}
.contents h2 {
    font-size: 24px;
}
.menkyo {
    font-size: 11px;
    color: #3E3D3D;
    margin-left: 60px;
}




}