@charset "utf-8";
/* ヘッダー*/
header{
	color: rgba(255,255,255,1.00);
	padding-top: 10px;
}
#headerflex{
	display: flex;
	align-items: center;
	padding: 10px 20px;
}
#headerflex :first-child {
  margin-right: auto;
}
#headerflex p{
	margin-right: 20px;
	margin-left: 40px;
	font-size: 24px;
	font-weight: bold;
}
#headerflex2{
	display: flex;
}
h1{
	width:20%;
	margin-left: 20px;
}
#reservation1{
	width: 200px;
}
a:link { color:#FFFFFF; text-decoration:none; }
a:visited { color:#FFFFFF; text-decoration:none; }
a:hover { color:#FFFFFF; text-decoration:none; opacity: 0.7;}
a:active { color:#FFFFFF; text-decoration:none; }

#headerlink{
	background-color:rgba(155,72,90,1.00);
	margin-top: 2%;
	margin-bottom: 5%;
}    
#headerlink ul{
	width: 100%;
	display: flex;
}
/* メイン*/
h2{
	width: 30%;
	margin-bottom: 5%;
	margin-top: 2%;
}
#tyuui{
	font-size: 22px;
	color:rgba(232,48,51,1.00);
	font-weight: bold;
}
#cate0{
	margin-bottom: 5%;
}
#link{
	display: block;
	text-align: center;
	margin-bottom: 2%;
}
#link li{
	display: inline-block;
}
#link li::after{
	content: "/";
	display: inline-block;
	padding: 10px;
}
#link li:last-of-type::after{
	display: none;
}
.link2{
	margin-left: 1%;
	margin-right: 1%;
}
#flow{
	background-color: rgba(242,229,211,0.9);
	width: 70%;
	margin: 0 auto;
	padding: 2% 3% 5% 3%;
	color: rgba(66,33,11,1.00);
}
.cate_title{
	font-weight: bold;
	font-size: 19px;
	border-left: solid 5px;
	border-bottom: solid 1.5px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 3%;
}
#contents p{
	margin-bottom: 10px;
}
.box_title{
	font-weight: bold;
	font-size: 17px;
}
.cate_txt1{
	margin-left: 3%;
}
.box{
	margin-left: 3%;
}
#page ul{
	display: flex;
	justify-content: space-between;
	width: 40%;
	margin: auto;
}
.cate{
	margin-bottom: 7%;
}
.cate_img1{
	padding-bottom: 5%;
	width: 50%;
	margin: 0 auto;
}
#flow a:link { color:rgba(66,33,11,1.00); text-decoration:none;}
#flow a:visited { color:rgba(66,33,11,1.00); text-decoration:none; }
#flow a:hover { color:rgba(66,33,11,1.00); text-decoration:none; opacity: 0.7;}
#flow a:active { color:rgba(66,33,11,1.00); text-decoration:none; }	
/* フッター*/
footer{
	margin-top: 5%;
	padding: 3% 3% 1% 3%;
	background-color: rgba(155,72,90,1.00);
	color: rgba(255,255,255,1.00);
}
#imformation_cms{
	display: flex;
	justify-content: center;
	align-items: center;
}
#logo2{
	width:15%;
	margin-right: 5%;
}
#footer nav ul{
	display: flex;
}
#footer nav ul .menu_line{
	padding: 0 8px;
}
#footer nav{
	margin-right: 7%;
}
#footerflex{
	display: flex;
	justify-content: center;
	margin: 2% 0 0 0;
}
#copyright{
	text-align: center;
	margin-top: 20px;
	padding: 10px 0;
}

/* CSS Document */
/*ここからタブレット用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 780px){
body{
}
/* ヘッダー*/
header{
	color: rgba(255,255,255,1.00);
	padding-top: 10px;
}
#headerflex{
	display: flex;
	align-items: center;
	padding: 2px 3px;
}
#headerflex :first-child {
  margin-right: auto;
}
#headerflex p{
	margin-right: 10px;
	margin-left: 40px;
	font-size: 12px;
	font-weight: bold;
}
#headerflex2{
	margin-right: 15%;
}
h1{
	width: 15%;
	margin-left: 5px;
}
#reservation1{
	width: 120px;
}

a:link { color:#FFFFFF; text-decoration:none }
a:visited { color:#FFFFFF; text-decoration:none }
a:hover { color:#FFFFFF; text-decoration:none; opacity: 0.7;}
a:active { color:#FFFFFF; text-decoration:none }
#headerlink{
	display: none;
}

/* メイン*/
#contents{
		margin-top: 10%;
	}
h2{
	width: 45%;
	margin: auto;
	margin-bottom: 7%;
	margin-top: 5%;
}
#link{
	display:block;
	text-align: center;
	font-size: 16px;
}
.link2{
	display: none;
}
#flow{
	width: 80%;
}
.link2{
	margin-left: 0;
	margin-right: 0;
}
#page ul{
	width: 60%;
}
/* フッター*/
footer{
	margin-top: 5%;
	padding: 6% 3% 1% 3%;
	background-color: rgba(155,72,90,1.00);
	color: rgba(255,255,255,1.00);
}
#imformation_cms{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
#logo2{
	width:15%;
	margin-right: 5%;
}
#footer nav ul{
	display: flex;
}
#footer nav{
	margin-right: 5%;

}
#footerflex{
	display: none;
	margin: 5% 0 0 0;
	font-size: 12px;
}

#copyright{
	text-align: center;
}

	}



/*ここからスマホ用（750px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 700px){
/* ヘッダー*/

header{
	color: rgba(255,255,255,1.00);
	padding-top: 3px;
}
h1{
	width: 40%;
	margin: 0 auto;
	margin-bottom: 5%;
}
#reservation1{
	width: 40%;
	margin: 0 auto 5%;
}
	#tel2{
		font-size: 20px;
		padding-bottom: 20px;
	}
#headerflex{
	display: block;
	flex-direction: column;
	text-align: center;
}
#headerflex p{
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 2%;
	margin-bottom: 1%;
}
#headerflex2{
	display: block;
	flex-direction: column;
	margin: 0 auto;
}

a:link { color:#FFFFFF; text-decoration:none }
a:visited { color:#FFFFFF; text-decoration:none }
a:hover { color:#FFFFFF; text-decoration:none; opacity: 0.7;}
a:active { color:#FFFFFF; text-decoration:none }

#fax{
	display:none;
}

/* メイン*/
h2{
	width: 60%;
	margin-bottom: 10%;
}
#link{
	display:block;
	text-align: center;
	font-size: 15px;
}
.link2{
	display: none;
}
#page ul{
	width: 80%;
	margin: auto;
}
#cate0{
	font-size: 13px;
	line-height: 18px;
}
.box_title{
	font-size: 15px;
}
.box_txt1{
	font-size: 13px;
	line-height: 18px;
	padding-left: 3%;
	padding-right: 3%;
}
.cate_txt1{
	font-size: 13px;
	line-height: 18px;
	padding-left: 3%;
	padding-right: 3%;
}
.cate{
	margin-bottom:10%;
}
.cate_title{
	margin-bottom: 5%;
}
#flow{
	width: 85%;
	padding: 2% 5% 5% 5%;
}
/* フッター*/
footer{
	margin-top: 10%;
	padding: 6% 3% 1% 3%;
	background-color: rgba(155,72,90,1.00);
	color: rgba(255,255,255,1.00);
}
#imformation_cms{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	line-height: 1.7;
}
#logo2{
	width:20%;
	margin-right: 5%;
}
#footer nav ul{
	display: flex;
}
#footer nav{
	margin-right: 5%;

}
#footerflex{
	display:none;
	margin: 5% 0 0 0;
	font-size: 11px;
}

#copyright{
	margin-top: 3%;
	text-align: center;
	font-size: 11px;
}

}
@media  screen and (max-width: 321px){
}