@charset "utf-8";

.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.pd0{padding:0!important;}



header { display: none; }
#wrap { padding-top: 0; background: #eaeaea; color: #222;}
/*a { color: #374a9d; }*/
a:hover { color: #ff7c60; }
.anchor { display: block; position: relative; top: -80px; }
.btn .disabled { 
	cursor: unset; 
    pointer-events: none!important;
}

*,*::before,*::after{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.section{
	font-family: YakuHanJP,Helvetica,"Noto Sans SC","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
}
.areaTit {
	font-size: 22px;
	border: none;
	padding: 0;
	margin: 0 0 30px;
}

.inbox{
    background: #fff;
    box-shadow: 0 0 1px #ccc;
    padding: 20px;
    margin: 0 0 30px;
}


.box {
	background: #fff;
	box-shadow: 0 0 1px #ccc;
	padding: 35px;
	margin: 0 0 60px;
}
.box .boxTit {
	background: #ff7c60;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
	transition: .3s;
}

.list-ticket{
}
.list-ticket dt{
/*
	font-size: 14px;
	color: #888;
	margin-bottom: 5px;
*/
}
.list-ticket dd{
	font-size: 16px;
	padding-bottom: 30px;
	border-bottom: .5px solid #ddd;
	margin-bottom: 30px;
}
.list-ticket dd:last-child{
	padding:0;
	margin: 0;
	border-bottom: none;
}
.list-ticket a{ color: #222; }
.list-ticket i{
	font-size: 22px;
	color: #ff7c60;
	vertical-align: 1px;
	padding-left: 5px;
}
.blockLink a:hover,
.list-ticket a:hover *,
.list-ticket a:hover{
	color: #ff7c60;
}
.list-ticket a,
.blockLink a *{
	transition: none;
}
.blockLink{ padding: 0; margin-bottom: 10px;}
.blockLink a{
	display: block;
	text-decoration: none;
	color: #222;
	padding: 30px;
	position: relative;
}
.blockLink .tit{ font-weight: bold; font-size: 16px;}
.blockLink .tit + * { padding-top: 20px;}
.box .boxTit{
/*
	background: none;
	color: #222;
*/
	font-size: 16px;
	position: relative;
	padding: 0;
}
.boxTit.switch--visible::before,
.blockLink a::before{
	content: '';
	border: 1px solid #fff;
	border-top: none;
	border-right: none;
	margin: -0.2em 0 0;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 11px;
	right: 30px;
	margin: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
}
.blockLink a:hover::before{
	border-color: #ff7c60;
}
.blockLink a::before{
  top: 50%;
	margin-top: -11px;
	-webkit-transform: rotate(-135deg) translateY(-50%);
	transform: rotate(-135deg) translateY(-50%);
}
.boxTit.open.switch--visible::before {
	-webkit-transform: rotate(135deg) translateY(-10%);
	transform: rotate(135deg) translateY(-10%);
}


/* box-artist
-------------------------- */
.box-artist{ padding: 0; }
.box-artist .inner{
	display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
	flex-direction: row-reverse;
}
.box-artist .block-title {
    width: 510px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1d1d1d 0%, #5a2b3b 100%);
    color: #fff;
    padding: 30px 40px;
}
.box-artist .block-title *{ position: relative; z-index: 2; }
.box-artist .title-bg{
	display: block;
	width: 120%;
	height: 120%;
	position: absolute;
	top: -10%;
	left: -10%;
	z-index: 1;
}
.box-artist .block-title .title-bg img{
	filter: blur(40px);
	opacity: 0.5;
}
.box-artist .block-title .name{
	font-size: 13px;
	margin-bottom: 0;
}
.box-artist .block-title .tit{
	font-size: 26px;
	line-height: 1.4;
	margin-bottom: 30px;
}
.box-artist .block-title .type li{
	display: inline-block;
	margin-right: 2px;
}
.box-artist .block-title .type .icon{
	border-radius: 4px;
	line-height: 35px;
	font-size: 15px;
	text-align: center;
	padding: 0 20px;
}
.box-artist .block-title .type .icon.dticket{
	background: #ff7c60;
	color: #fff;
}
.box-artist .block-title .type .icon.pticket{
	background: #4dc3a3;
	color: #fff;
}
.box-artist .ph {
    width: 390px;
    position: relative;
    overflow: hidden;
}
.box-artist .ph .photo{
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	z-index: 2;
}
.box-artist .ph .title-bg img{
	display: block;
	height: 100%;
	filter: blur(10px);
}
.box-artist .ph .title-bg+img{
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    height: auto;
}
.box-artist .block-title .list-ticket{ clear: both; }
.box-artist .list-ticket{ padding: 20px 30px; }
.box-artist .list-ticket dd{ font-size: 22px; }
.box-summary{ margin-bottom: 10px; }
/* news tab */
.tab {
	height: 55px;
	position: relative;
}
.tab li {
	height: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.tab li.current { z-index: 10; }
.tab li:nth-child(even){ z-index: 2;}
.tab li:nth-child(even).current { z-index: 10;}
.tab li a {
	display: block;
	-webkit-width: calc(100% - 0.7px);
	width: calc(100% - 0.7px);
	text-align: center;
	text-decoration: none;
	line-height: 0;
	padding: 0;
	position: relative;
	border-bottom: 55px solid #f7f7f7;
	border-top: 0.5px solid transparent;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-radius: 20px 20px 0 0 / 20px 20px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ff7c60;
}
.tab li.dticket a{ color: #ff7c60; }
.tab li.pticket a,
.tab li.pticket a:hover{ color: #60d6b6; }
.tab li.dticket.current a{
	border-bottom-color: #ff7c60;
	color: #fff;
}
.tab.column2 li.not-use a{
	pointer-events: none;
	border-bottom: 55px solid #e0e0e0;
	color: #777;
}
.tab.pticket-only{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.tab.pticket-only .dticket.not-use{
	margin-right: 0;
}
.tab li.pticket.current a{
	border-bottom-color: #60d6b6;
	color: #fff;
}
.tab li.safari a {
	left: 0.5px;
}
.tab li::before {
	content: '';
	width: 100.1%;
	height: 0;
	border-bottom: 56px solid #e6e6e6;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-radius: 24px 31px 0 0 / 79px 88px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: -1px;
	left: 0px;
}
.tab li.ms::before {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
.tab li a:hover { color: #f51c58; border-bottom-color: #e0e0e0;}

.tab li.current a {
	-webkit-width: calc(100% - 1px);
	width: calc(100% - 1px);
	color: #222;
	border-bottom-color: #fff;
}
.tab.column2 li {
	width: 51.4%;
	margin: 0px -2.5% 0 0;
}
.tab li span {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	text-align: center;
	line-height: 55px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all .0s ease;
}
.hide{ display: none;}



/* block-point
-------------------------- */
.block-point{}
.pointList{}
.pointList li{
	position: relative;
	padding-bottom: 10px;
	margin-top: 10px;
}
.pointList li .tit{
	margin-bottom: 5px;
	padding-right: 300px;
}
.pointList li .txt{
	padding-right: 300px;
}
.pointList li .thumb{
	width: 240px;
	height: 105px;
	border-radius: 3px;
	text-align: center;
	padding: 14px 0;
	position: absolute;
	right: 0;
	top: 0;
}
.pointList .point-fee .thumb{
	padding-top: 13px;
}
.pointList .point-fee .thumb img{ width: 110px; }
.ticketList li {
	display: inline-block;
	height: 80px;
	width: 106px;
	padding: 14px 0 20px;
	margin: 0;
	text-align: center;
	box-shadow: none;
	background: #fff;
	color: #888;
}
.ticketList li:first-child {
	background: #ffffff;
	color: #e42161;
}
.ticketList li p {
	display: block;
	font-weight: 500;
	font-size: 10px;
	line-height: 1;
	padding: 5px 0 0;
	font-weight: bold;
}
.ticketList li p + p{
	font-weight: bold;
	font-size: 27px;
	letter-spacing: 0;
}
.ticketList li span { font-size: 10px; margin-left: 2px; }
.point-fee .thumb + .subTxt {
	display: block;
	text-align: right;
	font-size: 11px;
	padding: 0;
	margin: -10px 0 10px;
}
.pointList .point-collection .thumb img{
	width: 110px;
	padding-top: 5px;
}
.pointList li .thumb{
	background: #ffe8f0;
	line-height: 0;
}
.pointList .point-trade .thumb{
	overflow: hidden;
}
.pointList .point-trade .thumb img{
	position: relative;
	bottom: -2px;
}

/* box-free
-------------------------- */
.attentionList li{ font-size: 15px; }

/* box-caution
-------------------------- */
#Attention{ display: none;}
#Attention2{ display: none;}

.box-caution .lead{
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}
.box-caution .block-caution:first-of-type{
	display: block;
}
.box-caution .block-caution{
	display: none;
	border-top: 1px solid #ccc;
	padding-top: 60px;
	margin-top: 60px;
}
.box-caution .block-caution:last-of-type{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}
.box-caution .block-caution:first-of-type{
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
.box-caution .block-caution:last-of-type *{
	/*font-size: 16px !important;*/
}
.box-caution .block-caution a{
	font-size: 18px;
	text-decoration: none;
}
.box-caution .block-caution a.sub{
	display: inline-block;
	font-size: 15px;
	color: #2359bf;
	padding-top: 5px;
	text-decoration: underline;
}
.box-caution .block-caution a.sub:hover{
	color: #ff7c60;
}
.form--post.block-caution a:not('.main'){
	text-decoration: underline;
}
.form--post.block-caution a:hover{
	color: #ff7c60;
}
.form--post.block-caution .main:hover{
	color: #fff;
}
.box-caution .btn{
	text-decoration: none;
}
.box-caution .block-caution .block-tit{
	text-align: center;
	font-size: 22px;
	margin-bottom: 10px;
}
.box-caution .block-caution *{
pointer-events : none;
}
.box-caution .block-caution i{
	font-size: 16px;
	padding-left: 5px;
}
.box-caution .block-caution.reading{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.box-caution .block-caution.understanding label{
	cursor: auto;
}
.box-caution .block-caution.form--post label{
	margin-bottom: 20px;
}
.box-caution .block-caution.form--post label span::before{
	top: 9px;
}
.box-caution .block-caution.understanding.form--post label{
	cursor: pointer;
}
.box-caution .block-caution.reading *{
	pointer-events : auto;
}

.box-caution .attentionList { margin: 0 auto 20px; }
.box-caution .attentionList:last-of-type { margin: 0;}
.box-caution .attentionList .btncx { margin: 0 auto 10px; }
.box-caution .attentionList li {
	font-size: 15px;
	margin: 0 0 15px 20px;
    text-align: left;
}
.box-caution a *{
	transition: none;
}
.box-caution a { display: inline-block; font-size: 14px; text-decoration: none;margin: 3px 0 5px; }
.box-caution a:hover { color:#ff7c60; }
.box-caution .btn a:nth-child(1) { font-size: 16px; margin: 10px auto; }
.box-caution .btnList { text-align: center; }
.box-caution .btnList .btn {
	display: inline-block;
	width: auto;
	min-width: 360px;
	padding: 15px 0 40px;
}
.box-caution .btnList .btn:nth-child(1) { margin-right: 10px; }
.box-caution .btnList .btn a { min-width: 360px; }
.attentionList li::before{
  top: 0.2em;
}
.box-caution .list-ticket dt{
	font-size: 20px;
	margin-bottom: 10px;
}
.attentionList li::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 9px;
	font-size: 0.8em;
	background: #b9b9b9;
	position: absolute;
	left: -13px;
	top: 7px;
}

/* form */
.box-caution label { display: block; margin: 30px auto 0; }
.box-caution label:hover{ color: #ff7c60;}
.box-caution label:hover span::before{ border-color: #ff7c60;}
.box-caution label span { position: relative; font-size: 18px;}
.box-caution label span::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 0;
	border: 1px solid #999;
	margin: -0.6em 0 0;
	position: absolute;
	left: -27px;
	top: 11px;
	background: #fff;
	border-radius: 2px;
	transition: .3s;
}
.box-caution :checked ~ span::before,
.box-caution :disabled ~ span::before { background: #ff7c60; border-color: #ff7c60; }
.box-caution label span::after {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.4em;
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	margin: -0.26em 0 0;
	position: absolute;
	left: -0.1em;
	top: 70%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0;
}
.box-caution :checked ~ span::after,
.box-caution :disabled ~ span::after { top: 9px; left: -24px; opacity: 1; }
.box-caution  input { -webkit-appearance: none; opacity: 0; position: absolute; }
.box-caution  a{ text-decoration: underline;}
.box-caution .btn .disabled:hover{ color: #fff;}
.box-caution .main:hover{ color: #fff;}
.scheduleArea { display: none; }
.pointList .point-trade .thumb{ padding: 15px 10px 0; }
.pointList .point-collection .thumb{ padding: 10px; }


/* confirm */

.confirm.box-caution .block-caution {
  display: block;
}
.confirm.box-caution .block-caution:not(.form--post) .btn,
.confirm.box-caution .block-caution.form--post label{
  /*display: none;*/
}
.confirm.box-caution .block-caution * {
    pointer-events: auto;
}
.confirm..box-caution .lead{
	margin-bottom: 50px;
}