@charset "UTF-8";


img {
	max-width:100%;
	height: auto;/*高さ自動*/
}
a {
    display:block;
    color: var(--link-color);
    text-decoration-line: none;
}
a:hover { 
    color: var(--linkhover-color);
}


.goshic {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


.mincho {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/*背景
-------------------------------------*/
html {
    height: 100%;
    background: url("../img/mainbg.jpg") no-repeat center top #005426 fixed;
}

/*header
-------------------------------------*/
.header {
	text-align: center;
	padding:2em;
}
.header .icon {
	margin: 10px 0 20px auto;
	max-width: 65px;
}
.header .banner {
	margin: auto;
	max-width: 800px;
}
.header .icon img,
.header .banner img {
	width:100%;
	height: auto;
	transition: all 0.5s 0s ease;
}
.header .icon img:hover,
.header .banner img:hover {
	opacity: 0.8;
}
/*メインコンテンツ
-------------------------------------*/
.main {
	width:100%;
	padding: 0 2em 3em;
}
.catch {
	margin-bottom: 40px;
}
.catch h2 {
	font-size: 36px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
	text-align: center;
}
.visual {
	text-align: center;
}
.visual h1 {
	max-width: 800px;
	margin: auto;
}

.artbox {
	display: flex;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 40px auto;
	gap: 0px 0px;
}
.artbox .artist {
	width: 33.3%;
	margin: 0 0 -6px 0;
}
.artbox .artist img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.songlist {
	margin: 5em auto;
	text-align: center;
}
.songlist h3 {
	font-size: 18px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
}
.songlist ul {
	margin: 10px auto;
}
.songlist li {
	font-feature-settings: "palt";
	font-size: 16px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	line-height: 1.6;
	font-weight: 700;
	list-style-type: none;
}
.songlist li strong {
	font-size: 2.0em;
	font-weight: 700;
}

.gaiyou {
	text-align: center;
	margin-bottom: 30px;
}
.schedule {
	font-size: 54px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
	font-feature-settings: "palt";
	line-height: 1.1;
	margin-bottom: 0.15em;
}
.timeq {
	font-size: 20px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
	font-feature-settings: "palt";
}
.smlfnt {
	font-size: 0.6em;
	font-feature-settings: "palt";
}
.smlfnt08 {
	font-size: 0.8em;
	font-feature-settings: "palt";
}
.spon {
	display:none;
}

.ticket {
	margin:4em auto 4em;
}
.ticket dl {
  font-family: "Noto Serif JP", serif;
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items:baseline;
	margin-bottom: 0.2em;
}
.ticket dl dt {
	font-size: 18px;
	padding-right: 0.5em;
	min-width:7em;
}
.ticket dl dd {
	font-size: 26px;
}

.credit dl {
  font-family: "Noto Sans JP", sans-serif;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items:baseline;
}
.credit dl dt {
	font-size: 16px;
	padding-right: 0.5em;
}
.credit dl dd {
	font-size: 16px;
	font-weight: 600;
}
.cdsale {
	margin: 30px auto;
}
.jkt {
	width: 100%;
	display: flex;
	justify-content: center;
  align-items: center;
	gap:20px;
}
.jkt img {
	width:150px;
	height: auto;
}

.jkt p {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
	font-feature-settings: "palt";
	color: #FFEEA0;
	font-size: 30px;
	font-weight: 600;
	display: block;
	text-indent:0.5em;
}

.ticketlink {
	text-align: center;
	padding:0 2em 3em 2em;
}
.ticketlink .banner {
	margin: auto;
	max-width: 800px;
}
.ticketlink .banner img {
	width:100%;
	height: auto;
	transition: all 0.5s 0s ease;
}
.ticketlink .banner img:hover {
	opacity: 0.8;
}

/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){
html {
    height: 100%;
    background: none;
}
	.bg-wrapper::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
		background:#005426;
	background-repeat:no-repeat;
	background-size:280%;
	background-image:url(../img/mainbg.jpg);
		background-position: center top;
	}
/*header
-------------------------------------*/
.header {
	text-align: center;
	padding:2em 1em;
}
/*メインコンテンツ
-------------------------------------*/
.main {
	width:100%;
	padding: 0 0.7em 3em;
}
.catch {
	margin-bottom: 40px;
}
.catch h2 {
	font-size: 24px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
	text-align: center;
}
.visual {
	text-align: center;
}
.visual h1 {
	max-width: 800px;
	margin: auto;
}

.artbox {
	display: flex;
	flex-wrap: wrap;
	max-width: 800px;
	margin: 40px auto;
	gap: 0px 0px;
}
.artbox .artist {
	width: 50%;
	margin: 0 0 -6px 0;
}
.artbox .artist img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.songlist li {
	font-feature-settings: "palt";
	font-size: 14px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	line-height: 1.6;
	font-weight: 700;
	list-style-type: none;
}
.songlist li strong {
	font-size: 1.6em;
	font-weight: 700;
}
.spoff {
	display:none;
}
.gaiyou {
	text-align: center;
	margin-bottom: 30px;
}
.schedule {
	font-size: 24px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
	font-feature-settings: "palt";
}
.timeq {
	font-size: 17px;
	color: #ffffff;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
	font-feature-settings: "palt";
}
.smlfnt {
	font-size: 0.6em;
	font-feature-settings: "palt";
}
.smlfnt08 {
	font-size: 0.8em;
	font-feature-settings: "palt";
}
.ticket {
	margin:4em auto 2em;
}
.ticket dl {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	display: flex;
	justify-content:center;
	align-items:baseline;
	margin-bottom: 1em;
}
.ticket dl dt {
	font-size: 14px;
	padding-right: 0.5em;
	min-width:7em;
}
.ticket dl dd {
	text-align: left;
	font-size: 18px;
}

.credit dl {
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	display: block;
	justify-content: center;
	align-items:baseline;
	margin-bottom: 10px;
}
.credit dl dt {
	font-size: 13px;
	padding-right: 0.5em;
}
.credit dl dd {
	font-size: 13px;
	font-weight: 400;
}
.jkt {
	width: 100%;
	display: block;
	text-align: center;
}
.jkt img {
	width:150px;
	height: auto;
	margin: 20px auto;
}

.jkt p {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
	font-feature-settings: "palt";
	color: #FFEEA0;
	font-size: 20px;
	font-weight: 600;
	display: block;
	text-align: center;
}
	.spon {
		display:inline-block;
	}
}