@charset "UTF-8";
/* CSS Document */

.sp_none {
	display: none;
}

/*----------------------------------------------
ヘッダー
----------------------------------------------*/
header{
	padding: 0 100px 0 60px;
}
header img{
	width: 70%;
	height: auto;
}
@media screen and (max-width: 1145px){
header{
	padding: 0 30px;
}
header nav li{
	line-height: 1.2em;
	font-size: 1em;
	margin-left: 30px;
}
}

/*----------------------------------------------
ページヘッダー
----------------------------------------------*/
.page_main_visual{
	margin: 0 auto -5px;
}

/*----------------------------------------------
トップページ
----------------------------------------------*/
.container{
	width: 850px;
}
.top_info {
	padding: 100px 0 120px;
}
.top_info h2 {
	margin-bottom: 20px;
	letter-spacing: 0.02em;
	font-size: 2em;
}
.top_info p {
	margin-bottom: 70px;
	font-size: 1.2em;
	font-weight: 500;
}
.top_unagi div,
.top_namazu div {
	right: -10px;
	bottom: -10px;
	padding: 15px 30px;
	font-size: 1.2em;
}
.top_info_font_unagi img{
	position: absolute;
	right: -100px;
	top: -30px;
}
.top_info_font_namazu img{
	position: absolute;
	left: -100px;
	bottom: -30px;
}
@media screen and (max-width: 1145px){
.top_info_font_unagi img{
	right: -50px;
	top: -30px;
}
.top_info_font_namazu img{
	left: -50px;
	bottom: -30px;
}
}

/*----------------------------------------------
トップページ　メニュー
----------------------------------------------*/
.top_menu ul{
	display: flex;
	justify-content: space-between;
	width: 850px;
}
/*----------------------------------------------
トップページ　お知らせ
----------------------------------------------*/
.top_news{
	padding: 100px 0 120px;
}

/*----------------------------------------------
お知らせ
----------------------------------------------*/
/*一覧*/
.news_list ul li{
	gap: 50px;
	padding: 50px;
}
/*記事*/
.news_data h2{
	padding: 100px 0 50px 0;
}
.news_data #detail{
	margin-bottom: 150px;
}

/*----------------------------------------------
トップページ　ご予約・お問い合わせ
----------------------------------------------*/
.top_contact {
	padding: 80px 0 120px;
	background-image:url("images/back_img_04-1.webp") , url("images/back_img_04-2.webp");
	background-position:left 0, right 0;
	background-repeat:no-repeat , no-repeat;
}
.top_contact a{
	margin: 50px;
	background-color: var(--light-color);
	color: #FFF;
	padding: 20px 50px 20px 40px;
	font-size: 1.5em;
}
.top_contact a i{
	margin-left: 30px;
}

/*----------------------------------------------
ますやについて　ごあいさつ
----------------------------------------------*/
.greeting {
	padding: 100px 0 200px;
	background-image: url("images/back_img_01.webp"),url("images/back_img_05.webp");
	background-position: top 0px left 0px,bottom 30% right 35%;
}
.greeting div {
	width: 700px;
	margin: 0 auto;
}
.greeting h2,
.about_seat h2,
.about_access h2{
	writing-mode: vertical-rl;
	text-align: center;
	font-size: 2em;
	font-weight: 500;
	margin: 0 auto 50px;
}
.greeting p{
	font-size: 1.1em;
	font-weight: 500;
	line-height: 2.5em;
	margin-bottom: 50px;
}

/*----------------------------------------------
ますやについて　店内・お席
----------------------------------------------*/
.about_seat{	
	padding: 100px 0 200px;
}
.seat div{
	display: flex;
}

/*----------------------------------------------
ますやについて　アクセス
----------------------------------------------*/
.about_access iframe{
	margin-bottom: 100px;
	height: 600px;
}
.about_access table{
	font-size: 1.2em;
}
.about_access th{
	padding: 20px;
}
.about_access td{
	width: 60%;
	padding: 20px;
}

/*----------------------------------------------
お料理
ランチ・テイクアウト
----------------------------------------------*/
.menu{
	margin-bottom: 150px;
}
.menu_link h2{
	padding: 100px 0 80px;
	gap: 15px 20px;
}
.menu_box {
	display: flex;
	justify-content: space-between;
	font-size: 1.2em;
}
.menu_box+.menu_box{
	margin-top: 50px;
}
.menu_photo,
.menu_list{
	width: 400px;
}
.menu_photo div{
	margin-bottom: 40px;
}
.link_lunch {
	padding-bottom: 150px;
}
.link_lunch a{
	margin: 50px;
	padding: 20px 50px 20px 40px;
	font-size: 1.5em;
}
.link_lunch a i{
	margin-left: 30px;
}

/*----------------------------------------------
ご宴会
----------------------------------------------*/

/*----------------------------------------------
ご予約・お問い合わせ
----------------------------------------------*/
.contact {
	padding: 100px 0 200px;
	background-position: top 0px left 0px;
}
.contact_tell{
	margin-bottom: 50px;
}
.contact_tell h2{
	font-size: 1em;
	font-weight: 500;
}
.contact_info {
	display: flex;
	justify-content: space-between;
}
.contact_open,
.contact_holiday{
	padding: 40px;
	width: 47%;
}
.contact_info {
	margin-bottom: 100px;
}
.contact_reserve div{
	padding: 60px;
}
.contact_reserve div div{
	text-align: center;
	padding: 30px 10px 0;
}
.contact_reserve dl{
	font-size: 1em;
}

/*----------------------------------------------
フッター
----------------------------------------------*/
footer {
	display: flex;
	gap: 70px;
	padding: 100px;
	justify-content: center;
}
footer nav ul{
	list-style: none;
	line-height: 2.5em;
	font-size: 1em;
}
footer img{
	width: 200px;
	margin-bottom: 30px;
}
.footer_left .copyright {
	font-size: 1.2em;
	margin-top: 20px;
}
@media screen and (min-width: 1170px){
footer {
	gap: 150px;
}
footer nav ul{
	font-size: 1.1em;
}
footer img{
	width: 250px;
}
}

/*----------------------------------------------
topへ戻る
----------------------------------------------*/
.pagetop a {
	width: 70px;
	height: 70px;
}


/*----------------------------------------------
ドロワー
----------------------------------------------*/
.drawer{
	display: none;
}