@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
pre,
code,
blockquote,
form,
fieldset,
legend,
input,
textarea,
figcaption,
figure {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal
}

li {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}

q:before,
q:after {
	content: ''
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

input,
textarea,
select {
	*font-size: 100%
}

legend {
	color: #FFF
}

hr {
	display: none
}

img {
	vertical-align: bottom
}

select,
input,
button,
textarea {
	font-size: 99%
}

table {
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%
}

.hd {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden
}

.cf:before,
.cf:after {
	content: "";
	display: table
}

.cf:after {
	clear: both
}

.cf {
	*zoom: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section,
main {
	display: block
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	max-height: 999999px;
	outline: none;
}

*:focus {
	outline: none;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}

/*-----------------------------------------------
 * 01. Template
 * 00. Modal
-------------------------------------------------*/
/*-----------------------------------------------
 * 01. Template
-------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

body {
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: #000;
	/*font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
	font-family: 'Noto Serif JP', serif;
	font-feature-settings: "palt";
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}

.f_c {
	font-family: 'Cinzel', serif;
}

@media screen and (min-width:769px) {
	.pc {
		display: block;
	}

	.sp {
		display: none !important;
	}
}

a {
	color: #222;
}

a:hover {
	text-decoration: none;
}

.ah {
	transition: opacity .3s ease;
}

.ah:hover {
	opacity: .6;
}

::selection {
	background: #6ccfee;
	color: #fff;
}

::-moz-selection {
	background: #6ccfee;
	color: #fff;
}

.cinzel {
	font-family: 'Cinzel', serif;
}

@media screen and (max-width:768px) {
	html {
		font-size: 62.5%;
	}

	body {
		font-size: 10px;
		font-size: 1rem;
		min-width: 320px;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none !important;
	}

	.ah:hover {
		opacity: 1;
	}
}

/*-----------------------------------------------
 * 00. Modal
-------------------------------------------------*/
.modalBox {
	-webkit-overflow-scrolling: touch;
	background: rgba(0, 0, 0, .80);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 21000;
}

.oneModal {
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.oneModalIn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}

.oneModalIn__cont {
	padding: 50px 0;
}

@media screen and (max-width:768px) {
	.oneModalIn {
		min-width: 100%;
	}

	.oneModalIn__cont {
		width: 100%;
		padding: 30px 0;
	}
}

/* closeBtn */
.closeBtn {
	width: 100%;
	height: 100%;
	min-width: 1200px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.closeBtn a {
	/*background: #000 url(../img/common/close.png) no-repeat 0 0 / 100%;*/
	display: block;
	width: 80px;
	height: 80px;
	pointer-events: auto;
	position: absolute;
	top: 0;
	right: 0;
}

.closeBtn a:before {
	content: '';
	position: absolute;
	top: 24px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	transform: rotate(30deg);
}

.closeBtn a:after {
	content: '';
	position: absolute;
	top: 24px;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	transform: rotate(-30deg);
}

.closeBtn a span {
	width: 100%;
	display: block;
	position: absolute;
	top: 60px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	line-height: 10px;
}

@media screen and (max-width:768px) {
	.closeBtn {
		min-width: 100%;
	}

	.closeBtn a span {
		top: 64px;
		font-size: 18px;
	}
}

/* common */
.commonIframe {
	width: 100%;
	height: 100%;
	display: block;
}

/* youtube */
.youtubeIframeWrap {
	width: 920px;
	height: 520px;
}

@media screen and (max-width:768px) {
	.youtubeIframeWrap {
		width: 100%;
		height: auto;
		padding-top: 56.25%;
		position: relative;
	}

	.youtubeIframe {
		position: absolute;
		top: 0;
		left: 0;
	}
}


/*-----------------------------------------------
 * 01. Menu
-------------------------------------------------*/
.top__head_menuTitle {
	display: none;
}

.common__menuList.is-standby,
.common__menuList_subList.is-standby {
	opacity: .7;
	pointer-events: none;
}

.common__menuList_link {
	position: relative;
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 14px;
	font-family: 'Cinzel', serif;
	font-weight: 700;
	text-decoration: none;
}

.common__menuList_subList a {
	display: block;
	font-size: 16px;
	line-height: 14px;
	font-family: 'Cinzel', serif;
	font-weight: 700;
	text-decoration: none;
}

.common__menuList_subList a span {
	padding: 0 8px;
	position: relative;
	background: linear-gradient(#fff, #d0a72d) right center/0 2px no-repeat;
	transition: background-size 0.25s ease;
}

.common__menuList_subList a:hover span,
.common__menuList_subList span.is-active {
	background-position: left center;
	background-size: 100% 2px;
}

@media screen and (min-width: 769px) {
	#MenuIn .common__menuWrap {
		padding: 12px 24px !important;
	}

	#MenuWrap .common__menuLists {
		display: flex;
		flex-wrap: wrap;
	}

	#MenuWrap .common__menuList {
		height: auto !important;
		margin: 0 4px !important;
	}

	#MenuWrap .common__menuList_link {
		line-height: 1 !important;
		padding: 10px 0;
	}

	#MenuWrap .common__menuList_link_a {
		padding: 0 4px !important;
	}

	.share_twi {
		padding-left: 16px !important;
	}
}

@media screen and (max-width: 768px) {
	.sp_menuBtn {
		position: fixed;
		top: 24px;
		right: 24px;
		width: 96px;
		height: 96px;
		z-index: 1000;
		background-color: #fff;
		border: 2px solid #000;
		z-index: 10001;
	}

	.sp_menuBtn:before {
		content: '';
		position: absolute;
		top: 2px;
		right: 2px;
		bottom: 2px;
		left: 2px;
		border: 2px solid #000;
	}

	.sp_menuBtn div {
		position: absolute;
		top: 15px;
		right: 20px;
		left: 20px;
		height: 30px;
	}

	.sp_menuBtn div:before {
		content: '';
		height: 4px;
		position: absolute;
		top: 6px;
		right: 0;
		left: 0;
		background-color: #000;
		transition: .3s ease;
	}

	.sp_menuBtn div:after {
		content: '';
		height: 4px;
		position: absolute;
		bottom: 6px;
		right: 0;
		left: 0;
		background-color: #000;
		transition: .3s ease;
	}

	.sp_menuBtn.active div:before {
		top: 13px;
		transform: rotate(30deg);
	}

	.sp_menuBtn.active div:after {
		bottom: 13px;
		transform: rotate(-30deg);
	}

	.sp_menuBtn span {
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		width: 100%;
		height: 12px;
		text-align: center;
	}

	.sp_menuBtn span:before {
		content: 'MENU';
		font-size: 2rem;
		line-height: 12px;
		font-family: 'Cinzel', serif;
		font-weight: 700;
		transition: .3s ease;
	}

	.sp_menuBtn.active span:before {
		content: 'CLOSE';
	}

	#MenuWrap {
		min-width: 100% !important;
		padding: 0 !important;
	}

	#MenuIn {
		display: block;
		position: fixed !important;
		top: 0;
		right: 0;
		width: 100%;
		height: 0;
		overflow: auto;
		z-index: 10000;
		backdrop-filter: none;
		padding: 0;
		background: url(../img/common/common_bg.jpg) repeat;
		transition: .3s ease-in-out;
		padding: 0 !important;
	}

	#MenuIn .common__menuWrap {
		display: block !important;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		z-index: 9999;
		padding: 216px 0 140px !important;
	}

	.common__menuWrap .spLogo {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: absolute;
		top: 20px;
		left: 48px;
	}

	.top__head_menuTitle {
		display: block !important;
		font-family: 'Cinzel', serif;
		font-size: 2.4rem;
		font-weight: 700;
		color: rgba(0, 0, 0, .6);
		line-height: 20px;
		margin-bottom: 32px;
	}

	.common__menuLists {
		display: block !important;
	}

	.common__menuList {
		height: auto !important;
		margin-right: 0 !important;
	}

	.common__menuList_link {
		line-height: 96px !important;
		font-size: 3.2rem;
	}

	.menu_stage {
		position: relative;
	}

	.submenuBtn {
		position: absolute;
		width: 48px;
		height: 48px;
		top: 24px;
		right: 48px;
		border: 1px solid #000;
		border-radius: 50%;
	}

	.submenuBtn:before {
		content: '';
		position: absolute;
		width: 24px;
		height: 1px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #000;
	}

	.submenuBtn:after {
		content: '';
		position: absolute;
		width: 1px;
		height: 24px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #000;
		transition: .3s ease;
		opacity: 1;
	}

	.submenuBtn_ac.active .submenuBtn:after {
		transform: translate(-50%, -70%);
		opacity: 0;
	}

	#MenuIn .common__menuList_subListsWrap {
		height: 0;
		display: block !important;
		position: relative !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
	}

	.common__menuList_subListsWrapIn {
		display: block;
		padding-top: 60px;
		padding-bottom: 40px;
	}

	#MenuIn .common__menuList_subListsTitle {
		font-size: 3.2rem !important;
		line-height: 1;
		margin-bottom: 38px;
		padding-right: 0 !important;
	}

	#MenuIn .common__menuList_subLists {
		display: block !important;
	}

	#MenuIn .common__menuList_subList {
		margin-right: 0;
	}

	.common__menuList_subList a {
		font-size: 3.2rem;
		line-height: 96px;
		text-align: center;
	}

	#MenuIn .common__shareLists {
		justify-content: center;
		flex-wrap: wrap;
		padding-top: 100px;
	}

	#MenuIn .common__shareLists dt {
		width: 100%;
		text-align: center;
		font-size: 2.4rem !important;
		line-height: 2remimportant;
		margin-bottom: 50px;
		color: rgba(0, 0, 0, .6);
	}

	.shareLists__item {
		padding: 0 24px !important;
	}

	.share_twi {
		padding-left: 24px !important;
	}

	.share_twi a {
		width: 42px !important;
		height: 34px !important;
	}

	.share_fb a {
		width: 40px !important;
		height: 40px !important;
	}

	.share_li a {
		width: 40px !important;
		height: 40px !important;
	}

	#MenuIn .menu_frame {
		display: none;
	}
}


/*-----------------------------------------------
 * 02. SCLOLL BTN
-------------------------------------------------*/
.toTop {
	width: 6.667%;
	height: 160px;
	/*position: absolute;*/
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	mix-blend-mode: difference;
	opacity: 0;
	transition: opacity .4s ease;
	pointer-events: none;
}

.toTop.is-show {
	opacity: 1;
	pointer-events: auto;
}

.toTop.is-footer {
	position: absolute;
}

@media screen and (max-width: 768px) {
	.toTop {
		width: 96px;
		height: 192px;
	}
}

.sclbarWrap {
	width: 11px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.sclbarWrap:before {
	content: '';
	/*background-color: rgba(0,0,0,.2);*/
	background-color: rgba(254, 254, 254, .2);
	display: block;
	width: 1%;
	height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	z-index: 0;
}

.sclbar {
	background-color: #000;
	width: 1px;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

.sclbar:after {
	content: '';
	width: 6px;
	height: 24px;
	position: absolute;
}

.sclbar_d .sclbar {
	animation: scrollDown 2.4s ease-in-out infinite;
}

.sclbar_up .sclbar {
	animation: scrollUp 2.4s ease-in-out infinite;
}

.sclbar_d .sclbar:after {
	background: url(../img/common/sclbar_down.svg)no-repeat center center;
	left: 0;
	bottom: 0;
}

.sclbar_up .sclbar:after {
	background: url(../img/common/sclbar_up.svg)no-repeat center center;
	right: 0;
	top: 0;
}

.toTop .sclbar_up .sclbar:after {
	background: #fff;
	-webkit-mask: url(../img/common/sclbar_up.svg) no-repeat center center;
	mask: url(../img/common/sclbar_up.svg) no-repeat center center / contain;
}

.toTop .sclbar_up .sclbar {
	background-color: #fff;
}

@keyframes scrollDown {
	0% {
		top: -100%;
	}

	70%,
	100% {
		top: 100%;
	}
}

@keyframes scrollUp {
	0% {
		top: 100%;
	}

	70%,
	100% {
		top: -100%;
	}
}

/*-----------------------------------------------
 * 03-1. HEADER(中ページSP)
-------------------------------------------------*/
@media screen and (max-width: 768px) {
	#sub_header {
		height: 368px !important;
	}

	#subLogo {
		left: 48px !important;
		top: 20px !important;
		bottom: unset !important;
	}

	#sub_pttl {
		padding-top: 200px;
	}

	.sub_pttl_ja {
		font-size: 3.2rem !important;
		line-height: 1.5 !important;
	}
}

/*-----------------------------------------------
 * 03-2. FOOTER
-------------------------------------------------*/
footer {
	width: 100%;
	min-width: 1200px;
	padding: 80px 3.334%;
	background: url(../img/top/top__importantInfo_bg.png) repeat;
	background-color: #000;
}

@media screen and (max-width: 768px) {
	footer {
		min-width: 100%;
	}
}

.footerIn {
	display: flex;
	align-items: center;
}

.footer_linkLists {
	display: flex;
	width: 50%;
}

.footer_link {
	margin-right: 40px;
}

.footer_link:last-child {
	margin-right: 0;
}

.footer_link a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.footer_link a span {
	position: relative;
	background: linear-gradient(#000, #fff) right bottom/0 2px no-repeat;
	transition: background-size 0.25s ease;
}

.footer_link a:hover span {
	background-position: left bottom;
	background-size: 100% 2px;
}

.footer_attention {
	width: 50%;
	font-size: 12px;
	text-align: right;
	color: #888888;
}

#footer_copyright {
	font-size: 12px;
	line-height: 1;
	margin-top: 80px;
	color: #888888;
	text-align: center;
}

@media screen and (max-width: 768px) {
	footer {
		padding: 96px 32px;
	}

	.footerIn {
		flex-wrap: wrap;
	}

	.footer_linkLists {
		width: 100%;
		justify-content: center;
		margin-bottom: 96px;
	}

	.footer_link a {
		font-size: 2rem;
	}

	.footer_attention {
		width: 100%;
		text-align: center;
		font-size: 20px;
		line-height: 1;
	}

	#footer_copyright {
		font-size: 20px;
	}
}


/*-----------------------------------------------
 * 04. 共通ページング
-------------------------------------------------*/

.pagenavi {
	width: 100%;
	/*padding-top: 80px;*/
	padding-top: 4.54546%;
}

.wp-pagenavi {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 0 90px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: flex;
	font-size: 16px;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	margin: 0 12px;
	text-decoration: none;
	background: url(../img/news/page_num_bg.svg) no-repeat center center / contain;
	transition: .3s ease;
}

.wp-pagenavi a:hover,
.wp-pagenavi span {
	color: #fff;
	background: url(../img/news/page_num_bg_hv.svg) no-repeat center center / contain;
}

.wp-pagenavi .previouspostslink {
	display: block;
	width: 90px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 40px;
	padding-left: 36px;
	background: transparent;
	font-weight: 400;
}

.wp-pagenavi .previouspostslink:before {
	content: '';
	width: 24px;
	height: 6px;
	position: absolute;
	top: calc(50% - 3px);
	left: 0;
	transition: all 0.3s ease;
	background: url(../img/common/arrow_r.svg) no-repeat center center / contain;
}

.wp-pagenavi .previouspostslink:hover {
	padding-left: 31px;
	background: transparent;
	color: #000;
}

.wp-pagenavi .previouspostslink:hover::before {
	left: -5px;
}

.wp-pagenavi .nextpostslink {
	display: block;
	width: 90px;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 40px;
	padding-right: 36px;
	text-decoration: none;
	background: transparent;
	font-weight: 400;
	text-align: right;
}

.wp-pagenavi .nextpostslink:before {
	content: '';
	width: 24px;
	height: 6px;
	position: absolute;
	top: calc(50% - 3px);
	right: 0;
	transition: all 0.3s ease;
	background: url(../img/common/common_moreBtn.svg) no-repeat center center / contain;
}

.wp-pagenavi .nextpostslink:hover {
	background: transparent;
	padding-right: 31px;
	color: #000;
}

.wp-pagenavi .nextpostslink:hover::before {
	right: -5px;
}

@media screen and (max-width: 768px) {
	.wp-pagenavi {
		padding: 0 0 72px !important;
	}

	.wp-pagenavi a.page,
	.wp-pagenavi span {
		width: 64px !important;
		height: 64px !important;
		font-size: 24px !important;
	}

	.wp-pagenavi .previouspostslink {
		width: 160px !important;
		font-size: 24px !important;
		top: unset !important;
		bottom: 0;
		padding-left: 72px !important;
	}

	.wp-pagenavi .nextpostslink {
		width: 160px !important;
		font-size: 24px !important;
		top: unset !important;
		bottom: 0;
		padding-right: 72px !important;
	}

	.wp-pagenavi .previouspostslink:before,
	.wp-pagenavi .nextpostslink:before {
		width: 48px !important;
		height: 12px !important;
		top: calc(50% - 6px) !important;
	}

	.wp-pagenavi .previouspostslink:hover {
		padding-left: 64px !important;
	}

	.wp-pagenavi .nextpostslink:hover {
		padding-right: 64px !important;
	}
}


/*-----------------------------------------------
 * 05. 更新時カラー変更用・サイズ調整用
-------------------------------------------------*/
/* TOP ローディングロゴ変更 */
#loading_logo {
	background: url(../img/common/common_logo_wh.png);
	/* whiteLogo */
	/*background: url(../img/common/common_logo_bk.png);*/
	/* BlackLogo */
}

/* サイト内のテーマカラーを変更する */
.colorChange {
	background-color: #bb3e63;
}

/* サイト内のテーマカラーを変更する */
.colorChange_shiden {
	background-color: #851d38;
}

/* サイト内のテーマカラーを変更する */
.colorChange_koden {
	background-color: #778ab1;
}


/* テキストカラーをテーマカラーにする */
.fcolorChange {
	color: #bb3e63;
}
.fcolorChange__2025new {
	color: #bb3e63;
}
/* テキストカラーをテーマカラーに合わせて変更する（白or黒) */
.fcolorBW {
	color: #fff;
	/*color: #000;*/
}

/* Logoを変える（TOP）*/
#top__headLogoIn,
.top__headLogoIn {
	width: 246px;
	/*PC横サイズ*/
	height: 393px;
	/*PC縦サイズ*/
	background: url(../img/common/common_logo_7th.png) no-repeat center center / contain;
}

/* TOP LOGO SPサイズ変更 */
@media screen and (max-width: 768px) {

	#top__headLogoIn,
	.top__headLogoIn {
		width: 278px;
		height: 130px;
		background: url(../img/common/common_logo_7th_sp.png);
	}
}

/* Logoを変える（中ページ） */
#subLogo {
	width: 120px;
	height: 192px;
	background: url(../img/common/common_logo_m.png);
}

/* 最新公演ビジュアル（stageページで使用します）*/
/* ※最新公演用ビジュアルはワードプレス管理画面から設定してください※ */
#stage_header_bg {
	/*background: url(../img/stage/stage_mv.jpg);*/
	background-position: center top;
	/* ビジュアルのデザインに応じて変更 */
}

/* 最新公演用ロゴ（Stage）※サイズ調整はstage.css::#stageMainLogo */
/* ※画像の設定はワードプレス管理画面から設定してください。※ */
/* #stageMainLogo{
	background: url(../img/stage/stage_Logo.png);
} */

/* 最新公演の中に入る中ページ用ロゴ（スケジュールチケット／ライブオンデマンド／FAQ／GOODS） */
#stageLogo {
	width: 120px;
	height: 214px;
	bottom: 25px;
	background: url(../img/stage/stage_subLogo.png);
}

@media screen and (max-width:768px) {
	#stageLogo {
		width: 278px;
		height: 147px;
		background: url(../img/stage/stage_subLogo_sp.png);
		bottom: unset;
	}
}

/* 七周年感謝祭 */
#stageLogo__7th {
	width: 120px;
	height: 214px;
	bottom: 25px;
	background: url(../img/stage/stage_subLogo_7th.png);
}

@media screen and (max-width: 768px) {
	#stageLogo__7th {
		width: 278px;
		height: 147px;
		background: url(../img/stage/stage_subLogo_sp_7th.png);
	}
}

/* 中ページ LOGO SPサイズ変更 */
@media screen and (max-width: 768px) {
	#subLogo {
		width: 278px;
		height: 130px;
		background: url(../img/common/common_logo_sp_m.png);
	}
}

/* SPロゴ */
@media screen and (max-width: 768px) {
	.spLogo {
		width: 278px;
		height: 130px;
		background: url(../img/common/common_logo_sp_m.png);
	}
}

/* パンくず 現在地の最大サイズ(PC用) */
@media screen and (min-width: 768px) {
	.breadcrumb li:last-child {
		width: 40em;
	}
}

/* MOREボタンを白にする => .more_whのクラスを付与*/
.more_wh {
	color: #fff;
}

.more_wh:after {
	background: url(../img/common/common_moreBtn_wh.svg) no-repeat center center / contain !important;
}


/*-----------------------------------------------
 * パンくずリスト
-------------------------------------------------*/
.breadcrumb-area {
	display: flex;
}

.breadcrumb__item {
	padding-right: 45px;
	position: relative;
}

.breadcrumb__item::before {
	content: "";
	width: 13px;
	height: 11px;
	background: url(../img/common/breadcrumb_arrow.svg)no-repeat center center / contain;
	position: absolute;
	top: calc(50% - 5.5px);
	right: 18px;
}

.breadcrumb__item:last-child {
	padding-right: 0;
}

.breadcrumb__item:last-child::before {
	content: unset;
}

.breadcrumb__item a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	transition: .2s ease;
}

.breadcrumb__item a:hover {
	opacity: .7;
}

@media screen and (min-width:769px) {
	.breadcrumb__item {
		flex-shrink: 0;
	}

	.breadcrumb__item:last-child {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width: 768px) {
	#breadcrumbWrap {
		height: auto !important;
		min-height: 72px !important;
		padding: 14px 48px !important;
		font-size: 2.4rem !important;
	}

	.breadcrumb-area {
		flex-wrap: wrap;
	}

	.breadcrumb__item {
		padding-right: 72px;
	}

	.breadcrumb__item::before {
		width: 26px;
		height: 22px;
		top: calc(50% - 11px);
		right: 24px;
	}

	.breadcrumb__item a {
		font-size: 24px;
	}
}

/* SUBPAGE LOADING */
.subpage #loading {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* img not Click*/
img {
	pointer-events: none;
}