/*====================================================
////id common
====================================================*/
@font-face {
  font-family: 'lucida_calligraphy';
	src: url('lucida_calligraphy.woff2') format('woff2');
}
:root {
	--white: #fff5d7;
	--white: #fff7e2;
	--black: #110c0a;
	--red: #a00e13;
	--navy: #04447c;
	--purple: #843779;
}

body {
	position: relative;
	width: 100%;
	max-width: 100vw;
	height: auto;
	overflow-x: hidden;
}
body.login {
  background-color: transparent;
}
#contents, #login_contents {
	color: var(--black);
	font-family: 'Lato', 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", "YuGothic Medium", "游ゴシック体 Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	position: relative;
}
#contents::before {
	background: url('../img/bg.webp') no-repeat top center / cover;
	content: '';
	display: block;
	margin: auto;
	position: fixed;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.innerBox{
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
	position: relative;
	width: 94%;
	z-index: 2;
}
@media screen and (max-width: 769px) {
  .innerBox{
    padding: 60px 0;
  }
}

.pb-0 {
  padding-bottom: 0;
}
.block {display: block;}
.inb {display: inline-block;}
.relative { position: relative; z-index: 1;}
.flexBox {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.flexCenter {
	align-items: center;
	justify-content: center;
}
.flexStart {
	justify-content: flex-start;
}
.flexEnd {
	justify-content: flex-end;
}
.flexWrap {
	flex-wrap: wrap;
}
.flexColumn {
	flex-direction: column;
}
.flex-1 {
	flex: 1;
}
.gridBox {
  display: grid;
}
#contents section {
  position: relative;
  z-index: 1;
}
.bgBox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bgBox img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.decoBox {
	margin: auto;
	position: absolute;
}

img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: inherit;
}

figure {
	position: relative;
}
figure img {
	position: relative;
}
figure.coverImg {
	overflow: hidden;
	padding-top: 55%;
	width: 100%;
}
figure.coverImg.h100 {
	padding-top: 0;
	height: 100%;
}
figure.coverImg img {
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
}

.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}

small, .small {
	font-size: .8em;
}
big, .big {
	font-size: 1.2em;
}
.fw-light {
	font-weight: 300;
}
.fw-normal {
	font-weight: normal;
}
.fw-bold {
	font-weight: 700;
}

.fs-italic {
	font-style: italic;
}

.f-serif {
	font-family: 'Noto Serif JP', "游明朝 Medium", "YuMincho Medium", "游明朝体 Medium", "Hiragino Mincho ProN", "MS PMincho", serif;
	line-height: 1.4;
}
.f-en {
	font-family: 'lucida_calligraphy';
}

h1, h1, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.5;
}
p:not(p:last-child) {
  margin-bottom: .8em;
}

.sa {
	opacity: 0;
	transition: all 1.2s ease;
}
.sa.show {
	opacity: 1;
	transform: none;
}
.sa-lr {
	transform: translate(-60px, 0);
}
.sa-rl {
	transform: translate(60px, 0);
}
.sa-up {
	transform: translate(0, 60px);
}
.sa-down {
	transform: translate(0, -60px);
}
.sa-scaleUp {
	transform: scale(.7);
}
.sa-scaleDown {
	transform: scale(1.5);
}
.sa-rotateL {
	transform: rotate(180deg);
}
.sa-rotateR {
	transform: rotate(-180deg);
}

.sa.slideShow {
	opacity: 1;
	position: relative;
	z-index: 1;
}
.sa.slideShow:before {
	background: #d9eef4;
	content: '';
	position: absolute;
		top: 0;
		left: 0;
		right: auto;
	transition: .5s ease-in-out;
	width: 0;
	height: 100%;
	z-index: 10;
}
.sa.slideShow.show:before {
	-webkit-animation: anim-slide 1.4s ease-in-out forwards;
	        animation: anim-slide 1.4s ease-in-out forwards;
	-webkit-animation-delay: .4s;
	        animation-delay: .4s;
}
@-webkit-keyframes anim-slide {
	0%   {}
	45%  { width: 100%; left: 0; right: 0;}
	70% { width: 100%; left: auto; right: 0; }
	100% { width: 0; left: auto; right: 0; }
}
@keyframes anim-slide {
	0%   {}
	45%  { width: 100%; left: 0; right: 0;}
	70% { width: 100%; left: auto; right: 0; }
	100% { width: 0; left: auto; right: 0; }
}

.sa.slideShow img,
.sa.slideShow > .box-inner {
	opacity: 0;
}
.sa.slideShow.show img ,
.sa.slideShow.show > .box-inner {
	opacity: 1;
	transition-delay: 1.1s;
}
.delay-01 {
	transition-delay: .1s;
}
.delay-02 {
	transition-delay: .2s;
}
.delay-03 {
	transition-delay: .3s;
}
.delay-04 {
	transition-delay: .4s;
}

.headBox.jp_en {
	letter-spacing: .08em;
  margin-bottom: 40px;
}
.headBox.jp_en .en {
  /* color: #575454; */
  margin-bottom: 5px;
  padding: 5px;
  position: relative;
}
.red {
  color: #d5002d;
}
.d_red {
  color: #8e2138;
}
ul.attentionMark li {
	position: relative;
	padding-left: 1.2em;
	line-height: 1.5;
	margin: .3em 0;
}
ul.attentionMark li:before {
	content: '\203B';
	display: block;
	position: absolute;
		left: 0;
		top: 0;
}
ul.dotMark li {
	position: relative;
	padding-left: 1.2em;
	line-height: 1.5;
	margin: .3em 0;
}
ul.dotMark li:before {
	background: currentColor;
	border-radius: 100%;
	content: '';
	display: block;
	margin: auto;
	position: absolute;
		left: .3em;
		top: .5em;
	width: .3em;
	height: .3em;
}
.linkBtn {
  background: #d70146;
  border: 1px solid #d70146;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 50px;
  margin: 0;
  padding: 0 1% 0 0;
  position: relative;
  text-align: center;
	text-decoration: none;
  width: 100%;
    max-width: 600px;
  height: 50px;
}
.linkBtn:hover {
  background: #d70146;
  filter: brightness(1.2);
}
.linkBtn:after {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  margin: auto;
  position: absolute;
    top: 0;
    right: 20%;
    bottom: 0;
  transform: rotate(-45deg);
  width: 10px;
  height: 10px;
}

.hidden {
	display: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1000px) {
	#eventPage {
		padding-top: 60px;
  }
  .headBox.jp_en .jp {
    font-size: 2.7rem;
  }
  .headBox.jp_en .en {
    font-size: 1.6rem;
  }
}

@media screen and (max-width:769px) {
	.hidden-mob {
		display: none;
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 1000px) {
  body {
    padding-top: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .headBox.jp_en .jp {
    font-size: 3.4rem;
  }
  .headBox.jp_en .en {
    font-size: 2.0rem;
  }
	.hidden-pc {
		display: none;
	}


}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
	.display-tab {
		display: block;
	}
}

@media screen and (min-width:1300px) {
}

.bread {
	background: #fff;
}
/*====================================================
     //id title
====================================================*/
#title {
	color: var(--white);
	overflow: hidden;
}
#title::before {
  background: linear-gradient(rgba(17, 12, 10, 1) 70%, rgba(17, 12, 10, 0) 100%);
  content: '';
  display: block;
  margin: auto;
  position: absolute;
    top: 0;
    left: 0;
  width: 100%;
  height: 180px;
}
#title::after {
  background: linear-gradient(rgba(17, 12, 10, 0),  rgba(17, 12, 10, .4) 30%);
  content: '';
  display: block;
  margin: auto;
  position: absolute;
    bottom: 0;
    left: 0;
  width: 100%;
  height: 50%;
}
#title .innerBox {
  display: grid;
    place-items: center;
	padding: 30px 0 0;
  max-width: 1400px;
}
.title_sub {
	background: url('../img/title_deco.svg') no-repeat top center / contain;
	background-size: auto 1.4em;
	font-weight: 400;
	line-height: 1.1;
	margin: auto;
	text-shadow: .06em .06em 0 var(--black);
	position: relative;
	width: 80%;
    max-width: 1000px;
}
.title_sub .box-inner {
	display: inline-block;
	margin: 1.6em 0 .5em;
	position: relative;
}
#title .imgBox img {
  margin: auto;
  width: min(100%, 750px);
}
#title .imgBox figcaption {
	font-size: 10px;
	position: absolute;
    right: 0;
		bottom: 120px;
}
#title .headBox {
	position: relative;
}
#title .title_en {
	margin: 0;
}
#title h1 {
  display: grid;
	font-weight: 300;
	line-height: 1.2;
  margin: -4em 0 0;
  text-shadow: 0 0 1px #fff5d7, 0 0 1px #fff5d7, 0 0 1px #fff5d7, 0 0 .3em #220109, 0 0 .3em #220109, 0 0 .5em #220109;
}
#title h1 .ampersand {
  padding: 0 .1em;
}
#title .program_title {
	font-weight: 300;
	line-height: 1.2;
  margin-top: .4em;
  text-shadow: 0 0 1px #fff5d7, 0 0 1px #fff5d7, 0 0 1px #fff5d7, 0 0 .3em #220109, 0 0 .3em #220109, 0 0 .5em #220109;
}
#title .dateBox {
  align-items: baseline;
	font-weight: bold;
  grid-gap: 0 .5em;
	letter-spacing: .02em;
	line-height: 1.3;
  padding-bottom: 1em;
  text-shadow: 0 0 .3em #220109, 0 0 .3em #220109, 0 0 .5em #220109;
}
#title .date {
	position: relative;
}
#title .dateBox {
	margin-top: 50px;
}
#title .dateBox big {
	font-size: 1.6em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
  .title_sub {
    font-size: 3vw;
	}
	.title_sub .box-inner {
	}
	#title .innerBox {
    width: 100%;
	}
	.title_sub .box-inner {
	}
	#title h1 {
		line-height: 1.3;
	}
  #title .title_en {
		font-size: 3.2vw;
	}
	#title h1 .main_text {
    display: block;
    font-size: 13vw;
	}
	#title h1 .sub_text {
    font-size: 8vw;
    letter-spacing: -.05em
	}
	#title .program_title {
		font-size: 4vw;
	}
  #title .imgBox .coverImg {
  	padding-top: 160%;
  }
	#title .dateBox {
		font-size: 3rem;
		margin: 1em auto 0;
    width: 94%;
	}
}

@media screen and (max-width:540px) {
  .title_sub {
    font-size: 4vw;
	}
  #title .dateBox {
    font-size: 7vw;
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
  .title_sub {
    font-size: 30px;
	}
	.title_sub .box-inner {
	}
	#title .txtBox {
	}
	.title_sub .box-inner {
		font-size: 30px;
	}
	#title h1 {
		line-height: 1.3;
	}
  #title .title_en {
		font-size: 2.8vw;
	}
	#title h1 .main_text {
    display: block;
    font-size: 11rem;
	}
	#title h1 .sub_text {
    font-size: 7rem;
	}
	#title .program_title {
		font-size: 6rem;
	}
	#title .dateBox {
    font-size: 4rem;
    margin: 1em auto 0;
    width: 94%;
	}
}


/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
  #title .innerBox {
    width: 100%;
  }
  #title h1 .main_text {
    font-size: 13vw;
	}
	#title h1 .sub_text {
    font-size: 8vw;
	}
}

@media screen and (min-width:1300px) {
  #title .title_en {
		font-size: 3.6rem;
	}
}

/*====================================================
////id program
====================================================*/
#program {
  background: rgba(17, 12, 10, .4);
}
#program .innerBox {
  padding-top: 40px;
}
#program .whiteBox {
	background: rgba(0, 0, 0, .8);
  color: var(--white);
	padding: 60px 40px 70px;
	position: relative;
}
#program h2 {
  font-weight: 400;
  margin-bottom: .8em;
	padding: 0 .3em;
	position: relative;
}
#program h2::before,
#program h2::after {
	background: url('../img/program_deco.svg') no-repeat center / contain;
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
		bottom: 0;
	width: 1.8em;
	height: 100%;
}
#program h2::before {
	right: 100%;
}
#program h2::after {
	left: 100%;
	transform: scale(-1, 1);
}
#program .itemBox {
  grid-gap: 1.7em;
}
#program .item ul {
  grid-gap: .8em;
}
#program .item li {
  grid-gap: .2em;
}
#program .item .en {
	font-size: .7em;
}
#program .attentionBox {
  font-size: 10px;
	margin: auto;
	position: absolute;
		bottom: .5em;
		right: 1em
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#program h2 {
		font-size: 2.8rem;
	}
	#program .whiteBox {
		padding: 2em 1em 5em;
	}
	#program h3 {
		font-size: 2.0rem;
	}
	#program h3 .en {
		display: block;
	}
  #program .itemBox {
		font-size: 1.1em;
	}
  #program .item .player {
    font-size: 1em
  }
  #program .item .player p {
    padding: 0 2em;
  }
  #program .item .player p::before,
  #program .item .player p::after {
    width: 1.5em;
  }
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#program h2 {
		font-size: 4.0rem;
	}
	#program h3 {
		font-size: 2.4rem;
	}
	#program h3 .en {
		display: block;
	}
  #program .itemBox {
		font-size: 1.7rem;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1300px) {
  #program .itemBox {
		font-size: 2.0rem;
	}
}

/*====================================================
     //id information
====================================================*/
#information {
  background: rgba(17, 12, 10, .85);
  color: var(--white);
	overflow: hidden;
}
#information .innerBox {
	padding-top: 0;
}
#information .howtoBox:before {
    transform: rotate(180deg);
}
#information h4 {
	color: #120300;
  color: var(--white);
	font-weight: bold;
	margin-bottom: 30px;
	padding: 20px 0;
	position: relative;
	z-index: 10;
}
#information h4:before {
	/* background: linear-gradient(to bottom,#fce3cd 25% ,#e29998 80%); */
	background: rgba(134, 19, 58, 0.9);
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
		left: -50vw;
	width: 200vw;
	height: 100%;
	z-index: -1;
}
#information .ticket-item-wrapper {
  display: grid;
}
#information dl.ticket-inner {
  display: grid;
    align-items: center;
    gap: .35em 1em;
    grid-template-columns: subgrid;
	padding: .7em 1.5%;
	border-bottom: dotted 1px;
	border-color: var(--white);
  font-size: min(3.7vw, 2.2rem);
  line-height: 1.4;
}
#information dd.members,
#information dd.general {
  white-space: nowrap;
}
#information dd.flexBox {
	align-items: center;
  grid-gap: .5em;
	justify-content: flex-start;
}
#information .saleMark {
  align-items: center;
  position: relative;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	line-height: 1.0;
/*	border: solid 1px;*/
	/* margin-right: .5em; */
}
#information.before_sale .ticket-inner .saleMark,
#information .saleMark.sale {
	/* background: url(../img/saleMark-sale.png) no-repeat; */
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23f54242" d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>') no-repeat center / contain;
	background-size: contain;
}
#information .saleMark.smallstock {
	/* background: url(../img/saleMark-smallstock.png) no-repeat; */
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23abb5d8" d="M12,2L1,21H23M12,6L19.53,19H4.47" /></svg>') no-repeat center / contain;
	background-size: contain;
}
#information.after_sale .ticket-inner .saleMark,
#information .saleMark.soldout {
	/* background: url(../img/saleMark-soldout.png) no-repeat; */
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23ffffff" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>') no-repeat center / contain;
	background-size: contain;
}

#information .saleMark span {
	flex: 1;
	font-size: 1.0rem;
	padding-top: .2em;
}
#information.before_sale .ticket-inner .saleMark span ,
#information.after_sale .ticket-inner .saleMark span {
  display: none;
}
#information dl.ticket-inner dt {
	font-weight: bold;
}
#information dl.ticket-inner dd.attention {
	line-height: 1.4;
  padding-left: 1em;
}
#information .ticketInfo {
	justify-content: flex-start;
	align-items: center;
	margin: .5em 1.5%;
	flex-wrap: wrap;
}
#information .ticketInfo ul {
	font-size: .8em;
	/* margin: .5em 0; */
	align-items: center;
	justify-content: flex-start;
}
#information .ticketInfo ul li {
	margin-right: 1.2em;
}
#information .ticketInfo ul li.flexBox {
  align-items: center;
}
#information .ticketInfo ul li img {
	height: 1.2em;
	width: auto;
	display: inline-block;
	vertical-align: text-top
}
#information .ticketInfo .markList {
	font-size: .8em;
  margin-top: 1em;
	width: 100%;
}
#information .memberInfo {
	font-size: .9em;
	margin: 2em 1.5% 0;
}
#information .memberInfo dt {
	border: none;
  background: rgba(142, 85, 105, 0.9);
  font-size: 1.2em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: .4em;
}
#information .memberInfo dd {
}
a.arrow_link {
	padding-left: 1.2em;
	position: relative;
}
a.arrow_link::before {
	border: solid transparent;
	border-left-color: #d70146;
	border-width: .4em 0 .4em .6em;
	content: '';
	margin: auto;
	position: absolute;
		top: .2em;
		left: 0;
	width: 0;
	height: 0;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#information h4 {
		font-size: 2.2rem;
	}
	#information .link-inner.member {

	}
	#information .link-inner .txtBox {
	}
  #information .ticket-item-wrapper {
    grid-template-columns: auto 1fr;
  }
  #information dl.ticket-inner {
    font-size: min(4.5vw, 2.2rem);
    grid-column: span 2;
  }
	#information dl.ticket-inner dt {
    font-size: 1.2em;
    grid-column: span 2;
	}
	#information dl.ticket-inner dd {
	}
	#information dl.ticket-inner dd.attention {
		font-size: .8em;
    grid-column: span 2;
    padding-left: 0;
	}

	#information .ticketInfo ul {
		flex-wrap: wrap;
	}
}

@media screen and (min-width:480px) and (max-width:769px) {
	#information dl.ticket-inner dd {
	}
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
	#information h4 {
		font-size: 3rem;
	}
  #information .ticket-item-wrapper {
    grid-template-columns: auto auto 1fr;
  }
  #information dl.ticket-inner {
    grid-column: span 3;
  }
	#information dl.ticket-inner dt {
    grid-row: 1 / 3;
    min-width: 11em;
	}
	#information dl.ticket-inner dd {
	}
	#information dl.ticket-inner dd.attention {
		font-size: .8em;
    grid-column: span 2;
    padding-left: 0;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
	#information .ticketInfo {
		display: block;
	}
}


@media screen and (min-width:1200px) {
  #information .ticket-item-wrapper {
    grid-template-columns: auto auto auto 1fr;
  }
  #information dl.ticket-inner {
    grid-column: span 4;
  }
	#information dl.ticket-inner dt {
    grid-row: 1;
  }
	#information dl.ticket-inner dd.attention {
    grid-column: span 1;
  }
}



/*====================================================
     //class .howtoBox
====================================================*/
.howtoBox .detailBox {
	padding: 0 1.5%;
}
.howtoBox .addDetail h3 {
	display: inline-block;
	font-weight: bold;
    background: -prefix-linear-gradient(#fff 30%, #fbffa2 45%, #fbffa2 85%, #fff);
    background: linear-gradient(#fff 40%, #fbffa2 50%, #fbffa2 80%, #fff 90%);
    padding: 0 0.3em;
}
.howtoBox .detailBox .ticket_release {
	margin-bottom: .5em;
}
.howtoBox .detailBox .date {
	margin-left: .5em;
	font-weight: bold;
	font-size: 1.5em;
}
.howtoBox .detailBox .seatAssign {
	margin: 1em 0;
}
.howtoBox .detailBox .seatAssign dl {
	margin: .5em 0;
}
.howtoBox .detailBox .seatAssign dl dt {
  background: rgba(142, 85, 105, 0.9);
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: .3em .8em;
}
.howtoBox .detailBox .seatAssign dl dd {
	margin-left: 1em;
	line-height: 1.3;
/*	font-size: .9rem;*/
}
.howtoBox .linkBox .link-inner {
	background: rgba(255, 255, 255, .8);
	border: solid 2px;
	border-color: rgba(142, 85, 105, 0.9);
}
.howtoBox .linkBox .link-inner h5 {
  background: rgba(142, 85, 105, 0.9);
  color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.0;
	margin: -1px;
	padding: .5em;
	text-align: center;
}
.howtoBox .linkBox .link-inner .txtBox {
  color: var(--black);
	height: 100%;
	padding: 1em;
}
.howtoBox .linkBox .general .txt-inner.pia {
	margin-bottom: 1.5em;
}
.howtoBox .linkBox .shop p {
	margin-bottom: .8em;
}
.howtoBox .mail dl ,
.howtoBox .post dl {
	justify-content: flex-start;
	margin: .5em;
}
.howtoBox .mail dl dt ,
.howtoBox .post dl dt {
	margin-right: .5em;
}
.howtoBox .mail dl dt .squareMark {
	border: none;
  background: rgba(142, 85, 105, 0.9);
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 3em;
}
.howtoBox .post dl dt .squareMark {
	border: none;
	background: rgba(142, 85, 105, 0.9);
	width: 4em;
	text-align: center;
}
.howtoBox .post dl dd {
	font-size: 1.0rem;
}
.howtoBox .linkBox .linkBtn {
	margin: .5em auto;

}
.howtoBox .howtoAttention {
	font-size: 1.2rem;
	width: 90%;
	margin: .5em auto;
}
.howtoBox .ticketEnd {
	font-weight: bold;
	color: #d70146;
	text-align: center;
	line-height: 1.3;
	margin-top: 1.5em;
}
.howtoBox .addticket_release {
	font-weight: bold;
	text-align: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.howtoBox .addDetail h3 {
	}
	.howtoBox .detailBox .seatAssign dl {
		display: block;
		margin-bottom: 1em;
	}
	.howtoBox .detailBox .seatAssign dl dt {
		display: inline-block;
		margin-bottom: .2em;
	}
	.howtoBox .addDetail .seatAssign dl dd {
		margin-left: .5em
	}
	.howtoBox .linkBox {
		display: block;
	}
	.howtoBox .linkBox .link-inner h5 {
		font-size: 1.2em;
	}
	.howtoBox .linkBox .member .txtBox {
		height: 340px;
	}
	.howtoBox .linkBox iframe {
		height: 100%;
	}
	.howtoBox .ticketEnd {
		font-size: 2.0rem;
	}
	.howtoBox .addticket_release {
	}
}

@media screen and (min-width:560px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
	.howtoBox .addDetail h3 {
		font-size: 1.5rem;
	}
	.howtoBox .detailBox .seatAssign dl {
		justify-content: flex-start;
		align-items: stretch;
	}
	.howtoBox .detailBox .seatAssign dl dt {
		width: 130px;
		justify-content: center;
		align-items: center;
	}
	.howtoBox .addDetail .seatAssign dl dt {
		width: 160px;
	}
	.howtoBox .detailBox .seatAssign dl dt span {
		display: block;
	}
	.howtoBox .detailBox .seatAssign dl dd {
		width: calc(100% - 130px);
		padding: .3em 0;
	}
	.howtoBox .addDetail .seatAssign dl dd {
		width: calc(100% - 160px);
		font-size: 1.2rem;
		padding: .1em 0;
		margin-left: .5em;
	}
	.howtoBox .linkBox .link-inner {
/*		width: 49.5%;*/
		flex: 1;
		margin: 5px .5%;
	}
	.howtoBox .linkBox .link-inner h5 {
		font-size: 2.0rem;
	}
	.howtoBox .linkBox .link-inner iframe {
		height: 100%;
	}
	.howtoBox .addticket .link-inner iframe {
		height: 120px;
	}
	.howtoBox .ticketEnd {
		font-size: 2.2rem;
	}
	.howtoBox .addticket_release {
		font-size: 1.4rem;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
	.howtoBox .addticket .link-inner iframe {
	}
}

@media screen and (min-width:1160px) {
	.howtoBox .linkBox .link-inner iframe {
	}
	.howtoBox .addticket .link-inner iframe {
	}
}



/*====================================================
     //class .login
====================================================*/
.login {
	margin: 0;
	overflow: hidden;
}
.login * {
	box-sizing: border-box;
}
.login p {
	/* color: #f9e2cd; */
	margin: 0 ;
}
.login .att {
	font-size: .8em;
	line-height: 1.4;
	margin-top: .5em;
}
#login {
}
#login input[type="password"] {
  background: #fff;
	border: solid 1px var(--black);
  color: var(--black);
	padding: .5em .5em;
	width: 50% !important;
	max-width: 240px;
}
::-moz-placeholder {
  color: var(--black);
  opacity: .6;
}
:-ms-input-placeholder {
  color: var(--black);
  opacity: .6;
}
::placeholder {
  color: var(--black);
  opacity: .6;
}
#login input[type="submit"] {
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-size: 1.4rem;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
    color: #d70146;
    background: #fff;
    border: solid 2px;
    border-color:#d70146;
    line-height: 1.3;
    padding: .2em 1em ;
    border-radius: 100px;
    transition: 0.2s ease-in-out;
    text-align: center;
	position: relative;
	margin: .5em;
}
#login input[type="submit"]:hover {
	background: #d70146;
	color: #fff;
}
.login #member_link .txt-inner.pia {
	margin-bottom: 1.5em;
}
.login #member_link .linkBtn {
	margin: .5em auto;
}
.markerLine {
    background: -prefix-linear-gradient(#fff 20%, #ffcfdf 45%, #ffcfdf 85%, #fff);
    background: linear-gradient(#fff 40%, #ffcfdf 40%, #ffcfdf 1000%, #fff 90%);
    padding: 0 0.2em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (min-width:480px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

/*====================================================
     //class .venueBox
====================================================*/
.venueBox {
	position: relative;
}
/* .venueBox::before {
	border-bottom: solid 3px #ddcfb5;
	content: '';
	margin: auto;
	position: absolute;
		bottom: 20px;
		left: -50vw;
		right: -50vw;
	width: 200vw;
	height: 0;
} */
.venueBox .venue-inner {
	/* padding: 0 1.5%; */
}
.venueBox dl dt {
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: .3em;
}
.venueBox dl dd {
	margin: .3em 0;
}
.venueBox dl dd.link {
	font-size: .8em;
	margin-bottom: 1em;
}
.venueBox dl dd.link a {
}
.venueBox .gmnoprint {
	display: none;
}
.map {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 300px;
}
.map iframe {
	position: absolute;
	width: calc(100% + 720px);
	height: 100%;
	top: 0;
	left: -360px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.venueBox .flexBox {
		display: block;
	}
	.map .axgmap, .iframe_outer {
		height: 240px;
		margin-bottom: 1em;
	}
	.venueBox .imgBox {
		height: 300px;
	}
	.map {
		margin-bottom: 1em;
	}
}

@media screen and (min-width:480px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
	.venueBox .txtBox {
		width: 54%;
	}
	.venueBox .imgBox {
		width: 44%;
	}
	.map .axgmap, .iframe_outer {
		height: 300px;
	}
}

@media screen and (min-width:960px) {
	.venueBox .txtBox.flexBox {
		display: block;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
	.venueBox .venue-inner {
		display: block;
	}
	.venueBox .txtBox {
		width: 100%;
		margin-bottom: 1em;
	}
	.venueBox .map {
		width: 50%;
	}
	.map .axgmap, .iframe_outer {
		height: 200px;
	}
	.venueBox .imgBox {
		width: 100%;
		height: 300px;
	}
}

/*====================================================
     //id profile
====================================================*/
#profile {
	background: #fff;
	background: linear-gradient(to bottom,#fff ,#f4f0d6);
}
#profile .innerBox {
	position: relative;
}
#profile .innerBox::before,
#profile .innerBox::after {
	background: url('../img/profile_deco.svg') no-repeat center / contain;
	content: '';
	margin: auto;
	position: absolute;
		top: 0;
	width: 100px;
	height: 100px;
}
#profile .innerBox::before {
	left: 0;
  transform: scale(-1, 1);
}
#profile .innerBox::after {
	right: 0;
}
#profile .h3Box {
  text-align: center;
}
#profile h3 {
	/* background: linear-gradient(to right,#db8084 ,#c9154a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent; */
  color: #542153;
	display: inline-block;
  font-style: italic;
  font-weight: 400;
	line-height: 1.0;
	padding: .2em;
	font-weight: bold;
}
#profile dt {
	font-weight: bold;
  font-size: 1.6em;
  line-height: 1.4;
}
#profile dt .kana {
  display: block;
  font-size: .6em;
}
#profile .position {
	font-size: .8em;
	margin-right: 1em;
}
#profile dl:nth-child(odd) .imgBox {
  float: right;
  margin: 0 0 1em 1.5em;
  width: 34%;
}
#profile dl:nth-child(even) .imgBox {
  float: left;
  margin: 0 1.5em 1em 0;
  width: 34%;
}
#profile .imgBox figure {
	overflow: hidden;
}
#profile .imgBox img {
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: top;
	   object-position: top;
	width: 100%;
	height: 100%;
}
#profile .imgBox figcaption {
  color: #ccc;
  font-size: .7em;
  line-height: 1;
  mix-blend-mode: exclusion;
  position: absolute;
    bottom: .5em;
    right: 3%;
}
#profile dl dd.profileTxt {
	font-size: 1.4rem;
}
#profile dl dd.profileTxt p {
    margin-bottom: 0;
}
#profile dl dd.profileTxt p:not(.officialSite)::first-letter {
  margin-left: 1em;
}
#profile dl dd.profileTxt .addItem {
    margin: .8em 0;
}
#profile dl dd.profileTxt .addItem .h4Box h4 {
    border: none;
    background: #f7edd8;
    padding: .3em .6em;
    line-height: 1;
    color: #fff;
}
#profile dl .officialSite {
	margin-top: .8em;
}
#profile .interview .linkBtn {
	margin-bottom: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#profile .innerBox {
	}
	#profile .innerBox::before,
	#profile .innerBox::after {
		top: 40px;
		width: 70px;
		height: 70px;
	}
	#profile h3 {
		font-size: 3.0rem;
		margin-bottom: 1em;
	}
  #profile .profile-inner {
    grid-gap: 3em;
  }
	#profile dt {
		text-align: center;
		line-height: 1.2;
    margin-bottom: 1em;
	}
  #profile dl:nth-child(odd) .imgBox {
    width: 42%;
  }
  #profile dl:nth-child(even) .imgBox {
    width: 42%;
  }
	#profile .name {
		display: inline-block;
	}
}

@media screen and (min-width:480px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
	#profile .innerBox {
		/* padding-top: 50px; */
	}
	#profile .innerBox::before,
	#profile .innerBox::after {
		top: 30px;
	}
	#profile h3 {
		font-size: 3.4rem;
		margin-bottom: 1em;
	}
  #profile .profile-inner {
    grid-gap: 50px;
  }
	#profile dl {
    grid-gap: 1em 1.5em;
		height: auto;
	}
  #profile dl:nth-child(odd) {
    /* grid-template-columns: 30% 1fr; */
  }
  #profile dl:nth-child(even) {
    /* grid-template-columns: 1fr 30%; */
  }
	#profile dl dt {
    text-align: center;
	}
  #profile dl dd.profileTxt .addItem {
      position: relative;
      padding-left: 11em;
  }
  #profile dl dd.profileTxt .addItem .h4Box {
      position: absolute;
      top: 0;
      left: 0;
      width: 10em;
      text-align: center;
  }
	#profile .interview figure {
		width: 32%;
	}
	#profile .interview .txtBox {
		width: 65%;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
	#profile .interview {
		display: block;
	}
	#profile .interview figure {
		width: 50%;
		margin: auto;
	}
	#profile .interview .txtBox {
		width: 100%;
		margin-top: 1em
	}
}



/*====================================================
     //id inq
====================================================*/
#inq {
  background: rgba(0, 0, 0, .85);
  color: var(--white);
	position: relative;
}
#inq h5 {
	text-align: center;
	font-size: 2.2rem;
	margin-bottom: .5em;
}
#inq dl {
	margin-bottom: 1em;
}
#inq .linkBox {
	text-align: center;
}
#inq .linkBtn {
	margin: .5em auto;
}
#inq .tel_link {
	font-size: 1.6rem;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#inq dl {
		display: block;
		text-align: center;
		margin-bottom: 1em;
	}
	#inq dt {
		font-size: 1.8rem;
		margin: 0 .5em;
	}
}

@media screen and (min-width:480px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
	#inq .innerBox {
	}
	#inq h5 {
		font-size: 2.8rem;
	}
	#inq dl {
		justify-content: center;
		align-items: center;
	}
	#inq dt {
		font-size: 2.0rem;
		margin: 0 .5em;
	}
	#inq dd {
		margin: 0 .5em;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}



/*====================================================
     //id snsBox
====================================================*/
#snsBox.flexBox {
    justify-content: center;
    flex-wrap: wrap;
	align-items: center;
}
#snsBox .snsBtn {
    margin: 0 8px;
	align-items: center;
}
#snsBox .fb-like {
    margin: 8px 0 0;
}
#snsBox .twitter-btn {
    margin-left: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 579px) {
    #snsBox.flexBox {
        max-width: 300px;
    }
    #snsBox .snsBtn {
        margin-bottom: 6px;
    }
}

@media screen and (min-width:580px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
/*    #snsBox .fb-like {*/
        margin-top: -2px;
    }

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}


/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1300px) {
}