@charset "UTF-8";
body{
	background-color: #000;
    /*line-height: 1.8;*/
    color: #F9F6F5db;
    /*font-size: 16px;*/
    /*font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-size-adjust: 100%;*/
}
/*body.ua-android {
  font-family: 'Noto Serif JP', serif;
}*/
html {
  scroll-behavior: smooth; /* スムーススクロール */
}

img{max-width: 100%;
	height: auto;}
/*p{font-size: 16px;}*/
h3, h4{ font-weight: normal;}
.tx-c{text-align: center;}
.tx-l{text-align: left;}
.f-s-12{font-size: 12px;}
.p-t-60{padding-top: 60px;}
.p-t-30{padding-top: 30px;}
.sp{display: none;}
.pc{display: block;}
.sp-br{display: none;}
.tx-gold{color: #A78F45;}
.bg-col-a{background-color: #131212;color: #F9F6F5}
.bg-col-b{background-color: #0F0F0F;color: #F9F6F5}
.f-c-alpha{color: #F9F6F5db;}
/* 
-----------
conference
-----------
*/

/* 20250722DELL
#video-background {
    margin-inline: auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}
#video {
    height: auto;
    width: 100%;
    object-fit: cover;
}
*/
#epicle #main-v { background: url("/restaurants-party/epicle/img/main-v-epicle.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
#epicle-private-party #main-v { background: url("/restaurants-party/epicle/img/main-v-private-party.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
#hideaway-epicle #main-v { background: url("/restaurants-party/hideaway-epicle/img/main-v-hideawayepicle.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
.index-topics{
	/*background-color: #F0EFE9;*/
	padding: 100px 0; 
}
.index-contents{
	background-color: #F0EFE9;
	padding: 100px 0; 
}
.wrapper {
    /*max-width: 1200px; 20250722DELL*/
	max-width: 1020px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: center;
}
.wrapper-wid {
    max-width: 1300px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: center;
}
.contents_w_fix{
	margin: 0 auto ;
}

/* 
-----------
index
-----------
*/
.topics-title{
	font-size: 36px;
    display: block;
    color: #A78F45;
    margin: 100px 0 80px;
    line-height: 1;
}
span.title-line{
	position: relative;
}
span.title-line::after{
  position: absolute;
  content: "";
  top: 50%;
  width: 115px;
  height: 1px;
  background-color: #A78F45;
  margin-left: 15px;
}
span.sub{
	margin-left: 150px;
}
.topics-wrapper{
	/*display: flex;
    justify-content: space-between;*/
	margin: 100px 0 0;
}
.topics-list{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
.topics-list li {
    width: 31%;
	max-width: 380px;
	margin: 0 0 80px;
}

/* 
-----------
/index
-----------
*/
.contents-wrap {
    display: flex;
    justify-content: space-between;
}
.contentsTwo-wrap{
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.contents-wrap .title, .contentsTwo-wrap .title {
    width: 43%;
	/*padding: 100px 0;*/
}
.contents-wrap .pic, .contentsTwo-wrap .pic {
    width: 50%;
	/*background-color: #fff;*/
}
.contents-wrap .title h3{
	font-size: 28px;
	margin-top: 0;
}
.title h3 span.yum, .single-title h3 span.yum, .preview-wrap h3 span.yum, .contact-wrap h3 span.yum, .white-wrap h3 span.yum{
	font-size: 24px;
    display: block;
    color: #A78F45;
    margin: 25px 0 50px;
    line-height: 1;
}

/*.preview-wrap h3 span.yum, .contact-wrap h3 span.yum{
	font-size: 24px;
    display: block;
    color: #A78F45;
    margin: 25px 0 50px;
    line-height: 1;
	text-align: center;
}*/
.contents-wrap dl, .contentsTwo-wrap dl{
	border-top: solid 1px #CCCCCC;
    margin: 30px 0;
    padding: 30px 0;}
.venue_detail{display: flex;}
.venue_detail dt, .venue_detail dd{padding: 5px;font-weight: normal;}
.venue_detail dt{width: 25%;}
.venue_detail dd{width: 75%;}
.contents_w_fix ul.ancor-navi > li {
    min-height: 80px;
}
.menu-wrapper{ width: 800px;
    margin: 0 auto;}
.menu-list{display: flex;
	border-top: solid 1px #F9F6F5db;
    border-bottom: solid 1px #F9F6F5db;
    padding: 30px 0;
}
.menu-list-2n{display: flex;
    border-bottom: solid 1px #F9F6F5db;
    padding: 30px 0;
}
.menu-list dt, .menu-list-2n dt{padding: 0 45px;}
.menu-list dd, .menu-list-2n dd{line-height: 2.4;color: #F9F6F5db;}
span.menu-yum{font-size: 20px;
    color: #A78F45;padding-right: 45px;}


.arrow{
  position: relative;
}

.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.6em;   /* arrow size */
  height: 0.6em;  /* arrow size */
  border-top: 1px solid #666666;  /* thickness, color */
  border-right: 1px solid #666666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.two-box{
	display: flex;
}
ul.two-box li{width: 50%;}
p.about-txt{
	padding: 110px 8px;
}
span.ttl-yum{
	font-size: 24px;
    color: #A78F45;
	display: block;
    padding-bottom: 20px;
}
.concept{
	border-top: solid 1px #F9F6F5db;
    border-bottom: solid 1px #F9F6F5db;
	width: 640px;
    margin: 0 auto;
	padding: 30px;
}
.concept-top{
	width: 500px;
	margin: 0 auto;
	/*text-align: center;*/
}

.concept-top h3 {line-height: 1.6;}

/* キャンセルポリシー */
/*.agreement{padding: 0 180px;}*/
.agreement .agreement_scroll {
  text-align: left;
  border: 1px solid #ccc;
  padding: 20px 20px 40px 20px;
  height: 300px;
  overflow-y: scroll;

}
.agreement h3 {
  font-size: 18px;
  margin-bottom: 30px;
  padding-top: 0;
text-align: center;
}

.agreement h4 {
	font-size: 16px;
}
.agreement ul {line-height: 2.0;margin-bottom: 60px;}
.agreement ul li {
/*  list-style-type: disc;*/
  margin-left: 1em;font-size: 14px;
}

.agreement ul:last-child {
  margin-bottom: 40px;
}

.agreement a{color: #F9F6F5db;}
.agreement a:hover{color: #A78F45;}


/*
------------
貸切詳細
------------
*/
ul.ancor-navi > li {
    background: url(../img/epicle/area_ico-white.png) no-repeat center bottom 12px;
    border-right: 1px solid #F9F6F5db;
    cursor: pointer;
    float: left;
    min-height: 135px;
    padding-top: 7px;
    text-align: center;
}
ul.ancor-navi > li:first-child {
    border-left: 1px solid #F9F6F5db;
}
ul.ancor-navi > li a {
    color: #F9F6F5;
    display: block;
    font-size: 14px;
	font-weight: 600;}

ul.ancor-navi > li:hover{
	background-color: #000;
}

/*
------------
会場詳細
------------
*/
.about-contents{padding: 100px 0;}
.about-topics{padding: 100px 0; }
.about-topics h3{font-size: 26px;text-align: center;}
.about-topics h3 span{
		font-size: 24px;
    display: block;
    color: #A78F45;
    margin: 25px 0 50px;
    line-height: 1;
	text-align: center;
}
.about-topics-wrapper{
	/*display: flex;
    justify-content: space-between;*/
	margin: 100px 0 0;
}
.about-topics-list{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
.about-topics-list li {
    width: 31%;
	max-width: 300px;
	margin: 0;
}

.about-topics-list li a:hover{
	opacity:0.5;
	transition:0.3s;
}

.single-title{
    width: 600px;
	margin: 100px auto 0;
}
.single-pic {
    width: 100%;
}
p span.yums{font-size: 16px;
    display: block;
    color: #A78F45;
    margin: 5px 0 0;
    line-height: 1;}

/*
------------
特典
------------
*/
.benefits-contents{
	background-color: #F0EFE9;
	padding: 100px 0; 
}
.usage-contents{
	padding: 100px 0; 
}

.white-wrap{
	padding: 60px;
	background-color: #fff;
}
.benefits-list{
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
}
.benefits-list li{
	width: 460px;
	margin: 0 0 60px;
	border: solid 1px #A78F45;
	padding: 50px;
}
.benefits-list li p{
	margin: 15px 0 0;
}
.benefits-contents h4{
	position: relative;
	margin: 0 0 60px;
	font-size: 24px;
}
.benefits-contents h4::before{
	position: absolute;
  content: "";
  top: 50%;
	left: 2%;
  width: 150px;
  height: 1px;
  background-color: #666;
  margin-left: 15px;
}
.benefits-contents h4::after{
	position: absolute;
  content: "";
  top: 50%;
	right: 4%;
  width: 150px;
  height: 1px;
  background-color: #666;
  margin-left: 15px;
}

.benefits-contents ul.option-wrap{
	display: flex;
    width: 800px;
    margin: 0 auto;
}
.benefits-contents ul.option-wrap li{
	/*margin-left: 30px;*/
    width: 100%;
    text-align: left;}

/*
------------
PDF
------------
*/

/*
------------
ボタン
------------
*/

/* normal*/
.button_n{margin: 0;}
.button_n a {
    /*background: #eee;*/
	border: solid 1px #A78F45;
    /*border-radius: 3px;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 25px;
    color: #A78F45;
    transition: 0.3s ease-in-out;
    /*font-weight: 500;*/
}
.button_n a:hover {
    background: #A78F45;
    color: #fff;
}
.button_n a:focus{
	text-decoration: none;
}
/* Private Party */
.button_p{margin: 70px 0 ;}
.button_p a {
    background: #A78F45;
	border: solid 1px #A78F45;
    /*border-radius: 3px;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    /*font-weight: 500;*/
}
.button_p a:hover {
	border: solid 1px #A78F45;
    background: #fff;
    color: #A78F45;
}
.button_p a:focus{
	text-decoration: none;
}
/* gallery */
.button_g{margin: 70px 0 0;}
.button_g a {
	border: solid 1px #F9F6F5;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 25px;
    color: #F9F6F5;
    transition: 0.3s ease-in-out;
}
.button_g a:hover {
    background: #666;
    color: #fff;
	border: solid 1px #666;
}
.button_g a:focus{
	text-decoration: none;
}

/*下見*/
.index-preview{
    padding: 120px 0;
	background: url("/conference/img/bg_index-preview.png") no-repeat 0 0;
    background-size: cover;
}
.preview-wrap{
	/*margin: 100px auto;*/
	padding: 60px;
	background-color: #F0EFE9;
}

/* 貸切*/
.index-private-party{
    padding: 120px 0;
	background: url("/restaurants-party/epicle/img/bg_private-party.png") no-repeat 0 0;
    background-size: cover;
	background-position: center center;
	color: #F9F6F5db;
}

/* hideaway by epicle */
.index-hideaway-epicle{
    padding: 120px 0;
	background: url("/restaurants-party/epicle/img/bg_hideaway-epicle.png") no-repeat 0 0;
    background-size: cover;
	background-position: center center;
	color: #F9F6F5db;
}

/*
------------
お問合せ
------------
*/
.index-contact{
	/*margin: 100px auto;*/
	 padding: 120px 0;
}
/*
------------
footer
------------
*/
.footer-link{
width: 990px;
    margin: 0 auto 60px;
    text-align: center;
    border-bottom: 1px solid #C8C8C8;
    padding: 65px 0;
}

.footer-link a{
	color: #C8C8C8;
	text-decoration: underline;
}.footer-link a:hover{
	color: #A78F45;
}

#footer .group_menu h2 {
    color: #F9F6F5db;
}
#footer .group_menu h2 a:link {
    color: #F9F6F5db;
}
#footer .group_menu h2 a:visited {
	color: #F9F6F5db;}

@media (max-width: 1199px) {
.footer-link{
width: 100%;
}
	.pc-br {
    display: none; }
}

@media screen and (max-width:768px){
.sp{display: block;}
.pc{display: none;}
.sp-br{display: block;}

	
.wrapper {
    max-width: 768px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: left;
}
.index-topics, .index-contents{
	padding: 30px 0 80px; 
}
.topics-title{
	font-size: 22px;
    display: block;
    color: #A78F45;
    margin: 60px 0;
    line-height: 1;
}
.contents-wrap .title h3, .contentsTwo-wrap .title h3, .white-wrap h3, .preview-wrap h3, .contact-wrap h3{
text-align: center;
}
	/*
span.title-line{
	position: relative;
	display: block;
	text-align: left;
	margin-left: 0;
	margin-bottom: 10px;
}
span.title-line::after{
  position: absolute;
  content: "";
  top: 50%;
  width: 77%;
  height: 1px;
  background-color: #A78F45;
  margin-left: 15px;
}
span.sub{
	display: block;
	margin-left: 0;
	text-align: left;
}*/

	
.concept-top{
	width: 100%;

}	
.index-topics p{
		text-align: left;
	}
.topics-list li {
    width: 48%;
	max-width: 380px;
	margin: 0 0 40px;
}
.contents-wrap, .contentsTwo-wrap {
    display: block;
}

.contents-wrap .title, .contentsTwo-wrap .title, .contents-wrap .pic, .contentsTwo-wrap .pic  {
    width: 100%;
}
	.contents-wrap .pic, .contentsTwo-wrap .pic {
		    margin-bottom: 40px;
	}
.preview-wrap{
	padding: 60px 30px 30px;
		width: 90%;
}
.about-contents{padding: 0 0 100px;}
	.about-topics{padding: 60px 0; }
	.about-topics h1{font-size: 26px;text-align: center;}
.about-topics-wrapper{
	display: none;
}
	.single-title{
    width: 100%;
	margin: 60px auto 0;
}
.benefits-list{
	display: block;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
}
.benefits-list li{
        width: 100%;
        /*margin: 0 5% 10%;*/
        border: solid 1px #A78F45;
        padding: 20% 5%;
}
	.benefits-contents h4::before{position: inherit;}
	.benefits-contents h4::after{position: inherit;}
	
	.white-wrap{
		width: 90%;
	padding: 60px 15px;
}
	.benefits-contents h4{
	font-size: 18px;
}
	/*#footer #copyright{
		padding-bottom: 100px;
	}*/
	
		.benefits-contents ul.option-wrap{
	display: block;
    width: 100%;
}
	
	ul.two-box{
	display: block;
}
ul.two-box li{width: 100%;text-align: center;}
p.about-txt{
	padding: 60px 0;
	text-align: left;
}
	.menu-wrapper{ width: 100%;}
	
	.index-private-party p{text-align: left;}
.concept{
	width: 100%;

}


}

@media screen and (max-width:480px){
	span.title-line{
	position: relative;
	display: block;
	text-align: left;
	margin-left: 0;
	margin-bottom: 10px;
}
span.title-line::after{
  position: absolute;
  content: "";
  top: 50%;
  width: 80%;
  height: 1px;
  background-color: #A78F45;
  margin-left: 15px;
}
span.sub{
	display: block;
	margin-left: 0;
	text-align: center;
}
	.menu-list, .menu-list-2n{display: block;
    text-align: center;
	}
	
	.menu-list dt, .menu-list-2n dt{text-align: left;}
	/**/
ul.ancor-navi > li:first-child {
    border-top: 1px solid #F9F6F5db;
	border-left:none;
}
	ul.ancor-navi > li {
		border-bottom: 1px solid #F9F6F5db;
	border-right: none;
	}
	.concept-top h3 {font-size: 20px;}
	.index-private-party{
    padding: 60px 0;
}
	.index-contact{
	 padding: 60px 0;
}
	.index-hideaway-epicle{
		padding: 60px 0;}
	
	
}