@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;vertical-align:bottom;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}abbr,acronym { border:0;}
a{outline:none;}

/* clearfix */
.clearfix{zoom:1;}
.clearfix:after{content:""; display: block; clear: both; height: 0; visibility:hidden;}
.clear {clear:both; line-height:0;}

/* wordBreak */
table.wordBreak{word-break:break-all;}

table.comment {width: 100%;background: #cccccc;}
em{font-weight:bold;}
form input{font-family:MS UI Gothic;}

/*********************************
Base
*********************************/

html{font-size:16px;scroll-behavior:smooth;}
body{font-family: "Noto Sans JP", sans-serif;color:#000;line-height:1.5;background:#fff;font-size:1.125rem;letter-spacing: 0.5px;}

body *{-webkit-box-sizing: border-box;box-sizing: border-box;}
img{max-width:100%;height:auto;}
a{text-decoration:none;color:inherit;transition:.3s;}
a:hover{opacity:.7;}
.wrapper{max-width:1080px;margin:0 auto;padding:0 20px;}

header .wrapper{padding: 0;max-height: 600px;}
h1{text-indent: 100%;white-space: nowrap;overflow: hidden;background: url(../images/logo.jpg) no-repeat center;background-size: cover;width: 100%;height: 0;padding-top: 55.556%;}

h2.def_title{font-family: "Noto Serif JP", serif;font-size: 30px;font-weight: 600;text-align: center;line-height: 1;}
h2.def_title span{display: block;font-family: initial;font-size: 24px;font-weight: normal;position: relative;margin-top: 10px;}
h2.def_title span::before,h2.def_title span::after{content: "-";}

.cont_about{background: url(../images/bg_about.jpg) no-repeat;background-size: cover;color: #ffffff;}
.cont_about .image{max-width: 1080px;margin: 0 auto;text-align: center;}
.cont_about .wrapper{text-align: center;line-height: 2.222;padding-top: 40px;padding-bottom: 40px;}
.cont_about h2{margin-bottom: 35px;}

.area_bg{background: url(../images/bg_menu.jpg) no-repeat;background-size: cover;}

.cont_recommended .area_bg .wrapper{padding-top: 112px;padding-bottom: 160px;}
.cont_recommended > .wrapper{padding-top: 160px;}
.cont_recommended .title{display: flex;align-items: center;justify-content: center;height: 244px;}
.cont_recommended .menu_list{display: flex;flex-direction: column;gap: 120px 0;}
.cont_recommended .menu .box{display: flex;align-items: center;}
.cont_recommended .menu .box .img{max-width: 100%;}
.cont_recommended .menu_list li:nth-of-type(even) .box{flex-direction: row-reverse;justify-content: space-between;}
.cont_recommended .menu .box h3,.cont_recommended .menu .box p.name,.cont_recommended .menu .box p.price{font-family: "Noto Serif JP", serif;font-weight: 600;font-size: 24px;line-height: 1;}
.cont_recommended .menu .box .name span{font-size: 12px;}
.cont_recommended .area_bg ul.menu_list li:not(:last-of-type) .box .name span{margin-left: 15px;}
.cont_recommended .menu .box h3.name span{display: block;}
.cont_recommended .menu .box .exp{padding-top: 35px;line-height: 1.6;}


.cont_recommended .area_bg ul.menu_list li .cont ul.menu{    display: flex;flex-direction: column;    }
.cont_recommended .area_bg ul.menu_list li:not(:last-of-type) .cont ul.menu{margin-top: 30px;gap: 20px 0;}
.cont_recommended .area_bg ul.menu_list li:last-of-type .cont ul.menu{gap: 50px 0;}
.cont_recommended .area_bg ul.menu_list li:last-of-type .cont h3.name{margin-bottom: 12px;}
.cont_recommended .area_bg ul.menu_list li:last-of-type .cont h3.name span {margin-top: 5px;}

.cont_recommended .menu .box p.name,.cont_recommended > .wrapper .menu .box h3{margin-bottom: 12px;}
.cont_menu .title{margin-bottom: 27px;}
.cont_menu .wrapper{padding-top: 200px;padding-bottom: 200px;}
.cont_menu .wrapper > span{display: block;text-align: center;}
.menu_btn_list{display: flex;flex-wrap: wrap;gap: 36px 0;max-width: 780px;margin: 60px auto 0;}
.menu_btn_list li{width: 33.3333%;}
.menu_btn_list li a{display: flex;justify-content: center;align-items: center;max-width: 224px;width: 100%;height: 50px;font-family: "Noto Serif JP", serif;font-weight: 600;font-size: 24px;
box-shadow: 5px 5px 7px rgb(0 0 0 /.66);-webkit-border-radius: 20px;border-radius: 20px;background-image: url(../images/bg_menu.jpg);
}
.menu_btn_list li:nth-of-type(1) a{background-position: 55px 0px;}
.menu_btn_list li:nth-of-type(2) a{background-position: 1050px 444px;}
.menu_btn_list li:nth-of-type(3) a{background-position: 150px 784px;}
.menu_btn_list li:nth-of-type(4) a{background-position: 480px 990px;}
.menu_btn_list li:nth-of-type(5) a{background-position: 590px 650px;}
.menu_btn_list li:nth-of-type(6) a{background-position: 177px 660px;}
.menu_btn_list li:nth-of-type(7) a{background-position: 812px 524px;}
.menu_btn_list li:nth-of-type(8) a{background-position: 1px 1px ;}


.cont_reservaion .wrapper{padding-bottom: 200px;}
.cont_reservaion .frame{max-width: 836px;width: 100%;border: 1px solid #1a1e5b;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;padding: 40px 20px;}
.cont_reservaion .title{margin-top: 15px;margin-bottom: 46px;}
.cont_reservaion .img{text-align: center;margin-bottom: 20px;}
.cont_reservaion .box{max-width: 586px;margin: 0 auto;}
.cont_reservaion .box .cont{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 40px;}
.cont_reservaion .frame .box:not(:last-of-type){padding-bottom: 60px;border-bottom: 1px solid;margin-bottom: 50px;}
.cont_reservaion h3{font-family: "Noto Serif JP", serif;font-weight: 600;}
.cont_reservaion .tel{display: block;}
.cont_reservaion .btn{margin-bottom: 20px;}
.cont_reservaion .btn a{
display: flex;justify-content: center;align-items: center;background: #0a0e4f;-webkit-box-sizing: border-box;box-sizing: border-box;
width: 250px;height: 60px;color: #fff;-webkit-border-radius: 26px;border-radius: 26px;margin: 0 auto;
}
.cont_reservaion .map{position: relative;padding-top: 35.84%;width: 100%;height: 0;overflow: hidden;}
.cont_reservaion .map iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.footer_image{max-width: 1080px;margin: 0 auto;text-align: center;}
footer .copy{display: grid;place-content: center;font-size: 12px;color: #fff;background: #1a1e5b;width: 100%;height: 60px;}



@media screen and (min-width:981px){
	.cont_recommended .menu_list li:nth-of-type(even) .box .cont{padding-left: 0;padding-right: 70px;}
	.cont_recommended .menu .box .cont{padding-left: 70px;}
	.cont_reservaion .box .cont{padding-left: 70px;}
}

@media screen and (min-width:768px){
	.sp{display:none;}
	
	a[href^="tel:"] {
	    pointer-events: none;
	}
}

@media screen and (max-width:980px) {
	.cont_recommended .menu .box{flex-direction: column;align-items: center;width: 100%;gap: 20px 0;}
	.cont_recommended .menu_list li:nth-of-type(even) .box{flex-direction: column;}
	.cont_recommended .menu .box .img{width: 100%;text-align: center;}
	.cont_recommended .menu .box .cont{width: 100%;max-width: 500px;}

}

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

	body {font-size: 15px;}
	.pc{display:none;}

	h1{padding-top: 79.8%;}
	.cont_recommended .title{height: 200px;}
	.cont_recommended .area_bg .wrapper{ padding-top: 112px; padding-bottom: 80px;}
	.cont_recommended > .wrapper{padding-top: 80px;}
	.cont_recommended .menu_list{gap: 60px 0;}
	.cont_recommended .area_bg ul.menu_list li:not(:last-of-type) .box .name span {display: block;margin-left: 0;margin-top: 5px;}

	.cont_menu .wrapper {padding-top: 100px;padding-bottom: 100px;}
	.menu_btn_list li {width: 100%;}
	.menu_btn_list li a{max-width: none;}
	.cont_reservaion .box .cont{padding-left: 0;font-size: 1rem;}
	.cont_reservaion .map{ padding-top: 68.3%;}
	.cont_reservaion .wrapper{padding-bottom: 80px;}

}