@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: #2a4846;
}

/* テキストカラーをテーマカラーにする */
.fcolorChange{
	color: #4b9997;
}

/* テキストカラーをテーマカラーに合わせて変更する（白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_tandokuko.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_tandokuko_sp.png);
	}
}

/* SPロゴ */
@media screen and (max-width: 768px){
	.spLogo{
		width: 278px;
		height: 130px;
		background: url(../img/common/common_logo_tandokuko_sp.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;
}