@charset "UTF-8";
/*-----------
common
-----------*/
:root {
  --bace-color:#1b1007;
  --font-color:#fff;
  --link-color:#FF4E49/*コーラルレッド*/;
}
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/css?family=Lora);
#bonfire{color:var(--font-color); background:var(--bace-color); text-align:center;font-weight:400; margin: 0 auto;font-family: "Noto Sans JP", sans-serif; font-size:100%; }

.mt08{margin-top:8px;}
.mt16{margin-top:16px;}
.mt24{margin-top:24px; margin-top:clamp(1rem, 0.818rem + 0.91vw, 1.5rem);}
.mt32{margin-top:32px; margin-top:clamp(1.5rem, 1.318rem + 0.91vw, 2rem);}
.mt48{margin-top:48px; margin-top:clamp(2rem, 1.636rem + 1.82vw, 3rem);}
.mt64{margin-top:64px; margin-top:clamp(3.5rem, 3.318rem + 0.91vw, 4rem);}
.mt80{margin-top:80px; margin-top:clamp(4rem, 3.636rem + 1.82vw, 5rem);}
.mt120{margin-top:120px;}
.mt160{margin-top:160px;}

/*見出し*/
#pageTitle {font-size:; text-align: center;letter-spacing:0.2em; line-height:180%; padding:50px 0 0; margin: 0px auto; font-weight: normal;}
h1.headline{font-size:; margin:10px auto 20px;}
h2.headline{font-size:; letter-spacing:0.2em; line-height:120%; font-weight:400; color:#fff; margin-bottom:0;}
.headline{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.heading{font-size:140%;line-height:150%; color:#fff;}
.price,.outline td .price{color:#C30;}
.notice{color: var(--font-color)}
.time{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*strong:before{ content:"〈"; }
strong:after{ content:"〉";}*/
.image img {width:100%;}

/*リンク*/
a{color:var(--link-color); opacity:0.9; text-decoration:none;}
a:hover{ opacity:1.0}
a.txtlink{border-bottom:1px dotted #666;}
.btn a{ background:#c30; border-radius:0; opacity:1; padding:0.3em 1.0em 0.4em 0.9em;}

.column2 .btn a{padding:0.5em 2.0em 0.6em 1.8em;}

#grovalNavi li:hover,#btnPreceding:hover,#btnGeneral:hover,.acctionBtn:hover,.facilities tr th:hover, .scale:hover .scale:hover img, .btn a:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

/*背景画像*/
.container{margin: 0 auto; text-align: center; padding:0;}
.slider{position: relative; overflow: hidden; width:100%;}
.slider img{ display:block; position:absolute; opacity:0; animation: slide-　anime 12s linear infinite; width:100%; height:100%; z-index:-100; object-fit:cover;}
.slider img:nth-of-type(1) {animation-delay: 0s;}
.slider img:nth-of-type(2) {animation-delay: 4s; display:none;}
.slider img:nth-of-type(3) {animation-delay: 8s; display:none;}
@keyframes slide-anime{
0% {opacity: 0;}
4.16% {opacity: 1;}
33.33% {opacity: 1;}
41.66% {opacity: 0;}
100% {opacity: 0;}
}
#coverArea{position:relative; background:url("images/bk_cover.jpg") top center no-repeat; background-size:cover; padding-bottom:200px; min-height:100vh;}
#coverArea .titleBox{position:relative; margin:0 auto;}
#coverArea .image{z-index:-100; position:absolute; top:0; left:0; right:0; margin:0 auto;}
#coverArea .image img {width:100%; object-fit:cover; opacity:0; filter:blur(20px); transform:scale(1.2); animation:slideinBottom 3s forwards;}
@keyframes slideinBottom {
0% { opacity:0; filter:blur(20px); transform:scale(1.2);}
100% {opacity:100; filter:blur(0px); transform:scale(1.0);}
}
#coverArea p.message{text-align:center;}
/*カウントダウン*/
#countdown{position:relative; width:248px; height:100px; margin:0 auto;}
#dayAd3,#dayAd2,#dayAd1{display:block;position:absolute;width:40px;height:50px;top: 26px;background-image:url("./images/counter_w.svg");
-moz-animation: all 1s ;-webkit-animation: all 1s;-o-animation: all 1s ;-ms-animation: all 1s ;transition: all 1s;}
#dayAd3{left:72px;}
#dayAd2{left:118px;}
#dayAd1{left:164px;}
.dayCnt1{background-position:0px  -50px;}
.dayCnt2{background-position:0px -100px;}
.dayCnt3{background-position:0px -150px;}
.dayCnt4{background-position:0px -200px;}
.dayCnt5{background-position:0px -250px;}
.dayCnt6{background-position:0px -300px;}
.dayCnt7{background-position:0px -350px;}
.dayCnt8{background-position:0px -400px;}
.dayCnt9{background-position:0px -450px;}
#concept article{color:#1b1007; line-height:240%; margin:80px auto 50px; font-weight:600;}
#concept article .message{margin: 20px auto;}
#concept{padding:0;}

/*動画*/
.movie {position:relative; width:100%; padding-top:42%; margin:100px 0 50px;}
.movie iframe {position:absolute; top:0; right:0; width:100%; height:100%;}

.column2 {display:flex; flex-wrap:wrap; justify-content:center;}
.column2.reverse{flex-direction:row-reverse;}
.column2>div{flex-basis:50%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px;}
.column2>div.image img{width:100%;}

.column2>div:not(.image){padding:24px 0;}


@media(max-width : 640px ){
.column2>div {flex-basis:100%;}
.column2>div.image img{position:relative;}
.column2>div .message br,#bonfire div.listArea .message br,#entakuArea .message br{display:block!important;}
div.listArea {margin: 30px 0;}
}
/*フード・ワークショップ*/
ul.frexList{display:flex; flex-wrap:wrap; justify-content:center; gap:32px 24px; margin:32px auto;}
div.listArea{padding:50px 0; margin:30px; background:#333}
ul.frexList#foodList li{width:240px;}
ul.frexList#eventList li{width:270px;}
ul.frexList#eventList li p.image img{width:240px; height:200px; object-fit:cover;}
ul.frexList#belongingsList li{width:180px;}
ul.frexList#kidsList li{width:240px}


ul.frexList#presentList li{width:320px;}
ul.frexList#presentList li .image img{width:100%;}
ul.frexList#topicList{gap:100px;}


div.listArea ul.frexList p.image{ margin-bottom:20px; border:none;}
div.listArea ul.frexList#foodList li p.image img{border-radius:50%; width:100%; margin:0 auto;}
span.link{margin-left:1em;}

/*炎卓の輪*/
.entak uArea{background:#c30; padding:30px 0; margin:300px 0 50px; position:relative; z-index:100;}
.entaku Area:before{position:absolute; content:""; background:url(images/bk_mountain-01.svg) no-repeat top center; top:-250px; height:250px; width:100%; background-size:cover; left:0; z-index:100;
}
.entaku　Area{background: url("images/bk_entaku.jpg") top center no-repeat; background-attachment:fixed; }



/*ニュース*/
.bonfire .wrapper{background: transparent;} 
dl.history dt{width:240px; float:left; text-align:left; font-size:140%; letter-spacing:0.1em; padding:12px 0;}
dl.history .message{font-size:140%;color:#ffc;padding:0;margin:0;}
dl.history a{font-size:110%;}
dl.history .image{margin:20px 0;}
dl.history .time{margin:10px 0;}
dl.history dd{
	width:80%;
	text-align:left;
	margin-left:240px;
	margin-bottom:80px;
}
table{ border:1px solid var(--bace-color);
	padding:10px 10px 5px;
	margin:20px 0;
}
table tr th, table tr td{ border-bottom:1px dotted var(--bace-color); padding:10px 20px; font-size:16px; line-height:150%; text-align:left; background:rgba(255 255 255/.8); color:var(--bace-color); }
table tr:last-child th, table tr:last-child td{border:none;}
table tr td strong{ font-weight:600; font-size:130%; letter-spacing:0.1em;}


/*お知らせ*/
#bonfire .wrapper{background:transparent;}
#notice :not(h2),#news :not(h2.headline),#fee :not(h2){letter-spacing:0.1em;}
#notice>ul>li{list-style:disc outside; margin:0 auto 50px; text-align:left;}

#reserveArea{background:#ee7843; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#reserveArea .txt a{color:#000; padding:0 0.5em;}
#reserveArea .box .notice{color: rgba(0, 0, 0, 0.8);}
/*-----------
フッター
-----------*/
.bonfire footer:before{content: none;}
.bonfire footer #footer_menu{background:transparent; opacity: 0.8;}
.bonfire footer #footer_menu #monthlyBar{background:rgba(255,255,255,0.1);}
.bonfire footer #service {border-top:50px solid rgba(255,255,0.1);}
/*イベント詳細*/
table.notice{
	border:none;
}
table.notice tr th,table.notice tr td{
	padding:5px;
}
table.notice .price{
	margin-left:1em;
}


/*予約マーク*/
.mark{
	padding:4px 14px;
	display:inline-block;
	background:#FFC;
	border:1px solid #FFC;
	border-radius: 6px;
	margin:6px 10px;
	color:#300;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mark.off{ background:transparent; border:1px solid #Fc9; color:#Fc9; text-decoration: none;}
/*-----------
トップへもどる
-----------*/
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff !important;
    font-size: 20px;
    text-align: center;
    display: none;
    background: #C30;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}

/*-----------
詳細情報
-----------*/
.detail .wrapper{
	width:100%;
	overflow:view;
	vertical-align:top;
}
.detail .block{
	width:600px;
	display:inline-block;
	margin:0;
	font-weight:normal;
	vertical-align:top;
}
.detail .wrapper .message{
	text-align:left;
	margin:20px;
	line-height:180%;
	font-size:16px;
}
.detail .outline{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:50px;
}
.detail .block h2 img{width:600px;}
.pmvLft1{left:0px;}
.pmvLft2{left:-604px;}
.pmvLft3{left:-1208px;}
.pmvLft4{left:-1812px;}
.pmvLft5{left:-2416px;}



@media(max-width : 640px ){
body.bonfire{font-size:120%; font-weight:400;}
.pc, .menu li.pc{display:none;}
.sp,br.sp{display:block !important;}
.wrapper,.block{width:100%;}
.illust img,.image img{width:100%;}

article{text-align:left; margin:0 4%;}
#concept article{color:rgba(255,255,255,0.6); margin:50px 4%;}
.boxList article a{color:#300;}
.boxList article{ text-align:center; margin:0;}

#tegata .wrapper{ width:100%; padding:50px 2%;}
#tegata .wrapper .headline{ margin-top:0px;}
#bring .gallery li { width:44%; margin: 0 2% 20px;}
#soul{padding:0; background-size:130%; background-position:right top;}
#soul img{ width:90%; margin:30px 0;}

.title_sub{
	position:relative;
	top:0;
	left:0;
	margin:30px auto 0;
}
#cover .message{text-align:left!important;}
#event li{ width:80%;}
#foods .boxList li{ width:45%; margin:0 1% 30px;}

#event li .tit,#special .heading{font-size:180%;}

#space .gridList{ grid-template-columns:repeat(auto-fill,45%); grid-gap:50px 5%; margin:50px 2.5% 80px;}
#space .gridList li{ width:100%;}
#space .gridList .btn a{display:block; padding:12px; font-size:110%;}

	
#news,#notice{ width:90%; margin:0 auto 50px;}
dl.history dt{display:block;width:98%;}
dl.history dd{display:block;text-align:left;margin:0 0 50px;width:98%;}
.detail .block{
	width:600px;
	display:block;
	margin:20px 20px 0;
	padding-top:100px;
}

#special>div ul.gridList{display:block;}
#special>div#takibitoSet ul.gridList{display:block;}
#special>div ul.gridList li:nth-child(2n),#special>div#takibitoSet ul.gridList li:nth-child(2n){ padding:30px 0 30px;}
	
ul.frexList#presentList li{width:45%;}
#reserveArea .box{width:80%;}

}