@charset "UTF-8";
#header {
	width: 100%;
}
#header.is-fixed {
	background: rgba(255, 255, 255, 0.85);
}
#header .in {
	width: 90%;
	max-width: 1460px;
	margin: auto;
	container-type: inline-size;
}
#header .inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding: 14px 0;
}
#header .inner .logo {
	width: 48cqw;
	max-width: 562px;
}
#header .inner .logo .hed_logo {
	margin-top: 7px;
	display: block;
}
#header .inner .logo h1 {
	text-align: left;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
#header .inner .txt {
	width: calc( 100% - 602px );
	padding-left: 40px;
	container-type: inline-size;
	transition: all .3s;
}
#header .inner .txt h2 {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 2px;
	letter-spacing: 0.1em;
	transition: all .3s;
}
#header .inner .txt p {
	font-size: 0.9em;
	line-height: 1.5em;
	transition: all .3s;
}
.st {
	color: #f19319;
}

.top_contents .in {
	width: 90%;
	max-width: 1460px;
	margin: auto;
	padding: 14px 0 30px;
}
.top_contents .in .c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.top_contents .in .c2 .ticket_info {
	width: calc( 50% - 3px );
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}
.top_contents .in .c2 .ticket_info .bk_txt {
	position: absolute;
	top: -14px;
	left: -14px;
}
.top_contents .in .c2 .ticket_info.nav_sell {
	background: #dbf1fa;
}
.top_contents .in .c2 .ticket_info.nav_buy {
	background: #ffebf2;
}
.top_contents .in .c2 .ticket_info .inner {
	padding: 44px 24px;
	margin: auto;
	text-align: center;
	position: relative;
}
.top_contents .in .c2 .ticket_info .inner h2 {
	text-align: center;
	margin-bottom: 24px;
}

.center {
	text-align: center;
	margin: auto;
}
a.btn01 {
	display: inline-block;
	position: relative;
	max-width: 400px;
	width: 100%;
	padding: 18px 0;
	color: #fff;
	transition: all .3s;
	border-radius: 6px;
}
a.btn01:hover {
	background: #f19319;
}a.btn02 {
	display: inline-block;
	position: relative;
	max-width: 400px;
	width: 100%;
	padding: 18px 0;
	color: #fff;
	transition: all .3s;
	border-radius: 6px;
	text-align: center;
}

a.btn02:hover {
	background: #f19319;
}
a.btn01:after {
	content: '';
	width:0;
	height:0;
	border-style:solid;
	border-width: 4px 4px 0 4px;
	border-color: #FFFFFF transparent transparent transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 14px;
}
a.btn01.btn_sell {
	background: #043c7e;
}
a.btn02.sell_entry {
	background: #043c7e;
}
a.btn02.buy_entry {
	background: #bc4444;
}
a.btn01.btn_buy {
	background: #bc4444;
}
a.btn02.all_price {
	background: #f19319;
}
a.btn02.buy_entry:hover,
a.btn02.sell_entry:hover,
a.btn01.btn_sell:hover,
a.btn01.btn_buy:hover {
	background: #f19319;
}
a.btn02.all_price:hover {
	background: #bc4444;
}
a.btn01 .btn_ttl {
	font-size: 1.85em;
	font-weight: 600;
	line-height: 1em;
}
a.btn01 .en {
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1em;
	display: block;
}
a.btn02 .btn_ttl {
	font-size: 1.85em;
	font-weight: 600;
	line-height: 1em;
}
a.btn02 .en {
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1em;
	display: block;
}
a.btn02 .btn_icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 18px;
}

.top_contents .ticket_info_annai {
	display: inline-block;
	margin: 34px auto 0;
}
.indent_ul li {
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 7px;
}
.TicketOnlin_btn {
	width: 108px;
	display: inline-block;
	margin: 0 4px;
	vertical-align: -webkit-baseline-middle;
}
.indent_ul li .TicketOnlin_btn {
	text-indent: 0;
}

.ttl_outher {
	text-align: center;
}
.ttl_outher h3 {
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1em;
}
.ttl_outher h3 .logo {
	vertical-align: -webkit-baseline-middle;
	width: 248px;
	margin-right: 4px;
}
.ttl_outher h2 {
	display: inline-block;
	position: relative;
	font-size: 3.8em;
	font-weight: 600;
	line-height: 1.5em;
}
.ttl_outher h2.en_ttl {
	line-height: 1em;
	margin: 7px 0;
}
.ttl_outher h2.en_ttl:first-letter {
	color: #f19319;
}
.ttl_outher h2:before {
	content: '';
	width: 1.5em;
	height: 1px;
	background: #1a1a1a;
	position: absolute;
	top: 50%;
	left: -2em;
}
.ttl_outher h2:after {
	content: '';
	width: 1.5em;
	height: 1px;
	background: #1a1a1a;
	position: absolute;
	top: 50%;
	right: -2em;
}
.ttl_outher h4 {
	text-align: center;
	line-height: 1em;
}

.contents {
	width: 100%;
	position: relative;
}
.contents .in {
	width: 90%;
	max-width: 1460px;
	margin: auto;
	padding: 60px 0;
}

.feature .feature_li {
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
}
.feature_li .feature_point {
	width: calc( 33.3% - 28px );
	margin-left: 42px;
	background: #f5f5f5;
	display: flex;
	border-radius: 4px;
}
.feature_li .feature_point:first-of-type {
	margin-left: 0;
}
 .feature_point dl {
	 margin: 24px;
	 padding: 24px;
	 background: #fff;
	 text-align: center;
	 border-radius: 6px;
 }
 .feature_point dd {
	 padding: 24px 0 0 0;
	 text-align: center;
 }

.z_in {
	position: relative;
}
.sell_contents .in {
	width: calc( 90% - 88px );
	max-width: calc( 1460px - 88px );
	background: #dbf1fa;
	position: relative;
	padding: 34px 44px 54px;
	border-radius: 8px;
}
.sell_contents .in .bk_txt {
    position: absolute;
    top: -14px;
    left: -14px;
}
.contents_ttl {
	text-align: center;
	margin-bottom: 34px;
}

.sell_buy .service {
	background: #ffff;
	border-radius: 6px;
	margin: 24px 0;
}
.sell_buy .service .inner {
	padding: 44px 24px;
}
.sell_buy .service .c2 {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 1px dashed #c7c7c7;
	padding-bottom: 34px;
	margin-bottom: 34px;
}
.sell_buy .service .c2 .icon {
	width: 142px;
}
.sell_buy .service .c2 .service_li {
	width: calc( 100% - 162px );
	margin-left: 20px;
	font-size: 1.35em;
	line-height: 1.5em;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.sell_buy .service .c2 .service_li li {
	margin-top: 10px;
	margin-left: 1em;
	text-indent: -1em;
}
.sell_buy .service .c2 .service_li li:first-of-type {
	margin-top: 0;
}
.sell_buy .service .c2 .service_li {
	color: #043c7e;
}

.st_color01 {
	color: #009bcc;
}

.btn_li ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.btn_li ul li {
	margin-left: 20px;
	max-width: 400px;
	width: calc( 50% - 10px );
}

.btn_li ul li p {
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: 14px;
}
.btn_li ul li:first-of-type {
	margin-left: 0;
}

.flow {
	margin-top: 64px;
}
.flow .c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 34px;
}
.flow .c2 .ph {
	width: 20%;
}
.buy_contents .flow .c2 .ph {
	width: 13%;
	margin: auto;
}
.flow .c2 .flow_li {
	width: 74%;
	background: #fff;
	border-radius: 8px;
}
.flow .c2 .flow_li .inner {
	padding: 34px;
}
.flow .bottom_link {
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: 14px;
}
a.link_txt {
	text-decoration: underline;
	color: #f19319;
	display: inline-block;
	transition: all .3s;
}
a.link_txt:hover {
	color: #bd1a21;
}

.outher_flow dl {
	margin-top: 64px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.outher_flow dt {
	width: 10em;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.5em;
	text-align: left;
}
.outher_flow dd {
	width: calc( 100% - 15em );
	border-left: 1px dashed #c7c7c7;
	padding-left: 2em;
}
.outher_flow dd .__c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.outher_flow dd .__c2 .ph {
	width: 22%;
	text-align: center;
}
.outher_flow dd .__c2 .txt {
	width: 74%;
}
.outher_flow dd .__c2 .txt h3 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.5em;
	color: #bd1a21;
	margin-bottom: 14px;
}
.outher_flow dd .indent_li.margin {
	margin: 10px 0;
}
.outher_flow dd .indent_li li {
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 10px;
}
.outher_flow dd .indent_li li:first-of-type {
	margin-top: 0;
}

.btn_mt {
	margin-top: 14px;
}
a.btn03 {
	display: inline-block;
	position: relative;
	min-width: 200px;
	padding: 10px 0;
	color: #fff;
	transition: all .3s;
	border-radius: 6px;
	background: #f19319;
	text-align: center;
}
a.btn03:hover {
	background: #bc4444;
}
a.btn03:after {
	content: '';
	width:0;
	height:0;
	border-style:solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #FFFFFF;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 14px;
}

.qa {
	margin-top: 64px;
	margin-bottom: 48px;
}
.qa .qa_li {
	margin-top: 34px;
}
.qa .qa_li dl {
	background: #fff;
	border-radius: 8px;
	padding: 24px;
	margin-top: 24px;
}
.qa .qa_li dl:first-of-type {
	margin-top: 0;
}
.qa .qa_li dl dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	border-bottom: 1px dashed #c7c7c7;
	padding-bottom: 14px;
	margin-bottom: 14px;
}
.qa .qa_li dl dt .icon {
	width: 62px;
}
.qa .qa_li dl dt .ttl {
	width: calc( 100% - 82px );
	font-size: 1.35em;
	font-weight: 600;
	line-height: 1.5em;
}
.qa .qa_li dl dd {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.qa .qa_li dl dd .icon {
	width: 62px;
}
.qa .qa_li dl dd .txt {
	width: calc( 100% - 82px );
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.5em;
}
.qa .bottom_link {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top:24px;
	font-weight: 500;
}

.buy_contents {
	margin-top: 64px;
}
.buy_contents .in {
	width: calc( 90% - 88px );
	max-width: calc( 1460px - 88px );
	background: #ffebf2;
	position: relative;
	padding: 34px 44px 54px;
	border-radius: 8px;
}
.buy_contents .in .bk_txt {
    position: absolute;
    top: -14px;
    left: -14px;
}
.sell_buy .service .c2 .service_li {
    text-align: left;
}
.buy_contents .ch_txt {
    display: inline-block;
    padding: 4px 14px;
    color: #fff;
    background: #043c7e;
    border-radius: 50px;
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 8px;
    transform: rotate(-2deg);
}
.buy_contents .service .TicketOnlin_btn {
    width: 140px;
    display: inline-block;
    margin: 0 4px;
    vertical-align: sub;
}
.st_color02 {
	color: #bd1a21;
}
.sell_buy .service .buy_c2 {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 34px;
}
.sell_buy .service .buy_c2 .icon {
    width: 54px;
}
.sell_buy .service .buy_c2 .service_li {
    width: calc(100% - 74px);
    margin-left: 20px;
    line-height: 1.5em;
}
.sell_buy .service .buy_c2 .service_li li {
	margin-top: 10px;
	margin-left: 1em;
	text-indent: -1em;
}
.sell_buy .service .buy_c2 .service_li li:first-of-type {
	margin-top: 0;
}
.service_li li a.link_txt {
	text-indent: 0;
}

.contents.f_contact {
	margin: 60px auto;
}
.f_contact .in {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0;
	border-top: 12px solid #f5f5f5;
	border-bottom: 12px solid #f5f5f5;
}
.f_contact .contact_li {
	width: 48%;
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
	pointer-events: none;
}

.f_contact .contact_li p {
    font-size: 1em;
}
.f_contact .contact_li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 3.2em;
	line-height: 1em;
	font-weight: 600;
	position: relative;
	color: #1a1a1a;
	transition: .35s;
	pointer-events: auto;
}
.f_contact .contact_li a:hover {
	color: #f19319;
}
.f_contact .contact_li a:hover .icon {
	filter: invert(52%) sepia(70%) saturate(661%) hue-rotate(353deg) brightness(109%) contrast(89%);
	transition: filter .3s ease-in-out; /* イージングをおとなしくかける */
}
.f_contact .contact_li.mail a {
	padding-right: 1em;
}
.f_contact .contact_li a .icon {
	margin-right: 0.25em;
	display: flex;
    align-items: center;
}
.f_contact .contact_li .s_txt {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 4px;
	letter-spacing: 0.05em;
}
.f_contact .contact_li ._inner {
	display: inline-block;
	margin: 0 auto;
	padding: 18px 0;
	position: relative;
}
.f_contact .contact_li.tel:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #eee;
	position: absolute;
	top: 0;
	left: -4%;
}
.mail_tel_ttl {
	font-size: 1.55em;
	font-weight: 600;
	line-height: 1.5em;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 34px;
}

.footer .in {
	width: 90%;
	max-width: 1460px;
	margin: auto;
	padding: 0 0 30px;	
}

.footer .in p {
	text-align: center;
	margin: 7px 0;
	font-size: 0.9em;
	line-height: 1.5em;
}
.footer .in h2 {
	text-align: center;	
	margin: 14px 0;
}
.addr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: left;
}
.addr h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-right: 7px;
	font-weight: 500;
}
.footer .in .addr p {
	text-align: left;
	margin: 0;
	
}
.footer .in .copyright {
	text-align: center;
	margin: 24px 0 0;
	
}