@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; }

/* メイン*/
section nav ul{
	text-align: center;
}
section nav ul li{
	display: inline-block;
	margin: 0 2%;
}
section nav ul li img{
	height: 40px;
	width: auto;
}
#main{
	border-bottom: 10px solid rgba(155,72,90,1.00);
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
	position: relative;
}
#mainimage2{
	display: none;
}
#absolute{
	width: 100%;
	position: absolute;
	bottom: 10%;
}

/* セクション*/
section{
	color: rgba(66,33,11,1.00);
}
h2{
	font-size:25px;
	font-weight: bold;
}
#aisatu{
	background-color:rgba(242,229,211,0.9);
	margin-top: 10%;
	width: 1000px;
	box-sizing: border-box;
	padding: 3% 7% 1% 0;
	background-image: url(../img/deco1.png);
	background-repeat:no-repeat;
	background-position: right top;
	background-size: 35%;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#image{
	width:20%;
	height: 20%;
	margin-bottom: 3%;
}
#aisatuflex{
	display: flex;
}
.moji{
	margin-left: 5%;
}
#line3{
	width: 55%;
	margin-bottom: 3%;
}
.line{
	line-height: 0;
}
.title{
	width: 25%;
}
#news{
	background-color:rgba(255,233,171,0.8);
	margin-top: 10%;
	width: 1000px;
	margin-left: auto;
	padding: 2% 0% 4% 2%;
	background-image: url(../img/deco2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: 100%;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#news a{
	display: block;
	padding-right: 5px;
}
#news a:link { color:rgba(66,33,11,1.00); text-decoration:none;}
#news a:visited { color:rgba(66,33,11,1.00); text-decoration:none; }
#news a:hover { color:rgba(66,33,11,1.00); text-decoration:none; opacity: 0.7;}
#news a:active { color:rgba(66,33,11,1.00); text-decoration:none; }	
#border{
}
.border2:nth-of-type(1){
	border-top: 1px solid rgba(66,33,11,1.00);
	border-bottom: 1px dotted rgba(66,33,11,1.00);
}
.border2{
	border-bottom: 1px dotted rgba(66,33,11,1.00);
}
#itiran{
	margin-left: 75%;
	margin-top: 5%;
}
#line4{
	width: 40%;
}
#line5{
	width:60%; 
	display: block;
	margin-left: auto;
	margin-bottom: 3%;
}
#newstitle{
	text-align: center;
	margin-bottom: 1%;
}
#access{
	background-color: rgba(242,229,211,0.90);
	margin: 10% 0 5% 0;
	width: 1000px;
	padding: 5% 3% 4% 0;
	background-image: url(../img/deco3.png);
	background-repeat:no-repeat;
	background-position: right;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#tizu{
	display: flex;
	margin: 0 0 0 5%;
}
#accessmoji{
	margin-left: 10%;
}
#tennpomei{
	font-size: 20px;
	font-weight: bold; 
	margin-bottom: 5%;
}
#koutuukikan{
	margin-top: 5px;
	font-size: 13px;
	list-style-type: disc;
	margin-left: 20px;
}
#relative2{
	position: relative;
}
#absolute2{
	position: absolute;
	right: 32%;
	bottom: 30%;
}
#line6{
	width: 40%;
}
#line7{
	width:80%;
	margin: 1% 0 2% 0;
}
#reservation2{
	width:60%;
	display: block;
	margin: 0 auto;
}
/* フッター*/
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 }


/* メイン*/
#relative{
	position: relative;
}
#absolute{
	position: absolute;
	bottom: 10%;
	display: none;
}
section nav ul{
	display: flex;
}
section nav ul li{
	width:20%;
}
#main{
	border-bottom: 10px solid rgba(155,72,90,1.00);
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#mainimage2{
	display: none;
}
/* セクション*/
section{
	color: rgba(66,33,11,1.00);
}
h2{
	font-size:22px;
	font-weight: bold;
}
#aisatu{
	background-color:rgba(242,229,211,0.9);
	margin-top: 10%;
	width: 100%;
	box-sizing: border-box;
	padding: 6% 7% 8% 0;
	background-image: url(../img/deco1.png), url(../img/image2.png);
	background-repeat:no-repeat,no-repeat;
	background-position: right top,90% 90%;
	background-size: 35%,28%;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
	line-height: 1.5;
	font-size: 15px;
	}
#image{
	display: none;

}
#aisatuflex{
	display: block;
}
.moji{
	margin-left: 5%;
	text-shadow: 1px 3px 2px rgba(255,255,255,0.7);
}
#line3{
	width: 55%;
	margin-bottom: 7%;
}
.title{
	width: 25%;
}
#news{
	background-color:rgba(255,233,171,0.8);
	margin-top: 10%;
	width: 100%;
	margin-left: auto;
	padding: 2% 0% 4% 2%;
	background-image: url(../img/deco2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: 100%;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#news a:link { color:rgba(66,33,11,1.00); text-decoration:none;}
#news a:visited { color:rgba(66,33,11,1.00); text-decoration:none; }
#news a:hover { color:rgba(66,33,11,1.00); text-decoration:none; opacity: 0.7;}
#news a:active { color:rgba(66,33,11,1.00); text-decoration:none; }	
#border{
	border-top: 1px solid rgba(66,33,11,1.00);
	border-bottom: 1px dotted rgba(66,33,11,1.00);
}
.border2{
	border-bottom: 1px dotted rgba(66,33,11,1.00);
}
#itiran{
	margin-left: 75%;
	margin-top: 5%;
}
#line4{
	width: 40%;
}
#line5{
	width:60%; 
	display: block;
	margin-left: auto;
	margin-bottom: 3%;
}
#newstitle{
	text-align: center;
	margin-bottom: 1%;
}
#access{
	background-color: rgba(242,229,211,0.90);
	margin: 10% 0 5% 0;
	width: 100%;
	padding: 5% 3% 4% 0;
	background-image: url(../img/deco3.png);
	background-repeat:no-repeat;
	background-position: right;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#access p{
	font-size: 12px;
	line-height: 1.3;
}
#tizu{
	display: flex;
	margin: 0 0 0 5%;
}
#tizusize{
	height: 30%;
	width: 30%;
}
#accessmoji{
	margin-left: 10%;
}
#tennpomei{
	font-size: 16px;
	font-weight: bold; 
	margin-bottom: 2%;
}
#koutuukikan{
	margin-top: 5px;
	font-size: 13px;
}
#relative2{
	position: relative;
}
#absolute2{
	position: absolute;
	right: 32%;
	bottom: 30%;
}
#line6{
	width: 40%;
}
#line7{
	width:80%;
	margin: 1% 0 2% 0;
}
#reservation2{
	width:60%;
	display: block;
	margin: 0 auto;
}
/* フッター*/
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;
}

/* メイン*/
#relative{
	position: relative;
}
#absolute{
	position: absolute;
	bottom: 10%;
	display: none;
}
section nav ul{
	display: flex;
}
section nav ul li{
	width:15%;
}
#main{
	border-bottom: 10px solid rgba(155,72,90,1.00);
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#mainimage1{
	display: none;
}
#mainimage2{
	display: block;
}
/* セクション*/
section{
	color: rgba(66,33,11,1.00);
}
h2{
	font-size: 17px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.7);
	}
#aisatu{
	background-color:rgba(242,229,211,0.9);
	margin-top: 20%;
	width: 100%;
	box-sizing: border-box;
	padding: 6% 5% 10% 0;
	background-image: url(../img/image2.png), url(../img/deco1.png);
	background-repeat:no-repeat,no-repeat;
	background-position:90% 90%, right top;
	background-size:28%, 35%;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
	line-height: 1.5;
	font-size: 14px;
	}
#image{
	display: none;

}
#aisatuflex{
	display: block;
}
.moji{
	margin-left:6%;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.7);
}
#line3{
	width: 70%;
	margin-bottom: 7%;
}
.title{
	width: 25%;
}
#news{
	background-color:rgba(255,233,171,0.8);
	margin-top: 20%;
	width: 100%;
	margin-left: auto;
	padding: 2% 0% 4% 2%;
	background-image: url(../img/deco2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: 100%;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
	font-size: 14px;
}
#news a:link { color:rgba(66,33,11,1.00); text-decoration:none;}
#news a:visited { color:rgba(66,33,11,1.00); text-decoration:none; }
#news a:hover { color:rgba(66,33,11,1.00); text-decoration:none; opacity: 0.7;}
#news a:active { color:rgba(66,33,11,1.00); text-decoration:none; }	
#border{
	border-top: 1px solid rgba(66,33,11,1.00);
	border-bottom: 1px dotted rgba(66,33,11,1.00);
}
.border2{
	border-bottom: 1px dotted rgba(66,33,11,1.00);
}
#itiran{
	margin-left:70%;
	margin-top: 5%;
}
#line4{
	width: 40%;
}
#line5{
	width:60%; 
	display: block;
	margin-left: auto;
	margin-bottom: 3%;
}
#newstitle{
	text-align: center;
	margin-bottom: 1%;
}
#access{
	background-color: rgba(242,229,211,0.90);
	margin: 25% 0 10% 0;
	width: 100%;
	padding: 5% 3% 6% 0;
	background-image: url(../img/deco3.png);
	background-repeat:no-repeat;
	background-position: right;
	box-shadow: 0 5px 6px rgba(0,0,0,0.5);
}
#access p{
	font-size: 12px;
	line-height: 1.3;
}
#tizu{
	flex-direction: column;
	align-items: center;
	margin-right: 20px;
	margin-top:10px;
}
#tizusize{
	height: 60%;
	width: 80%;
}
#accessmoji{
	margin-top: 15px;
}
#tennpomei{
	font-size: 16px;
	font-weight: bold; 
	margin-bottom: 2%;
}
#koutuukikan{
	display: none;
}
#relative2{
	position: relative;
}
#absolute2{
	position: absolute;
	right: 32%;
	bottom: 40%;
}
#line6{
	width: 40%;
}
#line7{
	width:68%;
	margin: 0 0 4% 0;
}
#reservation2{
	width:95%;
	display: block;
	margin: 0 auto;
}
/* フッター*/
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){
}