/* 
    Created on : 2020/05/23, 0:17:49
    Author     : arika
*/
body {
	background-color: #fff;
	color: #000;
}

.navbar {
	background-color: #fff;
}
.navbar-collapse {
	background-color: #fff;
}
.navbar-nav .nav-item {
	color: #000;
}
.navbar-nav .nav-link {
	color: #000 !important;
}

.footer {
	background-color: #737373;
}

.header {
	background-image: url('/img/home/static/header.png');
    background-size: cover;
	color: #000;
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
	text-align: center;
}
.header .container {
	width: 90%;
	height: 30rem;
	padding: 7rem 2rem;
	position: relative;	/* container_maskにopacityがあるため、containerにも明示的なpositionが必要 */
	z-index: 1000;
}
.header .container_mask {
	position:absolute;
	width: 90%;
	margin-left: 5%;
	padding-top: 30rem;
	background-color: #000000;
	opacity: 0.6;
	z-index: 99;
}
@media (min-width: 576px) {
	.header .container {
		width: 80%;
		padding: 7rem 5rem;
	}
	.header .container_mask {
		width: 80%;
		margin-left: 10%;
	}
}
@media (min-width: 768px) {
	.header .container {
		width: 70%;
		padding: 7rem 7rem;
	}
	.header .container_mask {
		width: 70%;
		margin-left: 15%;
	}
}
@media (min-width: 992px) {
	.header .container {
		width: 65%;
		padding: 7rem 7rem;
	}
	.header .container_mask {
		width: 65%;
		margin-left: 17.5%;
	}
}
@media (min-width: 1200px) {
	.header .container {
		width: 65%;
		padding: 7rem 7rem;
	}
	.header .container_mask {
		width: 65%;
		margin-left: 17.5%;
	}
}
@media (min-width: 1500px) {
	.header .container {
		width: 55%;
		padding: 7rem 7rem;
	}
	.header .container_mask {
		width: 55%;
		margin-left: 22.5%;
	}
}
.header .explain {
	font-size: 1.1rem;
	line-height: 1.75em;
	width: 85%;
	margin: 2.5rem auto 0rem;
	text-align: left;
}
.header .explain .catch {
	font-size: 1.65rem;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 0.75rem;
}
.header .explain .explain_text {
	margin-top: 0.75rem;
}
.header .explain .explain_text em {
	font-size: 1.2rem
}
@media (min-width: 768px) {
	.header .explain {
		width: 80%;
	}
}
@media (min-width: 992px) {
	.header .explain {
		width: 60%;
	}
}
@media (min-width: 1200px) {
	.header .explain {
		width: 50%;
	}
}
@media (min-width: 1500px) {
	.header .explain {
		width: 40%;
	}
}
.header .logo {
/*	position: absolute;
	top: 0.4rem;
	left: 0.5rem;
*/
	width: 100%;
}
@media (min-width: 768px) {
	.header .logo {
		width: 70%;
	}
}
@media (min-width: 992px) {
	.header .logo {
		width: 60%;
	}
}
@media (min-width: 1200px) {
	.header .logo {
		width: 45%;
	}
}
.header .sub_title {
	font-size: 2rem;
}
.header .title {
	font-size: 3rem;
}

.section_body {
	margin-top: 2rem;
}

.index .search {
	margin-top: 1rem;
	min-height: 100vh;
	background-color: #eee;
	
	display: none;
}
@media (min-width: 576px) {
	.index .search {
		display: block;
		max-width: 65px;
	}
}
@media (min-width: 992px) {
	.index .search {
		display: block;
		max-width: 240px;
	}
}
.index .search .list-group {
	padding-bottom: 1em;
	margin-bottom: 0em;
/*	border-bottom: solid 1px #ccc; */
	margin-top: 1rem;
}
.index .search .list-group.recent {
	margin-bottom: 1.75em;
	border-bottom: solid 1px #0dc6f7;
	border-bottom: solid 1px #fff;
}
.index .search section {
	padding: 0.25rem;
}
.index .search .list-group-item {
	border: 0;
	padding: 0;
}
.index .search .list-group.recent .list-group-item {
	margin-bottom: 1.5rem;
}
.index .condition {
	display: none;
    margin-left: 40px;
	overflow: visible;
	z-index: 100;	
}
@media (min-width: 992px) {
	.index .condition {
		display: block;
		margin-left: 15px;
	 margin-right: 15px;
	}
}
.index .condition [readonly] {
	background-color: #f2fbff;
	opacity: 1;
}
.index .footer_sns {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.5rem;
}
.index .footer_sns .sns {
	padding: 1.5rem;
}
.index .alert {	/* 検索結果ゼロアラート */
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
@media (min-width: 576px) {
	.index .alert {	
		width: 60%;
	}
}
.index .search_result .search_result_message {
	display: none !important;
	font-size: 1.2rem;
	padding: 0.5em 1em;
	margin: 0.5em;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
}
.index .search_result .favorite {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.index .search_result .success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.index .search_result .nofavorite,
.index .search_result .error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.index .search_result .clear {
	margin-left: 3rem;
}
.index .event_icon_img {
    height: 0px;
	width: 40px !important;
	position: relative;
	overflow: visible;
	padding-top: 40px;
}
.index .event_icon_img img {
	position:absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 100%;
	border-radius: 50%;
    object-fit: cover;
}
.index .search_icon_img {
    height: 0px;
	min-width: 25px !important;
	position: relative;
	overflow: visible;
	padding-top: 40px;
}
.index .search_icon_img img {
	position:absolute;
	width: 30px;
	top: 7px;
	left: 2px;
	height: 100%;
    object-fit: contain;
}
.index .search_media .icon_fa {
	cursor: pointer;
}
.index .footer_bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
    z-index: 10;
}
.index .footer_bar .list-group-item {
	background-color: #000;
}
.index .status span {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.5rem;
	margin: 0.3em 0.1em;
	font-size: 0.8rem;
	font-weight: bolder;
	padding: 0.3em 0.5em;
}
.index .cover {
    height: 0px;
    width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
@media (min-width: 576px) {	
	.index .cover {
		height: 0px;
		width: 100%;
		position: relative;
		overflow: hidden;
		padding-top: 56.25%;
		padding-top: 65%;
	}
}
.index .cover img {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.index .swiper-container {
	height: 300px;
	background-color: #333;
}
.index .swiper-container .cover img {
    object-fit: contain;
}
.index .swiper-container .cover .slider_event {
	position: absolute;
	font-weight: bolder;
	color: #FFF;
	background-color: #333;
}
.index .swiper-container .cover .slider_event_name {
	font-size: 2rem;
	top: 2rem;
	left: 10%;
}
.index .swiper-container .cover .slider_event_time {
	font-size: 1.5rem;
	top: 5rem;
	left: 10%;
}
.index .swiper-container .cover .slider_event_performers {
	font-size: 1.5rem;
	white-space: nowrap;
	top: 250px;
	right: 10%;
/*    left: 50%;
    transform: translateX(-50%); */
}
.index .live_divid {
	margin-top: 2rem;
	border: solid 1px #737373;
	padding: 0.25rem 0.75rem;
	color: #737373;
	font-size: 1.25rem;
	font-weight: bolder;
/*
	font-family:var(--mincho);
	font-weight: normal;
*/
}
.index .event {
	margin-top: 1rem;
	padding-bottom: 1rem;
/*	border-bottom: solid 1px #ccc; */
	margin-bottom: 1rem;
}
.index .event .card {
	border: 0;}
.index .event .card .card-body {
	padding: 0.25rem;
	border: solid 1px #666;
		
}
.index .event .card .card-title {
	margin-bottom: 0;
	background-color: #444;
	color: #fff;
	padding: 0 0.3rem;
}
.index .event .card .card-text {
	padding: 0 0.3rem;
	font-size: 1rem;
}
.index .event .event_name {
	margin-top: 1rem;
	margin-bottom: 0.9rem;
	padding: 0 0.3rem;
    font-size: 1.1rem;
}
.index .event .performer {
	margin-bottom: 0.25rem;
}
.index .event .event_date {
	margin-bottom: 0.25rem;
}
.index .more {
	text-align: center;
	color: #737373;
	font-size: 1.2rem;
}
.index .more_divid {
    border-color: #737373;
}
.index .event_badge {
	position: absolute;
}
.index .event_badge_log {
	width: 3.75rem;
    top: 60%;
    left: 30%;
}
@media (min-width: 992px) {	
	.index .event_badge_log {
		top: -20%;
		left: 52px;
	}
}
.index .event_badge_slider {
    width: 15%;
    top: 5%;
    right: 10%;
}
.index .event_badge_list {
    width: 25%;
    top: 50%;
    right: 5%;
}
.index .event_badge_text {
	background-color: #737373;
	color: #fff;
	font-weight: bolder;
	text-align: center;
}
.index .event_badge_text .end {
	color: #e60012;
}
.index .badge_favorite {
	position: absolute;
	width: 12%;
    top: 12px;
    left: 12px;
}
/* 看板画像 */
.index .top_img {
	position: relative;
	
	background-image: url("/img/home/index/top-img.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	
	height: 0;
	width: 100%;
	
	padding: 30%;
}
@media (min-width: 398px) {
	.index .top_img {
		padding: 15%;
	}
}
.index .top_img_catch {
	position: absolute;
	width: 100%;
	top: 15%;
	left: 0;
	text-align: center;
}
.index .top_img_catch img {
	width: 85%;
}
@media (min-width: 768px) {
	.index .top_img_catch img {
		width: 85%;
	}
}
@media (min-width: 1200px) {
	.index .top_img_catch img {
		width: 55%;
	}
}
.index .top_img_logo {
	position: absolute;
	width: 100%;
	top: 30%;
	left: 0;
	text-align: center;
}
.index .top_img_logo img {
	width: 55%
}
@media (min-width: 398px) {
	.index .top_img_logo img {
		width: 35%
	}
}
.index .top_img .command {
	position: absolute;
	width: 100%;
	text-align: center;
    left: 0;
	
	bottom: 10%;
	font-size: 1rem;
}
@media (min-width: 576px) {
	.index .top_img .command {
		bottom: 15%;
		font-size: 1.2rem;
	}
}
@media (min-width: 768px) {
	.index .top_img .command {
		font-size: 1.3rem;
	}
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
	.index .top_img .command {
		bottom: 20%;
		font-size: 1.4rem;
	}
}
.index .top_img .command a {
	font-size: inherit;
}

.index .status .ticket.yet {}
.index .status .ticket.advance {background-color: #0092ef;	border-color: #0092ef;	color: #fff;	}
.index .status .ticket.doors {	background-color: #0000ff;	border-color: #0000ff;	color: #fff;	}
.index .status .ticket.close {	background-color: #cccccc;	border-color: #cccccc;	color: #fff;	}
.index .status .ticket.over {	background-color: #999999;	border-color: #999999;	color: #fff;	}
.index .status .stream.yet {								border-color: #ff3399;					}
.index .status .stream.doing {	background-color: #ff3399 ;	border-color: #ff3399;	color: #fff;	}
.index .status .stream.end {	background-color: #999999;	border-color: #999999;	color: #fff;	}


.archive .search {
	margin-top: 1rem;
	
	display: none;
	flex-wrap: nowrap;
}
/*
@media (min-width: 576px) {
	.archive .search {
		display: flex;
	}
}
*/
@media (min-width: 992px) {
	.archive .search {
		display: flex;
	}
}
.archive .search .list-group {
	margin-bottom: 0em;
	margin-top: 1rem;
/*	border-bottom: solid 1px #ccc; */
}
.archive .search .list-group.recent {
	margin-bottom: 1.75em;
	border-bottom: solid 1px #0dc6f7;
	border-bottom: solid 1px #fff;
}
.archive .search section {
	padding: 0.25rem;
}
.archive .search .list-group-item {
	border: 0;
	padding: 0;
}
.archive .search .list-group.recent .list-group-item {
	margin-bottom: 1.5rem;
}
.archive .condition {
	display: none;
    margin-left: 40px;
	overflow: visible;
	z-index: 100;	
}
@media (min-width: 992px) {
	.archive .condition {
		display: block;
		margin-left: 10px;
	}
}
.archive .condition [readonly] {
	background-color: #f2fbff;
	opacity: 1;
}
.archive .footer_sns {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.5rem;
}
.archive .footer_sns .sns {
	padding: 1.5rem;
}
.archive .alert {	/* 検索結果ゼロアラート */
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
@media (min-width: 576px) {
	.archive .alert {	
		width: 60%;
	}
}
.archive .search_result .search_result_message {
	display: none !important;
	font-size: 1.2rem;
	padding: 0.5em 1em;
	margin: 0.5em;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
}
.archive .search_result .favorite {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.archive .search_result .success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.archive .search_result .nofavorite,
.archive .search_result .error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.archive .search_result .clear {
	margin-left: 3rem;
}
.archive .event_icon_img {
    height: 0px;
	width: 40px !important;
	position: relative;
	overflow: visible;
	padding-top: 40px;
}
.archive .event_icon_img img {
	position:absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 100%;
	border-radius: 50%;
    object-fit: cover;
}
.archive .search_icon_img {
    height: 0px;
	min-width: 25px !important;
	position: relative;
	overflow: visible;
	padding-top: 62px;
}
.archive .search_icon_img img {
	position:absolute;
	width: 30px;
	top: 7px;
	left: 2px;
	height: 100%;
    object-fit: contain;
}
.archive .search_media .icon_fa {
	cursor: pointer;
}
.archive .footer_bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
    z-index: 10;
}
.archive .footer_bar .list-group-item {
}
.archive .status span {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.5rem;
	margin: 0.3em 0.1em;
	font-size: 0.8rem;
	font-weight: bolder;
	padding: 0.3em 0.5em;
}
.archive .cover {
    height: 0px;
    width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
@media (min-width: 576px) {	
	.archive .cover {
		height: 0px;
		width: 100%;
		position: relative;
		overflow: hidden;
		padding-top: 56.25%;
		padding-top: 65%;
	}
}
.archive .cover img {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.archive .swiper-container {
	height: 300px;
	background-color: #333;
}
.archive .swiper-container .cover img {
    object-fit: contain;
}
.archive .swiper-container .cover .slider_event {
	position: absolute;
	font-weight: bolder;
	color: #FFF;
	background-color: #333;
}
.archive .swiper-container .cover .slider_event_name {
	font-size: 2rem;
	top: 2rem;
	left: 10%;
}
.archive .swiper-container .cover .slider_event_time {
	font-size: 1.5rem;
	top: 5rem;
	left: 10%;
}
.archive .swiper-container .cover .slider_event_performers {
	font-size: 1.5rem;
	white-space: nowrap;
	top: 250px;
	right: 10%;
/*    left: 50%;
    transform: translateX(-50%); */
}
.archive .live_divid {
	margin-top: 2rem;
	border: solid 1px #737373;
	padding: 0.25rem 0.75rem;
	color: #737373;
	font-size: 1.25rem;
	font-weight: bolder;
/*
	font-family:var(--mincho);
	font-weight: normal;
*/
}
.archive .banner {
    padding-top: 2.75rem;
    text-align: center;
    color: #737373;
    font-size: 3rem;
    font-weight: bolder;

}
.archive .event {
	margin-top: 1rem;
	padding-bottom: 1rem;
/*	border-bottom: solid 1px #ccc; */
	margin-bottom: 1rem;
}
.archive .event .card {
	border: 0;
}
.archive .event .card .card-body {
	padding: 0.25rem;
}
.archive .event .card .card-title {
	margin-bottom: 0;
	background-color: #444;
	color: #fff;
	padding: 0 0.3rem;
}
.archive .event .card .card-text {
	padding: 0 0.3rem;
	font-size: 1rem;
}
.archive .event .event_name {
	margin-top: 1rem;
	margin-bottom: 0.9rem;
	padding: 0 0.3rem;
    font-size: 1.1rem;
}
.archive .event .performer {
	margin-bottom: 0.25rem;
}
.archive .event .event_date {
	margin-bottom: 0.25rem;
}
.archive .event .duration {
	position: absolute;
	bottom: 0;
	right: 0;
}
.archive .more {
	text-align: center;
	color: #737373;
	font-size: 1.2rem;
}
.archive .more_divid {
    border-color: #737373;
}
.archive .event_badge {
	position: absolute;
}
.archive .event_badge_log {
	width: 3.75rem;
    top: 60%;
    left: 30%;
}
@media (min-width: 992px) {	
	.archive .event_badge_log {
		top: -20%;
		left: 52px;
	}
}
.archive .event_badge_slider {
    width: 15%;
    top: 5%;
    right: 10%;
}
.archive .event_badge_list {
    width: 25%;
    top: 50%;
    right: 5%;
}
.archive .event_badge_text {
	color: #ffff00;
}
.archive .event_badge_text .end {
	color: #e60012;
}
.archive .event_badge_text .wait {
	color: #e60012;
}
.archive .badge_favorite {
	position: absolute;
	width: 12%;
    top: 12px;
    left: 12px;
}
/* 看板画像 */
.archive .top_img {
	position: relative;
	
	background-image: url("/img/home/index/top-img.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	
	height: 0;
	width: 100%;
	
	padding: 30%;
}
@media (min-width: 398px) {
	.archive .top_img {
		padding: 15%;
	}
}
.archive .top_img_catch {
	position: absolute;
	width: 100%;
	top: 15%;
	left: 0;
	text-align: center;
}
.archive .top_img_catch img {
	width: 85%;
}
@media (min-width: 768px) {
	.archive .top_img_catch img {
		width: 85%;
	}
}
@media (min-width: 1200px) {
	.archive .top_img_catch img {
		width: 55%;
	}
}
.archive .top_img_logo {
	position: absolute;
	width: 100%;
	top: 30%;
	left: 0;
	text-align: center;
}
.archive .top_img_logo img {
	width: 55%
}
@media (min-width: 398px) {
	.archive .top_img_logo img {
		width: 35%
	}
}
.archive .top_img .command {
	position: absolute;
	width: 100%;
	text-align: center;
    left: 0;
	
	bottom: 10%;
	font-size: 1rem;
}
@media (min-width: 576px) {
	.archive .top_img .command {
		bottom: 15%;
		font-size: 1.2rem;
	}
}
@media (min-width: 768px) {
	.archive .top_img .command {
		font-size: 1.3rem;
	}
}
@media (min-width: 992px) {	
}
@media (min-width: 1200px) {
	.archive .top_img .command {
		bottom: 20%;
		font-size: 1.4rem;
	}
}
.archive .top_img .command a {
	font-size: inherit;
}

.archive .status .ticket.yet {}
.archive .status .ticket.advance {background-color: #0092ef;	border-color: #0092ef;	color: #fff;	}
.archive .status .ticket.doors {	background-color: #0000ff;	border-color: #0000ff;	color: #fff;	}
.archive .status .ticket.close {	background-color: #cccccc;	border-color: #cccccc;	color: #fff;	}
.archive .status .ticket.over {	background-color: #999999;	border-color: #999999;	color: #fff;	}
.archive .status .stream.yet {								border-color: #ff3399;					}
.archive .status .stream.doing {	background-color: #ff3399 ;	border-color: #ff3399;	color: #fff;	}
.archive .status .stream.end {	background-color: #999999;	border-color: #999999;	color: #fff;	}


.ticket {
	margin-top: 0;
}
.ticket .head {
	background-color: #0dc6f7;
	background-color: #bbb;
	color: #000;
	font-size: 1.45rem;
}
.ticket .head .btn {
	border: solid 3px #FFF;
	font-size: 1.5rem;
	padding-left: 1em;
	padding-right: 1em;
}
.ticket.event_image {
	background-color: #444;
}
.ticket .content {
	background-color: #cecece;
	color: #000;
}
.ticket .event .catch_copy {
/*	border: solid 1px #ccc;
	border-radius: 5px;
*/
	padding: 1em;
	margin-bottom: 1rem;
}
.ticket .catch_copy_body {
/*	white-space: pre-wrap; */
	font-size: 1.25rem; 
	color: #000;
    padding: 1.5rem 2.5rem;
}
.ticket .event .profile {
	white-space: pre-wrap;
}
.ticket .performer_name {
	font-size: 1.25rem;
	font-weight: bolder;
	text-align: right;
}
.ticket .performer_none {
	font-weight: bolder;
	color: #000;
	text-align: right;
}
.ticket .performer_schedule {
	font-size: 1.1rem;
}
.ticket .cover {
    height: 0px;
    width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
@media (min-width: 992px) {
	.ticket .cover {
		height: 0px;
		width: 100%;
		position: relative;
		overflow: hidden;
		padding-top: 85%;
	}
}
.ticket .cover .cover_image {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.ticket .explain {
    height: 0px;
    width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 105%;
}
@media (min-width: 420px) {
	.ticket .explain {
		padding-top: 95%;
	}
}
@media (min-width: 520px) {
	.ticket .explain {
		padding-top: 85%;
	}
}
@media (min-width: 576px) {
	.ticket .explain {
		padding-top: 70%;
	}
}
@media (min-width: 768px) {
	.ticket .explain {
		padding-top: 55%;
	}
}
@media (min-width: 992px) {
	.ticket .explain {
		padding-top: 80%;
	}
}
@media (min-width: 1200px) {
	.ticket .explain {
		padding-top: 70%;
	}
}
.ticket .explain .explain_head {
	margin-top: 1rem;
	max-height: 30px;
	margin-bottom: 1rem;
}
.ticket .explain .explain_head .img-fluid {
	max-height: 100%;
}
.ticket .explain .explain_head .badge_favorite {
	max-height: 100%;
}
.ticket .explain .explain_head .share_sns,
.ticket .explain .explain_head .share_sns .share_sns_img {
	max-height: 65%;
	font-size: 1rem;
	color: #FFF;
    padding-top: 0.25rem;
	text-align:right;
}
.ticket .explain .explain_content {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    object-fit: cover;
	
    padding: 0rem 1.25rem;
}
@media (min-width: 576px) {
	.ticket .explain .explain_content {
		padding: 0 3.25rem 3rem;
	}
}
.ticket .explain .explain_content dt {
	color: #fff;
}
.ticket .explain .explain_content dd {
	font-weight: bolder;	
}
.ticket .explain .explain_content dd.performer {
	posision: relative;
}
/* font-size ,head 1.45rem */
.ticket .explain .explain_content dt {
	font-size: 1rem;
}
.ticket .explain .explain_content dd.performer {
	font-size: 1.75rem;
}
.ticket .explain .explain_content dd.title {
}
.ticket .explain .explain_content dd.opst {
}
.ticket .explain .explain_content dd.ticket {
}
.ticket .explain .explain_content dd.ticket .ticket_title {
	font-size: 1.1rem;
}
@media (min-width: 576px) {
	.ticket .explain .explain_content dd.ticket .ticket_title {
		font-size: 1.25rem;
	}
}
.ticket .explain .explain_content dd.ticket .ticket_price {
}

.ticket .event_badge {
    display: inline-block;
    margin-left: 1rem;
    background-color: #FF0066;
    color: #fff;
    font-size: 1.15rem;
    padding: 0.3em;
    font-weight: bolder;
    vertical-align: bottom;
	position: absolute;
	right: 0;
}
@media (min-width: 576px) {
	.ticket .event_badge {
		right: 3.25rem;
	}
}
.ticket .buy {
    height: 0px;
    width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 15%;
}
.ticket .buy .buy_button {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.ticket .buy .buy_button span {
	display: inline-block;
	font-size: 1.1rem;
}
.ticket .content {
	padding-bottom: 6rem;
}
.ticket .content_subject {
	background-color: #000;
	padding: 1rem;
	text-align: center;
	border:none;	
}
.ticket .content_subject .card-body {	
	border: solid 1px #fff;
	padding: 0.25rem 0.75rem;
	font-size: 1.2rem;
	font-weight: bolder;
	letter-spacing: 0.2rem;
	color: #fff;
}
.ticket .content .content_area {
	background-color: #fff;
	min-height: 100%;
}
.ticket .content .content_body {
	font-size: 1.15rem;
	font-weight: bolder;
	padding: 2rem 3rem;
}
.ticket .content .detail {
	margin-bottom: 0.75rem;
}
.ticket .content .detail_title {
	font-size: 1rem;
}
@media (min-width: 576px) {
	.ticket .content .detail_title {
		font-size: 1.15rem;
	}
}
.ticket .attention_subject {
	margin-top: 2em;
	padding-left: 2em;
	font-size: 1.5rem;
	font-weight: bolder;
}
.ticket .attention_body {
	font-size: 1.2rem;
}
.ticket .foot {
	display: none;
	
	background-color: #666666;
	color: #FFF;
	font-size: 1.5rem;
	
	padding: 0.5rem;
}
.ticket .foot .btn {
	border: solid 3px #FFF;
	font-size: 1.6rem;
	padding-left: 1em;
	padding-right: 1em;
}
.ticket .text-danger {
	color: #ffcccc !important;
}
.ticket .text-dark {
	color: #000 !important;
}
.ticket .qr_code {
	position: absolute;
	top: 1.5rem;
	right: 0.5rem; 
}

.buy .buy_ticket {
    color: #007bff;
    font-weight: bolder;
    border-style: double;
    border-color: #007bff;
}
.buy .select_fan {
	text-align: center;
}
.buy .buy_area {
	border-style: solid;
	border-width: 1px;
}
.buy .current_price {
	text-align: center;
	font-size: 2rem;
	font-weight: bolder;
	margin-bottom: 0.75rem;
}
.buy .current_price .small {
	font-size: 60%;
}
.buy .btn {
    font-size: 1.5rem;
    padding-left: 1em;
    padding-right: 1em;	
}
.point .filter {
/*	text-align: right; */
}
.point .col-form-label {
	text-align: left;	
}
@media (min-width: 577px) {
	.point .col-form-label {
		text-align: right;	
	}
}

.point .point_body {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.point h5 {
	background-color: #0dc6f7;
	color: #fff;
	border-radius: 1rem;
	padding: 0.5rem 0.75rem;
}
.point .charge_point {
	font-size: 1.5rem;
	font-weight: bolder;
}
.point .charge_point_mark {
	position: absolute;
	top: 10px;
	right: -10px;
	font-size: 1.5rem;
}

.point .commission_area {
	display: none;
	background-color: #F2FBFF;
	margin-top: 1.5rem;
}
.point .commission_area .form-group {
	margin-bottom: 0.15rem;
}
.point .commission_area .form-control[readonly] {
	font-size: 1.5rem;
	background-color: transparent;
	height: 1.5em;
	border-style: none none solid none;
	border-style: none;
	padding: 0 0.75rem;
} 
.point .commission_area .yen {
	position: absolute;
    top: 0.5rem;
    right: 0;
}
.point .commission_area .tax .form-control[readonly] {
	border-style: none;
	border-style: none none solid none;
}
.point .commission_area .amount label {
	font-size: 1.1rem;
	font-weight: bolder;
}
.point .commission_area .amount .form-control[readonly] {
	font-weight: bolder;
	border-style: none;
}
.point .commission_area .amount_divid {
	margin-top: 0;
	margin-bottom: 0;
    border-top: 1px double rgba(0,0,0,0.4);
}
.point .pay_exec {
	display: none;
}
.point .pay_exec .paymethod {
	display: none;
	margin-top: 1.5rem;
}
.point .guide {
	position: relative;
}
.point .guide .col_arrow {
	padding-right: 0;
}
.point .guide i {
	font-size: 2.5rem;
}
.point .guide .col_message {
	border: solid 1px #ccc;
	border-radius: 8px;
	padding: 0.3em;
}
.point .guide .col_message .subject {
    font-size: 1.2rem;
    font-weight: bolder;
	color: #007ea8;
}
.point .guide_paypal .col_message {
	margin-bottom: 2.5em;
}
.point .guide_paypal .col_arrow i {
	position:absolute;
    top: -1em;
    left: 1em;
    z-index: 1000;
}
.point .guide_creditcard .col_message {
    margin-top: -0.7em;
}
.point .guide_creditcard .col_arrow i {
	position:absolute;
    top: -1.3em;
    left: 1em;
    z-index: 1000;
}

.complete .performer {
	margin-top: 2rem;
}
.complete .event {
	margin-top: 2rem;
}

.confirm .content {
	white-space: pre-wrap;
}

.download a {
	font-size: 1.2rem;
	color: #0000ff;
	text-decoration: underline;
}
.static .h1 {
	font-size: 2.2rem;
}
.static p {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}
.static .command {
    font-size: 1.4rem;
}
.static .command a {
	font-size: inherit;
}
.static table tbody {
	color: #000;
}
.static.regulation table tbody tr th {
	width: 30%;
	font-size: 1.35rem;
	font-weight: normal;
}
.static.regulation table tbody tr td {
	font-size: 1.35rem;
	text-align: left;
}
.static dl {
    font-size: 1.25rem;
}
.static.privacy dl {
	font-size: 1.35rem;
	text-align: left;
    line-height: 1.7em;
}
.static.privacy .table  {
}
.static.regulation dl {
	font-size: 1.35rem;
}

.static.agreement .agreement_text em {
	color: #737373;
}

.static .plan_table tbody tr th {
	text-align: center;
	vertical-align: middle;
	font-size: 1.3rem;
}
.static .plan_table tbody tr td {
	text-align: center;
	vertical-align: middle;
}
.static .plan_table tbody tr td.plan {
	text-align: left;
}

.static.forlivehouse .select_plan {
	min-height: 10rem;
	padding-bottom: 4rem;
}
.static.forlivehouse .title {
	font-size: 2.5rem;
}
.static.forlivehouse .plan_table {
	font-size: 1.5rem;
	border: none;
}
.static.forlivehouse .plan_table.table-bordered td,
.static.forlivehouse .plan_table.table-bordered th {
    border: 1px solid #dee2e6;
}
.static.forlivehouse .command {
	font-size: 1.75rem;
}

.static.forlivehouse .plan_table.table-bordered tr:first-child th {
	border-top: none;
}
.static.forlivehouse .plan_table.table-bordered tr:last-child td {
	border-bottom: none;
}
.static.forlivehouse .plan_table.table-bordered th:first-child,
.static.forlivehouse .plan_table.table-bordered td:first-child {
	border-left: none;
}
.static.forlivehouse .plan_table.table-bordered th:last-child,
.static.forlivehouse .plan_table.table-bordered td:last-child {
	border-right: none;
}


.static.welcome {
	margin-left: -15px;
	margin-right: -15px;
}
.static.welcome .card {
	background-color: transparent;
	min-height: 30rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.static.welcome .card .card_container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.static.welcome .card .card-body {
	padding: 0;
}
@media (min-width: 415px) {	/* iPhone(幅414px以下)を含まない */
	.static.welcome .card .card-body {
		padding: 1.25rem;
	}
}
@media (min-width: 769px) {	/* ipad縦(幅768px)を含まない */
	.static.welcome .card .card_container {
		width: 720px:
	}
}
@media (min-width: 992px) {
	.static.welcome .card .card_container {
		width: 960px;
	}
}
@media (min-width: 1200px) {
	.static.welcome .card .card_container {
		width: 960px;
	}
}
.static.welcome .card .card-body.half {
	width: 100%;
}
@media (min-width: 768px) {
	.static.welcome .card .card-body.half {
		width: 83%;
		width: 597.6px; /* 720px * 83% */
	}
}
@media (min-width: 992px) {
	.static.welcome .card .card-body.half {
		width: 66%;
		width: 597.6px; /* 960px * 66% */
	}
}
@media (min-width: 1200px) {
	.static.welcome .card .card-body.half {
		width: 60%;
	}
}
@media (min-width: 1500px) {
	.static.welcome .card .card-body.half {
		width: 60%;
	}
}
.static.welcome .card-title {
    padding: 1.75rem;
    font-size: 2.75rem;
    background-color: #fff;
    color: #333;
    font-family: var(--gothic);
    font-weight: bolder;
	margin-bottom: 2rem;
}
.static.welcome .card_youcan {
	background-image: url('/img/home/static/welcome_youcan.png');
}
.static.welcome .card_youcan .card-title{
}
.static.welcome .card_movieplatform {
	background-color: #fff;
/*	background-image: url('/img/home/static/welcome_movieplatform.png');
    background-size: contain; */
}
.static.welcome .card_movieplatform .card-title {
	background-color: #000;
	color: #fff;
}
.static.welcome .card_movieplatform .sub_title {
    background-color: transparent;
	color: #000;
	font-size: 1.75rem;
	text-shadow: 0.3rem -0.05em 0.2rem #fff
}
.static.welcome .card_movieplatform .card-text {
	background-color: #fff;
    background-color: transparent;
	color: #000;
	font-size: 1.25rem;
	text-align: left;
	text-shadow: 0.3rem -0.05em 0.2rem #fff
}
.static.welcome .card_movieplatform .card_image {
	width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}
.static.welcome .card_movieplatform p {
	font-size: 1.3rem;
}
@media (min-width: 992px) {
	.static.welcome .card_movieplatform .card_image {
		width: 30%;
		position: absolute;
		right: 0;
		top: 10rem;
	}
}
@media (min-width: 1200px) {
	.static.welcome .card_movieplatform .card_image {
		width: 40%;
		position: absolute;
		right: 0;
		top: 5rem;
	}
}
.static.welcome .card_liveplatform {
	background-image: url('/img/home/static/welcome_liveplatform.png');
}
.static.welcome .card_environment {
	background-color: #fff;
}
.static.welcome .card_environment .card-title {
}
.static.welcome .card_environment .card_list{
	margin-top: 1.25rem;
	max-width: 95%;
	margin-left: auto;
}
@media (min-width: 576px) {
.static.welcome .card_environment .card_list{
	max-width: 85%;
}
}
.static.welcome .card_environment .card-text {
	background-color: #fff;
	color: #000;
	font-size: 1.25rem;
	text-align: left;
}
.static.welcome .card_environment .dl_title {
	font-size: 1.5rem;
	font-weight: bolder;
}
.static.welcome .card_environment .dl_body {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem;
	background-color: #000;
	color: #fff;	
}
.static.welcome .card_environment .dl_body dt {
}
.static.welcome .card_environment .dl_body dd {
	margin-left: 1.25rem;
	margin-bottom: 0.5rem;
}
.static.welcome .card_plan {
	background-image: url('/img/home/static/welcome_plan.png');
	text-shadow: 0.3rem -0.05em 0.2rem #000
}
.static.welcome .card_plan .plan_table tr th {
	border-bottom: solid 1px #aaa;
	font-size: 1.4rem;
}
.static.welcome .card_plan .plan_table tr td {
	font-size: 1.4rem;
}
@media (min-width: 415px) {	/* iPhone(幅414px以下)を含まない */
	.static.welcome .card_plan .plan_table tr th {
		font-size: 1.5rem;
	}
	.static.welcome .card_plan .plan_table tr td {
		font-size: 1.5rem;
	}
}
.static.welcome .card_plan .card-body {
}
.static.welcome .card_plan .card-title {
	background-color: transparent;
	color: #fff;
}
.static.welcome .card_plan .card-text {
	font-size: 1.25rem;
	text-align: left;
}
.static.welcome .card_plan .command {
	text-shadow: none;
}
.static.welcome .card_message {
	background-image: url('/img/home/static/welcome_message.png');
	text-shadow: 0.3rem -0.05em 0.2rem #000
}
.static.welcome .card_message .card-text p {
	font-size: 1.75rem;
	font-weight: bolder;
	line-height: 3rem;
}
@media (min-width: 576px) {
	.static.welcome .card_message .card-text p {
		font-size: 2.25rem;
	}
}
.static.welcome .card_message .command {
	text-shadow: none;
	font-size: 2.25rem;
}
.static.welcome .card .card_list {
	padding-left: 0;
	list-style: none;
}
.static.welcome .card .card_list li {
	text-align: left;
	padding-left: 2.5rem;
	font-size: 1.2rem;
    line-height: 3rem;
	background-repeat: no-repeat;
	background-position: left -0.2rem;
}
@media (min-width: 415px) {	/* iPhone(幅414px以下)を含まない */
	font-size: 1.3rem;
}

.static.welcome .card .list_dark li {
	background-image: url('/img/check_light.png');
}
.static.welcome .card .list_light li {
	background-image: url('/img/check_dark.png');
}



.static .faq .title {
/*	
	padding-bottom: 0.25rem;
	border-bottom: solid 1px #fff;
*/
}
.static .faq .title .guide {
	padding-top: 0.25rem;
	font-size: 0.95rem;
	color: #737373;
}
.static .faq .card {
	background-color: transparent;
	font-size: 1.25rem;
}
.static .faq .card-body {
	padding-top: 0;
}
.static .faq .card-title {
	margin-top: 1.2rem;
	margin-bottom: 0;
}
.static .faq .card-text {
/*	display: none; */
	padding-top: 0.5rem;
	border-top: solid 1px #737373;
	color: #000;
	font-weight: bolder;
}
.static .faq a {
	text-decoration: underline;
	color: #777;
	font-weight: bolder;
}