@charset "UTF-8";

/* CSS Document */
:root {
  --font-family-en: 'Roboto', sans-serif;
  --font-family-en-2: 'Arial', sans-serif;
  --font-family-en-3: 'Oswald', sans-serif;
  --font-family-M: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
  --font-family-J: 'Noto Sans JP', sans-serif;
  --red: #F80000;
  --orange: #FF8000;
  --blue: #39A1DD;
  --black: #000;
}


/* ミディアムデバイス (タブレット) のスタイル */
@media (max-width: 1024px) {
	
	.header{
	width: 100%;
	height: 80px;	
	background: rgb(213,238,245);
    background: linear-gradient(180deg, rgba(213,238,245,1) 0%, rgba(255,255,255,1) 100%);
	position: relative;
	padding-top: 18px;	
	}
	
	h3{
	width: 100%;
	height: 44px;
	background:url("../images/h3_cashless.png") no-repeat center center;
	background-size: contain;
	}
	.contents {
		width: 400px;
        position: relative;	
        padding-bottom: 40px;
    }
	
	#card_img{
		width: 400px;
		height: 354px;
		margin: 0px auto;
		position: relative;
	}
	.card_p{
		text-indent: -9999px;
		margin: 0 auto;
	}
	.card_p#card01{
		width: 228px;
		height: 102px;
		background:url("../images/cashless_logo.png") no-repeat center center / 100%;
	}
	.card_p#card02{
		width: 360px;
		height: 236px;
		background:url("../images/cashless_design.png") no-repeat center center / 100%;
	}
	#card_btn{
		width: 360px;
		margin: 0 auto 20px;
	}
	#card_btn li{
		width: 100%;
		height: 50px;
		text-align: left;
		font-family: var(--font-family-J);
		font-size: 20px;
		font-weight: 400;
		padding-left: 30px;
	}
	#card_btn li span{
		font-size: 24px;
		font-weight: 700;
	}
	#card_btn li:first-child{
		margin-left: 0px;
	}
	#card_btn li a{
		line-height: 50px;
		display: block;
		cursor: pointer;
		text-decoration: none;
		color: #fff;
	}
	#card_btn li:nth-child(1){
		background:url("../images/cashless_btn_bg02.png") no-repeat left top #4670E0;
		background-size: 96%;
		
	}
	#card_btn li:nth-child(2){
		background:url("../images/cashless_btn_bg02.png") no-repeat left top #D88D00;
		background-size: 96%;
		
	}
	#card_btn li:nth-child(3){
		background:url("../images/cashless_btn_bg02.png") no-repeat left top #E2368B;
		background-size: 96%;
		
	}
	#card_btn li:nth-child(4){
		background:url("../images/cashless_btn_bg02.png") no-repeat left top #8123C7;
		background-size: 96%;
		
	}
	#card_btn li:nth-child(5){
		background:url("../images/cashless_btn_bg02.png") no-repeat left top #23BCC7;
		background-size: 96%;
		
	}
	.card_point {
		width: 340px;
		margin: 0px auto 30px;
		gap:20px;
	}
	.card_point li{
		width: 340px;
		border-radius: 30px;
		background: #CEFF72;
		text-align: center;
		line-height: 140%;
		font-weight: 700;
		font-size: 18px;
		padding: 10px;
		text-align: center;
		margin-bottom: 10px;
	}
	.card_news{
		width: 360px;
		margin: 20px auto 30px;
		border: 1px solid #000;
		background:url("../images/card_news.png") no-repeat center 4px;
		background-size: 83px 46px;
		padding: 48px 10px 10px;
		font-size: 16px;
	}
	.card_news table{
		width: 340px;
		margin: 10px auto;
	}
	.card_news table th:first-child{
		background: #4670E0;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
	}
	.card_news table th:last-child{
		background: #666;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
	}
	.card_news table td:nth-child(1), .card_news table td:nth-child(2){
		text-align: center;
		color: #000;
		font-weight: 700;
		background: #D3DFFF;
		padding-bottom: 4px;
		width: 85px;
	}
	.card_news table td:nth-child(3), .card_news table td:nth-child(4){
		text-align: center;
		color: #000;
		font-weight: 700;
		background: #CCC;
		padding-bottom: 4px;
		width: 85px;
		font-size: 15px;
	}
	
	
	.cashless_con{
		width: 100%;
		padding: 0px;
		position: relative;
		padding-bottom: 20px;
	}
	
	.cashless_con#card_01{
		background: #4670E0;
	}
	.cashless_con#card_02{
		background: #D88D00;
	}
	.cashless_con#card_03{
		background: #E2368B;
	}
	.cashless_con#card_04{
		background: #8123C7;
	}
	.cashless_con#card_05{
		background: #23BCC7;
	}
	.cashless_con .num{
		width: 66px;
		height: 107px;
		position: absolute;
		top: 0px;
		left: 0px;
		text-indent: -9999px;
	}
	.cashless_con#card_01 .num{
		background:url("../images/cashless_num_01.png") no-repeat left top / 100%;
	}
	.cashless_con#card_02 .num{
		background:url("../images/cashless_num_02.png") no-repeat left top / 100%;
	}
	.cashless_con#card_03 .num{
		background:url("../images/cashless_num_03.png") no-repeat left top / 100%;
	}
	.cashless_con#card_04 .num{
		background:url("../images/cashless_num_04.png") no-repeat left top / 100%;
	}
	.cashless_con#card_05 .num{
		background:url("../images/cashless_num_05.png") no-repeat left top / 100%;
	}
	.cashless_con .card_tit{
		font-family: var(--font-family-J);
		font-weight: 700;
		font-size: 24px;
		line-height: 140%;
		color: #fff;
		text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		position: relative;
		z-index: 2;
		width: 100%;
		padding-left: 80px;
		padding-top: 20px;
	}
	.cashless_con .card_tit span{
		font-size: 30px;
	}
	.cashless_con .card_read{
		font-size: 16px;
		color: #fff;
		line-height: 140%;
        margin: 0 auto;
        width: 360px;
		position: relative;
		z-index: 2;
	}
	.cashless_con .card_read p{
		padding-left: 1rem;
		text-indent: -1rem;
	}
	.cashless_con#card_05 .card_read{
		font-weight: 600;
	}
	
	.cashless_con .card_read span{
		font-weight: 400;
		font-size: 16px;
	}
	.cashless_con#card_01 ul.card_btn02{
		width: 360px;
		height: 52px;
		margin: 10px auto;
	}
	.cashless_con#card_01 ul.card_btn02 li{
		width: 176px;
		height: 52px;
		border: 1px solid #fff;
		color: #fff;
		float: left;
		text-align: center;
		background:url("../images/cashless_pdf.png") no-repeat 20px 12px;
		background-size: 20px 26px;
		padding-left: 26px;
		font-size: 16px;
		font-weight: 600;
	}
	.cashless_con#card_01 ul.card_btn02 li:first-child{
		margin-right: 8px;
	}
	
	.cashless_con#card_01 ul.card_btn02 li a{
		color: #fff;
		line-height: 50px;
		display: block;
		text-decoration: none;
	}

	.cashless_con .star{
		width: 73px;
		height: 75px;
		position: absolute;
		top: 0px;
		right: 0px;
		background:url("../images/card_star.png") no-repeat top left / 100%;
		z-index: 1;
	}
	.cashless_con .card_right{
		width: 360px;
		color: #fff;
		margin: 20px auto 0;
	}
	.cashless_con .card_right dl{
		width: 360px;
	}
	.cashless_con .card_right dl:first-child{
		margin: 0 0 20px;
	}

	.cashless_con .card_right dl dt{
		width: 100%;
		height: 40px;
		font-size: 20px;
		line-height: 38px;
		background: rgba(255,255,255,0.2);
		text-align: center;
		font-weight: 600;
	}
	.cashless_con .card_right dl dd{
		background: #fff;
		color: #000;
		font-size: 16px;
		padding: 10px;
		line-height: 140%;
	}
	.cashless_con .card_right dl:nth-child(1) dd span{
		font-size: 18px;
		font-weight: 600;
		color:#4670E0;
	}
	.cashless_con .card_right dl:nth-child(2) dd span{
		font-size: 16px;
	}
	.c_read_wrap{
		width: 400px;
	}
	.c_read_wrap_tit{
		width: 100%;
		height: 40px;
		position: relative;
		padding-left: 95px;
		font-size: 20px;
		font-weight: 600;
		color: #000;
		background: #fff;
		line-height: 38px;
		margin: 20px 0px 10px;
		z-index: 2;
	}
	.c_read_wrap_tit .step{
		width: 80px;
		height: 40px;
		position: absolute;
		left:0px;
		top: 0px;
		text-align: center;
		font-weight: 400;
		font-size: 20px;
		font-family: var(--font-family-en);
	}
	.cashless_con#card_02 .c_read_wrap_tit .step{
		background: #573800;
		color: #fff;
	}
	.cashless_con#card_03 .c_read_wrap_tit .step{
		background: #A10653;
		color: #fff;
	}
	.cashless_con#card_04 .c_read_wrap_tit .step{
		background: #5F0986;
		color: #fff;
	}
	
	.c_read_wrap_tit .step span{
		font-weight: 700;
		font-size: 24px;
		margin-left: 4px;
	}
	.c_read_wrap_read{
		width: 360px;
		margin: 0 auto;
		position: relative;
		font-size: 16px;
		font-weight: 400;
		color: #FFF;
		line-height: 140%;
		z-index: 2;
	}
	.cashless_con .card_right2{
		width: 100%;
		position: relative;
		color: #fff;
		padding-top: 10px;
	}
	.cashless_con .card_right2 dl{
		width: 360px;
		margin: 0 auto;
	}
	.cashless_con .card_right2 dl:first-child{
		margin-bottom: 20px;
	}

	.cashless_con .card_right2 dl dt{
		width: 100%;
		height: 40px;
		font-size: 20px;
		line-height: 38px;
		background: #FFCE00;
		text-align: center;
		font-weight: 600;
		color: #573800;
	}
	.cashless_con .card_right2 dl dd{
		background: #fff;
		color: #000;
		font-size: 16px;
		padding: 10px;
		line-height: 160%;
		position: relative;
	}
	.cashless_con .card_right2 dl:nth-child(1) dd span{
		font-family: var(--font-family-en);
		font-size: 16px;
		font-weight: 600;
		color:#FFF;
		background: #D88D00;
		padding: 2px 7px ;
		border-radius: 50%;
		margin-right: 4px;
	}
	.cashless_con .card_right2 dl:nth-child(2) dd span{
		font-size: 16px;
		font-weight: 600;
		color:#D88D00;
	}
	
	.cashless_con .card_right2 dl:nth-child(2) dd{
		background:url("../images/card_tan02.png") no-repeat right 80px #fff;
		background-size: 130px 140px;
	}
	
	
	.cashless_con .card_right2, .card_end .card_small{
		font-size: 16px;
	}
	
	.card_map, .card_map_2{
		width: 84px;
		height: 44px;
		background:url("../images/card_map.png") no-repeat top left / 100%;
	}
	.card_map{
		position: absolute;
		top: 40px;
		right:10px;
	}
	.card_map_2{
		position: absolute;
		bottom: 8px;
		right: 140px;
	}
	.card_map a, .card_map_2 a{
		display: block;
		line-height: 44px;
		text-indent: -9999px;
	}
	#card_tan{
		width: 80px;
		height: 80px;
		background:url("../images/card_tan01.png") no-repeat top left / 100%;
		position: absolute;
		top: -30px;
		right: -3px;
	}

	.card_ban01{margin-top: 15px !important;}
	.card_ban01, .card_ban02{
		width: 360px;
		height: 202px;
		/* float: left; */
		margin: 10px auto 0;
	}
	
	.card_ban01 img, .card_ban02 img{
		width: 360px;
		height: 202px;
	}

	/*ポイント指定席付与詳細追加*/
	#card_03 .seat{
		width: 360px;
		margin: 15px auto 20px auto;
	}
	#card_03 .seat-item{
		background: #FFF;
		width: 100%;
		margin-bottom: 10px;
	}
	#card_03 .seat_mida{
		height: 40px;
		font-size: 20px;
		line-height: 40px;
		font-weight: bold;
		text-indent: 25px;
	}
	#card_03 .gold .seat_mida{
		background: url(../images/cashless_seat1_mida.svg) left center no-repeat;
		background-size: auto 40px;
	}
	#card_03 .platinum .seat_mida{
		background: url(../images/cashless_seat2_mida.svg) left center no-repeat;
		background-size: auto 40px;
	}
	.seat_point{
		padding:10px;
		font-size: 16px;
	}
	.seat_point .come{
		font-size: 12px;
	}
	.seat_point .bold,
	.seat_point .point{
		font-weight: bold;
	}
	.seat_point_mida{font-size: 18px; font-weight: bold;}
	.gold .seat_point_mida,
	.gold .point{color: #D88D00;}
	.platinum .seat_point_mida,
	.platinum .point{color: #1BB6BA;}
	
	.cashless_con#card_04 .card_read{
		padding-left: 0px;
		width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.cashless_con#card_04 ul{
		width: 360px;
		margin: 10px auto 0;
	}
	.cashless_con#card_04 ul li{
		width: 360px;
		height: 74px;
		background: url("../images/card_point_01.png") no-repeat top left #fff;
		background-size: 100%;
		text-align: center;
		font-weight: 600;
		font-size: 18px;
		margin: 10px auto 0;
	}
	.cashless_con#card_04 ul li p{
		color: #8123C7;
		height: 40px;
		padding-top: 4px;
	}
	.cashless_con#card_04 ul li span{
		font-family: var(--font-family-en-3);
		font-weight: 700;
		font-size: 22px;
		margin-right: 2px;
	}
	.cashless_con#card_04 ul li img{
		width: 20px;
		height: 20px;
		margin: 2px 4px 0 0;
	}

	.cashless_con#card_04 .c_read_wrap_tit img{
		width: 20px;
		height: 20px;
		vertical-align: -1px;
		margin-right: 2px;
	}
	.cashless_con#card_04 .c_read_wrap_tit span.c_b, .cashless_con#card_04 .c_read_wrap_tit span.c_s{
		color: #8123C7;
	}
	.cashless_con#card_04 .c_read_wrap_tit span.c_b{
		font-family: var(--font-family-en-3);
		font-weight: 700;
		font-size: 22px;
		margin-right: 2px;
	}
	.cashless_con#card_03 .card_line_2,
	.cashless_con#card_04 .card_line_2{
		height: 76px;
		line-height: 36px;
		line-height: 28px;
		padding-top: 10px;
	}
	.cashless_con#card_03 .card_line_2 .step,
	.cashless_con#card_04 .card_line_2 .step{
		height: 76px;
		line-height: 74px;
	}
	
	
	.cashless_con#card_04 .card_mida{
		width: 360px;
		height: 40px;
		background: #BE67FF;
		border-radius: 20px;
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		line-height: 38px;
		text-align: center;
		margin: 14px auto -4px;
	}
	.cashless_con#card_04 .card_naka{
		width: 360px;
		margin: 10px auto 0;
	}
	.cashless_con#card_04 .card_end{
		width: 360px;
		margin: 10px auto 0;
	}
	.card_rank01, .card_rank02{
		width: 100%;
		height: 44px;
		line-height: 48px;
		font-size: 20px;
		font-weight: 700;
		padding-left: 60px;
		color: #FFF;
	}
	.card_rank01{
		background: url("../images/card_rank01.png") no-repeat left 6px;
		background-size: 54px 38px;
	}
	.card_rank01_read{
		font-size: 16px;
		font-weight: 400;
		color: #FFF;
		line-height: 140%;
		padding-bottom: 20px;
	}
	.card_rank02{
		background: url("../images/card_rank02.png") no-repeat top left;
		background-size: 54px 38px;
		line-height: 36px;
	}
	
	
	
	.card_rank01 span{
		font-family: var(--font-family-en-3);
		font-weight: 700;
		font-size: 24px;
		vertical-align: -2px;
		margin-left: 4px;
	}
	.card_rank02 span{
		background: #FFF;
		font-size: 14px;
		color: #8123C7;
		padding: 4px 4px;
		border-radius: 16px;
		margin-left: 4px;
		vertical-align: 2px;
	}
	.card_rank03{
		width: 100%;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		font-weight: 700;
		padding-left: 60px;
		color: #FFF;
		background: url("../images/card_rank03.png") no-repeat top left;
		background-size: 54px 30px;
		margin-top: 10px;
	}
	
	dl#gift{
		width: 360px;
		height: 90px;
		margin: 10px auto;
	}
	dl#gift dt, dl#gift dd{
		float: left;
		position: relative;
	}
	dl#gift dt{
		border: 1px solid #fff;
		/* width: 104px; */
		width: 166px;
		height: 90px;
		z-index: 1;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: #fff;
		line-height: 20px;
		padding-top: 10px;
	}
	/* dl#gift dt:nth-child(1){
		padding-top:24px; 
	} */
	dl#gift dt:last-child{
		padding-top:30px; 
	}
	
	dl#gift dt span{
		font-size: 12px;
	}
	dl#gift dd{
		width: 30px;
		height: 30px;
		background: #fff;
		color: #8123C7;
		line-height: 30px;
		text-align: center;
		margin: 30px -5px 0;
		border-radius: 20px;
		font-weight: 700;
		z-index: 2;
	}
	.card_rank02_read{
		width: 360px;
		font-size: 16px;
		font-weight: 400;
		color: #FFF;
		line-height: 130%;
		margin: 0 auto;
	}
	.cashless_con#card_04 .card_end dl{
		width: 100%;
	}
	.cashless_con#card_04 .card_end dl:first-child{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.cashless_con#card_04 .card_end dl dt{
		width: 100%;
		height: 40px;
		font-size: 20px;
		line-height: 38px;
		background: #E5D3F4;
		text-align: center;
		font-weight: 600;
		color: #000;
	}
	.cashless_con#card_04 .card_end dl dd{
		background: #fff;
		color: #000;
		font-size: 16px;
		padding: 10px;
		line-height: 160%;
	}
	.cashless_con#card_04 .card_end dl dd span{
		background: #E5D3F4;
		padding: 2px 6px;
		margin-right: 4px;
	}

	/*グッズ追加*/

	.cashless_con#card_04 .point_goods ul{
		display: flex;
		width: 380px;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 10px;
		gap: 10px;
	}
	.cashless_con#card_04 .point_goods ul li{
		width:180px;
		float: none;
		margin: 0;
		height: 140px;
		background:url(../images/card_point_02.svg) center top -30px #FFF no-repeat;
	}
	.cashless_con#card_04 .point_goods ul li p{
		margin-top: 8px;
        margin-bottom: 35px;
	}
	.cashless_con#card_04 .point_goods ul li p.l2{
		margin-top: 8px;
        margin-bottom:25px;
	}
	
	#image_tab{
		width: 240px;
    	height: 336px;
		background: url("../images/img_tab.png") no-repeat top left / 100%;
		margin: 20px auto 0;
	}

	.rank_mem{
		background: #5F0986;
		margin-top: 50px;
		color: #FFF;
	}

	.r_head{margin-bottom: 20px;padding: 15px;}

	.rank_mem .tit{
		font-size:20px;
		font-weight: 800;
		text-align: center;
		border-bottom: 1px solid #FFF;
		line-height: 1.25em;
		margin-bottom: 10px;
		padding-bottom: 15px;
	}
	.rank_mem .tit i{background: url(../images/card_crown.svg) center center no-repeat; width: 78px; height: 44px; display: block; margin: 0 auto 10px auto;} 
	.rank_mem .tit span{font-size: 20px; display: inline-block;}
	.rank_mem .lead{ font-size: 16px; font-weight: bold;}
	.rank_mem .lead p.chu{ margin-top: 10px; font-size: 12px; text-decoration: underline; font-weight: normal;}
	.rank_mem td{ border-right: 1px solid #BFBFBF;}
	
	.rank_mem .san{background: rgba(255,255,255,0.3); text-align: center; border-radius: 100vmax; font-size: 12px; padding: 10px 0; width: 380px; margin: 0 auto 20px auto;}
	.rank_mem table {
		width: 100%;
		border-collapse: collapse;
		background: white;
		color: #000;
		font-size: 16px;
		margin-bottom: 15px;
		border: 1px solid #FFF;
	}
	.rank_mem th,
	.rank_mem td {
		text-align: center;
		position: relative;
	}
	.rank_mem td .come{
		font-size: 8px;
	}

	.rank_mem table td{font-size: 10px; font-weight: 500; line-height: 1.2em; padding: 6px 0;}
	.rank_mem table td:nth-child(1){font-weight: 700; font-size: 12px;}
	.rank_mem table td span{
		font-weight: bold;
		font-size: 16px;
	}

	.rank_mem .purple td:nth-child(1){color: #5F0986;}

	.rank_mem table tr:nth-child(2) td:nth-child(n+2){
		padding: 40px 0 25px 0;
		/* background: #23BCC7; */
	}

	.rank_mem th {
		background-color: #ddd;
		font-weight: bold;
		font-size: 18px;
	}

	.rank_mem th.mida{
		background: #5F0986;
		color: #FFF;
		text-align: center;
		font-size: 12px;
	}

	.rank_mem th.mida span{
		display:block;
		background: #FFF;
		color: #5F0986;
		border-radius: 100vmax;
		margin-right: 10px;
		width: 80%;
		margin: 0 auto
	}

	.rank_mem .rank-header {
		position: relative;
		font-size: 10px;
		color: #000;
		font-size: 20px;
		background-color: #E5E5E5;
		width: 68px;
	}
	.rank_mem .rank-header::before{
		content: '';
		width: 100%;
		position: absolute;
		bottom: -17px;
		background: #E5E5E5;
		height: 18px;
		left: 0;
		clip-path: polygon(50% 100%, 0 0, 100% 0);
		-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
	}
	.rank_mem .rank-header p{
		position: relative;
		/* top: 210px; */
		font-size: 12px;
		line-height: 1.2em;
	}
	.rank_mem .rank-header i{background: url(../images/card_crown_mini.svg) center center no-repeat; width: 40px; height: 30px; display: block; margin: 0 auto 5px auto;}

	.rank_mem .bronze { background-color: #c07d40;}
	.rank_mem .gold { background-color: #e4b400;}
	.rank_mem .diamond { background-color: #89c2c9;}
	.rank_mem .platinum { background-color: #b0c4de;}

	.rank_mem .bronze::before { background-color: #c07d40;}
	.rank_mem .gold::before { background-color: #e4b400;}
	.rank_mem .diamond::before { background-color: #89c2c9;}
	.rank_mem .platinum::before { background-color: #b0c4de;}

	.rank_mem table tr:nth-child(odd){background: #EEEEEE;}

	.rank_mem .chui{
		font-size: 16px;
		width: 100%;
		padding-bottom: 15px;
		height: auto !important;
	}
	.cashless_con#card_04 .rank_mem .chui li{
		width: auto;
		height: auto;
		float: none;
		background: none;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom: 5px;
	}
	.cashless_con#card_04 .rank_mem .chui li span{
		text-decoration: underline;
		font-size: 14px;
		font-weight: normal;
	}


}

/* ラージデバイス (デスクトップ) のスタイル */
@media (min-width: 1025px) {
	.contents{
		width: 94.8%;
		padding-bottom: 40px;
	}
	
	.header{
	width: 100%;
	height: 110px;
	background: rgb(213,238,245);
    background: linear-gradient(180deg, rgba(213,238,245,1) 0%, rgba(255,255,255,1) 100%);
	position: relative;
	}
	
	h3{
	width: 100%;
	height: 110px;
	background:url("../images/h3_cashless.png") no-repeat center center;
	background-size: 444px 57px;
	}
	
	#card_img{
		width: 1400px;
		height: 414px;
		margin: 0px auto;
		position: relative;
	}
	.card_p{
		text-indent: -9999px;
		width: 668px;
		height: 414px;
		float: left;
	}
	.card_p#card01{
		background:url("../images/cashless_logo.png") no-repeat center center / 100%;
	}
	.card_p#card02{
		background:url("../images/cashless_design.png") no-repeat center center / 100%;
		margin-left: 64px;
	}
	
	.card_point {
		width: 1600px;
		height: 80px;
		margin: 20px auto 30px;
		display: flex;
		gap:20px;
	}
	.card_point li{
		width: 520px;
		border-radius: 40px;
		background: #CEFF72;
		text-align: center;
		line-height: 80px;
		font-weight: 700;
		font-size: 22px;
	}
	.card_news{
		width: 1400px;
		height: 210px;
		margin: 20px auto 30px;
		border: 1px solid #000;
		background:url("../images/card_news.png") no-repeat 20px 10px;
		background-size: 146px 76px;
		padding-left: 180px;
		padding-top: 14px;
		font-size: 18px;
	}
	.card_news table{
		width: 1060px;
		margin: 10px 0;
	}
	.card_news table th:first-child{
		background: #4670E0;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
	}
	.card_news table th:last-child{
		background: #666;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
	}
	.card_news table td:nth-child(1), .card_news table td:nth-child(2){
		text-align: center;
		color: #000;
		font-weight: 700;
		background: #D3DFFF;
		padding-bottom: 4px;
	}
	.card_news table td:nth-child(3), .card_news table td:nth-child(4){
		text-align: center;
		color: #000;
		font-weight: 700;
		background: #CCC;
		padding-bottom: 4px;
	}
	
	#card_btn{
		width: 1400px;
		height: 126px;
		margin: 20px auto;
	}
	#card_btn li{
		width: 272px;
		height: 126px;
		float: left;
		margin-left: 10px;
		text-align: center;
		font-family: var(--font-family-J);
		font-size: 28px;
		font-weight: 400;
		line-height: 34px;
	}
	#card_btn li span{
		font-size: 34px;
		font-weight: 700;
	}
	#card_btn li:first-child{
		margin-left: 0px;
	}
	#card_btn li:hover{
		opacity: 0.7;
		transition: 0.3s all;
	}
	#card_btn li a{
		padding: 20px 0 36px;
		display: block;
		cursor: pointer;
		text-decoration: none;
		color: #fff;
	}
	#card_btn li:nth-child(1){
		background:url("../images/cashless_btn_bg01.png") no-repeat left top #4670E0;
		background-size: 149px 129px;
		
	}
	#card_btn li:nth-child(2){
		background:url("../images/cashless_btn_bg01.png") no-repeat left top #D88D00;
		background-size: 149px 129px;
		
	}
	#card_btn li:nth-child(3){
		background:url("../images/cashless_btn_bg01.png") no-repeat left top #E2368B;
		background-size: 149px 129px;
		
	}
	#card_btn li:nth-child(4){
		background:url("../images/cashless_btn_bg01.png") no-repeat left top #8123C7;
		background-size: 149px 129px;
		
	}
	#card_btn li:nth-child(5){
		background:url("../images/cashless_btn_bg01.png") no-repeat left top #23BCC7;
		background-size: 149px 129px;
		
	}
	
	.cashless_con{
		width: 100%;
		padding: 40px 72px 40px 272px;
		position: relative;
		min-height: 346px;
	}
	
	.cashless_con#card_01{
		background: #4670E0;
		height: 450px;
	}
	.cashless_con#card_02{
		background: #D88D00;
	}
	.cashless_con#card_03{
		background: #E2368B;
	}
	.cashless_con#card_04{
		background: #8123C7;
        padding-bottom: 80px;
	}
	.cashless_con#card_05{
		background: #23BCC7;
	}
	.cashless_con .num{
		width: 212px;
		height: 346px;
		position: absolute;
		top: 0px;
		left: 44px;
		text-indent: -9999px;
	}
	.cashless_con#card_01 .num{
		background:url("../images/cashless_num_01.png") no-repeat left top / 100%;
	}
	.cashless_con#card_02 .num{
		background:url("../images/cashless_num_02.png") no-repeat left top / 100%;
	}
	.cashless_con#card_03 .num{
		background:url("../images/cashless_num_03.png") no-repeat left top / 100%;
	}
	.cashless_con#card_04 .num{
		background:url("../images/cashless_num_04.png") no-repeat left top / 100%;
	}
	.cashless_con#card_05 .num{
		background:url("../images/cashless_num_05.png") no-repeat left top / 100%;
	}
	.cashless_con .card_tit{
		font-family: var(--font-family-J);
		font-weight: 700;
		font-size: 44px;
		line-height: 54px;
		color: #fff;
		text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
		position: relative;
		z-index: 2;
		width: 700px;
	}
	.cashless_con .card_tit span{
		font-size: 54px;
	}
	.cashless_con .card_read{
		font-size: 20px;
		color: #fff;
		line-height: 28px;
		padding-top: 10px;
		padding-left: 6px;
		/* width: 700px; */
		width: 100%;
	}
	.cashless_con#card_05 .card_read{
		font-weight: 600;
	}
	
		.cashless_con .card_read .chui{
			background: #a10606;
			padding: 5px 10px;
			display: block;
			width: 100%;
			color: yellow;
		}
	.cashless_con .card_read span{
		font-weight: 400;
		font-size: 16px;
	}
	.cashless_con#card_01 ul.card_btn02{
		width: 628px;
		height: 84px;
		margin-top: 20px;
	}
	.cashless_con#card_01 ul.card_btn02 li{
		width: 304px;
		height: 80px;
		border: 1px solid #fff;
		color: #fff;
		float: left;
		text-align: center;
		background:url("../images/cashless_pdf.png") no-repeat 40px 16px;
		background-size: 36px 46px;
		padding-left: 46px;
		font-size: 28px;
		font-weight: 600;
	}
	.cashless_con#card_01 ul.card_btn02 li:first-child{
		margin-right: 20px;
	}
	
	.cashless_con#card_01 ul.card_btn02 li a{
		color: #fff;
		line-height: 76px;
		display: block;
		text-decoration: none;
	}
	.cashless_con#card_01 ul.card_btn02 li a:hover{
		opacity: 0.7;
		transition: 0.3s all;
	}
	.cashless_con .star{
		width: 124px;
		height: 128px;
		position: absolute;
		top: 14px;
		left: 780px;
		background:url("../images/card_star.png") no-repeat top left / 100%;
		z-index: 1;
	}
	.cashless_con .card_right{
		width: 790px;
		position: absolute;
		right:78px;
		top:20px;
		color: #fff;
	}
	.cashless_con .card_right dl{
		float: left;
		width: 385px;
	}
	.cashless_con .card_right dl:first-child{
		margin-right: 20px;
	}
	.cashless_con .card_right dl dt{
		width: 100%;
		height: 60px;
		font-size: 24px;
		line-height: 58px;
		background: rgba(255,255,255,0.2);
		text-align: center;
		font-weight: 600;
	}
	.cashless_con .card_right dl dd{
		background: #fff;
		height: 350px;
		color: #000;
		font-size: 18px;
		padding-top: 20px;
		padding-left: 20px;
		line-height: 140%;
	}
	.cashless_con .card_right dl:nth-child(1) dd span{
		font-size: 20px;
		font-weight: 600;
		color:#4670E0;
	}
	.cashless_con .card_right dl:nth-child(2) dd span{
		font-size: 16px;
	}
	.c_read_wrap{
		width: 1470px;
	}
	.c_read_wrap_tit{
		width: 100%;
		height: 50px;
		position: relative;
		padding-left: 140px;
		font-size: 30px;
		font-weight: 600;
		color: #000;
		background: #fff;
		line-height: 48px;
		margin: 30px 0px 10px;
		z-index: 2;
	}
	.c_read_wrap_tit .step{
		width: 120px;
		height: 50px;
		position: absolute;
		left:0px;
		top: 0px;
		text-align: center;
		font-weight: 400;
		font-size: 24px;
		font-family: var(--font-family-en);
	}
	
	.cashless_con#card_02 .c_read_wrap_tit .step{
		background: #573800;
		color: #fff;
	}
	.cashless_con#card_03 .c_read_wrap_tit .step{
		background: #A10653;
		color: #fff;
	}
	.cashless_con#card_04 .c_read_wrap_tit .step{
		background: #5F0986;
		color: #fff;
	}
	
	.c_read_wrap_tit .step span{
		font-weight: 700;
		font-size: 34px;
		margin-left: 4px;
	}
	.c_read_wrap_read{
		width: 100%;
		position: relative;
		font-size: 22px;
		font-weight: 400;
		color: #FFF;
		line-height: 140%;
		z-index: 2;
	}
	.cashless_con .card_right2{
		width: 100%;
		position: relative;
		color: #fff;
		padding-top: 10px;
	}
	.cashless_con .card_right2 dl{
		float: left;
		width: 790px;
	}
	.cashless_con .card_right2 dl:first-child{
		width: 650px;
		margin-right: 30px;
	}
	.cashless_con .card_right2 dl dt{
		width: 100%;
		height: 60px;
		font-size: 24px;
		line-height: 58px;
		background: #FFCE00;
		text-align: center;
		font-weight: 600;
		color: #573800;
	}
	.cashless_con .card_right2 dl dd{
		background: #fff;
		height: 350px;
		color: #000;
		font-size: 22px;
		padding-top: 20px;
		padding-left: 20px;
		line-height: 180%;
		padding-bottom: 350px;
	}
	.cashless_con .card_right2 dl:nth-child(1) dd span{
		font-family: var(--font-family-en);
		font-size: 24px;
		font-weight: 600;
		color:#FFF;
		background: #D88D00;
		padding: 3px 10px ;
		border-radius: 50%;
		margin-right: 6px;
	}
	.cashless_con .card_right2 dl:nth-child(2) dd span{
		font-size: 24px;
		font-weight: 600;
		color:#D88D00;
	}
	
	.cashless_con .card_right2 dl:nth-child(2) dd{
		background:url("../images/card_tan02.png") no-repeat right 20px #fff;
		background-size: 250px 287px;
	}
	
	
	.cashless_con .card_right2 .card_small, .card_small{
		font-size: 16px;
	}
	.card_map, .card_map_2{
		width: 154px;
		height: 70px;
		background:url("../images/card_map.png") no-repeat top left / 100%;
	}
	.card_map{
		position: absolute;
		top: 134px;
		/* right: 260px; */
		right: 230px;
	}
	.card_map_2{
		position: absolute;
		bottom: 54px;
		/* right: 260px; */
		right: 230px;
	}
	.card_map a, .card_map_2 a{
		display: block;
		line-height: 70px;
		text-indent: -9999px;
	}
	#card_tan{
		width: 220px;
		height: 220px;
		background:url("../images/card_tan01.png") no-repeat top left / 100%;
		position: absolute;
		top: -85px;
		right: -3px;
	}

	.card_ban01, .card_ban02{
		width: 720px;
		height: 404px;
		float: left;
		margin-top: 20px;
	}
	.card_ban02{
		margin-left: 30px;
	}
	
	.card_ban01 img, .card_ban02 img{
		width: 720px;
		height: 404px;
	}

	/*ポイント指定席付与詳細追加*/
	#card_03 .seat{
		display: flex;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#card_03 .seat-item{
		background: #FFF;
		width: 720px;
	}
	#card_03 .seat_mida{
		height: 60px;
		font-size: 28px;
		line-height: 54px;
		font-weight: bold;
		text-indent: 25px;
	}
	#card_03 .gold .seat_mida{
		background: url(../images/cashless_seat1_mida.svg) left center no-repeat;
	}
	#card_03 .platinum .seat_mida{
		background: url(../images/cashless_seat2_mida.svg) left center no-repeat;
	}
	.seat_point{
		padding:30px;
		font-size: 22px;
	}
	.seat_point .come{
		font-size: 16px;
	}
	.seat_point .bold,
	.seat_point .point{
		font-weight: bold;
	}
	.seat_point_mida{font-size: 22px; font-weight: bold;}
	.gold .seat_point_mida,
	.gold .point{color: #D88D00;}
	.platinum .seat_point_mida,
	.platinum .point{color: #1BB6BA;}

	.cashless_con#card_04 ul{
		width: 100%;
		height: 122px;
		margin-top: 10px;
	}
	.cashless_con#card_04 ul li{
		width: 474px;
		height: 112px;
		float: left;
		background: url("../images/card_point_01.png") no-repeat top left #fff;
		background-size: 100%;
		text-align: center;
		font-weight: 600;
		font-size: 28px;
		margin-right: 24px;
	}
	.cashless_con#card_04 ul li:last-child{
		margin-right: 0px;
	}
	.cashless_con#card_04 ul li p{
		color: #8123C7;
		height: 57px;
	}
	.cashless_con#card_04 ul li span{
		font-family: var(--font-family-en-3);
		font-weight: 700;
		font-size: 37px;
		margin-right: 2px;
	}
	.cashless_con#card_04 ul li img{
		width: 34px;
		height: 34px;
		margin: 2px 4px 0 0;
	}

	.cashless_con#card_04 .c_read_wrap_tit img{
		width: 34px;
		height: 34px;
		vertical-align: -1px;
		margin-right: 4px;
	}
	.cashless_con#card_04 .c_read_wrap_tit span.c_b, .cashless_con#card_04 .c_read_wrap_tit span.c_s{
		color: #8123C7;
	}
	.cashless_con#card_04 .c_read_wrap_tit span.c_b{
		font-family: var(--font-family-en-3);
		font-weight: 700;
		font-size: 37px;
		margin-right: 2px;
	}
	
	.cashless_con#card_04 .card_mida{
		float: left;
		width: 210px;
		height: 540px;
		background: #BE67FF;
		border-radius: 30px;
		color: #fff;
		font-size: 30px;
		font-weight: 600;
		line-height: 34px;
		text-align: center;
		padding-top: 220px;
		margin-top: 20px;
	}
	.cashless_con#card_04 .card_naka{
		float: left;
		width: 728px;
		width: 690px;
		height: 500px;
		margin-top: 20px;
		margin-left: 30px;
	}
	.cashless_con#card_04 .card_end{
		float: left;
		width: 510px;
		/* height: 500px; */
		/* margin-top: 20px; */
		margin-left: 30px;
	}

	/*グッズ追加*/
	.point_goods{
		/* overflow: hidden; */
		padding-bottom: 0;
	}
	.cashless_con#card_04 .point_goods ul{
		display: flex;
		height: 200px;
		width: 100%;
		justify-content: space-between;
		margin-bottom: 5px;
		margin-top: 20px;
	}
	.cashless_con#card_04 .point_goods ul li{
		width: 288px;
		float: none;
		margin: 0;
		height: 200px;
		background:url(../images/card_point_02.svg);
	}
	.cashless_con#card_04 .point_goods ul li p{
		margin-top: 12px;
        margin-bottom: 55px;
	}
	.cashless_con#card_04 .point_goods ul li p.l2{
		margin-top: 12px;
        margin-bottom: 40px;
	}

	.card_rank01, .card_rank02{
		width: 100%;
		height: 60px;
		line-height: 60px;
		font-size: 44px;
		font-weight: 700;
		padding-left: 100px;
		color: #FFF;
	}
	.card_rank01{
		background: url("../images/card_rank01.png") no-repeat left 6px;
		height: 66px;
	}
	.card_rank01_read{
		padding-left: 100px;
		font-size: 22px;
		font-weight: 400;
		color: #FFF;
		line-height: 140%;
		padding-bottom: 20px;
	}
	.card_rank02{
		background: url("../images/card_rank02.png") no-repeat top left;
	}
	.card_rank01 span{
		font-family: var(--font-family-en-3);
		font-weight: 700;
		font-size: 50px;
		vertical-align: -2px;
		margin-left: 4px;
	}
	.card_rank02 span{
		background: #FFF;
		font-size: 22px;
		color: #8123C7;
		padding: 4px 10px;
		border-radius: 20px;
		margin-left: 10px;
		vertical-align: 4px;
	}
	
	.card_rank03{
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 32px;
		font-weight: 700;
		padding-left: 100px;
		color: #FFF;
		background: url("../images/card_rank03.png") no-repeat top left;
		background-size: 86px 40px;
		margin-top: 10px;
	}
	dl#gift{
		width: 100%;
		height: 128px;
		padding-left: 100px;
		margin: 10px 0;
	}
	dl#gift dt, dl#gift dd{
		float: left;
		position: relative;
	}
	dl#gift dt{
		border: 1px solid #fff;
		/* width: 190px; */
		width: 255px;
		height: 128px;
		z-index: 1;
		text-align: center;
		font-size: 30px;
		font-weight: 700;
		color: #fff;
		line-height: 36px;
	}
	/* dl#gift dt:nth-child(1){
		padding-top:30px; 
	} */
	dl#gift dt:last-child{
		padding-top:44px; 
	}
	
	dl#gift dt span{
		font-size: 20px;
	}
	dl#gift dd{
		width: 40px;
		height: 40px;
		background: #fff;
		color: #8123C7;
		line-height: 40px;
		text-align: center;
		margin: 44px -10px 0;
		border-radius: 20px;
		font-weight: 700;
		z-index: 2;
	}
	.card_rank02_read{
		padding-left: 100px;
		font-size: 18px;
		font-weight: 400;
		color: #FFF;
		line-height: 140%;
	}
	.cashless_con#card_04 .card_end dl{
		width: 100%;
	}
	.cashless_con#card_04 .card_end dl:first-child{
		margin-bottom: 15px;
		margin-top: 30px;
	}
	
	.cashless_con#card_04 .card_end dl dt{
		width: 100%;
		height: 60px;
		font-size: 24px;
		line-height: 58px;
		background: #E5D3F4;
		text-align: center;
		font-weight: 600;
		color: #000;
	}
	.cashless_con#card_04 .card_end dl dd{
		background: #fff;
		color: #000;
		font-size: 22px;
		padding-top: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
		line-height: 180%;
	}
	.cashless_con#card_04 .card_end dl dd span{
		background: #E5D3F4;
		padding: 2px 10px;
		margin-right: 8px;
	}
	#image_tab{
		width: 226px;
		height: 317px;
		background: url("../images/img_tab.png") no-repeat top left / 100%;
		position: absolute;
		top: 10px;
		right: 260px;
	}


	.rank_mem{
		background: #5F0986;
		margin-top: 50px;
		color: #FFF;
		padding: 45px;
	}

	.r_head{display: flex; align-items: center; margin-bottom: 30px;}

	.rank_mem .tit{
		font-size:40px;
		font-weight: 800;
		width: 300px;
		text-align: center;
		border-right: 1px solid #FFF;
		line-height: 1.25em;
		margin-right: 30px;
	}
	.rank_mem .tit i{background: url(../images/card_crown.svg) center center no-repeat; width: 78px; height: 44px; display: block; margin: 0 auto 10px auto;} 
	.rank_mem .tit span{font-size: 30px; margin-top: -5px; display: block;}
	.rank_mem .lead{ font-size: 20px; font-weight: bold;}
	.rank_mem .lead p.chu{ margin-top: 15px; font-size: 18px; text-decoration: underline; font-weight: normal;}
	.rank_mem td{ border-right: 1px solid #BFBFBF;}
	
	.rank_mem .san{ height: 50px; line-height: 50px; background: rgba(255,255,255,0.3); text-align: center; border-radius: 100vmax; margin-bottom: 20px;}
	.rank_mem table {
		width: 100%;
		border-collapse: collapse;
		background: white;
		color: #000;
		font-size: 16px;
		margin-bottom: 15px;
		border: 1px solid #FFF;
	}
	.rank_mem th,
	.rank_mem td {
		padding: 12px;
		text-align: center;
		position: relative;
	}
	.rank_mem td .come{
		font-size: 12px;
	}

	.rank_mem table td{font-size: 20px; font-weight: 500; line-height: 1.2em; padding: 20px 0;}
	.rank_mem table td:nth-child(1){font-weight: 700;}
	.rank_mem table td span{
		font-weight: bold;
		font-size: 30px;
	}

	.rank_mem .purple td:nth-child(1){color: #5F0986;}

	.rank_mem table tr:nth-child(2) td:nth-child(n+2){
		padding: 40px 0 25px 0;
		/* background: #23BCC7; */
	}

	.rank_mem th {
		background-color: #ddd;
		font-weight: bold;
		font-size: 18px;
	}

	.rank_mem th.mida{
		background: #5F0986;
		color: #FFF;
		font-size: 20px;
	}

	.rank_mem th.mida span{
		display: inline-block;
		background: #FFF;
		color: #5F0986;
		border-radius: 100vmax;
		padding: 0 10px;
		margin-right: 10px;
	}

	.rank_mem .rank-header {
		position: relative;
		width: 220px;
		height: 20px;
		color: #000;
		font-size: 26px;
		background-color: #E5E5E5;
	}
	.rank_mem .rank-header::before{
		content: '';
		width: 100%;
		position: absolute;
		bottom: -17px;
		background: #E5E5E5;
		height: 18px;
		left: 0;
		clip-path: polygon(50% 100%, 0 0, 100% 0);
		-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
	}
	.rank_mem .rank-header p{
		position: relative;
		top: 10px;
		margin-top: -15px;
	}
	.rank_mem .rank-header i{background: url(../images/card_crown_mini.svg) center center no-repeat; width: 78px; height: 30px; display: block; margin: 0 auto -5px auto;}

	.rank_mem .bronze { background-color: #c07d40;}
	.rank_mem .gold { background-color: #e4b400;}
	.rank_mem .diamond { background-color: #89c2c9;}
	.rank_mem .platinum { background-color: #b0c4de;}

	.rank_mem .bronze::before { background-color: #c07d40;}
	.rank_mem .gold::before { background-color: #e4b400;}
	.rank_mem .diamond::before { background-color: #89c2c9;}
	.rank_mem .platinum::before { background-color: #b0c4de;}

	.rank_mem table tr:nth-child(odd){background: #EEEEEE;}

	.rank_mem .chui{
		font-size: 16px;
		height: auto !important;
	}
	.cashless_con#card_04 .rank_mem .chui li{
		width: auto;
		height: auto;
		float: none;
		background: none;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom: 8px;
	}
	.cashless_con#card_04 .rank_mem .chui li span{
		text-decoration: underline;
		font-size: 16px;
		font-weight: normal;
	}

}