@charset "utf-8";

@font-face{ font-display: swap;	font-weight: 500; font-style: normal; font-family: 'NotoSans'; src: url('/2024/_common/fonts/NotoSansJP-Medium.otf') format('opentype'); }
@font-face{ font-display: swap;	font-weight: bold; font-style: normal; font-family: 'NotoSans'; src: url('/2024/_common/fonts/NotoSansJP-Bold.otf') format('opentype'); }
@font-face{ font-display: swap;	font-weight: normal; font-style: normal; font-family: 'NotoSerif'; src: url('/2024/_common/fonts/NotoSerifJP-Regular.otf') format('opentype'); }
@font-face{ font-display: swap;	font-weight: bold; font-style: normal; font-family: 'NotoSerif'; src: url('/2024/_common/fonts/NotoSerifJP-Medium.otf') format('opentype'); }

/* ===================================================================================================
   リセット
 =================================================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}figure{margin:0;padding:0}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:400}q:before,q:after{content:''}abbr,acronym{border:0}img{width:100%;height:auto;vertical-align:bottom}input:focus,textarea:focus,select:focus,button:focus{outline:none}input,button,textarea,select{color: #323743;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none;font-size:100%}

/* ===================================================================================================
   共通
 =================================================================================================== */
html.lock,body.lock{height:calc(var(--window-inner-height) - 1px);overflow:hidden;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.4rem;font-family:"Noto Sans JP",'NotoSans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','游ゴシック','Yu Gothic','ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#352f25;font-weight:normal;line-height:1.5;letter-spacing:.05em;font-feature-settings:"palt";background:#fff}*{box-sizing:border-box}@media screen and (min-width:960px){body{font-size:1.8rem}}

textarea,input{font-family:"Noto Sans JP",'NotoSans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','游ゴシック','Yu Gothic','ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:100%}

/*  共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a,a:link,a:visited{color:rgb(29, 155, 240);text-decoration:none}a{transition:opacity 0.2s}@media screen and (min-width:960px){a:hover,a:active{color:rgb(29, 155, 240);text-decoration:underline}a:hover{opacity: .6;}}

/*  パンくず
-----------------------------------------------------------*/
.breadcrumbs .inner{padding: 0 8px}
.breadcrumbs_wrapper{display:flex;align-items:center}.breadcrumbs_contents{display:block;width:100%}.breadcrumbs_item{display:inline-block;color:#6b6e71;font-size:1.2rem;line-height:2}.breadcrumbs_item.-home{flex-shrink:0;margin-right:2.6666666667vw}.breadcrumbs_inner{margin-bottom:-10px;padding-bottom:10px;overflow-x:auto;white-space:nowrap;width:78vw}.breadcrumbs_item{display:inline-block;color:#000;line-height:2;margin-right:2.6666666667vw}.breadcrumbs_item a{color:#c0c5cb}.breadcrumbs_item:not(:last-child):after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);display:inline-block;transform:rotate(-45deg);border:1px solid #fff;border-top:none;border-left:none;vertical-align:middle;content:"";width:1.0666666667vw;height:1.0666666667vw;margin-top:-.7vw;margin-left:1.3333333333vw;opacity:.3}a.breadcrumbs_anchor{color:#000;font-weight:700;text-decoration:underline}@media screen and (min-width:769px){.breadcrumbs_item.-home,.breadcrumbs_item{margin-right:10px}.breadcrumbs_item:last-child{margin-right:0}.breadcrumbs_inner{width:inherit}.breadcrumbs_item:not(:last-child):after{width:4px;height:4px;margin-top:-3px;margin-left:4px}.breadcrumbs_item a:hover{opacity:.6}}.mv .breadcrumbs{position:absolute;left:0;top:0;padding-left:5px;width:100%;background-color:rgba(255,255,255,.5)}@media screen and (min-width:769px){.mv .breadcrumbs{left:10px;padding:2px 10px;width:auto;border-radius:0 0 5px 5px}}.mv .breadcrumbs_item a{color:#000}.mv .breadcrumbs_item:not(:last-child):after{border-color:#000}.f-breadcrumbs{margin-top:20px;padding:20px 0;border-bottom:solid 1px #BCBDC2;background:#f5f5f5}

/*  lock
-----------------------------------------------------------*/
body.lock{position:fixed;width:100%;height:100%;left:0;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


/*  アイコン
-----------------------------------------------------------*/
.m-ico{display:inline-block;position:relative;font-style:normal;vertical-align:middle;font-size:1.8rem;line-height:1}.m-ico::before{font-family:'Material Icons Round';content:attr(data-icon)}.m-ico.-arrow{font-size:2.5rem}@media screen and (min-width:760px){.m-ico.-arrow{font-size:3.5rem}}

/*  ページトップ
-----------------------------------------------------------*/
.link_pagetop {
}
.link_pagetop a {
	background: url(/images/icon_arrow_top.gif) no-repeat left center;
	padding-left: 13px;
}

.sect-bt{
	margin-top: 30px;
	text-align: center;
}
.sect-bt a{
	display: inline-block;
	padding: 10px 40px;
	color: #352f25;
	text-decoration: none;
	border: solid 1px #352f25;
	transition: opacity 0.2s;
}
.sect-bt a:after{
	font-family: 'Material Icons Round';
	content: "\e5cc";
	vertical-align: middle;
}

@media screen and (min-width: 960px){
	.sect-bt a:hover {
		opacity: .6;
	}
}

/*  レイアウト
-----------------------------------------------------------*/
.wrapper{
	position: relative;
}
@media screen and (max-width: 959px){
	.wrapper{
		border-top: solid 3px #000;
	}
}
.inner{
	margin: 0px auto;
	padding: 0 16px;
	width: 100%;
	max-width: 1400px;
}
@media screen and (max-width: 959px){
	.pc-only {
		display: none;
	}
}
@media screen and (min-width: 960px){
	.sp-only {
		display: none;
	}
}


/* ===================================================================================================
   ヘッダー・ナビゲーション
 =================================================================================================== */
.hd{
	display: flex;
	flex-direction: column-reverse;
	position: sticky;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
}
.hd .inner{
	padding: 0 8px;
}
.hdwp{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hd-ttl{
	position: relative;
	width: 70px;
	z-index: 100;
}



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

	
	
	/* ハンバーガーメニュー */
	.menu{
		position: relative;
		z-index: 100;
		background:#fff;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 50px;
		height:50px;
		font-size: 1.2rem;
		font-weight: bold;
		font-family: Arial, Helvetica, "sans-serif";
		letter-spacing: -.02em;
		border: solid 2px #000;
		overflow: hidden;
		transform: rotateX(0deg);
	}
	.menu .openbtn-area{
		margin-bottom: auto;
		transition: all .3s;
	}
	.menu span{
		position: absolute;
		left: 12px;
		z-index: 101;
		display: inline-block;
		width: 45%;
		height: 3px;
		border-radius: 3px;
		background: #000;
		transition: all .4s;/*アニメーションの設定*/
	}
	.menu span:nth-of-type(1) {
		top: 10px; 
	}
	.menu span:nth-of-type(2) {
		top: 17px;
	}
	.menu span:nth-of-type(3) {
		top: 24px;
	}

	.menu.is-open{
		transform: rotateX(360deg);
		border-color: #fff;
	}

	.menu.is-open span:nth-of-type(1) {
		top: 18px;
		left: 50%;
		transform: translate(-50%, 0) rotate(-135deg);
		width: 50%;
	}

	.menu.is-open span:nth-of-type(2) {
	  opacity: 0;
	}

	.menu.is-open span:nth-of-type(3){
		top: 30px;
		left: 50%;
		transform: translate(-50%, -12px) rotate(135deg);
		width: 50%;
	}
	
	/* メニュー内 */
	.navigation{
		opacity: 0;
		visibility: hidden;
		position: fixed;
		left: 0;
		top: 0;
		color: #fff;
		padding: 80px 0 100px;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.8);
		transition: opacity .3s ease, visibility .3s ease;
	}
	.navigation.is-open{
		visibility: visible;
		opacity: 1;
	}
	.gNav{
		height: 100%;
		overflow-y: auto;
	}
	.gNavList{
		margin: 0 15px;
	}
	.gNavList_name, a.gNavList_name{
		position: relative;
		cursor: pointer;
		display: flex;
		align-items: center;
		padding: 20px 0;
		height: 100%;
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
		font-family: Arial, Helvetica, "sans-serif";
		text-decoration: none;
	}
	a.gNavList_name{
		display: flex;
	}
	a.gNavList_name .m-ico{
		margin: 0 10px 0 auto;
		font-size: 3.0rem;
		font-weight: normal;
	}
	span.gNavList_name.disable,
	a.gNavList_name.disable{
		pointer-events: none;
		opacity: .3;
	}
	.comingsoon{
		display: none;
	}
	
	span.gNavList_name::before, span.gNavList_name::after  {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		
		content: '';
		display: inline-block;
		width: 20px;
		height: 2px;
		background-color: #fff;
		transition: opacity 1s;
	}
	span.gNavList_name::after {
		transform: translateY(-50%) rotate(90deg);
		transition: transform .4s;
	}
	[aria-subnav="true"] span.gNavList_name::before {
		opacity: 0;
	}
	[aria-subnav="true"] span.gNavList_name::after {
		transform: translateY(-50%) rotate(180deg);
	}	
	
	.gNavChild{
		display: none;
		margin-left: 20px;
	}
	.gNavChildList_item{
		border-top: dashed 1px #fff;
	}	
	.gNavList_item.-about{ border-top: solid 1px #d1232a; }
	.gNavList_item.-artists{ border-top: solid 1px #ff6e0b; }
	/*.gNavList_item.-stages{ border-top: solid 1px #f2ca20; }*/
	.gNavList_item.-stages{ border-top: solid 1px #7da030; }
	.gNavList_item.-gallery{ border-top: solid 1px #0e8c5c; }
	.gNavList_item.-faq{ border-top: solid 1px #659ec4; }
	.gNavList_item.-information{ border-top: solid 1px #ad5dad; }
	

	.gNavList_name-svg{
		position: relative;
		margin-right: 10px;
		width: 30px;
		height: 30px;
		fill: #fff;
	}
	.gNavList_item.-about .gNavList_name-svg{ fill: #d1232a; }
	.gNavList_item.-artists .gNavList_name-svg{ fill: #ff6e0b; }
	/*.gNavList_item.-stages .gNavList_name-svg{ fill: #f2ca20; }*/
	.gNavList_item.-stages .gNavList_name-svg{ fill: #7da030; }
	.gNavList_item.-gallery .gNavList_name-svg{ fill: #0e8c5c; }
	.gNavList_item.-faq .gNavList_name-svg{ fill: #659ec4; }
	.gNavList_item.-information .gNavList_name-svg{ fill: #ad5dad; }
	
	.gNavChild a{
		color: #fff;
	}
	.gNavChildList_item a{
		display: flex;
		align-items: center;
		padding: 20px 0;
	}
	.gNavChildList_item a .m-ico{
		margin: 0 15px 0 auto;
		font-size: 2.0rem;
		font-weight: normal;
		line-height: 1;
	}
	.gNav .footerList{
		margin: 0 15px;
		padding: 20px 0;
		border-top: solid 1px #999;
	}
	.hdBar{
		display: none;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 101;
	}
	.lock .hdBar{
		display: block;
	}
	
}

@media screen and (min-width: 960px){
	.menu{
		display: none;
	}
	.hd{
		display: flex;
		flex-direction: column-reverse;
		position: sticky;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		background: #fff;
		box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	}
	.hdwp{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.snsList{
		display: flex;
	}
	.snsList_item{
		margin-left: 20px;
		width: 25px;
	}
	.hd-ttl{
		margin-top: -40px;
		width: 150px;
	}
	.hd-ttl_logo a:hover{
		opacity: 1;
	}
	.gNavList{
		display: flex;
		justify-content: space-between;
	}
	.gNavList_item{
		position: relative;
		width: 120px;
	}
	.gNavList_name{
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 10px;
		height: 100%;
		text-align: center;
		font-weight: bold;
		font-family: Arial, Helvetica, "sans-serif";
		border-radius: 16px 16px 0 0;
		letter-spacing: -.02em;
		transition: background-color 0.3s ease 0s;
	}
	.gNavList_name .m-ico{
		display: none;
	}
	a.gNavList_name{
		color: #000;
		text-decoration: none;
	}
	a.gNavList_name.-nosubnav{
		border-radius: 16px;
	}
	a.gNavList_name:hover{
		opacity: 1;
	}
	span.gNavList_name.disable,
	a.gNavList_name.disable{
		pointer-events: none;
		opacity: .2;
	}
	.comingsoon{
		position: absolute;
		left: 0;
		top: 20%;
		z-index: 100;
		width: 100%;
		color: #999;
		font-size: 1.4rem;
		font-weight: bold;
		font-family: Arial, Helvetica, "sans-serif";
		letter-spacing: -.02em;
		text-align: center;
	}
	.gNavList_name-svg{
		position: relative;
		margin-bottom: 10px;
		width: 30px;
		height: 30px;
		z-index: 2;
		fill: #000;
	}

	.gNavList_item.-about .gNavList_name-svg{ fill: #d1232a; }
	.gNavList_item.-artists .gNavList_name-svg{ fill: #ff6e0b; }
	/*.gNavList_item.-stages .gNavList_name-svg{ fill: #f2ca20; }*/
	.gNavList_item.-stages .gNavList_name-svg{ fill: #7da030; }
	.gNavList_item.-goods .gNavList_name-svg{ fill: #0e8c5c; }
	.gNavList_item.-gallery .gNavList_name-svg{ fill: #659ec4; }
	.gNavList_item.-faq .gNavList_name-svg{ fill: #41376d; }
	.gNavList_item.-information .gNavList_name-svg{ fill: #ad5dad; }

	.gNavList_name em{
		display: flex;
		flex-direction: column;
		font-size: 1.4rem;
		font-family: 'Jockey One', sans-serif;
	}
	.gNavList_name em:before{
		content: attr(data-en);
		font-size: 1.8rem;
		font-weight: bold;
	}
	.gNavChild{
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 1;
		visibility: hidden;
		opacity: 0;
		padding: 20px;
		width: 300px;
		border-top-right-radius: 16px;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
		background-color: #b40f0f;
		transition: transform 0.3s ease 0s;
		transform-origin: center top;
		transform: scaleY(0);	
	}
	.gNavList_item.-information .gNavChild{
		left: inherit;
		right: 0;
		border-top-right-radius: 0;
		border-top-left-radius: 16px;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}
	
	.gNavList_item.-about .gNavChild{ background-color: #d1232a; }
	.gNavList_item.-artists .gNavChild{ background-color: #ff6e0b; }
	/*.gNavList_item.-stages .gNavChild{ background-color: #f2ca20; }*/
	.gNavList_item.-stages .gNavChild{ background-color: #7da030; }
	.gNavList_item.-gallery .gNavChild{ background-color: #659ec4; }
	.gNavList_item.-faq .gNavChild{ background-color: #41376d; }
	.gNavList_item.-information .gNavChild{ background-color: #ad5dad; }

	.gNavList_item[aria-subnav=true] .gNavList_name{ color: #fff; }
	.gNavList_item a.gNavList_name:hover{ color: #fff; }
	.gNavList_item[aria-subnav=true] .gNavList_name-svg, .gNavList_item .gNavList_name:hover .gNavList_name-svg{ fill: #fff; }

	.gNavList_item[aria-subnav=true].-about .gNavList_name{ background-color: #d1232a; }
	.gNavList_item[aria-subnav=true].-artists .gNavList_name{ background-color: #ff6e0b; }
	/*.gNavList_item[aria-subnav=true].-stages .gNavList_name{ background-color: #f2ca20; }*/
	.gNavList_item[aria-subnav=true].-stages .gNavList_name:hover{ background-color: #7da030; }
	.gNavList_item.-gallery .gNavList_name:hover{ background-color: #659ec4; }
	.gNavList_item.-faq .gNavList_name:hover{ background-color: #41376d; }
	.gNavList_item[aria-subnav=true].-information .gNavList_name{ background-color: #ad5dad; }

	.gNavChild a{
		color: #fff;
	}
	.gNavList_item[aria-subnav=true] .gNavChild{
		visibility: visible;
		opacity: 1;
		transform: scaleY(1);
	}
	.gNavChildList_item a{
		display: block;
		padding: 10px 0;
	}
	.gNavChildList_item a .m-ico{
		display: none;
	}
	.gNav .footerList{
		display: none;
	}
}


.hdBar{
	width: 100%;
	color: #fff;
	text-align: center;
}
.hdBarwp{
	display: flex;
	flex-direction: column-reverse;
	padding: 10px 0;
}
.hdBar_txt{
	margin-top: 10px;
	font-size: 1.3rem;
}
.snsList{
	display: flex;
	justify-content: center;
}
.snsList_item{
	margin-left: 20px;
	width: 25px;
}


@media screen and (min-width: 960px){
	.hdBar{
		color: #fff;
		background: #000;
	}
	.hdBarwp{
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 8px 0 8px 150px;
	}
	.hdBar_txt{
		margin-top: 0;
		font-size: 1.4rem;
	}
	.snsList{
		display: flex;
	}
	.snsList_item{
		margin-left: 20px;
		width: 25px;
	}
}





/* ===================================================================================================
   コンテンツレイアウト
 =================================================================================================== */
.contents{
	display: flex;
	flex-direction: column;
}
.sectwp{
	margin-top: 24px;
}
.sect, .sect-wide{
	padding: 30px 0;
}
.sect-sub{
	margin-top: 30px;
}
@media screen and (max-width: 959px){
	div:not(.-top) .contents{
		padding-top: 30px;
	}
}
@media screen and (min-width: 960px) {
	.sectwp{
		margin-top: 32px;
	}
	.sect{
		padding: 80px 0;
	}
	.sect-wide{
		padding: 0;
	}
	.sect-sub{
		margin-top: 80px;
	}
}

/* 見出し */
.ttl{
	display: flex;
	flex-direction: column;
	line-height: 1;
	font-weight: bold;
}
.ttl.-noen{
	font-size: 2.2rem;
	font-family: 'NotoSerif', serif;
}

.ttl:before{
	margin-bottom: 10px;
	content: attr(data-en)"";
	font-size: 3.0rem;
}
@media screen and (min-width: 960px) {
	.ttl:before{
		margin-bottom: 15px;
		font-size: 4.0rem;
	}
	.ttl.-noen{
		font-size: 4.0rem;
	}
}

/* TEL */
@media screen and (min-width: 960px) {
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
		color: #352f25;
		text-decoration: none;
	}
}

/* リストマーク */
.list-dot > li{
	position: relative;
	padding-left: 1.2em;
}
.list-dot > li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "・";
}
.list-num > li{
	position: relative;
	padding-left: 1.2em;
	counter-increment: cnt;
}
.list-num > li:before{
	position: absolute;
	left: -5px;
	content: counter(cnt)"）";
	display: inline-block;
}

/* リストマーク */
ul.kome > li, p.kome{
	display: flex;
	font-size: 1.2rem;
}
ul.kome > li:before,
p.kome:before{
	content: "※";
	padding-right: .2em;
}
@media screen and (min-width: 960px) {
	ul.kome > li, p.kome{
		font-size: 1.4rem;
	}
}

.pageTxt{
	margin-top: 32px;
}
@media screen and (min-width: 960px){
	.pageTxt{
		margin-top: 40px;
	}
}


/*  ads
-----------------------------------------------------------*/
.ads{
	margin-top: 30px;
}

/*  footer ads
-----------------------------------------------------------*/
.fads{
	margin-top: 40px;
}
@media screen and (min-width: 960px){
	.fads{
		margin-top: 80px;
	}
}

.wrapper:not(.-top) .fads{
	margin-top: 50px;
}
.wrapper:not(.-top) .fads .inner{
	padding-top: 50px;
	border-top: double 3px #ccc;
}
.fadsBox{
	margin: 0 auto;
	max-width: 800px;
}

@media screen and (min-width: 960px){
	.wrapper:not(.-top) .fads{
		margin-top: 80px;
	}
	.wrapper:not(.-top) .fads .inner{
		padding-top: 80px;
	}
}


/*  footer
-----------------------------------------------------------*/
.footer{
	padding: 30px 10px;
	color: #fff;
	text-align: center;
	background: #000;
}
.wrapper:not(.-top) .footer{
	margin-top: 50px;
}
.footerList{
	display: flex;
	justify-content: center;
}
.footerList_item{
	line-height: 1;
}
.footerList_item:not(:first-child){
	margin-left: 20px;
	padding-left: 20px;
	border-left: solid 1px #fff;
}
.footerList_item a{
	color: #fff;
}

.f-copy{
	margin-top: 16px;
	font-size: 1.4rem;
}
.f-subsidy{
	margin-top: 16px;
	font-size: 1.2rem;
}

@media screen and (min-width: 960px){
	.footer{
		margin-top: 80px;
	}
	.wrapper:not(.-top) .footer{
		margin-top: 80px;
	}	
}



/*  Coming Soon
============================================================================= */
.coming{
	margin: 50px 10px;
	text-align: center;
	font-size: 2.0rem;
}
.coming span{
	display: inline-block;
	padding: 10px 20px;
	border: solid 1px #352f25;
}

@media screen and (min-width: 960px){
	.coming{
		margin: 100px 10px;
		text-align: center;
		font-size: 3.0rem;
	}
}

/*  Modal
============================================================================= */
@media screen and (max-width: 959px){
	html.lock, body.lock{
		height: calc(var(--window-inner-height) - 1px);
		overflow: hidden;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 960px){
	body.lock {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		overflow-y: scroll;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

.md{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.mdcont{
	position: relative;
	display: none;
	margin: 0 20px;
	width: 100%;
	max-width: 1000px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-50px);
	transition: opacity 0.5s, transform 0.5s;
}
.mdcont-inner{
	max-height: calc((var(--vh, 1vh) * 80) - 30px);
	overflow-y: auto;
}

.md-close{
	cursor: pointer;
	position: absolute;
	left: calc(100% - 15px);
	bottom: calc(100% - 15px);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 1.6rem;
	border-radius: 50vw;
	background: #352f25;
	transition: background 0.2s ease;
}
.md-overlay{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
	visibility: hidden;
    opacity: 1;
    transition: opacity 0.5s;
}

@media screen and (min-width: 960px){
	.md-close{
		left: calc(100% - 25px);
		bottom: calc(100% - 25px);
		width: 50px;
		height: 50px;
		font-size: 2.0rem;
	}
	.md-close:hover{
		background: #484135;
	}

	
}

.is-show{
	display: block;
}
.is-fade{
	opacity: 1;
	visibility: visible;
}
.is-fadeout{
	opacity: 0;
}

.md.is-show{
	display: flex;
}
.mdcont.is-fade{
	transform: translateY(0);
}
.mdcont.is-fadeout{
	transform: translateY(-50px);
}

/* クラフトビール説明 */
.tapmarchebeer{
	padding: 10px;
	background: url(/2024/_images/tapmarche_bg.png) repeat;
}
.tapmarchebeer-wrap{
	display: flex;
	flex-direction: column-reverse;
	padding: 10px;
	background: #fffded;
}
.tapmarchebeer-body{
	margin-top: 20px;
}
.tapmarchebeer-ttl{
	margin-bottom: 20px;
	padding: 20px 10px;
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	border-top: solid 2px #352f25;
	border-bottom: solid 2px #352f25;
}
.tapmarchebeer-photo figure{
	margin: 0 auto;
	width: 60%;
}
.tapmarchebeer-photo img{
	width: 100%;
	height: auto;
}
.tapmarchebeer-info dt{
	font-weight: bold;
}
.tapmarchebeer-info dd{
	margin-top: 10px;
}

.tapmarchebeer-info p{
	margin-top: 15px;
	padding-top: 15px;
	line-height: 2.0;
	border-top: dotted 1px #352f25;
}

.tapmarchebeer-radarchart{
	margin-top: 20px;
	text-align: center;
}

/* 画像のみ */
.mdcont.-images{
	max-width: 600px;
}
.mdcont.-images figure{
	width: 100%;
	height: 0;
	padding-top: 100%;
}
.mdcont.-images img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	vertical-align: bottom;
}


@media screen and (min-width: 960px){
	.tapmarchebeer{
		padding: 20px;
		background: url(/2024/_images/tapmarche_bg.png) repeat;
	}
	.tapmarchebeer-wrap{
		justify-content: space-between;
		flex-direction: row-reverse;
		padding: 25px;
	}
	.tapmarchebeer-body{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: flex-start;
		margin: 0;
		padding: 10px 0;
		width: 69%;
	}
	.tapmarchebeer-ttl{
		margin-bottom: 30px;
		padding: 20px 10px;
		font-size: 3.0rem;
	}
	.tapmarchebeer-photo{
		width: 30%;
	}
	.tapmarchebeer-photo figure{
		width: 100%;
	}
	.tapmarchebeer-info{
		width: 60%;
	}
	.tapmarchebeer-radarchart{
		margin-top: 0;
		width: 35%;
	}
}



/* ===================================================================================================
   PAGE
 =================================================================================================== */

/*  MV PAGE
======================================= */
.mvPage{
	position: relative;
	min-height: 180px;
    background: linear-gradient(100deg, #1bccc6 0%, #f2d616 100%);
}
.mvPage .breadcrumbs{
	position: relative;
	z-index: 1;
}
.mvPage_ttlBlock{
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.ttlPage{
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1;
}
.ttlPage:before{
	position: absolute;
	left: 50%;
	bottom: calc(100% - 16px);
	transform: translate(-50%, 0);
	z-index: -1;
	content: attr(data-en);
	font-size: 3.5rem;
	font-weight: 900;
	color: #fff;
	opacity: .3;
	white-space: nowrap
}
.ttlPage span{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}
.ttlPage-svg{
	margin-right: 10px;
    width: 30px;
    height: 30px;
}
@media screen and (min-width: 960px) {
	.mvPage{
		min-height: 300px;
	}
	.ttlPage{
		font-size: 4.0rem;
	}
	.ttlPage:before{
		font-size: 12.0rem;
		bottom: inherit;
		top: calc(50% - 0.05em);
		transform: translate(-50%, -50%);
	}
	.ttlPage-svg{
		width: 50px;
		height: 50px;
	}
}



/*  Slider
============================================================================= */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;height:100%}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{position:absolute;top:50%;display:block;font-size:0;padding:0;cursor:pointer;border:none;outline:none;z-index:2;background:none}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-size:3rem;line-height:1;opacity:.75;color:#3d2502;font-family:'Material Icons Round'}.slick-prev{left:-50px}.slick-next{right:-50px}.slick-prev:before{content:"\e5e0"}.slick-next:before{content:"\e5e1"}.slick-dotted.slick-slider{padding-bottom:50px}.slick-dots{position:absolute;bottom:15px;display:flex;justify-content:center;width:100%}.slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-size:1rem;line-height:20px;position:absolute;top:0;left:0;content:'●';font-family:Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-dots>li:first-child:last-child{display:none}