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

* {
	margin: 0;
	scroll-behavior: smooth;
	font-family: "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
/*common
______________________*/
.wrapper {
	width: 1000px;
}
.bg_dark {
	padding: 65px 0;
	background-color: #fcf4e0;
}
.bg_light {
	padding: 65px 0;
	background-color: #FFFEF5;
}
section {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
section h1 {
	width: 70%;
	margin: 0 auto 25px;
	background: #231815;
	border-radius: 30px;
	color: #ffffff;
	font-size: 26px;
}
section div.wrapper {
	margin: 60px auto 0;
}
section div.wrapper ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
section div.wrapper ul li {
	width: 45%;
	margin: 0 0 60px;
	text-align: left;
}
section div.title {
	margin: 0 auto 55px;
}
@media (min-width:641px) and (max-width:940px) {
    #pg_header figure img {
        object-position: 50% 50%;
    }
}
@media (min-width:1px) and (max-width:640px) {
	section {
	max-width: 100%;
	}
	/*section div.content {
	width: 90%;
	}*/
	section .content div.wrapper {
		width: 90% !important;
	}
	.wrapper.party {
		max-width: 90% !important;
		width: 100% !important;
	}
	section div.wrapper ul {
	display: inherit;
	}
	section div.wrapper ul li {
	width: inherit !important;
	margin: 0 0 60px;
	text-align: left;
	}
	section h1 {
	width: 100%;
	margin: 0 auto 15px;
	}
	section div.title {
		width: 90%;
	}
}

/*top 
______________________*/

.top_sp {
	display: none;
}

#pg_header {
	/*height: 40vw;*/
	height: 680px;
	position: relative;
	background-color: #231815;
}
#pg_header div {
	width: 100vw;
    /*max-height: 320px;*/
    object-fit: cover;
    object-position: 0 0;
}
#pg_header div .top_logo {
	/*width: 500px;*/
	/*padding-top: 50px;*/
	position: absolute;
	top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#pg_header .top_info {
	width: 19%;
	position: absolute;
	right: 10%;
	bottom: 25px;
}
.btn.party {
	width: 300px;
	margin: 120px auto 0;
}
.btn.party a {
	background: #8b1a1a !important;	
}
.inview {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
}
.move {
	opacity: 1;
}

@media (min-width:641px) and (max-width:940px) {
	#pg_header div .top_logo {
		padding-top: 0;
	}
	#pg_header .top_info {
		width: 24%;
	}
	
}

@media (min-width:1px) and (max-width:640px) {
	.top_pc {
		display: none;
	}
	.top_sp {
		display: block;
	}
	#pg_header {
		height: 100vh;
	}

	#pg_header div .top_logo {
		width: 85%;
		padding-top: 0;
		top: 42%;
	}
}


/*pg_nav
______________________*/

.nav_title {
	padding: 7px 0;
	text-align: center;
	background: #FFFEF5;
	color: #231815;
	font-size: 18px;
	font-weight: bold;
}
#pg_nav {
	background: #231815;
}
#pg_nav ul {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#pg_nav ul li {
	margin: 8px 20px;
}
#pg_nav ul li a span {
	transition: 0.3s;
	color: #fff;
}
#pg_nav ul li a span:hover {
	opacity: 0.6;
}
@media (min-width:641px) and (max-width:940px) {
	#pg_nav ul {
		width: 90%;
	}
}
@media (min-width:1px) and (max-width:640px) {
	.mincho.lead {
		width: 90%;
		margin: 0 auto;
	}
}


/*about
______________________*/


#about .inner .mincho.lead {
	font-size: 18px;
}

.party_map .txt {
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
	color: #231815;
}
.party_map {
	max-width: 700px;
	width: 90%;
	margin: 80px auto 0;
}
@media (min-width:1px) and (max-width:940px) {
	.mincho.lead {
		font-size: 15px;	
	}
}




/*ブッフェスタイル
______________________*/
ul li .moredetile p:nth-of-type(1) {
	margin-top: 12px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: solid 1px #9b5827;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	color: #231815;
}


#buffet h2 {
	max-width: 450px;
	width: 90%;
	margin: 50px auto 30px;
	display: flex;
	align-items: center;
	font-weight: bold;
	color: #333;
}
#buffet h2::before,
#buffet h2::after {
	content: '';
	flex-grow: 1;
	height: 2px;
	background: #910000;
}
#buffet h2::before {
	margin-right: 15px;
}
#buffet h2::after {
	margin-left: 15px;
}
#buffet ul.menu_list {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
#buffet ul.menu_list li.menu {
	width: 300px;
	margin-bottom: 30px;
}
#buffet ul.menu_list li.menu .menu_txt {
	font-size: 15px;
	font-weight: bold;
	color: #231815;
}


@media(min-width:1px) and (max-width:640px){
	#buffet ul.menu_list {
		display: inherit;
	}
	#buffet ul.menu_list li.menu {
		width: 90%;
		margin: 0 auto 30px;
	}
}
@media(min-width:1px) and (max-width:940px) {  
	#food .menu_list {
		margin: 0 auto;
		display: inherit;
	}
	#food div.menu_list div.menu {
		width: 90%;
		margin: 20px auto;
	}
}


/*イベント
______________________*/
.event_title {
	position: relative;
	margin-bottom: 10px;
	color:#ffffff;
	background: #8b1a1a;
}
.event_title span {
	display: block;
	margin-left: 20px;
	transform: skewX(-20deg);
}


/*common
______________________*/

#buffet .content .wrapper ul li figure,
#buffet ul.menu_list li.menu .menu_img,
#marche .wrapper ul li figure,
#event .wrapper ul li figure {
	margin-bottom: 5px;
}


	@media(min-width:1px) and (max-width:640px){
			
			.half{
				background: url(../img/base/underline.gif) center bottom no-repeat;
				padding: 20px 0 10px;
				font-size: 20px;
				line-height: 1.6;
				font-weight: normal;
				width: 100%;
				max-width: 960px;
				margin-left: auto;
				margin-right: auto;
				text-align:left;
				border-left:none;
			}
			#page a.button.button_detile{
				line-height: 15px;
			}
			.sub_kvimg{
			    margin-bottom: 50px;
			}
		}
		
/*お客様へのお願い
______________________*/

.doubledge  {
	width: 60%;
	margin: 100px auto 0;
	padding: 3px;
	border: 1px solid #dbd7d1;
	text-align: center;
}
.doubledgein {
	padding: 10px 35px 20px;
	border: 1px solid #dbd7d1;
	color: #333;
}
.doubledge .doubledgein h2 {
	margin-bottom: 15px;
	text-align: center;
	font-size: 26px;
	color: #333;
}
.doubledge .doubledgein ul {
	font-size: 18px;
}
@media(min-width:1px) and (max-width:940px){
	.doubledge  {
		width: 85%;
	}
	.doubledge .doubledgein h2 {
		/*font-size: 15px;*/
	}
	.doubledge .doubledgein ul li {
		font-size: 15px;
	}

}